@wordpress/components 19.2.3 → 19.4.1-next.f435e9e01b.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 (1000) hide show
  1. package/CHANGELOG.md +74 -5
  2. package/CONTRIBUTING.md +1 -1
  3. package/LICENSE.md +1 -1
  4. package/README.md +8 -4
  5. package/build/angle-picker-control/index.js +2 -0
  6. package/build/angle-picker-control/index.js.map +1 -1
  7. package/build/base-control/index.js +2 -3
  8. package/build/base-control/index.js.map +1 -1
  9. package/build/base-control/styles/base-control-styles.js +23 -13
  10. package/build/base-control/styles/base-control-styles.js.map +1 -1
  11. package/build/base-field/hook.js +1 -1
  12. package/build/base-field/hook.js.map +1 -1
  13. package/build/box-control/styles/box-control-styles.js +9 -9
  14. package/build/box-control/styles/box-control-styles.js.map +1 -1
  15. package/build/button/deprecated.js +2 -1
  16. package/build/button/deprecated.js.map +1 -1
  17. package/build/button/index.js +2 -1
  18. package/build/button/index.js.map +1 -1
  19. package/build/button/index.native.js +13 -3
  20. package/build/button/index.native.js.map +1 -1
  21. package/build/card/card/component.js +1 -1
  22. package/build/card/card/component.js.map +1 -1
  23. package/build/card/card/hook.js +1 -1
  24. package/build/card/card/hook.js.map +1 -1
  25. package/build/card/card-body/hook.js +1 -1
  26. package/build/card/card-body/hook.js.map +1 -1
  27. package/build/card/card-divider/hook.js +1 -1
  28. package/build/card/card-divider/hook.js.map +1 -1
  29. package/build/card/card-footer/hook.js +1 -1
  30. package/build/card/card-footer/hook.js.map +1 -1
  31. package/build/card/card-header/hook.js +1 -1
  32. package/build/card/card-header/hook.js.map +1 -1
  33. package/build/card/card-media/hook.js +1 -1
  34. package/build/card/card-media/hook.js.map +1 -1
  35. package/build/checkbox-control/index.js +1 -1
  36. package/build/checkbox-control/index.js.map +1 -1
  37. package/build/circular-option-picker/index.js +2 -0
  38. package/build/circular-option-picker/index.js.map +1 -1
  39. package/build/clipboard-button/index.js +1 -2
  40. package/build/clipboard-button/index.js.map +1 -1
  41. package/build/color-indicator/index.js +2 -0
  42. package/build/color-indicator/index.js.map +1 -1
  43. package/build/color-palette/index.js +2 -0
  44. package/build/color-palette/index.js.map +1 -1
  45. package/build/color-palette/index.native.js +4 -2
  46. package/build/color-palette/index.native.js.map +1 -1
  47. package/build/color-picker/color-display.js +4 -2
  48. package/build/color-picker/color-display.js.map +1 -1
  49. package/build/color-picker/color-input.js.map +1 -1
  50. package/build/color-picker/component.js +2 -5
  51. package/build/color-picker/component.js.map +1 -1
  52. package/build/color-picker/hex-input.js +3 -1
  53. package/build/color-picker/hex-input.js.map +1 -1
  54. package/build/color-picker/input-with-slider.js +3 -1
  55. package/build/color-picker/input-with-slider.js.map +1 -1
  56. package/build/color-picker/use-deprecated-props.js +2 -0
  57. package/build/color-picker/use-deprecated-props.js.map +1 -1
  58. package/build/confirm-dialog/component.js +107 -0
  59. package/build/confirm-dialog/component.js.map +1 -0
  60. package/build/confirm-dialog/index.js +16 -0
  61. package/build/confirm-dialog/index.js.map +1 -0
  62. package/build/confirm-dialog/styles.js +30 -0
  63. package/build/confirm-dialog/styles.js.map +1 -0
  64. package/build/confirm-dialog/types.js +6 -0
  65. package/build/confirm-dialog/types.js.map +1 -0
  66. package/build/custom-gradient-picker/index.js +1 -0
  67. package/build/custom-gradient-picker/index.js.map +1 -1
  68. package/build/date-time/date.js +63 -86
  69. package/build/date-time/date.js.map +1 -1
  70. package/build/date-time/time.js +1 -1
  71. package/build/date-time/time.js.map +1 -1
  72. package/build/date-time/utils.js +32 -0
  73. package/build/date-time/utils.js.map +1 -0
  74. package/build/divider/component.js +8 -7
  75. package/build/divider/component.js.map +1 -1
  76. package/build/divider/styles.js +38 -13
  77. package/build/divider/styles.js.map +1 -1
  78. package/build/drop-zone/index.js +14 -6
  79. package/build/drop-zone/index.js.map +1 -1
  80. package/build/drop-zone/provider.js +1 -0
  81. package/build/drop-zone/provider.js.map +1 -1
  82. package/build/dropdown/index.js +3 -3
  83. package/build/dropdown/index.js.map +1 -1
  84. package/build/elevation/hook.js +5 -5
  85. package/build/elevation/hook.js.map +1 -1
  86. package/build/external-link/styles/external-link-styles.js +5 -5
  87. package/build/external-link/styles/external-link-styles.js.map +1 -1
  88. package/build/flex/flex/hook.js +4 -4
  89. package/build/flex/flex/hook.js.map +1 -1
  90. package/build/flyout/styles.js +2 -2
  91. package/build/flyout/styles.js.map +1 -1
  92. package/build/focusable-iframe/index.js +1 -0
  93. package/build/focusable-iframe/index.js.map +1 -1
  94. package/build/form-token-field/suggestions-list.js +75 -81
  95. package/build/form-token-field/suggestions-list.js.map +1 -1
  96. package/build/grid/hook.js +2 -2
  97. package/build/grid/hook.js.map +1 -1
  98. package/build/heading/component.js +0 -1
  99. package/build/heading/component.js.map +1 -1
  100. package/build/higher-order/with-focus-outside/index.js +2 -0
  101. package/build/higher-order/with-focus-outside/index.js.map +1 -1
  102. package/build/icon/index.js +0 -1
  103. package/build/icon/index.js.map +1 -1
  104. package/build/index.js +8 -0
  105. package/build/index.js.map +1 -1
  106. package/build/input-control/index.js.map +1 -1
  107. package/build/input-control/input-base.js +0 -1
  108. package/build/input-control/input-base.js.map +1 -1
  109. package/build/input-control/input-field.js.map +1 -1
  110. package/build/input-control/reducer/actions.js +0 -1
  111. package/build/input-control/reducer/actions.js.map +1 -1
  112. package/build/input-control/reducer/reducer.js.map +1 -1
  113. package/build/input-control/reducer/state.js +0 -1
  114. package/build/input-control/reducer/state.js.map +1 -1
  115. package/build/input-control/styles/input-control-styles.js +51 -37
  116. package/build/input-control/styles/input-control-styles.js.map +1 -1
  117. package/build/item-group/item/component.js +0 -1
  118. package/build/item-group/item/component.js.map +1 -1
  119. package/build/item-group/item/hook.js +1 -2
  120. package/build/item-group/item/hook.js.map +1 -1
  121. package/build/item-group/item-group/component.js +0 -1
  122. package/build/item-group/item-group/component.js.map +1 -1
  123. package/build/mobile/bottom-sheet/bottom-sheet-context.native.js +3 -1
  124. package/build/mobile/bottom-sheet/bottom-sheet-context.native.js.map +1 -1
  125. package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js +4 -12
  126. package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js.map +1 -1
  127. package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js +23 -5
  128. package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js.map +1 -1
  129. package/build/mobile/bottom-sheet/cell.native.js +3 -5
  130. package/build/mobile/bottom-sheet/cell.native.js.map +1 -1
  131. package/build/mobile/bottom-sheet/index.native.js +16 -16
  132. package/build/mobile/bottom-sheet/index.native.js.map +1 -1
  133. package/build/mobile/bottom-sheet/link-suggestion-item-cell.native.js +10 -3
  134. package/build/mobile/bottom-sheet/link-suggestion-item-cell.native.js.map +1 -1
  135. package/build/mobile/bottom-sheet/range-text-input.native.js +2 -3
  136. package/build/mobile/bottom-sheet/range-text-input.native.js.map +1 -1
  137. package/build/mobile/color-settings/index.native.js +6 -2
  138. package/build/mobile/color-settings/index.native.js.map +1 -1
  139. package/build/mobile/color-settings/palette.screen.native.js +12 -6
  140. package/build/mobile/color-settings/palette.screen.native.js.map +1 -1
  141. package/build/mobile/color-settings/utils.native.js +9 -3
  142. package/build/mobile/color-settings/utils.native.js.map +1 -1
  143. package/build/mobile/global-styles-context/utils.native.js +1 -1
  144. package/build/mobile/global-styles-context/utils.native.js.map +1 -1
  145. package/build/mobile/gridicons/index.native.js +3 -1
  146. package/build/mobile/gridicons/index.native.js.map +1 -1
  147. package/build/mobile/keyboard-avoiding-view/index.ios.js +6 -8
  148. package/build/mobile/keyboard-avoiding-view/index.ios.js.map +1 -1
  149. package/build/mobile/link-picker/index.native.js +47 -4
  150. package/build/mobile/link-picker/index.native.js.map +1 -1
  151. package/build/mobile/link-picker/link-picker-screen.native.js +18 -5
  152. package/build/mobile/link-picker/link-picker-screen.native.js.map +1 -1
  153. package/build/mobile/link-settings/index.native.js +13 -1
  154. package/build/mobile/link-settings/index.native.js.map +1 -1
  155. package/build/mobile/readable-content-view/index.native.js +2 -2
  156. package/build/mobile/readable-content-view/index.native.js.map +1 -1
  157. package/build/mobile/utils/use-is-floating-keyboard.native.js +2 -2
  158. package/build/mobile/utils/use-is-floating-keyboard.native.js.map +1 -1
  159. package/build/mobile/utils/use-unit-converter-to-mobile.native.js +2 -2
  160. package/build/mobile/utils/use-unit-converter-to-mobile.native.js.map +1 -1
  161. package/build/modal/aria-helper.js +2 -0
  162. package/build/modal/aria-helper.js.map +1 -1
  163. package/build/modal/index.js +18 -20
  164. package/build/modal/index.js.map +1 -1
  165. package/build/navigator/context.js +5 -1
  166. package/build/navigator/context.js.map +1 -1
  167. package/build/navigator/navigator-provider/component.js +42 -22
  168. package/build/navigator/navigator-provider/component.js.map +1 -1
  169. package/build/navigator/navigator-screen/component.js +57 -29
  170. package/build/navigator/navigator-screen/component.js.map +1 -1
  171. package/build/navigator/use-navigator.js +8 -8
  172. package/build/navigator/use-navigator.js.map +1 -1
  173. package/build/notice/index.native.js +2 -2
  174. package/build/notice/index.native.js.map +1 -1
  175. package/build/palette-edit/index.js +8 -3
  176. package/build/palette-edit/index.js.map +1 -1
  177. package/build/palette-edit/styles.js +11 -13
  178. package/build/palette-edit/styles.js.map +1 -1
  179. package/build/placeholder/index.js +4 -4
  180. package/build/placeholder/index.js.map +1 -1
  181. package/build/range-control/styles/range-control-styles.js +29 -29
  182. package/build/range-control/styles/range-control-styles.js.map +1 -1
  183. package/build/resizable-box/index.js.map +1 -1
  184. package/build/resizable-box/resize-tooltip/index.js.map +1 -1
  185. package/build/resizable-box/resize-tooltip/label.js +0 -1
  186. package/build/resizable-box/resize-tooltip/label.js.map +1 -1
  187. package/build/sandbox/index.native.js +5 -5
  188. package/build/sandbox/index.native.js.map +1 -1
  189. package/build/scrollable/hook.js +1 -1
  190. package/build/scrollable/hook.js.map +1 -1
  191. package/build/select-control/styles/select-control-styles.js +33 -9
  192. package/build/select-control/styles/select-control-styles.js.map +1 -1
  193. package/build/slot-fill/bubbles-virtually/fill.js +11 -2
  194. package/build/slot-fill/bubbles-virtually/fill.js.map +1 -1
  195. package/build/spacer/component.js +0 -1
  196. package/build/spacer/component.js.map +1 -1
  197. package/build/spinner/index.js +44 -5
  198. package/build/spinner/index.js.map +1 -1
  199. package/build/spinner/index.native.js +4 -2
  200. package/build/spinner/index.native.js.map +1 -1
  201. package/build/spinner/styles.js +56 -0
  202. package/build/spinner/styles.js.map +1 -0
  203. package/build/style-provider/index.js +2 -0
  204. package/build/style-provider/index.js.map +1 -1
  205. package/build/surface/hook.js +1 -1
  206. package/build/surface/hook.js.map +1 -1
  207. package/build/text/get-line-height.js +0 -1
  208. package/build/text/get-line-height.js.map +1 -1
  209. package/build/text/hook.js +5 -5
  210. package/build/text/hook.js.map +1 -1
  211. package/build/tip/index.js +4 -8
  212. package/build/tip/index.js.map +1 -1
  213. package/build/toggle-group-control/toggle-group-control/component.js +9 -14
  214. package/build/toggle-group-control/toggle-group-control/component.js.map +1 -1
  215. package/build/toggle-group-control/toggle-group-control/styles.js +3 -14
  216. package/build/toggle-group-control/toggle-group-control/styles.js.map +1 -1
  217. package/build/toggle-group-control/toggle-group-control-option/component.js +0 -1
  218. package/build/toggle-group-control/toggle-group-control-option/component.js.map +1 -1
  219. package/build/toggle-group-control/toggle-group-control-option/styles.js +8 -8
  220. package/build/toggle-group-control/toggle-group-control-option/styles.js.map +1 -1
  221. package/build/tools-panel/styles.js +12 -10
  222. package/build/tools-panel/styles.js.map +1 -1
  223. package/build/tools-panel/tools-panel/component.js +6 -9
  224. package/build/tools-panel/tools-panel/component.js.map +1 -1
  225. package/build/tools-panel/tools-panel/hook.js +51 -44
  226. package/build/tools-panel/tools-panel/hook.js.map +1 -1
  227. package/build/tools-panel/tools-panel-header/component.js +0 -1
  228. package/build/tools-panel/tools-panel-header/component.js.map +1 -1
  229. package/build/tools-panel/tools-panel-header/hook.js +3 -3
  230. package/build/tools-panel/tools-panel-header/hook.js.map +1 -1
  231. package/build/tools-panel/tools-panel-item/component.js +0 -1
  232. package/build/tools-panel/tools-panel-item/component.js.map +1 -1
  233. package/build/tools-panel/tools-panel-item/hook.js +9 -3
  234. package/build/tools-panel/tools-panel-item/hook.js.map +1 -1
  235. package/build/tree-grid/index.js +13 -6
  236. package/build/tree-grid/index.js.map +1 -1
  237. package/build/truncate/hook.js +2 -2
  238. package/build/truncate/hook.js.map +1 -1
  239. package/build/ui/shortcut/component.js +0 -1
  240. package/build/ui/shortcut/component.js.map +1 -1
  241. package/build/ui/utils/font-size.js +0 -1
  242. package/build/ui/utils/font-size.js.map +1 -1
  243. package/build/ui/utils/get-valid-children.js +0 -1
  244. package/build/ui/utils/get-valid-children.js.map +1 -1
  245. package/build/unit-control/index.js +0 -1
  246. package/build/unit-control/index.js.map +1 -1
  247. package/build/unit-control/styles/unit-control-styles.js +23 -41
  248. package/build/unit-control/styles/unit-control-styles.js.map +1 -1
  249. package/build/unit-control/unit-select-control.js.map +1 -1
  250. package/build/utils/colors-values.js +6 -3
  251. package/build/utils/colors-values.js.map +1 -1
  252. package/build/utils/config-values.js +1 -4
  253. package/build/utils/config-values.js.map +1 -1
  254. package/build/utils/hooks/use-combined-ref.js.map +1 -1
  255. package/build/utils/hooks/use-latest-ref.js +0 -1
  256. package/build/utils/hooks/use-latest-ref.js.map +1 -1
  257. package/build/z-stack/component.js +0 -1
  258. package/build/z-stack/component.js.map +1 -1
  259. package/build/z-stack/styles.js +10 -8
  260. package/build/z-stack/styles.js.map +1 -1
  261. package/build-module/angle-picker-control/index.js +2 -0
  262. package/build-module/angle-picker-control/index.js.map +1 -1
  263. package/build-module/base-control/index.js +3 -4
  264. package/build-module/base-control/index.js.map +1 -1
  265. package/build-module/base-control/styles/base-control-styles.js +20 -12
  266. package/build-module/base-control/styles/base-control-styles.js.map +1 -1
  267. package/build-module/base-field/hook.js +1 -1
  268. package/build-module/base-field/hook.js.map +1 -1
  269. package/build-module/box-control/styles/box-control-styles.js +9 -9
  270. package/build-module/box-control/styles/box-control-styles.js.map +1 -1
  271. package/build-module/button/deprecated.js +2 -1
  272. package/build-module/button/deprecated.js.map +1 -1
  273. package/build-module/button/index.js +2 -1
  274. package/build-module/button/index.js.map +1 -1
  275. package/build-module/button/index.native.js +13 -3
  276. package/build-module/button/index.native.js.map +1 -1
  277. package/build-module/card/card/component.js +1 -1
  278. package/build-module/card/card/component.js.map +1 -1
  279. package/build-module/card/card/hook.js +1 -1
  280. package/build-module/card/card/hook.js.map +1 -1
  281. package/build-module/card/card-body/hook.js +1 -1
  282. package/build-module/card/card-body/hook.js.map +1 -1
  283. package/build-module/card/card-divider/hook.js +1 -1
  284. package/build-module/card/card-divider/hook.js.map +1 -1
  285. package/build-module/card/card-footer/hook.js +1 -1
  286. package/build-module/card/card-footer/hook.js.map +1 -1
  287. package/build-module/card/card-header/hook.js +1 -1
  288. package/build-module/card/card-header/hook.js.map +1 -1
  289. package/build-module/card/card-media/hook.js +1 -1
  290. package/build-module/card/card-media/hook.js.map +1 -1
  291. package/build-module/checkbox-control/index.js +1 -1
  292. package/build-module/checkbox-control/index.js.map +1 -1
  293. package/build-module/circular-option-picker/index.js +1 -0
  294. package/build-module/circular-option-picker/index.js.map +1 -1
  295. package/build-module/clipboard-button/index.js +1 -2
  296. package/build-module/clipboard-button/index.js.map +1 -1
  297. package/build-module/color-indicator/index.js +1 -0
  298. package/build-module/color-indicator/index.js.map +1 -1
  299. package/build-module/color-palette/index.js +1 -0
  300. package/build-module/color-palette/index.js.map +1 -1
  301. package/build-module/color-palette/index.native.js +4 -2
  302. package/build-module/color-palette/index.native.js.map +1 -1
  303. package/build-module/color-picker/color-display.js +3 -2
  304. package/build-module/color-picker/color-display.js.map +1 -1
  305. package/build-module/color-picker/color-input.js.map +1 -1
  306. package/build-module/color-picker/component.js +2 -4
  307. package/build-module/color-picker/component.js.map +1 -1
  308. package/build-module/color-picker/hex-input.js +2 -1
  309. package/build-module/color-picker/hex-input.js.map +1 -1
  310. package/build-module/color-picker/input-with-slider.js +2 -1
  311. package/build-module/color-picker/input-with-slider.js.map +1 -1
  312. package/build-module/color-picker/use-deprecated-props.js +3 -2
  313. package/build-module/color-picker/use-deprecated-props.js.map +1 -1
  314. package/build-module/confirm-dialog/component.js +87 -0
  315. package/build-module/confirm-dialog/component.js.map +1 -0
  316. package/build-module/confirm-dialog/index.js +6 -0
  317. package/build-module/confirm-dialog/index.js.map +1 -0
  318. package/build-module/confirm-dialog/styles.js +25 -0
  319. package/build-module/confirm-dialog/styles.js.map +1 -0
  320. package/build-module/confirm-dialog/types.js +2 -0
  321. package/build-module/confirm-dialog/types.js.map +1 -0
  322. package/build-module/custom-gradient-picker/index.js +1 -0
  323. package/build-module/custom-gradient-picker/index.js.map +1 -1
  324. package/build-module/date-time/date.js +63 -87
  325. package/build-module/date-time/date.js.map +1 -1
  326. package/build-module/date-time/time.js +1 -1
  327. package/build-module/date-time/time.js.map +1 -1
  328. package/build-module/date-time/utils.js +20 -0
  329. package/build-module/date-time/utils.js.map +1 -0
  330. package/build-module/divider/component.js +9 -8
  331. package/build-module/divider/component.js.map +1 -1
  332. package/build-module/divider/styles.js +37 -13
  333. package/build-module/divider/styles.js.map +1 -1
  334. package/build-module/drop-zone/index.js +14 -6
  335. package/build-module/drop-zone/index.js.map +1 -1
  336. package/build-module/drop-zone/provider.js +1 -0
  337. package/build-module/drop-zone/provider.js.map +1 -1
  338. package/build-module/dropdown/index.js +3 -3
  339. package/build-module/dropdown/index.js.map +1 -1
  340. package/build-module/elevation/hook.js +5 -5
  341. package/build-module/elevation/hook.js.map +1 -1
  342. package/build-module/external-link/styles/external-link-styles.js +5 -5
  343. package/build-module/external-link/styles/external-link-styles.js.map +1 -1
  344. package/build-module/flex/flex/hook.js +4 -4
  345. package/build-module/flex/flex/hook.js.map +1 -1
  346. package/build-module/flyout/styles.js +2 -2
  347. package/build-module/flyout/styles.js.map +1 -1
  348. package/build-module/focusable-iframe/index.js +1 -0
  349. package/build-module/focusable-iframe/index.js.map +1 -1
  350. package/build-module/form-token-field/suggestions-list.js +73 -79
  351. package/build-module/form-token-field/suggestions-list.js.map +1 -1
  352. package/build-module/grid/hook.js +2 -2
  353. package/build-module/grid/hook.js.map +1 -1
  354. package/build-module/heading/component.js +0 -1
  355. package/build-module/heading/component.js.map +1 -1
  356. package/build-module/higher-order/with-focus-outside/index.js +1 -0
  357. package/build-module/higher-order/with-focus-outside/index.js.map +1 -1
  358. package/build-module/icon/index.js +0 -1
  359. package/build-module/icon/index.js.map +1 -1
  360. package/build-module/index.js +1 -0
  361. package/build-module/index.js.map +1 -1
  362. package/build-module/input-control/index.js +1 -1
  363. package/build-module/input-control/index.js.map +1 -1
  364. package/build-module/input-control/input-base.js +0 -1
  365. package/build-module/input-control/input-base.js.map +1 -1
  366. package/build-module/input-control/input-field.js +1 -1
  367. package/build-module/input-control/input-field.js.map +1 -1
  368. package/build-module/input-control/reducer/actions.js +0 -1
  369. package/build-module/input-control/reducer/actions.js.map +1 -1
  370. package/build-module/input-control/reducer/reducer.js +1 -1
  371. package/build-module/input-control/reducer/reducer.js.map +1 -1
  372. package/build-module/input-control/reducer/state.js +0 -1
  373. package/build-module/input-control/reducer/state.js.map +1 -1
  374. package/build-module/input-control/styles/input-control-styles.js +51 -37
  375. package/build-module/input-control/styles/input-control-styles.js.map +1 -1
  376. package/build-module/item-group/item/component.js +0 -1
  377. package/build-module/item-group/item/component.js.map +1 -1
  378. package/build-module/item-group/item/hook.js +1 -2
  379. package/build-module/item-group/item/hook.js.map +1 -1
  380. package/build-module/item-group/item-group/component.js +0 -1
  381. package/build-module/item-group/item-group/component.js.map +1 -1
  382. package/build-module/mobile/bottom-sheet/bottom-sheet-context.native.js +3 -1
  383. package/build-module/mobile/bottom-sheet/bottom-sheet-context.native.js.map +1 -1
  384. package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js +5 -13
  385. package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js.map +1 -1
  386. package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js +23 -5
  387. package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js.map +1 -1
  388. package/build-module/mobile/bottom-sheet/cell.native.js +3 -3
  389. package/build-module/mobile/bottom-sheet/cell.native.js.map +1 -1
  390. package/build-module/mobile/bottom-sheet/index.native.js +16 -13
  391. package/build-module/mobile/bottom-sheet/index.native.js.map +1 -1
  392. package/build-module/mobile/bottom-sheet/link-suggestion-item-cell.native.js +10 -4
  393. package/build-module/mobile/bottom-sheet/link-suggestion-item-cell.native.js.map +1 -1
  394. package/build-module/mobile/bottom-sheet/range-text-input.native.js +2 -2
  395. package/build-module/mobile/bottom-sheet/range-text-input.native.js.map +1 -1
  396. package/build-module/mobile/color-settings/index.native.js +6 -2
  397. package/build-module/mobile/color-settings/index.native.js.map +1 -1
  398. package/build-module/mobile/color-settings/palette.screen.native.js +12 -6
  399. package/build-module/mobile/color-settings/palette.screen.native.js.map +1 -1
  400. package/build-module/mobile/color-settings/utils.native.js +7 -3
  401. package/build-module/mobile/color-settings/utils.native.js.map +1 -1
  402. package/build-module/mobile/global-styles-context/utils.native.js +1 -1
  403. package/build-module/mobile/global-styles-context/utils.native.js.map +1 -1
  404. package/build-module/mobile/gridicons/index.native.js +1 -0
  405. package/build-module/mobile/gridicons/index.native.js.map +1 -1
  406. package/build-module/mobile/keyboard-avoiding-view/index.ios.js +6 -6
  407. package/build-module/mobile/keyboard-avoiding-view/index.ios.js.map +1 -1
  408. package/build-module/mobile/link-picker/index.native.js +50 -7
  409. package/build-module/mobile/link-picker/index.native.js.map +1 -1
  410. package/build-module/mobile/link-picker/link-picker-screen.native.js +13 -5
  411. package/build-module/mobile/link-picker/link-picker-screen.native.js.map +1 -1
  412. package/build-module/mobile/link-settings/index.native.js +12 -1
  413. package/build-module/mobile/link-settings/index.native.js.map +1 -1
  414. package/build-module/mobile/readable-content-view/index.native.js +2 -2
  415. package/build-module/mobile/readable-content-view/index.native.js.map +1 -1
  416. package/build-module/mobile/utils/use-is-floating-keyboard.native.js +2 -2
  417. package/build-module/mobile/utils/use-is-floating-keyboard.native.js.map +1 -1
  418. package/build-module/mobile/utils/use-unit-converter-to-mobile.native.js +2 -2
  419. package/build-module/mobile/utils/use-unit-converter-to-mobile.native.js.map +1 -1
  420. package/build-module/modal/aria-helper.js +2 -0
  421. package/build-module/modal/aria-helper.js.map +1 -1
  422. package/build-module/modal/index.js +16 -19
  423. package/build-module/modal/index.js.map +1 -1
  424. package/build-module/navigator/context.js +5 -1
  425. package/build-module/navigator/context.js.map +1 -1
  426. package/build-module/navigator/navigator-provider/component.js +43 -24
  427. package/build-module/navigator/navigator-provider/component.js.map +1 -1
  428. package/build-module/navigator/navigator-screen/component.js +57 -32
  429. package/build-module/navigator/navigator-screen/component.js.map +1 -1
  430. package/build-module/navigator/use-navigator.js +8 -8
  431. package/build-module/navigator/use-navigator.js.map +1 -1
  432. package/build-module/notice/index.native.js +2 -2
  433. package/build-module/notice/index.native.js.map +1 -1
  434. package/build-module/palette-edit/index.js +8 -3
  435. package/build-module/palette-edit/index.js.map +1 -1
  436. package/build-module/palette-edit/styles.js +11 -12
  437. package/build-module/palette-edit/styles.js.map +1 -1
  438. package/build-module/placeholder/index.js +4 -4
  439. package/build-module/placeholder/index.js.map +1 -1
  440. package/build-module/range-control/styles/range-control-styles.js +29 -29
  441. package/build-module/range-control/styles/range-control-styles.js.map +1 -1
  442. package/build-module/resizable-box/index.js.map +1 -1
  443. package/build-module/resizable-box/resize-tooltip/index.js +3 -3
  444. package/build-module/resizable-box/resize-tooltip/index.js.map +1 -1
  445. package/build-module/resizable-box/resize-tooltip/label.js +0 -1
  446. package/build-module/resizable-box/resize-tooltip/label.js.map +1 -1
  447. package/build-module/sandbox/index.native.js +5 -5
  448. package/build-module/sandbox/index.native.js.map +1 -1
  449. package/build-module/scrollable/hook.js +1 -1
  450. package/build-module/scrollable/hook.js.map +1 -1
  451. package/build-module/select-control/styles/select-control-styles.js +33 -9
  452. package/build-module/select-control/styles/select-control-styles.js.map +1 -1
  453. package/build-module/slot-fill/bubbles-virtually/fill.js +11 -2
  454. package/build-module/slot-fill/bubbles-virtually/fill.js.map +1 -1
  455. package/build-module/spacer/component.js +0 -1
  456. package/build-module/spacer/component.js.map +1 -1
  457. package/build-module/spinner/index.js +40 -5
  458. package/build-module/spinner/index.js.map +1 -1
  459. package/build-module/spinner/index.native.js +4 -2
  460. package/build-module/spinner/index.native.js.map +1 -1
  461. package/build-module/spinner/styles.js +49 -0
  462. package/build-module/spinner/styles.js.map +1 -0
  463. package/build-module/style-provider/index.js +1 -0
  464. package/build-module/style-provider/index.js.map +1 -1
  465. package/build-module/surface/hook.js +1 -1
  466. package/build-module/surface/hook.js.map +1 -1
  467. package/build-module/text/get-line-height.js +0 -1
  468. package/build-module/text/get-line-height.js.map +1 -1
  469. package/build-module/text/hook.js +5 -5
  470. package/build-module/text/hook.js.map +1 -1
  471. package/build-module/tip/index.js +4 -8
  472. package/build-module/tip/index.js.map +1 -1
  473. package/build-module/toggle-group-control/toggle-group-control/component.js +10 -13
  474. package/build-module/toggle-group-control/toggle-group-control/component.js.map +1 -1
  475. package/build-module/toggle-group-control/toggle-group-control/styles.js +3 -11
  476. package/build-module/toggle-group-control/toggle-group-control/styles.js.map +1 -1
  477. package/build-module/toggle-group-control/toggle-group-control-option/component.js +0 -1
  478. package/build-module/toggle-group-control/toggle-group-control-option/component.js.map +1 -1
  479. package/build-module/toggle-group-control/toggle-group-control-option/styles.js +8 -8
  480. package/build-module/toggle-group-control/toggle-group-control-option/styles.js.map +1 -1
  481. package/build-module/tools-panel/styles.js +12 -11
  482. package/build-module/tools-panel/styles.js.map +1 -1
  483. package/build-module/tools-panel/tools-panel/component.js +5 -9
  484. package/build-module/tools-panel/tools-panel/component.js.map +1 -1
  485. package/build-module/tools-panel/tools-panel/hook.js +52 -45
  486. package/build-module/tools-panel/tools-panel/hook.js.map +1 -1
  487. package/build-module/tools-panel/tools-panel-header/component.js +0 -1
  488. package/build-module/tools-panel/tools-panel-header/component.js.map +1 -1
  489. package/build-module/tools-panel/tools-panel-header/hook.js +3 -3
  490. package/build-module/tools-panel/tools-panel-header/hook.js.map +1 -1
  491. package/build-module/tools-panel/tools-panel-item/component.js +0 -1
  492. package/build-module/tools-panel/tools-panel-item/component.js.map +1 -1
  493. package/build-module/tools-panel/tools-panel-item/hook.js +9 -3
  494. package/build-module/tools-panel/tools-panel-item/hook.js.map +1 -1
  495. package/build-module/tree-grid/index.js +12 -6
  496. package/build-module/tree-grid/index.js.map +1 -1
  497. package/build-module/truncate/hook.js +2 -2
  498. package/build-module/truncate/hook.js.map +1 -1
  499. package/build-module/ui/shortcut/component.js +0 -1
  500. package/build-module/ui/shortcut/component.js.map +1 -1
  501. package/build-module/ui/utils/font-size.js +0 -1
  502. package/build-module/ui/utils/font-size.js.map +1 -1
  503. package/build-module/ui/utils/get-valid-children.js +0 -1
  504. package/build-module/ui/utils/get-valid-children.js.map +1 -1
  505. package/build-module/unit-control/index.js +0 -1
  506. package/build-module/unit-control/index.js.map +1 -1
  507. package/build-module/unit-control/styles/unit-control-styles.js +23 -41
  508. package/build-module/unit-control/styles/unit-control-styles.js.map +1 -1
  509. package/build-module/unit-control/unit-select-control.js +1 -2
  510. package/build-module/unit-control/unit-select-control.js.map +1 -1
  511. package/build-module/utils/colors-values.js +6 -3
  512. package/build-module/utils/colors-values.js.map +1 -1
  513. package/build-module/utils/config-values.js +1 -4
  514. package/build-module/utils/config-values.js.map +1 -1
  515. package/build-module/utils/hooks/use-combined-ref.js +0 -1
  516. package/build-module/utils/hooks/use-combined-ref.js.map +1 -1
  517. package/build-module/utils/hooks/use-latest-ref.js +0 -1
  518. package/build-module/utils/hooks/use-latest-ref.js.map +1 -1
  519. package/build-module/z-stack/component.js +0 -1
  520. package/build-module/z-stack/component.js.map +1 -1
  521. package/build-module/z-stack/styles.js +13 -8
  522. package/build-module/z-stack/styles.js.map +1 -1
  523. package/build-style/style-rtl.css +36 -15
  524. package/build-style/style.css +36 -15
  525. package/build-types/base-control/index.d.ts.map +1 -1
  526. package/build-types/base-control/styles/base-control-styles.d.ts +4 -0
  527. package/build-types/base-control/styles/base-control-styles.d.ts.map +1 -1
  528. package/build-types/base-field/hook.d.ts +16 -16
  529. package/build-types/button/index.d.ts.map +1 -1
  530. package/build-types/card/card/hook.d.ts +16 -16
  531. package/build-types/card/card-body/hook.d.ts +16 -16
  532. package/build-types/card/card-divider/hook.d.ts +18 -18
  533. package/build-types/card/card-footer/hook.d.ts +17 -17
  534. package/build-types/card/card-header/hook.d.ts +16 -16
  535. package/build-types/card/card-media/hook.d.ts +16 -16
  536. package/build-types/card/types.d.ts.map +1 -1
  537. package/build-types/color-picker/color-display.d.ts +1 -0
  538. package/build-types/color-picker/color-display.d.ts.map +1 -1
  539. package/build-types/color-picker/color-input.d.ts +1 -0
  540. package/build-types/color-picker/color-input.d.ts.map +1 -1
  541. package/build-types/color-picker/hex-input.d.ts +1 -0
  542. package/build-types/color-picker/hex-input.d.ts.map +1 -1
  543. package/build-types/color-picker/hsl-input.d.ts +1 -0
  544. package/build-types/color-picker/hsl-input.d.ts.map +1 -1
  545. package/build-types/color-picker/input-with-slider.d.ts +1 -0
  546. package/build-types/color-picker/input-with-slider.d.ts.map +1 -1
  547. package/build-types/color-picker/legacy-adapter.d.ts +1 -0
  548. package/build-types/color-picker/legacy-adapter.d.ts.map +1 -1
  549. package/build-types/color-picker/picker.d.ts +1 -0
  550. package/build-types/color-picker/picker.d.ts.map +1 -1
  551. package/build-types/color-picker/rgb-input.d.ts +1 -0
  552. package/build-types/color-picker/rgb-input.d.ts.map +1 -1
  553. package/build-types/color-picker/styles.d.ts +1 -1
  554. package/build-types/confirm-dialog/component.d.ts +4 -4
  555. package/build-types/divider/component.d.ts +8 -7
  556. package/build-types/divider/component.d.ts.map +1 -1
  557. package/build-types/divider/styles.d.ts +2 -2
  558. package/build-types/divider/styles.d.ts.map +1 -1
  559. package/build-types/divider/types.d.ts +5 -5
  560. package/build-types/divider/types.d.ts.map +1 -1
  561. package/build-types/dropdown/index.d.ts +1 -13
  562. package/build-types/dropdown/index.d.ts.map +1 -1
  563. package/build-types/elevation/hook.d.ts +15 -15
  564. package/build-types/elevation/hook.d.ts.map +1 -1
  565. package/build-types/elevation/types.d.ts.map +1 -1
  566. package/build-types/flex/flex/hook.d.ts +16 -16
  567. package/build-types/flex/flex/hook.d.ts.map +1 -1
  568. package/build-types/flex/flex-block/hook.d.ts +16 -16
  569. package/build-types/flex/flex-item/hook.d.ts +16 -16
  570. package/build-types/flex/types.d.ts.map +1 -1
  571. package/build-types/flyout/flyout/hook.d.ts +17 -17
  572. package/build-types/flyout/styles.d.ts +7 -9
  573. package/build-types/flyout/styles.d.ts.map +1 -1
  574. package/build-types/flyout/types.d.ts.map +1 -1
  575. package/build-types/grid/hook.d.ts +16 -16
  576. package/build-types/grid/hook.d.ts.map +1 -1
  577. package/build-types/grid/types.d.ts.map +1 -1
  578. package/build-types/h-stack/hook.d.ts +17 -17
  579. package/build-types/h-stack/hook.d.ts.map +1 -1
  580. package/build-types/h-stack/types.d.ts.map +1 -1
  581. package/build-types/heading/component.d.ts.map +1 -1
  582. package/build-types/heading/hook.d.ts +16 -16
  583. package/build-types/icon/index.d.ts.map +1 -1
  584. package/build-types/input-control/index.d.ts +1 -1
  585. package/build-types/input-control/index.d.ts.map +1 -1
  586. package/build-types/input-control/input-base.d.ts.map +1 -1
  587. package/build-types/input-control/input-field.d.ts +1 -1
  588. package/build-types/input-control/input-field.d.ts.map +1 -1
  589. package/build-types/input-control/reducer/actions.d.ts.map +1 -1
  590. package/build-types/input-control/reducer/reducer.d.ts.map +1 -1
  591. package/build-types/input-control/reducer/state.d.ts.map +1 -1
  592. package/build-types/input-control/styles/input-control-styles.d.ts +1 -2
  593. package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
  594. package/build-types/input-control/types.d.ts +2 -1
  595. package/build-types/input-control/types.d.ts.map +1 -1
  596. package/build-types/item-group/item/component.d.ts.map +1 -1
  597. package/build-types/item-group/item/hook.d.ts +16 -16
  598. package/build-types/item-group/item/hook.d.ts.map +1 -1
  599. package/build-types/item-group/item-group/component.d.ts.map +1 -1
  600. package/build-types/item-group/item-group/hook.d.ts +16 -16
  601. package/build-types/navigator/context.d.ts.map +1 -1
  602. package/build-types/navigator/navigator-provider/component.d.ts +16 -17
  603. package/build-types/navigator/navigator-provider/component.d.ts.map +1 -1
  604. package/build-types/navigator/navigator-screen/component.d.ts +16 -16
  605. package/build-types/navigator/navigator-screen/component.d.ts.map +1 -1
  606. package/build-types/navigator/types.d.ts +10 -9
  607. package/build-types/navigator/types.d.ts.map +1 -1
  608. package/build-types/number-control/styles/number-control-styles.d.ts +1 -1
  609. package/build-types/resizable-box/index.d.ts +1 -1
  610. package/build-types/resizable-box/index.d.ts.map +1 -1
  611. package/build-types/resizable-box/resize-tooltip/index.d.ts +1 -1
  612. package/build-types/resizable-box/resize-tooltip/index.d.ts.map +1 -1
  613. package/build-types/resizable-box/resize-tooltip/label.d.ts.map +1 -1
  614. package/build-types/scrollable/hook.d.ts +16 -16
  615. package/build-types/select-control/styles/select-control-styles.d.ts.map +1 -1
  616. package/build-types/select-control/types.d.ts +1 -1
  617. package/build-types/select-control/types.d.ts.map +1 -1
  618. package/build-types/slot-fill/bubbles-virtually/fill.d.ts.map +1 -1
  619. package/build-types/spacer/component.d.ts.map +1 -1
  620. package/build-types/spacer/hook.d.ts +16 -16
  621. package/build-types/spacer/types.d.ts.map +1 -1
  622. package/build-types/spinner/index.d.ts +18 -1
  623. package/build-types/spinner/index.d.ts.map +1 -1
  624. package/build-types/surface/hook.d.ts +16 -16
  625. package/build-types/surface/hook.d.ts.map +1 -1
  626. package/build-types/text/get-line-height.d.ts.map +1 -1
  627. package/build-types/text/hook.d.ts +16 -16
  628. package/build-types/text/hook.d.ts.map +1 -1
  629. package/build-types/text/types.d.ts.map +1 -1
  630. package/build-types/tip/index.d.ts.map +1 -1
  631. package/build-types/toggle-group-control/toggle-group-control/component.d.ts.map +1 -1
  632. package/build-types/toggle-group-control/toggle-group-control/styles.d.ts +0 -5
  633. package/build-types/toggle-group-control/toggle-group-control/styles.d.ts.map +1 -1
  634. package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts.map +1 -1
  635. package/build-types/toggle-group-control/toggle-group-control-option/styles.d.ts.map +1 -1
  636. package/build-types/toggle-group-control/types.d.ts +1 -7
  637. package/build-types/toggle-group-control/types.d.ts.map +1 -1
  638. package/build-types/tools-panel/styles.d.ts.map +1 -1
  639. package/build-types/tools-panel/tools-panel/component.d.ts.map +1 -1
  640. package/build-types/tools-panel/tools-panel/hook.d.ts +24 -20
  641. package/build-types/tools-panel/tools-panel/hook.d.ts.map +1 -1
  642. package/build-types/tools-panel/tools-panel-header/component.d.ts.map +1 -1
  643. package/build-types/tools-panel/tools-panel-header/hook.d.ts +16 -16
  644. package/build-types/tools-panel/tools-panel-item/component.d.ts.map +1 -1
  645. package/build-types/tools-panel/tools-panel-item/hook.d.ts +16 -16
  646. package/build-types/tools-panel/tools-panel-item/hook.d.ts.map +1 -1
  647. package/build-types/tools-panel/types.d.ts +14 -0
  648. package/build-types/tools-panel/types.d.ts.map +1 -1
  649. package/build-types/truncate/hook.d.ts +16 -16
  650. package/build-types/ui/context/wordpress-component.d.ts.map +1 -1
  651. package/build-types/ui/control-group/hook.d.ts +18 -18
  652. package/build-types/ui/control-group/types.d.ts.map +1 -1
  653. package/build-types/ui/control-label/hook.d.ts +16 -16
  654. package/build-types/ui/form-group/form-group.d.ts +4 -4
  655. package/build-types/ui/form-group/types.d.ts.map +1 -1
  656. package/build-types/ui/form-group/use-form-group.d.ts +55 -55
  657. package/build-types/ui/shortcut/component.d.ts.map +1 -1
  658. package/build-types/ui/tooltip/types.d.ts.map +1 -1
  659. package/build-types/ui/utils/font-size.d.ts.map +1 -1
  660. package/build-types/ui/utils/get-valid-children.d.ts.map +1 -1
  661. package/build-types/unit-control/index.d.ts +3 -2
  662. package/build-types/unit-control/index.d.ts.map +1 -1
  663. package/build-types/unit-control/styles/unit-control-styles.d.ts +1 -0
  664. package/build-types/unit-control/styles/unit-control-styles.d.ts.map +1 -1
  665. package/build-types/unit-control/types.d.ts +4 -3
  666. package/build-types/unit-control/types.d.ts.map +1 -1
  667. package/build-types/unit-control/unit-select-control.d.ts.map +1 -1
  668. package/build-types/utils/colors-values.d.ts +1 -0
  669. package/build-types/utils/colors-values.d.ts.map +1 -1
  670. package/build-types/utils/config-values.d.ts +1 -5
  671. package/build-types/utils/config-values.d.ts.map +1 -1
  672. package/build-types/utils/hooks/use-combined-ref.d.ts.map +1 -1
  673. package/build-types/utils/hooks/use-latest-ref.d.ts.map +1 -1
  674. package/build-types/v-stack/hook.d.ts +16 -16
  675. package/build-types/v-stack/types.d.ts.map +1 -1
  676. package/build-types/z-stack/component.d.ts +1 -1
  677. package/build-types/z-stack/component.d.ts.map +1 -1
  678. package/build-types/z-stack/styles.d.ts.map +1 -1
  679. package/package.json +23 -22
  680. package/src/alignment-matrix-control/stories/index.js +1 -1
  681. package/src/angle-picker-control/index.js +2 -0
  682. package/src/base-control/index.js +11 -2
  683. package/src/base-control/stories/index.js +1 -1
  684. package/src/base-control/styles/base-control-styles.js +10 -1
  685. package/src/base-field/hook.js +1 -1
  686. package/src/box-control/styles/box-control-styles.js +1 -1
  687. package/src/button/deprecated.js +1 -0
  688. package/src/button/index.js +1 -0
  689. package/src/button/index.native.js +15 -1
  690. package/src/button/stories/index.js +1 -1
  691. package/src/button/style.scss +14 -0
  692. package/src/card/card/README.md +3 -3
  693. package/src/card/card/component.js +1 -1
  694. package/src/card/card/hook.js +1 -1
  695. package/src/card/card-body/hook.js +1 -1
  696. package/src/card/card-divider/hook.js +1 -1
  697. package/src/card/card-footer/hook.js +1 -1
  698. package/src/card/card-header/hook.js +1 -1
  699. package/src/card/card-media/hook.js +1 -1
  700. package/src/card/stories/index.js +1 -1
  701. package/src/card/test/__snapshots__/index.js.snap +6 -6
  702. package/src/card/types.ts +0 -1
  703. package/src/checkbox-control/index.js +1 -1
  704. package/src/checkbox-control/stories/index.js +1 -1
  705. package/src/circular-option-picker/index.js +1 -0
  706. package/src/clipboard-button/index.js +1 -2
  707. package/src/color-indicator/README.md +28 -0
  708. package/src/color-indicator/index.js +2 -0
  709. package/src/color-indicator/stories/index.js +1 -1
  710. package/src/color-indicator/style.scss +5 -8
  711. package/src/color-palette/index.js +1 -0
  712. package/src/color-palette/index.native.js +2 -0
  713. package/src/color-palette/stories/index.js +1 -1
  714. package/src/color-palette/test/__snapshots__/index.js.snap +1 -1
  715. package/src/color-picker/README.md +1 -1
  716. package/src/color-picker/color-display.tsx +4 -3
  717. package/src/color-picker/color-input.tsx +1 -1
  718. package/src/color-picker/component.tsx +3 -4
  719. package/src/color-picker/hex-input.tsx +2 -1
  720. package/src/color-picker/input-with-slider.tsx +2 -1
  721. package/src/color-picker/stories/index.js +1 -1
  722. package/src/color-picker/use-deprecated-props.ts +2 -1
  723. package/src/combobox-control/README.md +2 -2
  724. package/src/combobox-control/stories/index.js +6 -2
  725. package/src/combobox-control/style.scss +2 -2
  726. package/src/confirm-dialog/README.md +128 -0
  727. package/src/confirm-dialog/component.tsx +117 -0
  728. package/src/confirm-dialog/index.tsx +6 -0
  729. package/src/confirm-dialog/stories/index.js +123 -0
  730. package/src/confirm-dialog/styles.ts +18 -0
  731. package/src/confirm-dialog/test/index.js +302 -0
  732. package/src/confirm-dialog/types.ts +25 -0
  733. package/src/custom-gradient-picker/index.js +1 -0
  734. package/src/custom-gradient-picker/style.scss +0 -5
  735. package/src/custom-select-control/stories/index.js +27 -0
  736. package/src/date-time/README.md +9 -2
  737. package/src/date-time/date.js +67 -84
  738. package/src/date-time/stories/index.js +1 -1
  739. package/src/date-time/stories/time.js +1 -1
  740. package/src/date-time/test/date.js +3 -29
  741. package/src/date-time/test/time.js +2 -2
  742. package/src/date-time/test/utils.js +32 -0
  743. package/src/date-time/time.js +2 -2
  744. package/src/date-time/utils.js +18 -0
  745. package/src/dimension-control/README.md +3 -1
  746. package/src/divider/README.md +33 -5
  747. package/src/divider/component.tsx +8 -8
  748. package/src/divider/stories/index.js +43 -17
  749. package/src/divider/styles.ts +53 -16
  750. package/src/divider/test/__snapshots__/index.js.snap +11 -11
  751. package/src/divider/test/index.js +4 -4
  752. package/src/divider/types.ts +5 -5
  753. package/src/drop-zone/index.js +14 -6
  754. package/src/drop-zone/provider.js +1 -0
  755. package/src/dropdown/index.js +14 -13
  756. package/src/dropdown-menu/stories/index.js +1 -1
  757. package/src/duotone-picker/README.md +1 -1
  758. package/src/elevation/hook.js +1 -0
  759. package/src/elevation/stories/index.js +1 -1
  760. package/src/elevation/types.ts +0 -1
  761. package/src/external-link/stories/index.js +1 -1
  762. package/src/external-link/styles/external-link-styles.js +3 -3
  763. package/src/flex/flex/hook.js +1 -0
  764. package/src/flex/types.ts +0 -1
  765. package/src/flyout/styles.ts +4 -2
  766. package/src/flyout/types.ts +0 -1
  767. package/src/focusable-iframe/index.js +1 -0
  768. package/src/font-size-picker/stories/index.js +1 -1
  769. package/src/form-token-field/stories/index.js +1 -1
  770. package/src/form-token-field/style.scss +1 -1
  771. package/src/form-token-field/suggestions-list.js +109 -120
  772. package/src/form-token-field/test/index.js +4 -2
  773. package/src/gradient-picker/README.md +94 -0
  774. package/src/gradient-picker/stories/index.js +1 -1
  775. package/src/grid/hook.js +1 -0
  776. package/src/grid/stories/index.js +1 -1
  777. package/src/grid/types.ts +0 -1
  778. package/src/guide/stories/index.js +1 -1
  779. package/src/h-stack/types.ts +0 -1
  780. package/src/heading/component.tsx +0 -1
  781. package/src/higher-order/with-focus-outside/index.js +2 -0
  782. package/src/icon/index.tsx +0 -1
  783. package/src/icon/stories/index.js +1 -1
  784. package/src/index.js +1 -0
  785. package/src/input-control/index.tsx +0 -1
  786. package/src/input-control/input-base.tsx +0 -1
  787. package/src/input-control/input-field.tsx +0 -1
  788. package/src/input-control/reducer/actions.ts +0 -1
  789. package/src/input-control/reducer/reducer.ts +0 -1
  790. package/src/input-control/reducer/state.ts +0 -1
  791. package/src/input-control/stories/index.js +2 -1
  792. package/src/input-control/styles/input-control-styles.tsx +23 -13
  793. package/src/input-control/types.ts +3 -2
  794. package/src/item-group/item/component.tsx +0 -1
  795. package/src/item-group/item/hook.ts +1 -2
  796. package/src/item-group/item-group/component.tsx +0 -1
  797. package/src/item-group/stories/index.js +84 -2
  798. package/src/menu-item/README.md +2 -2
  799. package/src/mobile/bottom-sheet/bottom-sheet-context.native.js +2 -0
  800. package/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js +8 -14
  801. package/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js +33 -3
  802. package/src/mobile/bottom-sheet/bottom-sheet-navigation/test/navigation-container.native.js +162 -0
  803. package/src/mobile/bottom-sheet/cell.native.js +8 -6
  804. package/src/mobile/bottom-sheet/index.native.js +24 -14
  805. package/src/mobile/bottom-sheet/link-suggestion-item-cell.native.js +6 -2
  806. package/src/mobile/bottom-sheet/link-suggestion-styles.native.scss +3 -0
  807. package/src/mobile/bottom-sheet/range-text-input.native.js +5 -2
  808. package/src/mobile/bottom-sheet/styles.native.scss +4 -0
  809. package/src/mobile/bottom-sheet/test/index.native.js +24 -0
  810. package/src/mobile/color-settings/index.native.js +4 -0
  811. package/src/mobile/color-settings/palette.screen.native.js +13 -5
  812. package/src/mobile/color-settings/style.native.scss +1 -1
  813. package/src/mobile/color-settings/utils.native.js +8 -3
  814. package/src/mobile/global-styles-context/utils.native.js +1 -1
  815. package/src/mobile/gridicons/index.native.js +3 -3
  816. package/src/mobile/html-text-input/test/index.native.js +34 -35
  817. package/src/mobile/inserter-button/style.native.scss +1 -0
  818. package/src/mobile/keyboard-avoiding-view/index.ios.js +12 -9
  819. package/src/mobile/link-picker/index.native.js +41 -6
  820. package/src/mobile/link-picker/link-picker-screen.native.js +13 -5
  821. package/src/mobile/link-settings/index.native.js +13 -1
  822. package/src/mobile/link-settings/test/edit.native.js +368 -0
  823. package/src/mobile/link-settings/test/link-settings-navigation.native.js +97 -0
  824. package/src/mobile/readable-content-view/index.native.js +5 -2
  825. package/src/mobile/utils/use-is-floating-keyboard.native.js +2 -5
  826. package/src/mobile/utils/use-unit-converter-to-mobile.native.js +5 -2
  827. package/src/modal/README.md +10 -0
  828. package/src/modal/aria-helper.js +2 -0
  829. package/src/modal/index.js +71 -63
  830. package/src/modal/stories/index.js +6 -1
  831. package/src/modal/style.scss +9 -0
  832. package/src/modal/test/index.js +11 -0
  833. package/src/navigation/README.md +0 -9
  834. package/src/navigator/context.ts +5 -1
  835. package/src/navigator/navigator-provider/README.md +30 -20
  836. package/src/navigator/navigator-provider/component.tsx +69 -25
  837. package/src/navigator/navigator-screen/component.tsx +71 -34
  838. package/src/navigator/stories/index.js +26 -13
  839. package/src/navigator/test/index.js +167 -32
  840. package/src/navigator/types.ts +11 -11
  841. package/src/navigator/use-navigator.ts +4 -4
  842. package/src/notice/index.native.js +5 -2
  843. package/src/notice/stories/index.js +1 -1
  844. package/src/number-control/stories/index.js +1 -1
  845. package/src/palette-edit/index.js +9 -2
  846. package/src/palette-edit/styles.js +22 -3
  847. package/src/panel/stories/index.js +1 -1
  848. package/src/placeholder/index.js +8 -6
  849. package/src/placeholder/stories/index.js +1 -1
  850. package/src/placeholder/style.scss +12 -0
  851. package/src/placeholder/test/index.js +18 -1
  852. package/src/popover/stories/index.js +1 -1
  853. package/src/query-controls/README.md +138 -6
  854. package/src/radio-group/README.md +4 -1
  855. package/src/range-control/stories/index.js +1 -1
  856. package/src/range-control/styles/range-control-styles.js +1 -1
  857. package/src/resizable-box/index.tsx +0 -1
  858. package/src/resizable-box/resize-tooltip/index.tsx +1 -2
  859. package/src/resizable-box/resize-tooltip/label.tsx +0 -1
  860. package/src/resizable-box/stories/index.js +1 -1
  861. package/src/sandbox/index.native.js +8 -5
  862. package/src/scrollable/hook.js +1 -1
  863. package/src/scrollable/stories/index.js +7 -4
  864. package/src/search-control/stories/index.js +1 -1
  865. package/src/select-control/stories/index.js +2 -1
  866. package/src/select-control/styles/select-control-styles.ts +25 -2
  867. package/src/select-control/types.ts +1 -1
  868. package/src/slot-fill/bubbles-virtually/fill.js +12 -1
  869. package/src/slot-fill/stories/index.js +1 -1
  870. package/src/snackbar/stories/index.js +1 -1
  871. package/src/spacer/component.tsx +0 -1
  872. package/src/spacer/stories/index.js +1 -1
  873. package/src/spacer/types.ts +0 -1
  874. package/src/spinner/README.md +10 -10
  875. package/src/spinner/index.js +42 -3
  876. package/src/spinner/index.native.js +7 -2
  877. package/src/spinner/stories/index.js +36 -3
  878. package/src/spinner/styles.js +47 -0
  879. package/src/style-provider/index.js +2 -0
  880. package/src/surface/hook.js +1 -0
  881. package/src/surface/stories/index.js +1 -1
  882. package/src/tab-panel/stories/index.js +1 -1
  883. package/src/text/get-line-height.ts +0 -1
  884. package/src/text/hook.js +1 -0
  885. package/src/text/types.ts +0 -1
  886. package/src/text-control/stories/index.js +1 -1
  887. package/src/text-highlight/stories/index.js +1 -1
  888. package/src/textarea-control/stories/index.js +1 -1
  889. package/src/tip/index.js +2 -4
  890. package/src/tip/stories/index.js +1 -1
  891. package/src/toggle-control/stories/index.js +1 -1
  892. package/src/toggle-group-control/stories/index.js +1 -1
  893. package/src/toggle-group-control/test/__snapshots__/index.js.snap +25 -27
  894. package/src/toggle-group-control/toggle-group-control/component.tsx +8 -14
  895. package/src/toggle-group-control/toggle-group-control/styles.ts +0 -14
  896. package/src/toggle-group-control/toggle-group-control-option/component.tsx +0 -1
  897. package/src/toggle-group-control/toggle-group-control-option/styles.ts +1 -3
  898. package/src/toggle-group-control/types.ts +1 -9
  899. package/src/toolbar-button/stories/index.js +1 -1
  900. package/src/tools-panel/stories/index.js +75 -1
  901. package/src/tools-panel/stories/tools-panel-with-item-group-slot.js +244 -0
  902. package/src/tools-panel/styles.ts +40 -2
  903. package/src/tools-panel/test/__snapshots__/index.js.snap +219 -0
  904. package/src/tools-panel/test/index.js +81 -1
  905. package/src/tools-panel/tools-panel/README.md +9 -0
  906. package/src/tools-panel/tools-panel/component.tsx +2 -6
  907. package/src/tools-panel/tools-panel/hook.ts +164 -97
  908. package/src/tools-panel/tools-panel-header/component.tsx +0 -1
  909. package/src/tools-panel/tools-panel-header/hook.ts +3 -3
  910. package/src/tools-panel/tools-panel-item/component.tsx +0 -1
  911. package/src/tools-panel/tools-panel-item/hook.ts +25 -2
  912. package/src/tools-panel/types.ts +14 -1
  913. package/src/tooltip/stories/index.js +1 -1
  914. package/src/tooltip/test/index.native.js +3 -1
  915. package/src/tree-grid/index.js +19 -5
  916. package/src/tree-select/stories/index.js +1 -1
  917. package/src/truncate/hook.js +1 -1
  918. package/src/truncate/stories/index.js +1 -1
  919. package/src/ui/README.md +1 -1
  920. package/src/ui/context/wordpress-component.ts +0 -1
  921. package/src/ui/control-group/types.ts +0 -1
  922. package/src/ui/form-group/types.ts +0 -1
  923. package/src/ui/shortcut/component.tsx +0 -1
  924. package/src/ui/tooltip/types.ts +0 -1
  925. package/src/ui/utils/font-size.ts +0 -1
  926. package/src/ui/utils/get-valid-children.ts +0 -1
  927. package/src/unit-control/index.tsx +0 -1
  928. package/src/unit-control/stories/index.js +19 -1
  929. package/src/unit-control/styles/unit-control-styles.ts +33 -46
  930. package/src/unit-control/types.ts +7 -4
  931. package/src/unit-control/unit-select-control.tsx +0 -1
  932. package/src/utils/colors-values.js +4 -3
  933. package/src/utils/config-values.js +1 -5
  934. package/src/utils/hooks/stories/use-cx.js +121 -44
  935. package/src/utils/hooks/use-combined-ref.ts +0 -1
  936. package/src/utils/hooks/use-latest-ref.ts +0 -1
  937. package/src/v-stack/types.ts +0 -1
  938. package/src/z-stack/README.md +1 -1
  939. package/src/z-stack/component.tsx +1 -2
  940. package/src/z-stack/stories/index.js +1 -1
  941. package/src/z-stack/styles.ts +7 -2
  942. package/tsconfig.json +9 -2
  943. package/tsconfig.tsbuildinfo +1 -1
  944. package/build/spinner/styles/spinner-styles.js +0 -40
  945. package/build/spinner/styles/spinner-styles.js.map +0 -1
  946. package/build/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js +0 -90
  947. package/build/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map +0 -1
  948. package/build-module/spinner/styles/spinner-styles.js +0 -28
  949. package/build-module/spinner/styles/spinner-styles.js.map +0 -1
  950. package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js +0 -86
  951. package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map +0 -1
  952. package/build-types/spinner/styles/spinner-styles.d.ts +0 -5
  953. package/build-types/spinner/styles/spinner-styles.d.ts.map +0 -1
  954. package/build-types/toggle-group-control/component.d.ts +0 -4
  955. package/build-types/toggle-group-control/component.d.ts.map +0 -1
  956. package/build-types/toggle-group-control/styles.d.ts +0 -25
  957. package/build-types/toggle-group-control/styles.d.ts.map +0 -1
  958. package/build-types/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.d.ts +0 -9
  959. package/build-types/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.d.ts.map +0 -1
  960. package/build-types/toggle-group-control/toggle-group-control-backdrop.d.ts +0 -9
  961. package/build-types/toggle-group-control/toggle-group-control-backdrop.d.ts.map +0 -1
  962. package/build-types/toggle-group-control/toggle-group-control-button.d.ts +0 -6
  963. package/build-types/toggle-group-control/toggle-group-control-button.d.ts.map +0 -1
  964. package/build-types/toggle-group-control/toggle-group-control-context.d.ts +0 -9
  965. package/build-types/toggle-group-control/toggle-group-control-context.d.ts.map +0 -1
  966. package/build-types/toggle-group-control/toggle-group-control-option.d.ts +0 -4
  967. package/build-types/toggle-group-control/toggle-group-control-option.d.ts.map +0 -1
  968. package/build-types/ui/color-picker/color-display.d.ts +0 -13
  969. package/build-types/ui/color-picker/color-display.d.ts.map +0 -1
  970. package/build-types/ui/color-picker/color-input.d.ts +0 -13
  971. package/build-types/ui/color-picker/color-input.d.ts.map +0 -1
  972. package/build-types/ui/color-picker/component.d.ts +0 -12
  973. package/build-types/ui/color-picker/component.d.ts.map +0 -1
  974. package/build-types/ui/color-picker/hex-input.d.ts +0 -12
  975. package/build-types/ui/color-picker/hex-input.d.ts.map +0 -1
  976. package/build-types/ui/color-picker/hsl-input.d.ts +0 -12
  977. package/build-types/ui/color-picker/hsl-input.d.ts.map +0 -1
  978. package/build-types/ui/color-picker/index.d.ts +0 -2
  979. package/build-types/ui/color-picker/index.d.ts.map +0 -1
  980. package/build-types/ui/color-picker/input-with-slider.d.ts +0 -11
  981. package/build-types/ui/color-picker/input-with-slider.d.ts.map +0 -1
  982. package/build-types/ui/color-picker/legacy-adapter.d.ts +0 -5
  983. package/build-types/ui/color-picker/legacy-adapter.d.ts.map +0 -1
  984. package/build-types/ui/color-picker/picker.d.ts +0 -12
  985. package/build-types/ui/color-picker/picker.d.ts.map +0 -1
  986. package/build-types/ui/color-picker/rgb-input.d.ts +0 -12
  987. package/build-types/ui/color-picker/rgb-input.d.ts.map +0 -1
  988. package/build-types/ui/color-picker/styles.d.ts +0 -76
  989. package/build-types/ui/color-picker/styles.d.ts.map +0 -1
  990. package/build-types/ui/color-picker/types.d.ts +0 -2
  991. package/build-types/ui/color-picker/types.d.ts.map +0 -1
  992. package/build-types/ui/color-picker/use-deprecated-props.d.ts +0 -50
  993. package/build-types/ui/color-picker/use-deprecated-props.d.ts.map +0 -1
  994. package/build-types/ui/utils/create-component.d.ts +0 -21
  995. package/build-types/ui/utils/create-component.d.ts.map +0 -1
  996. package/build-types/utils/hooks/use-jump-step.d.ts +0 -25
  997. package/build-types/utils/hooks/use-jump-step.d.ts.map +0 -1
  998. package/src/spinner/styles/spinner-styles.js +0 -47
  999. package/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx +0 -86
  1000. package/src/ui/visually-hidden/README.md +0 -21
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.StyledSpinner = void 0;
9
-
10
- var _base = _interopRequireDefault(require("@emotion/styled/base"));
11
-
12
- var _react = require("@emotion/react");
13
-
14
- var _utils = require("../../utils");
15
-
16
- /**
17
- * External dependencies
18
- */
19
-
20
- /**
21
- * Internal dependencies
22
- */
23
- const spinAnimation = (0, _react.keyframes)`
24
- from {
25
- transform: rotate(0deg);
26
- }
27
-
28
- to {
29
- transform: rotate(360deg);
30
- }
31
- `;
32
- const topLeft = `calc( ( ${_utils.CONFIG.spinnerSize} - ${_utils.CONFIG.spinnerSize} * ( 2 / 3 ) ) / 2 )`;
33
- const StyledSpinner = (0, _base.default)("span", process.env.NODE_ENV === "production" ? {
34
- target: "e1s472tg0"
35
- } : {
36
- target: "e1s472tg0",
37
- label: "StyledSpinner"
38
- })("display:inline-block;background-color:", _utils.COLORS.gray[600], ";width:", _utils.CONFIG.spinnerSize, ";height:", _utils.CONFIG.spinnerSize, ";opacity:0.7;margin:5px 11px 0;border-radius:100%;position:relative;&::before{content:'';position:absolute;background-color:", _utils.COLORS.white, ";top:", topLeft, ";left:", topLeft, ";width:calc( ", _utils.CONFIG.spinnerSize, " / 4.5 );height:calc( ", _utils.CONFIG.spinnerSize, " / 4.5 );border-radius:100%;transform-origin:calc( ", _utils.CONFIG.spinnerSize, " / 3 ) calc( ", _utils.CONFIG.spinnerSize, " / 3 );animation:", spinAnimation, " 1s infinite linear;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3Bpbm5lci9zdHlsZXMvc3Bpbm5lci1zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ3QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3NwaW5uZXIvc3R5bGVzL3NwaW5uZXItc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblxuXHR0byB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0fVxuYDtcblxuY29uc3QgdG9wTGVmdCA9IGBjYWxjKCAoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC0gJHsgQ09ORklHLnNwaW5uZXJTaXplIH0gKiAoIDIgLyAzICkgKSAvIDIgKWA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkLnNwYW5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDYwMCBdIH07XG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfTtcblx0aGVpZ2h0OiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfTtcblx0b3BhY2l0eTogMC43O1xuXHRtYXJnaW46IDVweCAxMXB4IDA7XG5cdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHR0b3A6ICR7IHRvcExlZnQgfTtcblx0XHRsZWZ0OiAkeyB0b3BMZWZ0IH07XG5cdFx0d2lkdGg6IGNhbGMoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC8gNC41ICk7XG5cdFx0aGVpZ2h0OiBjYWxjKCAkeyBDT05GSUcuc3Bpbm5lclNpemUgfSAvIDQuNSApO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0dHJhbnNmb3JtLW9yaWdpbjogY2FsYyggJHsgQ09ORklHLnNwaW5uZXJTaXplIH0gLyAzIClcblx0XHRcdGNhbGMoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC8gMyApO1xuXHRcdGFuaW1hdGlvbjogJHsgc3BpbkFuaW1hdGlvbiB9IDFzIGluZmluaXRlIGxpbmVhcjtcblx0fVxuYDtcbiJdfQ== */"));
39
- exports.StyledSpinner = StyledSpinner;
40
- //# sourceMappingURL=spinner-styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/components/src/spinner/styles/spinner-styles.js"],"names":["spinAnimation","topLeft","CONFIG","spinnerSize","StyledSpinner","COLORS","gray","white"],"mappings":";;;;;;;;;;;AAIA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG,qBAAU;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;AAUA,MAAMC,OAAO,GAAI,WAAWC,cAAOC,WAAa,MAAMD,cAAOC,WAAa,sBAA1E;AAEO,MAAMC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,6CAEJC,cAAOC,IAAP,CAAa,GAAb,CAFI,aAGfJ,cAAOC,WAHQ,cAIdD,cAAOC,WAJO,kIAaHE,cAAOE,KAbJ,WAchBN,OAdgB,YAefA,OAfe,mBAgBRC,cAAOC,WAhBC,4BAiBPD,cAAOC,WAjBA,yDAmBGD,cAAOC,WAnBV,mBAoBdD,cAAOC,WApBO,uBAqBVH,aArBU,i7DAAnB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../../utils';\n\nconst spinAnimation = keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`;\n\nconst topLeft = `calc( ( ${ CONFIG.spinnerSize } - ${ CONFIG.spinnerSize } * ( 2 / 3 ) ) / 2 )`;\n\nexport const StyledSpinner = styled.span`\n\tdisplay: inline-block;\n\tbackground-color: ${ COLORS.gray[ 600 ] };\n\twidth: ${ CONFIG.spinnerSize };\n\theight: ${ CONFIG.spinnerSize };\n\topacity: 0.7;\n\tmargin: 5px 11px 0;\n\tborder-radius: 100%;\n\tposition: relative;\n\n\t&::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-color: ${ COLORS.white };\n\t\ttop: ${ topLeft };\n\t\tleft: ${ topLeft };\n\t\twidth: calc( ${ CONFIG.spinnerSize } / 4.5 );\n\t\theight: calc( ${ CONFIG.spinnerSize } / 4.5 );\n\t\tborder-radius: 100%;\n\t\ttransform-origin: calc( ${ CONFIG.spinnerSize } / 3 )\n\t\t\tcalc( ${ CONFIG.spinnerSize } / 3 );\n\t\tanimation: ${ spinAnimation } 1s infinite linear;\n\t}\n`;\n"]}
@@ -1,90 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _element = require("@wordpress/element");
9
-
10
- var _styles = require("./styles");
11
-
12
- /**
13
- * WordPress dependencies
14
- */
15
- function ToggleGroupControlBackdrop(_ref) {
16
- let {
17
- containerRef,
18
- containerWidth,
19
- isAdaptiveWidth,
20
- state
21
- } = _ref;
22
- const [left, setLeft] = (0, _element.useState)(0);
23
- const [width, setWidth] = (0, _element.useState)(0);
24
- const [canAnimate, setCanAnimate] = (0, _element.useState)(false);
25
- const [renderBackdrop, setRenderBackdrop] = (0, _element.useState)(false);
26
- (0, _element.useEffect)(() => {
27
- const containerNode = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
28
- if (!containerNode) return;
29
- /**
30
- * Workaround for Reakit
31
- */
32
-
33
- const targetNode = containerNode.querySelector(`[data-value="${state}"]`);
34
- setRenderBackdrop(!!targetNode);
35
-
36
- if (!targetNode) {
37
- return;
38
- }
39
-
40
- const computeDimensions = () => {
41
- const {
42
- width: offsetWidth,
43
- x
44
- } = targetNode.getBoundingClientRect();
45
- const {
46
- x: parentX
47
- } = containerNode.getBoundingClientRect();
48
- const borderWidth = 1;
49
- const offsetLeft = x - parentX - borderWidth;
50
- setLeft(offsetLeft);
51
- setWidth(offsetWidth);
52
- }; // Fix to make the component appear as expected inside popovers.
53
- // If the targetNode width is 0 it means the element was not yet rendered we should allow
54
- // some time for the render to happen.
55
- // requestAnimationFrame instead of setTimeout with a small time does not seems to work.
56
-
57
-
58
- const dimensionsRequestId = window.setTimeout(computeDimensions, 100);
59
- let animationRequestId;
60
-
61
- if (!canAnimate) {
62
- animationRequestId = window.requestAnimationFrame(() => {
63
- setCanAnimate(true);
64
- });
65
- }
66
-
67
- return () => {
68
- window.clearTimeout(dimensionsRequestId);
69
- window.cancelAnimationFrame(animationRequestId);
70
- };
71
- }, [canAnimate, containerRef, containerWidth, state, isAdaptiveWidth]);
72
-
73
- if (!renderBackdrop) {
74
- return null;
75
- }
76
-
77
- return (0, _element.createElement)(_styles.BackdropView, {
78
- role: "presentation",
79
- style: {
80
- transform: `translateX(${left}px)`,
81
- transition: canAnimate ? undefined : 'none',
82
- width
83
- }
84
- });
85
- }
86
-
87
- var _default = (0, _element.memo)(ToggleGroupControlBackdrop);
88
-
89
- exports.default = _default;
90
- //# sourceMappingURL=toggle-group-control-backdrop.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":["ToggleGroupControlBackdrop","containerRef","containerWidth","isAdaptiveWidth","state","left","setLeft","width","setWidth","canAnimate","setCanAnimate","renderBackdrop","setRenderBackdrop","containerNode","current","targetNode","querySelector","computeDimensions","offsetWidth","x","getBoundingClientRect","parentX","borderWidth","offsetLeft","dimensionsRequestId","window","setTimeout","animationRequestId","requestAnimationFrame","clearTimeout","cancelAnimationFrame","transform","transition","undefined"],"mappings":";;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;AASA,SAASA,0BAAT,OAKqC;AAAA,MALA;AACpCC,IAAAA,YADoC;AAEpCC,IAAAA,cAFoC;AAGpCC,IAAAA,eAHoC;AAIpCC,IAAAA;AAJoC,GAKA;AACpC,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoB,uBAAU,CAAV,CAA1B;AACA,QAAM,CAAEC,KAAF,EAASC,QAAT,IAAsB,uBAAU,CAAV,CAA5B;AACA,QAAM,CAAEC,UAAF,EAAcC,aAAd,IAAgC,uBAAU,KAAV,CAAtC;AACA,QAAM,CAAEC,cAAF,EAAkBC,iBAAlB,IAAwC,uBAAU,KAAV,CAA9C;AAEA,0BAAW,MAAM;AAChB,UAAMC,aAAa,GAAGZ,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEa,OAApC;AACA,QAAK,CAAED,aAAP,EAAuB;AAEvB;AACF;AACA;;AACE,UAAME,UAAU,GAAGF,aAAa,CAACG,aAAd,CACjB,gBAAgBZ,KAAO,IADN,CAAnB;AAGAQ,IAAAA,iBAAiB,CAAE,CAAC,CAAEG,UAAL,CAAjB;;AACA,QAAK,CAAEA,UAAP,EAAoB;AACnB;AACA;;AAED,UAAME,iBAAiB,GAAG,MAAM;AAC/B,YAAM;AACLV,QAAAA,KAAK,EAAEW,WADF;AAELC,QAAAA;AAFK,UAGFJ,UAAU,CAACK,qBAAX,EAHJ;AAKA,YAAM;AAAED,QAAAA,CAAC,EAAEE;AAAL,UAAiBR,aAAa,CAACO,qBAAd,EAAvB;AAEA,YAAME,WAAW,GAAG,CAApB;AACA,YAAMC,UAAU,GAAGJ,CAAC,GAAGE,OAAJ,GAAcC,WAAjC;AAEAhB,MAAAA,OAAO,CAAEiB,UAAF,CAAP;AACAf,MAAAA,QAAQ,CAAEU,WAAF,CAAR;AACA,KAbD,CAfgB,CA6BhB;AACA;AACA;AACA;;;AACA,UAAMM,mBAAmB,GAAGC,MAAM,CAACC,UAAP,CAAmBT,iBAAnB,EAAsC,GAAtC,CAA5B;AAEA,QAAIU,kBAAJ;;AACA,QAAK,CAAElB,UAAP,EAAoB;AACnBkB,MAAAA,kBAAkB,GAAGF,MAAM,CAACG,qBAAP,CAA8B,MAAM;AACxDlB,QAAAA,aAAa,CAAE,IAAF,CAAb;AACA,OAFoB,CAArB;AAGA;;AACD,WAAO,MAAM;AACZe,MAAAA,MAAM,CAACI,YAAP,CAAqBL,mBAArB;AACAC,MAAAA,MAAM,CAACK,oBAAP,CAA6BH,kBAA7B;AACA,KAHD;AAIA,GA7CD,EA6CG,CAAElB,UAAF,EAAcR,YAAd,EAA4BC,cAA5B,EAA4CE,KAA5C,EAAmDD,eAAnD,CA7CH;;AA+CA,MAAK,CAAEQ,cAAP,EAAwB;AACvB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,oBAAD;AACC,IAAA,IAAI,EAAC,cADN;AAEC,IAAA,KAAK,EAAG;AACPoB,MAAAA,SAAS,EAAG,cAAc1B,IAAM,KADzB;AAEP2B,MAAAA,UAAU,EAAEvB,UAAU,GAAGwB,SAAH,GAAe,MAF9B;AAGP1B,MAAAA;AAHO;AAFT,IADD;AAUA;;eAEc,mBAAMP,0BAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlBackdropProps } from '../types';\nimport { BackdropView } from './styles';\n\nfunction ToggleGroupControlBackdrop( {\n\tcontainerRef,\n\tcontainerWidth,\n\tisAdaptiveWidth,\n\tstate,\n}: ToggleGroupControlBackdropProps ) {\n\tconst [ left, setLeft ] = useState( 0 );\n\tconst [ width, setWidth ] = useState( 0 );\n\tconst [ canAnimate, setCanAnimate ] = useState( false );\n\tconst [ renderBackdrop, setRenderBackdrop ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst containerNode = containerRef?.current;\n\t\tif ( ! containerNode ) return;\n\n\t\t/**\n\t\t * Workaround for Reakit\n\t\t */\n\t\tconst targetNode = containerNode.querySelector(\n\t\t\t`[data-value=\"${ state }\"]`\n\t\t);\n\t\tsetRenderBackdrop( !! targetNode );\n\t\tif ( ! targetNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst computeDimensions = () => {\n\t\t\tconst {\n\t\t\t\twidth: offsetWidth,\n\t\t\t\tx,\n\t\t\t} = targetNode.getBoundingClientRect();\n\n\t\t\tconst { x: parentX } = containerNode.getBoundingClientRect();\n\n\t\t\tconst borderWidth = 1;\n\t\t\tconst offsetLeft = x - parentX - borderWidth;\n\n\t\t\tsetLeft( offsetLeft );\n\t\t\tsetWidth( offsetWidth );\n\t\t};\n\t\t// Fix to make the component appear as expected inside popovers.\n\t\t// If the targetNode width is 0 it means the element was not yet rendered we should allow\n\t\t// some time for the render to happen.\n\t\t// requestAnimationFrame instead of setTimeout with a small time does not seems to work.\n\t\tconst dimensionsRequestId = window.setTimeout( computeDimensions, 100 );\n\n\t\tlet animationRequestId: number;\n\t\tif ( ! canAnimate ) {\n\t\t\tanimationRequestId = window.requestAnimationFrame( () => {\n\t\t\t\tsetCanAnimate( true );\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.clearTimeout( dimensionsRequestId );\n\t\t\twindow.cancelAnimationFrame( animationRequestId );\n\t\t};\n\t}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );\n\n\tif ( ! renderBackdrop ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BackdropView\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `translateX(${ left }px)`,\n\t\t\t\ttransition: canAnimate ? undefined : 'none',\n\t\t\t\twidth,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default memo( ToggleGroupControlBackdrop );\n"]}
@@ -1,28 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
-
3
- /**
4
- * External dependencies
5
- */
6
- import { keyframes } from '@emotion/react';
7
- /**
8
- * Internal dependencies
9
- */
10
-
11
- import { COLORS, CONFIG } from '../../utils';
12
- const spinAnimation = keyframes`
13
- from {
14
- transform: rotate(0deg);
15
- }
16
-
17
- to {
18
- transform: rotate(360deg);
19
- }
20
- `;
21
- const topLeft = `calc( ( ${CONFIG.spinnerSize} - ${CONFIG.spinnerSize} * ( 2 / 3 ) ) / 2 )`;
22
- export const StyledSpinner = _styled("span", process.env.NODE_ENV === "production" ? {
23
- target: "e1s472tg0"
24
- } : {
25
- target: "e1s472tg0",
26
- label: "StyledSpinner"
27
- })("display:inline-block;background-color:", COLORS.gray[600], ";width:", CONFIG.spinnerSize, ";height:", CONFIG.spinnerSize, ";opacity:0.7;margin:5px 11px 0;border-radius:100%;position:relative;&::before{content:'';position:absolute;background-color:", COLORS.white, ";top:", topLeft, ";left:", topLeft, ";width:calc( ", CONFIG.spinnerSize, " / 4.5 );height:calc( ", CONFIG.spinnerSize, " / 4.5 );border-radius:100%;transform-origin:calc( ", CONFIG.spinnerSize, " / 3 ) calc( ", CONFIG.spinnerSize, " / 3 );animation:", spinAnimation, " 1s infinite linear;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3Bpbm5lci9zdHlsZXMvc3Bpbm5lci1zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ3QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3NwaW5uZXIvc3R5bGVzL3NwaW5uZXItc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblxuXHR0byB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0fVxuYDtcblxuY29uc3QgdG9wTGVmdCA9IGBjYWxjKCAoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC0gJHsgQ09ORklHLnNwaW5uZXJTaXplIH0gKiAoIDIgLyAzICkgKSAvIDIgKWA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkLnNwYW5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDYwMCBdIH07XG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfTtcblx0aGVpZ2h0OiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfTtcblx0b3BhY2l0eTogMC43O1xuXHRtYXJnaW46IDVweCAxMXB4IDA7XG5cdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHR0b3A6ICR7IHRvcExlZnQgfTtcblx0XHRsZWZ0OiAkeyB0b3BMZWZ0IH07XG5cdFx0d2lkdGg6IGNhbGMoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC8gNC41ICk7XG5cdFx0aGVpZ2h0OiBjYWxjKCAkeyBDT05GSUcuc3Bpbm5lclNpemUgfSAvIDQuNSApO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0dHJhbnNmb3JtLW9yaWdpbjogY2FsYyggJHsgQ09ORklHLnNwaW5uZXJTaXplIH0gLyAzIClcblx0XHRcdGNhbGMoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC8gMyApO1xuXHRcdGFuaW1hdGlvbjogJHsgc3BpbkFuaW1hdGlvbiB9IDFzIGluZmluaXRlIGxpbmVhcjtcblx0fVxuYDtcbiJdfQ== */"));
28
- //# sourceMappingURL=spinner-styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/components/src/spinner/styles/spinner-styles.js"],"names":["keyframes","COLORS","CONFIG","spinAnimation","topLeft","spinnerSize","StyledSpinner","gray","white"],"mappings":";;AAAA;AACA;AACA;AAEA,SAASA,SAAT,QAA0B,gBAA1B;AAEA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,MAAjB,QAA+B,aAA/B;AAEA,MAAMC,aAAa,GAAGH,SAAU;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;AAUA,MAAMI,OAAO,GAAI,WAAWF,MAAM,CAACG,WAAa,MAAMH,MAAM,CAACG,WAAa,sBAA1E;AAEA,OAAO,MAAMC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,6CAEJL,MAAM,CAACM,IAAP,CAAa,GAAb,CAFI,aAGfL,MAAM,CAACG,WAHQ,cAIdH,MAAM,CAACG,WAJO,kIAaHJ,MAAM,CAACO,KAbJ,WAchBJ,OAdgB,YAefA,OAfe,mBAgBRF,MAAM,CAACG,WAhBC,4BAiBPH,MAAM,CAACG,WAjBA,yDAmBGH,MAAM,CAACG,WAnBV,mBAoBdH,MAAM,CAACG,WApBO,uBAqBVF,aArBU,i7DAAnB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../../utils';\n\nconst spinAnimation = keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`;\n\nconst topLeft = `calc( ( ${ CONFIG.spinnerSize } - ${ CONFIG.spinnerSize } * ( 2 / 3 ) ) / 2 )`;\n\nexport const StyledSpinner = styled.span`\n\tdisplay: inline-block;\n\tbackground-color: ${ COLORS.gray[ 600 ] };\n\twidth: ${ CONFIG.spinnerSize };\n\theight: ${ CONFIG.spinnerSize };\n\topacity: 0.7;\n\tmargin: 5px 11px 0;\n\tborder-radius: 100%;\n\tposition: relative;\n\n\t&::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-color: ${ COLORS.white };\n\t\ttop: ${ topLeft };\n\t\tleft: ${ topLeft };\n\t\twidth: calc( ${ CONFIG.spinnerSize } / 4.5 );\n\t\theight: calc( ${ CONFIG.spinnerSize } / 4.5 );\n\t\tborder-radius: 100%;\n\t\ttransform-origin: calc( ${ CONFIG.spinnerSize } / 3 )\n\t\t\tcalc( ${ CONFIG.spinnerSize } / 3 );\n\t\tanimation: ${ spinAnimation } 1s infinite linear;\n\t}\n`;\n"]}
@@ -1,86 +0,0 @@
1
- import { createElement } from "@wordpress/element";
2
-
3
- /**
4
- * WordPress dependencies
5
- */
6
- import { useState, useEffect, memo } from '@wordpress/element';
7
- /**
8
- * Internal dependencies
9
- */
10
-
11
- import { BackdropView } from './styles';
12
-
13
- function ToggleGroupControlBackdrop(_ref) {
14
- let {
15
- containerRef,
16
- containerWidth,
17
- isAdaptiveWidth,
18
- state
19
- } = _ref;
20
- const [left, setLeft] = useState(0);
21
- const [width, setWidth] = useState(0);
22
- const [canAnimate, setCanAnimate] = useState(false);
23
- const [renderBackdrop, setRenderBackdrop] = useState(false);
24
- useEffect(() => {
25
- const containerNode = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
26
- if (!containerNode) return;
27
- /**
28
- * Workaround for Reakit
29
- */
30
-
31
- const targetNode = containerNode.querySelector(`[data-value="${state}"]`);
32
- setRenderBackdrop(!!targetNode);
33
-
34
- if (!targetNode) {
35
- return;
36
- }
37
-
38
- const computeDimensions = () => {
39
- const {
40
- width: offsetWidth,
41
- x
42
- } = targetNode.getBoundingClientRect();
43
- const {
44
- x: parentX
45
- } = containerNode.getBoundingClientRect();
46
- const borderWidth = 1;
47
- const offsetLeft = x - parentX - borderWidth;
48
- setLeft(offsetLeft);
49
- setWidth(offsetWidth);
50
- }; // Fix to make the component appear as expected inside popovers.
51
- // If the targetNode width is 0 it means the element was not yet rendered we should allow
52
- // some time for the render to happen.
53
- // requestAnimationFrame instead of setTimeout with a small time does not seems to work.
54
-
55
-
56
- const dimensionsRequestId = window.setTimeout(computeDimensions, 100);
57
- let animationRequestId;
58
-
59
- if (!canAnimate) {
60
- animationRequestId = window.requestAnimationFrame(() => {
61
- setCanAnimate(true);
62
- });
63
- }
64
-
65
- return () => {
66
- window.clearTimeout(dimensionsRequestId);
67
- window.cancelAnimationFrame(animationRequestId);
68
- };
69
- }, [canAnimate, containerRef, containerWidth, state, isAdaptiveWidth]);
70
-
71
- if (!renderBackdrop) {
72
- return null;
73
- }
74
-
75
- return createElement(BackdropView, {
76
- role: "presentation",
77
- style: {
78
- transform: `translateX(${left}px)`,
79
- transition: canAnimate ? undefined : 'none',
80
- width
81
- }
82
- });
83
- }
84
-
85
- export default memo(ToggleGroupControlBackdrop);
86
- //# sourceMappingURL=toggle-group-control-backdrop.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":["useState","useEffect","memo","BackdropView","ToggleGroupControlBackdrop","containerRef","containerWidth","isAdaptiveWidth","state","left","setLeft","width","setWidth","canAnimate","setCanAnimate","renderBackdrop","setRenderBackdrop","containerNode","current","targetNode","querySelector","computeDimensions","offsetWidth","x","getBoundingClientRect","parentX","borderWidth","offsetLeft","dimensionsRequestId","window","setTimeout","animationRequestId","requestAnimationFrame","clearTimeout","cancelAnimationFrame","transform","transition","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,SAAnB,EAA8BC,IAA9B,QAA0C,oBAA1C;AAEA;AACA;AACA;;AAEA,SAASC,YAAT,QAA6B,UAA7B;;AAEA,SAASC,0BAAT,OAKqC;AAAA,MALA;AACpCC,IAAAA,YADoC;AAEpCC,IAAAA,cAFoC;AAGpCC,IAAAA,eAHoC;AAIpCC,IAAAA;AAJoC,GAKA;AACpC,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoBV,QAAQ,CAAE,CAAF,CAAlC;AACA,QAAM,CAAEW,KAAF,EAASC,QAAT,IAAsBZ,QAAQ,CAAE,CAAF,CAApC;AACA,QAAM,CAAEa,UAAF,EAAcC,aAAd,IAAgCd,QAAQ,CAAE,KAAF,CAA9C;AACA,QAAM,CAAEe,cAAF,EAAkBC,iBAAlB,IAAwChB,QAAQ,CAAE,KAAF,CAAtD;AAEAC,EAAAA,SAAS,CAAE,MAAM;AAChB,UAAMgB,aAAa,GAAGZ,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEa,OAApC;AACA,QAAK,CAAED,aAAP,EAAuB;AAEvB;AACF;AACA;;AACE,UAAME,UAAU,GAAGF,aAAa,CAACG,aAAd,CACjB,gBAAgBZ,KAAO,IADN,CAAnB;AAGAQ,IAAAA,iBAAiB,CAAE,CAAC,CAAEG,UAAL,CAAjB;;AACA,QAAK,CAAEA,UAAP,EAAoB;AACnB;AACA;;AAED,UAAME,iBAAiB,GAAG,MAAM;AAC/B,YAAM;AACLV,QAAAA,KAAK,EAAEW,WADF;AAELC,QAAAA;AAFK,UAGFJ,UAAU,CAACK,qBAAX,EAHJ;AAKA,YAAM;AAAED,QAAAA,CAAC,EAAEE;AAAL,UAAiBR,aAAa,CAACO,qBAAd,EAAvB;AAEA,YAAME,WAAW,GAAG,CAApB;AACA,YAAMC,UAAU,GAAGJ,CAAC,GAAGE,OAAJ,GAAcC,WAAjC;AAEAhB,MAAAA,OAAO,CAAEiB,UAAF,CAAP;AACAf,MAAAA,QAAQ,CAAEU,WAAF,CAAR;AACA,KAbD,CAfgB,CA6BhB;AACA;AACA;AACA;;;AACA,UAAMM,mBAAmB,GAAGC,MAAM,CAACC,UAAP,CAAmBT,iBAAnB,EAAsC,GAAtC,CAA5B;AAEA,QAAIU,kBAAJ;;AACA,QAAK,CAAElB,UAAP,EAAoB;AACnBkB,MAAAA,kBAAkB,GAAGF,MAAM,CAACG,qBAAP,CAA8B,MAAM;AACxDlB,QAAAA,aAAa,CAAE,IAAF,CAAb;AACA,OAFoB,CAArB;AAGA;;AACD,WAAO,MAAM;AACZe,MAAAA,MAAM,CAACI,YAAP,CAAqBL,mBAArB;AACAC,MAAAA,MAAM,CAACK,oBAAP,CAA6BH,kBAA7B;AACA,KAHD;AAIA,GA7CQ,EA6CN,CAAElB,UAAF,EAAcR,YAAd,EAA4BC,cAA5B,EAA4CE,KAA5C,EAAmDD,eAAnD,CA7CM,CAAT;;AA+CA,MAAK,CAAEQ,cAAP,EAAwB;AACvB,WAAO,IAAP;AACA;;AAED,SACC,cAAC,YAAD;AACC,IAAA,IAAI,EAAC,cADN;AAEC,IAAA,KAAK,EAAG;AACPoB,MAAAA,SAAS,EAAG,cAAc1B,IAAM,KADzB;AAEP2B,MAAAA,UAAU,EAAEvB,UAAU,GAAGwB,SAAH,GAAe,MAF9B;AAGP1B,MAAAA;AAHO;AAFT,IADD;AAUA;;AAED,eAAeT,IAAI,CAAEE,0BAAF,CAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlBackdropProps } from '../types';\nimport { BackdropView } from './styles';\n\nfunction ToggleGroupControlBackdrop( {\n\tcontainerRef,\n\tcontainerWidth,\n\tisAdaptiveWidth,\n\tstate,\n}: ToggleGroupControlBackdropProps ) {\n\tconst [ left, setLeft ] = useState( 0 );\n\tconst [ width, setWidth ] = useState( 0 );\n\tconst [ canAnimate, setCanAnimate ] = useState( false );\n\tconst [ renderBackdrop, setRenderBackdrop ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst containerNode = containerRef?.current;\n\t\tif ( ! containerNode ) return;\n\n\t\t/**\n\t\t * Workaround for Reakit\n\t\t */\n\t\tconst targetNode = containerNode.querySelector(\n\t\t\t`[data-value=\"${ state }\"]`\n\t\t);\n\t\tsetRenderBackdrop( !! targetNode );\n\t\tif ( ! targetNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst computeDimensions = () => {\n\t\t\tconst {\n\t\t\t\twidth: offsetWidth,\n\t\t\t\tx,\n\t\t\t} = targetNode.getBoundingClientRect();\n\n\t\t\tconst { x: parentX } = containerNode.getBoundingClientRect();\n\n\t\t\tconst borderWidth = 1;\n\t\t\tconst offsetLeft = x - parentX - borderWidth;\n\n\t\t\tsetLeft( offsetLeft );\n\t\t\tsetWidth( offsetWidth );\n\t\t};\n\t\t// Fix to make the component appear as expected inside popovers.\n\t\t// If the targetNode width is 0 it means the element was not yet rendered we should allow\n\t\t// some time for the render to happen.\n\t\t// requestAnimationFrame instead of setTimeout with a small time does not seems to work.\n\t\tconst dimensionsRequestId = window.setTimeout( computeDimensions, 100 );\n\n\t\tlet animationRequestId: number;\n\t\tif ( ! canAnimate ) {\n\t\t\tanimationRequestId = window.requestAnimationFrame( () => {\n\t\t\t\tsetCanAnimate( true );\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.clearTimeout( dimensionsRequestId );\n\t\t\twindow.cancelAnimationFrame( animationRequestId );\n\t\t};\n\t}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );\n\n\tif ( ! renderBackdrop ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BackdropView\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `translateX(${ left }px)`,\n\t\t\t\ttransition: canAnimate ? undefined : 'none',\n\t\t\t\twidth,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default memo( ToggleGroupControlBackdrop );\n"]}
@@ -1,5 +0,0 @@
1
- export const StyledSpinner: import("@emotion/styled").StyledComponent<{
2
- theme?: import("@emotion/react").Theme | undefined;
3
- as?: import("react").ElementType<any> | undefined;
4
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
5
- //# sourceMappingURL=spinner-styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"spinner-styles.d.ts","sourceRoot":"","sources":["../../../src/spinner/styles/spinner-styles.js"],"names":[],"mappings":"AAuBA;;;4GAuBE"}
@@ -1,4 +0,0 @@
1
- import type { ToggleGroupControlProps } from './types';
2
- declare const _default: import("../ui/context").WordPressComponent<"input", ToggleGroupControlProps, true>;
3
- export default _default;
4
- //# sourceMappingURL=component.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/component.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;;AA0FvD,wBAA0E"}
@@ -1,25 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ToggleGroupControl: import("@emotion/utils").SerializedStyles;
3
- export declare const block: import("@emotion/utils").SerializedStyles;
4
- export declare const BackdropView: import("@emotion/styled").StyledComponent<{
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
- export declare const LabelView: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme | undefined;
10
- as?: import("react").ElementType<any> | undefined;
11
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
- export declare const labelBlock: import("@emotion/utils").SerializedStyles;
13
- export declare const buttonView: import("@emotion/utils").SerializedStyles;
14
- export declare const buttonActive: import("@emotion/utils").SerializedStyles;
15
- export declare const ButtonContentView: import("@emotion/styled").StyledComponent<{
16
- theme?: import("@emotion/react").Theme | undefined;
17
- as?: import("react").ElementType<any> | undefined;
18
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
19
- export declare const separatorActive: import("@emotion/utils").SerializedStyles;
20
- export declare const LabelPlaceholderView: import("@emotion/styled").StyledComponent<{
21
- theme?: import("@emotion/react").Theme | undefined;
22
- as?: import("react").ElementType<any> | undefined;
23
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
24
- export declare const medium: import("@emotion/utils").SerializedStyles;
25
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,kBAAkB,2CAsB9B,CAAC;AAEF,eAAO,MAAM,KAAK,2CAGjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAWxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,2CA8BtB,CAAC;AAEF,eAAO,MAAM,YAAY,2CAExB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAO7B,CAAC;AAEF,eAAO,MAAM,eAAe,2CAE3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,MAAM,2CAElB,CAAC"}
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Internal dependencies
4
- */
5
- import type { ToggleGroupControlBackdropProps } from '../types';
6
- declare function ToggleGroupControlBackdrop({ containerRef, containerWidth, isAdaptiveWidth, state, }: ToggleGroupControlBackdropProps): JSX.Element | null;
7
- declare const _default: import("react").MemoExoticComponent<typeof ToggleGroupControlBackdrop>;
8
- export default _default;
9
- //# sourceMappingURL=toggle-group-control-backdrop.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toggle-group-control-backdrop.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAGhE,iBAAS,0BAA0B,CAAE,EACpC,YAAY,EACZ,cAAc,EACd,eAAe,EACf,KAAK,GACL,EAAE,+BAA+B,sBAmEjC;;AAED,wBAAkD"}
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Internal dependencies
4
- */
5
- import type { ToggleGroupControlBackdropProps } from './types';
6
- declare function ToggleGroupControlBackdrop({ containerRef, containerWidth, isAdaptiveWidth, state, }: ToggleGroupControlBackdropProps): JSX.Element;
7
- declare const _default: import("react").MemoExoticComponent<typeof ToggleGroupControlBackdrop>;
8
- export default _default;
9
- //# sourceMappingURL=toggle-group-control-backdrop.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toggle-group-control-backdrop.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAG/D,iBAAS,0BAA0B,CAAE,EACpC,YAAY,EACZ,cAAc,EACd,eAAe,EACf,KAAK,GACL,EAAE,+BAA+B,eA4CjC;;AAED,wBAAkD"}
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ToggleGroupControlButtonProps } from './types';
3
- declare function ToggleGroupControlButton({ className, forwardedRef, isBlock, label, value, ...props }: ToggleGroupControlButtonProps): JSX.Element;
4
- declare const _default: import("react").MemoExoticComponent<typeof ToggleGroupControlButton>;
5
- export default _default;
6
- //# sourceMappingURL=toggle-group-control-button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toggle-group-control-button.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/toggle-group-control-button.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAK7D,iBAAS,wBAAwB,CAAE,EAClC,SAAS,EACT,YAAY,EACZ,OAAe,EACf,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACR,EAAE,6BAA6B,eA2B/B;;AAED,wBAAgD"}
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Internal dependencies
4
- */
5
- import type { ToggleGroupControlContextProps } from './types';
6
- declare const ToggleGroupControlContext: import("react").Context<ToggleGroupControlContextProps>;
7
- export declare const useToggleGroupControlContext: () => ToggleGroupControlContextProps;
8
- export default ToggleGroupControlContext;
9
- //# sourceMappingURL=toggle-group-control-context.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toggle-group-control-context.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/toggle-group-control-context.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAE9D,QAAA,MAAM,yBAAyB,yDAE9B,CAAC;AACF,eAAO,MAAM,4BAA4B,sCACD,CAAC;AACzC,eAAe,yBAAyB,CAAC"}
@@ -1,4 +0,0 @@
1
- import type { ToggleGroupControlOptionProps } from './types';
2
- declare const _default: import("../ui/context").WordPressComponent<"input", ToggleGroupControlOptionProps, true>;
3
- export default _default;
4
- //# sourceMappingURL=toggle-group-control-option.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toggle-group-control-option.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/toggle-group-control-option.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;;AA0B7D,wBAGE"}
@@ -1,13 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import { ColorFormats } from 'tinycolor2';
5
- import type { ColorType } from './types';
6
- interface ColorDisplayProps {
7
- color: ColorFormats.HSLA;
8
- colorType: ColorType;
9
- enableAlpha: boolean;
10
- }
11
- export declare const ColorDisplay: ({ color, colorType, enableAlpha, }: ColorDisplayProps) => JSX.Element;
12
- export {};
13
- //# sourceMappingURL=color-display.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color-display.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/color-display.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAepD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,UAAU,iBAAiB;IAC1B,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;CACrB;AAqFD,eAAO,MAAM,YAAY,uCAItB,iBAAiB,gBA8DnB,CAAC"}
@@ -1,13 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import type { ColorFormats } from 'tinycolor2';
5
- interface ColorInputProps {
6
- colorType: 'hsl' | 'hex' | 'rgb';
7
- color: ColorFormats.HSLA;
8
- onChange: (value: ColorFormats.HSLA) => void;
9
- enableAlpha: boolean;
10
- }
11
- export declare const ColorInput: ({ colorType, color, onChange, enableAlpha, }: ColorInputProps) => JSX.Element;
12
- export {};
13
- //# sourceMappingURL=color-input.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color-input.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/color-input.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAS/C,UAAU,eAAe;IACxB,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACjC,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAE,KAAK,EAAE,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;IAC/C,WAAW,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,iDAKpB,eAAe,gBAWjB,CAAC"}
@@ -1,12 +0,0 @@
1
- import type { ColorFormats } from 'tinycolor2';
2
- import type { ColorType } from './types';
3
- export interface ColorPickerProps {
4
- enableAlpha?: boolean;
5
- color?: ColorFormats.HSL | ColorFormats.HSLA;
6
- onChange?: (color: ColorFormats.HSL | ColorFormats.HSLA) => void;
7
- defaultValue?: ColorFormats.HSL | ColorFormats.HSLA;
8
- copyFormat?: ColorType;
9
- }
10
- declare const ConnectedColorPicker: import("../context").WordPressComponent<"div", ColorPickerProps, false>;
11
- export default ConnectedColorPicker;
12
- //# sourceMappingURL=component.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AA+B/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;IACnE,YAAY,CAAC,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,SAAS,CAAC;CACvB;AAsGD,QAAA,MAAM,oBAAoB,yEAA+C,CAAC;AAE1E,eAAe,oBAAoB,CAAC"}
@@ -1,12 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import { ColorFormats } from 'tinycolor2';
5
- interface HexInputProps {
6
- color: ColorFormats.HSLA;
7
- onChange: (value: ColorFormats.HSLA) => void;
8
- enableAlpha: boolean;
9
- }
10
- export declare const HexInput: ({ color, onChange, enableAlpha }: HexInputProps) => JSX.Element;
11
- export {};
12
- //# sourceMappingURL=hex-input.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hex-input.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/hex-input.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAepD,UAAU,aAAa;IACtB,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAE,KAAK,EAAE,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;IAC/C,WAAW,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,qCAAuC,aAAa,gBAkCxE,CAAC"}
@@ -1,12 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import type { ColorFormats } from 'tinycolor2';
5
- interface HslInputProps {
6
- color: ColorFormats.HSLA;
7
- onChange: (color: ColorFormats.HSLA) => void;
8
- enableAlpha: boolean;
9
- }
10
- export declare const HslInput: ({ color, onChange, enableAlpha }: HslInputProps) => JSX.Element;
11
- export {};
12
- //# sourceMappingURL=hsl-input.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hsl-input.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/hsl-input.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAO/C,UAAU,aAAa;IACtB,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAE,KAAK,EAAE,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;IAC/C,WAAW,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,qCAAuC,aAAa,gBAsDxE,CAAC"}
@@ -1,2 +0,0 @@
1
- export { LegacyAdapter as ColorPicker } from './legacy-adapter';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,11 +0,0 @@
1
- interface InputWithSliderProps {
2
- min: number;
3
- max: number;
4
- value: number;
5
- label: string;
6
- abbreviation: string;
7
- onChange: (value: number) => void;
8
- }
9
- export declare const InputWithSlider: ({ min, max, label, abbreviation, onChange, value, }: InputWithSliderProps) => JSX.Element;
10
- export {};
11
- //# sourceMappingURL=input-with-slider.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"input-with-slider.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/input-with-slider.tsx"],"names":[],"mappings":"AASA,UAAU,oBAAoB;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,eAAe,wDAOzB,oBAAoB,gBAiCtB,CAAC"}
@@ -1,5 +0,0 @@
1
- import { useDeprecatedProps } from './use-deprecated-props';
2
- declare type LegacyAdapterProps = Parameters<typeof useDeprecatedProps>[0];
3
- export declare const LegacyAdapter: (props: LegacyAdapterProps) => JSX.Element;
4
- export {};
5
- //# sourceMappingURL=legacy-adapter.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"legacy-adapter.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/legacy-adapter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,aAAK,kBAAkB,GAAG,UAAU,CAAE,OAAO,kBAAkB,CAAE,CAAE,CAAC,CAAE,CAAC;AAEvE,eAAO,MAAM,aAAa,UAAY,kBAAkB,gBAEvD,CAAC"}
@@ -1,12 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import type { ColorFormats } from 'tinycolor2';
5
- interface PickerProps {
6
- color: ColorFormats.HSL | ColorFormats.HSLA;
7
- enableAlpha: boolean;
8
- onChange: (nextColor: ColorFormats.HSL | ColorFormats.HSLA) => void;
9
- }
10
- export declare const Picker: ({ color, enableAlpha, onChange }: PickerProps) => JSX.Element;
11
- export {};
12
- //# sourceMappingURL=picker.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/picker.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG/C,UAAU,WAAW;IACpB,KAAK,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC;IAC5C,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAE,SAAS,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,MAAM,qCAAuC,WAAW,gBAapE,CAAC"}
@@ -1,12 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import { ColorFormats } from 'tinycolor2';
5
- interface RgbInputProps {
6
- color: ColorFormats.HSLA;
7
- onChange: (color: ColorFormats.HSLA) => void;
8
- enableAlpha: boolean;
9
- }
10
- export declare const RgbInput: ({ color, onChange, enableAlpha }: RgbInputProps) => JSX.Element;
11
- export {};
12
- //# sourceMappingURL=rgb-input.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"rgb-input.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/rgb-input.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAOpD,UAAU,aAAa;IACtB,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAE,KAAK,EAAE,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;IAC/C,WAAW,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,qCAAuC,aAAa,gBAwDxE,CAAC"}