@wordpress/components 27.4.0 → 27.5.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 (474) hide show
  1. package/CHANGELOG.md +27 -1
  2. package/build/alignment-matrix-control/index.js +3 -1
  3. package/build/alignment-matrix-control/index.js.map +1 -1
  4. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js +8 -8
  5. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
  6. package/build/alignment-matrix-control/utils.js +6 -2
  7. package/build/alignment-matrix-control/utils.js.map +1 -1
  8. package/build/autocomplete/autocompleter-ui.js +3 -1
  9. package/build/autocomplete/autocompleter-ui.js.map +1 -1
  10. package/build/autocomplete/index.js +21 -7
  11. package/build/autocomplete/index.js.map +1 -1
  12. package/build/checkbox-control/index.js +9 -2
  13. package/build/checkbox-control/index.js.map +1 -1
  14. package/build/color-picker/hex-input.js +3 -1
  15. package/build/color-picker/hex-input.js.map +1 -1
  16. package/build/color-picker/hue-picker.native.js +6 -2
  17. package/build/color-picker/hue-picker.native.js.map +1 -1
  18. package/build/color-picker/index.native.js +9 -3
  19. package/build/color-picker/index.native.js.map +1 -1
  20. package/build/color-picker/saturation-picker.native.js +6 -2
  21. package/build/color-picker/saturation-picker.native.js.map +1 -1
  22. package/build/color-picker/use-deprecated-props.js +9 -3
  23. package/build/color-picker/use-deprecated-props.js.map +1 -1
  24. package/build/context/context-connect.js +6 -2
  25. package/build/context/context-connect.js.map +1 -1
  26. package/build/custom-select-control-v2/legacy-component/index.js +3 -1
  27. package/build/custom-select-control-v2/legacy-component/index.js.map +1 -1
  28. package/build/drop-zone/index.js +72 -64
  29. package/build/drop-zone/index.js.map +1 -1
  30. package/build/dropdown/styles.js +5 -3
  31. package/build/dropdown/styles.js.map +1 -1
  32. package/build/duotone-picker/utils.js +3 -1
  33. package/build/duotone-picker/utils.js.map +1 -1
  34. package/build/elevation/hook.js +5 -6
  35. package/build/elevation/hook.js.map +1 -1
  36. package/build/focal-point-picker/controls.js +3 -1
  37. package/build/focal-point-picker/controls.js.map +1 -1
  38. package/build/focal-point-picker/index.js +21 -7
  39. package/build/focal-point-picker/index.js.map +1 -1
  40. package/build/focal-point-picker/styles/focal-point-picker-style.js +12 -12
  41. package/build/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
  42. package/build/focal-point-picker/tooltip/index.native.js +3 -8
  43. package/build/focal-point-picker/tooltip/index.native.js.map +1 -1
  44. package/build/focal-point-picker/utils.js +3 -1
  45. package/build/focal-point-picker/utils.js.map +1 -1
  46. package/build/font-size-picker/index.js +3 -2
  47. package/build/font-size-picker/index.js.map +1 -1
  48. package/build/font-size-picker/types.js.map +1 -1
  49. package/build/input-control/input-field.js +3 -1
  50. package/build/input-control/input-field.js.map +1 -1
  51. package/build/input-control/label.js +3 -1
  52. package/build/input-control/label.js.map +1 -1
  53. package/build/input-control/styles/input-control-styles.js +31 -23
  54. package/build/input-control/styles/input-control-styles.js.map +1 -1
  55. package/build/input-control/utils.js +8 -4
  56. package/build/input-control/utils.js.map +1 -1
  57. package/build/item-group/item/hook.js +0 -4
  58. package/build/item-group/item/hook.js.map +1 -1
  59. package/build/mobile/gradient/index.native.js +3 -1
  60. package/build/mobile/gradient/index.native.js.map +1 -1
  61. package/build/mobile/keyboard-aware-flat-list/index.android.js +9 -3
  62. package/build/mobile/keyboard-aware-flat-list/index.android.js.map +1 -1
  63. package/build/mobile/keyboard-aware-flat-list/index.ios.js +15 -13
  64. package/build/mobile/keyboard-aware-flat-list/index.ios.js.map +1 -1
  65. package/build/mobile/keyboard-aware-flat-list/shared.native.js +33 -0
  66. package/build/mobile/keyboard-aware-flat-list/shared.native.js.map +1 -0
  67. package/build/modal/aria-helper.js +9 -3
  68. package/build/modal/aria-helper.js.map +1 -1
  69. package/build/modal/index.js +6 -2
  70. package/build/modal/index.js.map +1 -1
  71. package/build/navigation/styles/navigation-styles.js +12 -12
  72. package/build/navigation/styles/navigation-styles.js.map +1 -1
  73. package/build/panel/body.js +3 -1
  74. package/build/panel/body.js.map +1 -1
  75. package/build/popover/index.js +3 -1
  76. package/build/popover/index.js.map +1 -1
  77. package/build/popover/overlay-middlewares.js +3 -1
  78. package/build/popover/overlay-middlewares.js.map +1 -1
  79. package/build/query-controls/author-select.js +3 -1
  80. package/build/query-controls/author-select.js.map +1 -1
  81. package/build/range-control/rail.js +1 -1
  82. package/build/range-control/rail.js.map +1 -1
  83. package/build/range-control/styles/range-control-styles.js +29 -29
  84. package/build/range-control/styles/range-control-styles.js.map +1 -1
  85. package/build/resizable-box/resize-tooltip/index.js +3 -1
  86. package/build/resizable-box/resize-tooltip/index.js.map +1 -1
  87. package/build/resizable-box/resize-tooltip/label.js +3 -1
  88. package/build/resizable-box/resize-tooltip/label.js.map +1 -1
  89. package/build/resizable-box/resize-tooltip/utils.js +12 -4
  90. package/build/resizable-box/resize-tooltip/utils.js.map +1 -1
  91. package/build/select-control/index.js +3 -1
  92. package/build/select-control/index.js.map +1 -1
  93. package/build/select-control/styles/select-control-styles.js +8 -6
  94. package/build/select-control/styles/select-control-styles.js.map +1 -1
  95. package/build/slot-fill/bubbles-virtually/slot-fill-context.js +3 -3
  96. package/build/slot-fill/bubbles-virtually/slot-fill-context.js.map +1 -1
  97. package/build/slot-fill/bubbles-virtually/slot-fill-provider.js +3 -3
  98. package/build/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -1
  99. package/build/slot-fill/bubbles-virtually/use-slot-fills.js +2 -2
  100. package/build/slot-fill/bubbles-virtually/use-slot-fills.js.map +1 -1
  101. package/build/slot-fill/bubbles-virtually/use-slot.js +2 -2
  102. package/build/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
  103. package/build/slot-fill/types.js.map +1 -1
  104. package/build/text/get-line-height.js +6 -2
  105. package/build/text/get-line-height.js.map +1 -1
  106. package/build/text/utils.js +6 -2
  107. package/build/text/utils.js.map +1 -1
  108. package/build/theme/color-algorithms.js +6 -2
  109. package/build/theme/color-algorithms.js.map +1 -1
  110. package/build/toggle-group-control/toggle-group-control-option-base/component.js +3 -1
  111. package/build/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
  112. package/build/toggle-group-control/toggle-group-control-option-base/styles.js +9 -9
  113. package/build/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -1
  114. package/build/tree-grid/roving-tab-index-item.js +3 -1
  115. package/build/tree-grid/roving-tab-index-item.js.map +1 -1
  116. package/build/unit-control/index.js +3 -1
  117. package/build/unit-control/index.js.map +1 -1
  118. package/build/utils/colors.js +21 -7
  119. package/build/utils/colors.js.map +1 -1
  120. package/build/utils/font-size.js +3 -1
  121. package/build/utils/font-size.js.map +1 -1
  122. package/build/utils/get-valid-children.js +3 -1
  123. package/build/utils/get-valid-children.js.map +1 -1
  124. package/build/utils/input/base.js +2 -3
  125. package/build/utils/input/base.js.map +1 -1
  126. package/build/utils/strings.js +11 -57
  127. package/build/utils/strings.js.map +1 -1
  128. package/build/utils/use-responsive-value.js +3 -1
  129. package/build/utils/use-responsive-value.js.map +1 -1
  130. package/build/view/component.js +26 -8
  131. package/build/view/component.js.map +1 -1
  132. package/build-module/alignment-matrix-control/index.js +3 -1
  133. package/build-module/alignment-matrix-control/index.js.map +1 -1
  134. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js +9 -9
  135. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
  136. package/build-module/alignment-matrix-control/utils.js +6 -2
  137. package/build-module/alignment-matrix-control/utils.js.map +1 -1
  138. package/build-module/autocomplete/autocompleter-ui.js +3 -1
  139. package/build-module/autocomplete/autocompleter-ui.js.map +1 -1
  140. package/build-module/autocomplete/index.js +21 -7
  141. package/build-module/autocomplete/index.js.map +1 -1
  142. package/build-module/checkbox-control/index.js +9 -2
  143. package/build-module/checkbox-control/index.js.map +1 -1
  144. package/build-module/color-picker/hex-input.js +3 -1
  145. package/build-module/color-picker/hex-input.js.map +1 -1
  146. package/build-module/color-picker/hue-picker.native.js +6 -2
  147. package/build-module/color-picker/hue-picker.native.js.map +1 -1
  148. package/build-module/color-picker/index.native.js +9 -3
  149. package/build-module/color-picker/index.native.js.map +1 -1
  150. package/build-module/color-picker/saturation-picker.native.js +6 -2
  151. package/build-module/color-picker/saturation-picker.native.js.map +1 -1
  152. package/build-module/color-picker/use-deprecated-props.js +9 -3
  153. package/build-module/color-picker/use-deprecated-props.js.map +1 -1
  154. package/build-module/context/context-connect.js +6 -2
  155. package/build-module/context/context-connect.js.map +1 -1
  156. package/build-module/custom-select-control-v2/legacy-component/index.js +3 -1
  157. package/build-module/custom-select-control-v2/legacy-component/index.js.map +1 -1
  158. package/build-module/drop-zone/index.js +72 -64
  159. package/build-module/drop-zone/index.js.map +1 -1
  160. package/build-module/dropdown/styles.js +5 -3
  161. package/build-module/dropdown/styles.js.map +1 -1
  162. package/build-module/duotone-picker/utils.js +3 -1
  163. package/build-module/duotone-picker/utils.js.map +1 -1
  164. package/build-module/elevation/hook.js +6 -7
  165. package/build-module/elevation/hook.js.map +1 -1
  166. package/build-module/focal-point-picker/controls.js +3 -1
  167. package/build-module/focal-point-picker/controls.js.map +1 -1
  168. package/build-module/focal-point-picker/index.js +21 -7
  169. package/build-module/focal-point-picker/index.js.map +1 -1
  170. package/build-module/focal-point-picker/styles/focal-point-picker-style.js +13 -13
  171. package/build-module/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
  172. package/build-module/focal-point-picker/tooltip/index.native.js +3 -8
  173. package/build-module/focal-point-picker/tooltip/index.native.js.map +1 -1
  174. package/build-module/focal-point-picker/utils.js +3 -1
  175. package/build-module/focal-point-picker/utils.js.map +1 -1
  176. package/build-module/font-size-picker/index.js +3 -2
  177. package/build-module/font-size-picker/index.js.map +1 -1
  178. package/build-module/font-size-picker/types.js.map +1 -1
  179. package/build-module/input-control/input-field.js +3 -1
  180. package/build-module/input-control/input-field.js.map +1 -1
  181. package/build-module/input-control/label.js +3 -1
  182. package/build-module/input-control/label.js.map +1 -1
  183. package/build-module/input-control/styles/input-control-styles.js +31 -23
  184. package/build-module/input-control/styles/input-control-styles.js.map +1 -1
  185. package/build-module/input-control/utils.js +8 -4
  186. package/build-module/input-control/utils.js.map +1 -1
  187. package/build-module/item-group/item/hook.js +0 -4
  188. package/build-module/item-group/item/hook.js.map +1 -1
  189. package/build-module/mobile/gradient/index.native.js +3 -1
  190. package/build-module/mobile/gradient/index.native.js.map +1 -1
  191. package/build-module/mobile/keyboard-aware-flat-list/index.android.js +9 -3
  192. package/build-module/mobile/keyboard-aware-flat-list/index.android.js.map +1 -1
  193. package/build-module/mobile/keyboard-aware-flat-list/index.ios.js +16 -15
  194. package/build-module/mobile/keyboard-aware-flat-list/index.ios.js.map +1 -1
  195. package/build-module/mobile/keyboard-aware-flat-list/shared.native.js +27 -0
  196. package/build-module/mobile/keyboard-aware-flat-list/shared.native.js.map +1 -0
  197. package/build-module/modal/aria-helper.js +9 -3
  198. package/build-module/modal/aria-helper.js.map +1 -1
  199. package/build-module/modal/index.js +6 -2
  200. package/build-module/modal/index.js.map +1 -1
  201. package/build-module/navigation/styles/navigation-styles.js +13 -13
  202. package/build-module/navigation/styles/navigation-styles.js.map +1 -1
  203. package/build-module/panel/body.js +3 -1
  204. package/build-module/panel/body.js.map +1 -1
  205. package/build-module/popover/index.js +3 -1
  206. package/build-module/popover/index.js.map +1 -1
  207. package/build-module/popover/overlay-middlewares.js +3 -1
  208. package/build-module/popover/overlay-middlewares.js.map +1 -1
  209. package/build-module/query-controls/author-select.js +3 -1
  210. package/build-module/query-controls/author-select.js.map +1 -1
  211. package/build-module/range-control/rail.js +1 -1
  212. package/build-module/range-control/rail.js.map +1 -1
  213. package/build-module/range-control/styles/range-control-styles.js +30 -30
  214. package/build-module/range-control/styles/range-control-styles.js.map +1 -1
  215. package/build-module/resizable-box/resize-tooltip/index.js +3 -1
  216. package/build-module/resizable-box/resize-tooltip/index.js.map +1 -1
  217. package/build-module/resizable-box/resize-tooltip/label.js +3 -1
  218. package/build-module/resizable-box/resize-tooltip/label.js.map +1 -1
  219. package/build-module/resizable-box/resize-tooltip/utils.js +12 -4
  220. package/build-module/resizable-box/resize-tooltip/utils.js.map +1 -1
  221. package/build-module/select-control/index.js +3 -1
  222. package/build-module/select-control/index.js.map +1 -1
  223. package/build-module/select-control/styles/select-control-styles.js +8 -6
  224. package/build-module/select-control/styles/select-control-styles.js.map +1 -1
  225. package/build-module/slot-fill/bubbles-virtually/slot-fill-context.js +2 -1
  226. package/build-module/slot-fill/bubbles-virtually/slot-fill-context.js.map +1 -1
  227. package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js +1 -1
  228. package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -1
  229. package/build-module/slot-fill/bubbles-virtually/use-slot-fills.js +1 -1
  230. package/build-module/slot-fill/bubbles-virtually/use-slot-fills.js.map +1 -1
  231. package/build-module/slot-fill/bubbles-virtually/use-slot.js +1 -1
  232. package/build-module/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
  233. package/build-module/slot-fill/types.js.map +1 -1
  234. package/build-module/text/get-line-height.js +6 -2
  235. package/build-module/text/get-line-height.js.map +1 -1
  236. package/build-module/text/utils.js +6 -2
  237. package/build-module/text/utils.js.map +1 -1
  238. package/build-module/theme/color-algorithms.js +6 -2
  239. package/build-module/theme/color-algorithms.js.map +1 -1
  240. package/build-module/toggle-group-control/toggle-group-control-option-base/component.js +3 -1
  241. package/build-module/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
  242. package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js +10 -10
  243. package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -1
  244. package/build-module/tree-grid/roving-tab-index-item.js +3 -1
  245. package/build-module/tree-grid/roving-tab-index-item.js.map +1 -1
  246. package/build-module/unit-control/index.js +3 -1
  247. package/build-module/unit-control/index.js.map +1 -1
  248. package/build-module/utils/colors.js +21 -7
  249. package/build-module/utils/colors.js.map +1 -1
  250. package/build-module/utils/font-size.js +3 -1
  251. package/build-module/utils/font-size.js.map +1 -1
  252. package/build-module/utils/get-valid-children.js +3 -1
  253. package/build-module/utils/get-valid-children.js.map +1 -1
  254. package/build-module/utils/input/base.js +2 -3
  255. package/build-module/utils/input/base.js.map +1 -1
  256. package/build-module/utils/strings.js +12 -57
  257. package/build-module/utils/strings.js.map +1 -1
  258. package/build-module/utils/use-responsive-value.js +3 -1
  259. package/build-module/utils/use-responsive-value.js.map +1 -1
  260. package/build-module/view/component.js +26 -8
  261. package/build-module/view/component.js.map +1 -1
  262. package/build-style/style-rtl.css +39 -36
  263. package/build-style/style.css +39 -36
  264. package/build-types/alignment-matrix-control/index.d.ts.map +1 -1
  265. package/build-types/alignment-matrix-control/styles/alignment-matrix-control-styles.d.ts.map +1 -1
  266. package/build-types/alignment-matrix-control/utils.d.ts.map +1 -1
  267. package/build-types/autocomplete/autocompleter-ui.d.ts.map +1 -1
  268. package/build-types/autocomplete/index.d.ts.map +1 -1
  269. package/build-types/border-box-control/border-box-control/hook.d.ts +4 -4
  270. package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts +4 -4
  271. package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts +4 -4
  272. package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts +4 -4
  273. package/build-types/border-control/border-control/hook.d.ts +4 -4
  274. package/build-types/border-control/border-control-dropdown/hook.d.ts +4 -4
  275. package/build-types/box-control/stories/index.story.d.ts +24 -24
  276. package/build-types/card/card/hook.d.ts +4 -4
  277. package/build-types/card/card-body/hook.d.ts +4 -4
  278. package/build-types/card/card-divider/hook.d.ts +4 -4
  279. package/build-types/card/card-footer/hook.d.ts +4 -4
  280. package/build-types/card/card-header/hook.d.ts +4 -4
  281. package/build-types/card/card-media/hook.d.ts +4 -4
  282. package/build-types/checkbox-control/index.d.ts.map +1 -1
  283. package/build-types/color-picker/hex-input.d.ts.map +1 -1
  284. package/build-types/color-picker/use-deprecated-props.d.ts.map +1 -1
  285. package/build-types/context/context-connect.d.ts.map +1 -1
  286. package/build-types/custom-select-control-v2/legacy-component/index.d.ts.map +1 -1
  287. package/build-types/drop-zone/index.d.ts.map +1 -1
  288. package/build-types/dropdown/styles.d.ts.map +1 -1
  289. package/build-types/duotone-picker/utils.d.ts.map +1 -1
  290. package/build-types/elevation/hook.d.ts +4 -4
  291. package/build-types/elevation/hook.d.ts.map +1 -1
  292. package/build-types/flex/flex/hook.d.ts +4 -4
  293. package/build-types/flex/flex-block/hook.d.ts +4 -4
  294. package/build-types/flex/flex-item/hook.d.ts +4 -4
  295. package/build-types/focal-point-picker/controls.d.ts.map +1 -1
  296. package/build-types/focal-point-picker/index.d.ts.map +1 -1
  297. package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts.map +1 -1
  298. package/build-types/focal-point-picker/utils.d.ts.map +1 -1
  299. package/build-types/font-size-picker/index.d.ts.map +1 -1
  300. package/build-types/font-size-picker/stories/index.story.d.ts.map +1 -1
  301. package/build-types/font-size-picker/types.d.ts +2 -0
  302. package/build-types/font-size-picker/types.d.ts.map +1 -1
  303. package/build-types/grid/hook.d.ts +4 -4
  304. package/build-types/h-stack/hook.d.ts +4 -4
  305. package/build-types/heading/hook.d.ts +4 -4
  306. package/build-types/input-control/input-field.d.ts.map +1 -1
  307. package/build-types/input-control/label.d.ts.map +1 -1
  308. package/build-types/input-control/stories/index.story.d.ts +2 -1
  309. package/build-types/input-control/stories/index.story.d.ts.map +1 -1
  310. package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
  311. package/build-types/input-control/utils.d.ts.map +1 -1
  312. package/build-types/item-group/item/hook.d.ts +5 -5
  313. package/build-types/item-group/item/hook.d.ts.map +1 -1
  314. package/build-types/item-group/item-group/hook.d.ts +4 -4
  315. package/build-types/modal/aria-helper.d.ts.map +1 -1
  316. package/build-types/modal/index.d.ts.map +1 -1
  317. package/build-types/navigation/styles/navigation-styles.d.ts.map +1 -1
  318. package/build-types/navigator/navigator-back-button/hook.d.ts +4 -4
  319. package/build-types/navigator/navigator-button/hook.d.ts +4 -4
  320. package/build-types/palette-edit/styles.d.ts +749 -10
  321. package/build-types/palette-edit/styles.d.ts.map +1 -1
  322. package/build-types/panel/body.d.ts.map +1 -1
  323. package/build-types/popover/index.d.ts.map +1 -1
  324. package/build-types/popover/overlay-middlewares.d.ts.map +1 -1
  325. package/build-types/popover/stories/index.story.d.ts.map +1 -1
  326. package/build-types/query-controls/author-select.d.ts.map +1 -1
  327. package/build-types/range-control/styles/range-control-styles.d.ts.map +1 -1
  328. package/build-types/resizable-box/resize-tooltip/index.d.ts.map +1 -1
  329. package/build-types/resizable-box/resize-tooltip/label.d.ts.map +1 -1
  330. package/build-types/resizable-box/resize-tooltip/utils.d.ts.map +1 -1
  331. package/build-types/scrollable/hook.d.ts +4 -4
  332. package/build-types/select-control/index.d.ts.map +1 -1
  333. package/build-types/select-control/styles/select-control-styles.d.ts.map +1 -1
  334. package/build-types/slot-fill/bubbles-virtually/slot-fill-context.d.ts.map +1 -1
  335. package/build-types/slot-fill/bubbles-virtually/slot-fill-provider.d.ts.map +1 -1
  336. package/build-types/slot-fill/bubbles-virtually/use-slot-fills.d.ts.map +1 -1
  337. package/build-types/slot-fill/bubbles-virtually/use-slot.d.ts.map +1 -1
  338. package/build-types/slot-fill/types.d.ts +2 -2
  339. package/build-types/slot-fill/types.d.ts.map +1 -1
  340. package/build-types/spacer/hook.d.ts +4 -4
  341. package/build-types/surface/hook.d.ts +4 -4
  342. package/build-types/text/get-line-height.d.ts.map +1 -1
  343. package/build-types/text/hook.d.ts +4 -4
  344. package/build-types/text/utils.d.ts.map +1 -1
  345. package/build-types/text-control/index.d.ts +1 -1
  346. package/build-types/theme/color-algorithms.d.ts.map +1 -1
  347. package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts.map +1 -1
  348. package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts.map +1 -1
  349. package/build-types/tools-panel/tools-panel/hook.d.ts +4 -4
  350. package/build-types/tools-panel/tools-panel-header/hook.d.ts +4 -4
  351. package/build-types/tools-panel/tools-panel-item/hook.d.ts +4 -4
  352. package/build-types/tree-grid/roving-tab-index-item.d.ts.map +1 -1
  353. package/build-types/truncate/hook.d.ts +4 -4
  354. package/build-types/unit-control/index.d.ts.map +1 -1
  355. package/build-types/utils/colors.d.ts.map +1 -1
  356. package/build-types/utils/font-size.d.ts.map +1 -1
  357. package/build-types/utils/get-valid-children.d.ts.map +1 -1
  358. package/build-types/utils/input/base.d.ts.map +1 -1
  359. package/build-types/utils/strings.d.ts.map +1 -1
  360. package/build-types/utils/use-responsive-value.d.ts.map +1 -1
  361. package/build-types/v-stack/hook.d.ts +4 -4
  362. package/build-types/view/component.d.ts +253 -7
  363. package/build-types/view/component.d.ts.map +1 -1
  364. package/package.json +19 -19
  365. package/src/alignment-matrix-control/index.tsx +3 -1
  366. package/src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts +4 -3
  367. package/src/alignment-matrix-control/utils.tsx +6 -2
  368. package/src/autocomplete/autocompleter-ui.tsx +3 -1
  369. package/src/autocomplete/index.tsx +21 -7
  370. package/src/autocomplete/style.scss +10 -4
  371. package/src/box-control/test/index.tsx +22 -0
  372. package/src/card/test/__snapshots__/index.tsx.snap +44 -47
  373. package/src/checkbox-control/index.tsx +44 -35
  374. package/src/checkbox-control/style.scss +12 -1
  375. package/src/checkbox-control/test/__snapshots__/index.tsx.snap +27 -26
  376. package/src/checkbox-control/test/index.tsx +5 -0
  377. package/src/color-picker/hex-input.tsx +3 -1
  378. package/src/color-picker/hue-picker.native.js +6 -2
  379. package/src/color-picker/index.native.js +9 -3
  380. package/src/color-picker/saturation-picker.native.js +6 -2
  381. package/src/color-picker/use-deprecated-props.ts +9 -3
  382. package/src/context/context-connect.ts +6 -2
  383. package/src/custom-select-control-v2/README.md +0 -4
  384. package/src/custom-select-control-v2/legacy-component/index.tsx +3 -1
  385. package/src/custom-select-control-v2/stories/default.story.tsx +1 -1
  386. package/src/custom-select-control-v2/stories/legacy.story.tsx +1 -1
  387. package/src/drop-zone/index.tsx +66 -66
  388. package/src/dropdown/styles.ts +3 -1
  389. package/src/duotone-picker/utils.ts +3 -1
  390. package/src/elevation/hook.ts +6 -3
  391. package/src/elevation/test/__snapshots__/index.tsx.snap +18 -24
  392. package/src/flex/test/__snapshots__/index.tsx.snap +4 -4
  393. package/src/focal-point-picker/controls.tsx +3 -1
  394. package/src/focal-point-picker/index.tsx +20 -7
  395. package/src/focal-point-picker/styles/focal-point-picker-style.ts +4 -3
  396. package/src/focal-point-picker/tooltip/index.native.js +1 -7
  397. package/src/focal-point-picker/utils.ts +3 -1
  398. package/src/font-size-picker/README.md +1 -0
  399. package/src/font-size-picker/index.tsx +4 -2
  400. package/src/font-size-picker/stories/index.story.tsx +0 -1
  401. package/src/font-size-picker/types.ts +2 -0
  402. package/src/higher-order/navigate-regions/style.scss +3 -3
  403. package/src/input-control/input-field.tsx +3 -1
  404. package/src/input-control/label.tsx +3 -1
  405. package/src/input-control/stories/index.story.tsx +31 -1
  406. package/src/input-control/styles/input-control-styles.tsx +12 -4
  407. package/src/input-control/test/index.js +8 -4
  408. package/src/input-control/utils.ts +3 -2
  409. package/src/item-group/item/hook.ts +1 -10
  410. package/src/item-group/test/__snapshots__/index.js.snap +16 -16
  411. package/src/mobile/gradient/index.native.js +3 -1
  412. package/src/mobile/keyboard-aware-flat-list/index.android.js +11 -2
  413. package/src/mobile/keyboard-aware-flat-list/index.ios.js +30 -19
  414. package/src/mobile/keyboard-aware-flat-list/shared.native.js +26 -0
  415. package/src/mobile/keyboard-aware-flat-list/styles.native.scss +8 -0
  416. package/src/modal/aria-helper.ts +8 -3
  417. package/src/modal/index.tsx +6 -2
  418. package/src/modal/test/index.tsx +11 -4
  419. package/src/navigation/styles/navigation-styles.tsx +4 -3
  420. package/src/panel/body.tsx +3 -1
  421. package/src/panel/style.scss +1 -0
  422. package/src/placeholder/style.scss +12 -34
  423. package/src/popover/index.tsx +2 -1
  424. package/src/popover/overlay-middlewares.tsx +3 -1
  425. package/src/popover/stories/index.story.tsx +0 -2
  426. package/src/query-controls/author-select.tsx +3 -1
  427. package/src/range-control/rail.tsx +1 -1
  428. package/src/range-control/styles/range-control-styles.ts +5 -3
  429. package/src/resizable-box/resize-tooltip/index.tsx +3 -1
  430. package/src/resizable-box/resize-tooltip/label.tsx +3 -1
  431. package/src/resizable-box/resize-tooltip/utils.ts +12 -4
  432. package/src/select-control/index.tsx +3 -1
  433. package/src/select-control/styles/select-control-styles.ts +3 -1
  434. package/src/slot-fill/bubbles-virtually/slot-fill-context.ts +2 -1
  435. package/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx +1 -1
  436. package/src/slot-fill/bubbles-virtually/use-slot-fills.ts +1 -1
  437. package/src/slot-fill/bubbles-virtually/use-slot.ts +1 -1
  438. package/src/slot-fill/types.ts +2 -2
  439. package/src/surface/test/__snapshots__/index.tsx.snap +10 -10
  440. package/src/text/get-line-height.ts +6 -2
  441. package/src/text/utils.ts +6 -2
  442. package/src/theme/color-algorithms.ts +6 -2
  443. package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +18 -24
  444. package/src/toggle-group-control/toggle-group-control-option-base/component.tsx +3 -1
  445. package/src/toggle-group-control/toggle-group-control-option-base/styles.ts +7 -6
  446. package/src/toolbar/toolbar/style.scss +2 -2
  447. package/src/tree-grid/roving-tab-index-item.tsx +3 -1
  448. package/src/unit-control/index.tsx +5 -1
  449. package/src/utils/colors.js +21 -7
  450. package/src/utils/font-size.ts +3 -1
  451. package/src/utils/get-valid-children.ts +3 -1
  452. package/src/utils/input/base.js +4 -3
  453. package/src/utils/strings.ts +11 -59
  454. package/src/utils/test/strings.js +62 -0
  455. package/src/utils/use-responsive-value.ts +2 -1
  456. package/src/view/component.tsx +18 -11
  457. package/tsconfig.json +1 -2
  458. package/tsconfig.tsbuildinfo +1 -1
  459. package/build/slot-fill/bubbles-virtually/observable-map.js +0 -68
  460. package/build/slot-fill/bubbles-virtually/observable-map.js.map +0 -1
  461. package/build/view/types.js +0 -6
  462. package/build/view/types.js.map +0 -1
  463. package/build-module/slot-fill/bubbles-virtually/observable-map.js +0 -60
  464. package/build-module/slot-fill/bubbles-virtually/observable-map.js.map +0 -1
  465. package/build-module/view/types.js +0 -2
  466. package/build-module/view/types.js.map +0 -1
  467. package/build-types/slot-fill/bubbles-virtually/observable-map.d.ts +0 -19
  468. package/build-types/slot-fill/bubbles-virtually/observable-map.d.ts.map +0 -1
  469. package/build-types/view/types.d.ts +0 -8
  470. package/build-types/view/types.d.ts.map +0 -1
  471. package/src/slot-fill/bubbles-virtually/observable-map.ts +0 -79
  472. package/src/slot-fill/test/observable-map.js +0 -83
  473. package/src/utils/hooks/stories/use-cx.js +0 -157
  474. package/src/view/types.ts +0 -6
@@ -171,8 +171,8 @@
171
171
  }
172
172
  }
173
173
  .components-autocomplete__popover .components-popover__content {
174
- padding: 16px;
175
- min-width: 220px;
174
+ padding: 8px;
175
+ min-width: 200px;
176
176
  }
177
177
 
178
178
  .components-autocomplete__result.components-button {
@@ -182,8 +182,13 @@
182
182
  text-align: right;
183
183
  width: 100%;
184
184
  }
185
- .components-autocomplete__result.components-button.is-selected {
186
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
185
+ .components-autocomplete__result.components-button:focus:not(:disabled) {
186
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
187
+ outline: 2px solid transparent;
188
+ }
189
+ .components-autocomplete__result.components-button.is-selected, .components-autocomplete__result.components-button:not(:disabled, [aria-disabled=true]):active {
190
+ background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
191
+ color: #fff;
187
192
  }
188
193
 
189
194
  .components-button-group {
@@ -492,6 +497,10 @@ p + .components-button.is-tertiary {
492
497
  }
493
498
  }
494
499
 
500
+ .components-checkbox-control__label {
501
+ line-height: var(--checkbox-input-size);
502
+ }
503
+
495
504
  .components-checkbox-control__input[type=checkbox] {
496
505
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
497
506
  padding: 6px 8px;
@@ -630,6 +639,7 @@ p + .components-button.is-tertiary {
630
639
  vertical-align: middle;
631
640
  width: var(--checkbox-input-size);
632
641
  aspect-ratio: 1;
642
+ flex-shrink: 0;
633
643
  }
634
644
 
635
645
  svg.components-checkbox-control__checked,
@@ -654,6 +664,11 @@ svg.components-checkbox-control__indeterminate {
654
664
  }
655
665
  }
656
666
 
667
+ .components-checkbox-control__help {
668
+ display: inline-block;
669
+ margin-inline-start: calc(var(--checkbox-input-size) + 12px);
670
+ }
671
+
657
672
  .components-circular-option-picker {
658
673
  display: inline-block;
659
674
  width: 100%;
@@ -1742,9 +1757,9 @@ body.is-dragging-components-draggable {
1742
1757
  z-index: 1000000;
1743
1758
  }
1744
1759
  .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,
1745
- .is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel,
1746
- .is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel,
1747
- .is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-entities-saved-states-panel,
1760
+ .is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel,
1761
+ .is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel,
1762
+ .is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel,
1748
1763
  .is-focusing-regions .editor-post-publish-panel {
1749
1764
  outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1750
1765
  outline-offset: -4px;
@@ -2131,6 +2146,7 @@ body.is-dragging-components-draggable {
2131
2146
 
2132
2147
  .components-panel__header {
2133
2148
  display: flex;
2149
+ flex-shrink: 0;
2134
2150
  justify-content: space-between;
2135
2151
  align-items: center;
2136
2152
  padding: 0 16px;
@@ -2262,7 +2278,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2262
2278
  font-size: 13px;
2263
2279
  box-sizing: border-box;
2264
2280
  position: relative;
2265
- padding: 1em;
2281
+ padding: 24px;
2266
2282
  width: 100%;
2267
2283
  text-align: right;
2268
2284
  margin: 0;
@@ -2270,6 +2286,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2270
2286
  display: flex;
2271
2287
  flex-direction: column;
2272
2288
  align-items: flex-start;
2289
+ gap: 16px;
2273
2290
  -moz-font-smoothing: subpixel-antialiased;
2274
2291
  -webkit-font-smoothing: subpixel-antialiased;
2275
2292
  border-radius: 2px;
@@ -2291,15 +2308,14 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2291
2308
  }
2292
2309
 
2293
2310
  .components-placeholder__label {
2294
- display: flex;
2295
2311
  font-weight: 600;
2296
- margin-bottom: 16px;
2297
2312
  align-items: center;
2313
+ display: flex;
2298
2314
  }
2299
2315
  .components-placeholder__label > svg,
2300
2316
  .components-placeholder__label .dashicon,
2301
2317
  .components-placeholder__label .block-editor-block-icon {
2302
- margin-left: 12px;
2318
+ margin-left: 4px;
2303
2319
  fill: currentColor;
2304
2320
  }
2305
2321
  @media (forced-colors: active) {
@@ -2319,6 +2335,8 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2319
2335
  flex-direction: row;
2320
2336
  width: 100%;
2321
2337
  flex-wrap: wrap;
2338
+ gap: 12px;
2339
+ justify-content: flex-start;
2322
2340
  }
2323
2341
  .components-placeholder__fieldset p,
2324
2342
  .components-placeholder__fieldset form p {
@@ -2374,22 +2392,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2374
2392
  color: rgba(30, 30, 30, 0.62);
2375
2393
  }
2376
2394
 
2377
- .components-placeholder__instructions {
2378
- margin-bottom: 1em;
2379
- }
2380
-
2381
2395
  .components-placeholder__error {
2382
- margin-top: 1em;
2383
2396
  width: 100%;
2384
- }
2385
-
2386
- .components-placeholder__fieldset .components-button {
2387
- margin-left: 12px;
2388
- margin-bottom: 12px;
2389
- }
2390
- .components-placeholder__fieldset .components-button:last-child {
2391
- margin-bottom: 0;
2392
- margin-left: 0;
2397
+ gap: 8px;
2393
2398
  }
2394
2399
 
2395
2400
  .components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link {
@@ -2400,10 +2405,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2400
2405
  margin-left: 0;
2401
2406
  }
2402
2407
 
2403
- .components-placeholder.is-large .components-placeholder__label {
2404
- font-size: 18pt;
2405
- font-weight: normal;
2406
- }
2407
2408
  .components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions {
2408
2409
  display: none;
2409
2410
  }
@@ -2412,11 +2413,14 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2412
2413
  .components-placeholder.is-small .components-placeholder__fieldset form {
2413
2414
  flex-direction: column;
2414
2415
  }
2415
- .components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button {
2416
- margin-left: auto;
2417
- }
2416
+ .components-placeholder.is-medium .components-placeholder__fieldset > *,
2417
+ .components-placeholder.is-medium .components-button, .components-placeholder.is-small .components-placeholder__fieldset > *,
2418
2418
  .components-placeholder.is-small .components-button {
2419
- padding: 0 8px 2px;
2419
+ width: 100%;
2420
+ justify-content: center;
2421
+ }
2422
+ .components-placeholder.is-small {
2423
+ padding: 16px;
2420
2424
  }
2421
2425
 
2422
2426
  /**
@@ -2437,7 +2441,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2437
2441
  background-color: rgba(0, 0, 0, 0.1);
2438
2442
  }
2439
2443
  .components-placeholder.has-illustration .components-placeholder__fieldset {
2440
- width: auto;
2441
2444
  margin-right: 0;
2442
2445
  margin-left: 0;
2443
2446
  }
@@ -3311,8 +3314,8 @@ body.lockscroll {
3311
3314
  }
3312
3315
  .components-accessible-toolbar .components-button.has-icon.has-icon,
3313
3316
  .components-toolbar .components-button.has-icon.has-icon {
3314
- padding-right: 12px;
3315
- padding-left: 12px;
3317
+ padding-right: 8px;
3318
+ padding-left: 8px;
3316
3319
  min-width: 48px;
3317
3320
  }
3318
3321
  .components-accessible-toolbar .components-button.components-tab-button,
@@ -171,8 +171,8 @@
171
171
  }
172
172
  }
173
173
  .components-autocomplete__popover .components-popover__content {
174
- padding: 16px;
175
- min-width: 220px;
174
+ padding: 8px;
175
+ min-width: 200px;
176
176
  }
177
177
 
178
178
  .components-autocomplete__result.components-button {
@@ -182,8 +182,13 @@
182
182
  text-align: left;
183
183
  width: 100%;
184
184
  }
185
- .components-autocomplete__result.components-button.is-selected {
186
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
185
+ .components-autocomplete__result.components-button:focus:not(:disabled) {
186
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
187
+ outline: 2px solid transparent;
188
+ }
189
+ .components-autocomplete__result.components-button.is-selected, .components-autocomplete__result.components-button:not(:disabled, [aria-disabled=true]):active {
190
+ background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
191
+ color: #fff;
187
192
  }
188
193
 
189
194
  .components-button-group {
@@ -492,6 +497,10 @@ p + .components-button.is-tertiary {
492
497
  }
493
498
  }
494
499
 
500
+ .components-checkbox-control__label {
501
+ line-height: var(--checkbox-input-size);
502
+ }
503
+
495
504
  .components-checkbox-control__input[type=checkbox] {
496
505
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
497
506
  padding: 6px 8px;
@@ -630,6 +639,7 @@ p + .components-button.is-tertiary {
630
639
  vertical-align: middle;
631
640
  width: var(--checkbox-input-size);
632
641
  aspect-ratio: 1;
642
+ flex-shrink: 0;
633
643
  }
634
644
 
635
645
  svg.components-checkbox-control__checked,
@@ -654,6 +664,11 @@ svg.components-checkbox-control__indeterminate {
654
664
  }
655
665
  }
656
666
 
667
+ .components-checkbox-control__help {
668
+ display: inline-block;
669
+ margin-inline-start: calc(var(--checkbox-input-size) + 12px);
670
+ }
671
+
657
672
  .components-circular-option-picker {
658
673
  display: inline-block;
659
674
  width: 100%;
@@ -1747,9 +1762,9 @@ body.is-dragging-components-draggable {
1747
1762
  z-index: 1000000;
1748
1763
  }
1749
1764
  .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,
1750
- .is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel,
1751
- .is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel,
1752
- .is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-entities-saved-states-panel,
1765
+ .is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel,
1766
+ .is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel,
1767
+ .is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel,
1753
1768
  .is-focusing-regions .editor-post-publish-panel {
1754
1769
  outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1755
1770
  outline-offset: -4px;
@@ -2136,6 +2151,7 @@ body.is-dragging-components-draggable {
2136
2151
 
2137
2152
  .components-panel__header {
2138
2153
  display: flex;
2154
+ flex-shrink: 0;
2139
2155
  justify-content: space-between;
2140
2156
  align-items: center;
2141
2157
  padding: 0 16px;
@@ -2269,7 +2285,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2269
2285
  font-size: 13px;
2270
2286
  box-sizing: border-box;
2271
2287
  position: relative;
2272
- padding: 1em;
2288
+ padding: 24px;
2273
2289
  width: 100%;
2274
2290
  text-align: left;
2275
2291
  margin: 0;
@@ -2277,6 +2293,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2277
2293
  display: flex;
2278
2294
  flex-direction: column;
2279
2295
  align-items: flex-start;
2296
+ gap: 16px;
2280
2297
  -moz-font-smoothing: subpixel-antialiased;
2281
2298
  -webkit-font-smoothing: subpixel-antialiased;
2282
2299
  border-radius: 2px;
@@ -2298,15 +2315,14 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2298
2315
  }
2299
2316
 
2300
2317
  .components-placeholder__label {
2301
- display: flex;
2302
2318
  font-weight: 600;
2303
- margin-bottom: 16px;
2304
2319
  align-items: center;
2320
+ display: flex;
2305
2321
  }
2306
2322
  .components-placeholder__label > svg,
2307
2323
  .components-placeholder__label .dashicon,
2308
2324
  .components-placeholder__label .block-editor-block-icon {
2309
- margin-right: 12px;
2325
+ margin-right: 4px;
2310
2326
  fill: currentColor;
2311
2327
  }
2312
2328
  @media (forced-colors: active) {
@@ -2326,6 +2342,8 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2326
2342
  flex-direction: row;
2327
2343
  width: 100%;
2328
2344
  flex-wrap: wrap;
2345
+ gap: 12px;
2346
+ justify-content: flex-start;
2329
2347
  }
2330
2348
  .components-placeholder__fieldset p,
2331
2349
  .components-placeholder__fieldset form p {
@@ -2381,22 +2399,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2381
2399
  color: rgba(30, 30, 30, 0.62);
2382
2400
  }
2383
2401
 
2384
- .components-placeholder__instructions {
2385
- margin-bottom: 1em;
2386
- }
2387
-
2388
2402
  .components-placeholder__error {
2389
- margin-top: 1em;
2390
2403
  width: 100%;
2391
- }
2392
-
2393
- .components-placeholder__fieldset .components-button {
2394
- margin-right: 12px;
2395
- margin-bottom: 12px;
2396
- }
2397
- .components-placeholder__fieldset .components-button:last-child {
2398
- margin-bottom: 0;
2399
- margin-right: 0;
2404
+ gap: 8px;
2400
2405
  }
2401
2406
 
2402
2407
  .components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link {
@@ -2407,10 +2412,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2407
2412
  margin-right: 0;
2408
2413
  }
2409
2414
 
2410
- .components-placeholder.is-large .components-placeholder__label {
2411
- font-size: 18pt;
2412
- font-weight: normal;
2413
- }
2414
2415
  .components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions {
2415
2416
  display: none;
2416
2417
  }
@@ -2419,11 +2420,14 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2419
2420
  .components-placeholder.is-small .components-placeholder__fieldset form {
2420
2421
  flex-direction: column;
2421
2422
  }
2422
- .components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button {
2423
- margin-right: auto;
2424
- }
2423
+ .components-placeholder.is-medium .components-placeholder__fieldset > *,
2424
+ .components-placeholder.is-medium .components-button, .components-placeholder.is-small .components-placeholder__fieldset > *,
2425
2425
  .components-placeholder.is-small .components-button {
2426
- padding: 0 8px 2px;
2426
+ width: 100%;
2427
+ justify-content: center;
2428
+ }
2429
+ .components-placeholder.is-small {
2430
+ padding: 16px;
2427
2431
  }
2428
2432
 
2429
2433
  /**
@@ -2444,7 +2448,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2444
2448
  background-color: rgba(0, 0, 0, 0.1);
2445
2449
  }
2446
2450
  .components-placeholder.has-illustration .components-placeholder__fieldset {
2447
- width: auto;
2448
2451
  margin-left: 0;
2449
2452
  margin-right: 0;
2450
2453
  }
@@ -3323,8 +3326,8 @@ body.lockscroll {
3323
3326
  }
3324
3327
  .components-accessible-toolbar .components-button.has-icon.has-icon,
3325
3328
  .components-toolbar .components-button.has-icon.has-icon {
3326
- padding-left: 12px;
3327
- padding-right: 12px;
3329
+ padding-left: 8px;
3330
+ padding-right: 8px;
3328
3331
  min-width: 48px;
3329
3332
  }
3330
3333
  .components-accessible-toolbar .components-button.components-tab-button,
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,0BAA0B,MAAM,QAAQ,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,sBAAsB,CAAE,EACvC,SAAS,EACT,EAAE,EACF,KAAwC,EACxC,YAA8B,EAC9B,KAAK,EACL,QAAQ,EACR,KAAU,EACV,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,2BAA2B,EAAE,KAAK,EAAE,KAAK,CAAE,eAyDtE;yBAlEe,sBAAsB;;;AAsEtC,eAAe,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,0BAA0B,MAAM,QAAQ,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,sBAAsB,CAAE,EACvC,SAAS,EACT,EAAE,EACF,KAAwC,EACxC,YAA8B,EAC9B,KAAK,EACL,QAAQ,EACR,KAAU,EACV,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,2BAA2B,EAAE,KAAK,EAAE,KAAK,CAAE,eA2DtE;yBApEe,sBAAsB;;;AAwEtC,eAAe,sBAAsB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"alignment-matrix-control-styles.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,2BAA2B,EAC3B,+BAA+B,EAC/B,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,QAAQ,iDASpB,CAAC;AASF,eAAO,MAAM,IAAI;;;;UACV,2BAA2B,CAAE,OAAO,CAAE;yGAS5C,CAAC;AAEF,eAAO,MAAM,GAAG;;;yGAIf,CAAC;AAmBF,eAAO,MAAM,SAAS,UACd,KAAM,+BAA+B,EAAE,UAAU,CAAE,8CAY1D,CAAC;AAEF,eAAO,MAAM,KAAK;;;+JAIjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;2GAWhB,CAAC"}
1
+ {"version":3,"file":"alignment-matrix-control-styles.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,2BAA2B,EAC3B,+BAA+B,EAC/B,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,QAAQ,iDASpB,CAAC;AASF,eAAO,MAAM,IAAI;;;;UACV,2BAA2B,CAAE,OAAO,CAAE;yGAS5C,CAAC;AAEF,eAAO,MAAM,GAAG;;;yGAIf,CAAC;AAmBF,eAAO,MAAM,SAAS,UACd,KAAM,+BAA+B,EAAE,UAAU,CAAE,8CAa1D,CAAC;AAEF,eAAO,MAAM,KAAK;;;+JAIjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;2GAWhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/utils.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,IAAI,EAAE,2BAA2B,EAAE,EAI/C,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAE,2BAA2B,EAAE,MAAM,CAWxE,CAAC;AAGF,eAAO,MAAM,UAAU,+BAAc,CAAC;AAuBtC;;;;;;;GAOG;AACH,wBAAgB,SAAS,CACxB,QAAQ,EAAE,MAAM,EAChB,KAAK,CAAC,EAAE,2BAA2B,sBAOnC;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,2CAGjE;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAChC,SAAS,GAAE,2BAAsC,sBAOjD"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/utils.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,IAAI,EAAE,2BAA2B,EAAE,EAI/C,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAE,2BAA2B,EAAE,MAAM,CAWxE,CAAC;AAGF,eAAO,MAAM,UAAU,+BAAc,CAAC;AAuBtC;;;;;;;GAOG;AACH,wBAAgB,SAAS,CACxB,QAAQ,EAAE,MAAM,EAChB,KAAK,CAAC,EAAE,2BAA2B,sBASnC;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,2CAGjE;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAChC,SAAS,GAAE,2BAAsC,sBASjD"}
@@ -1 +1 @@
1
- {"version":3,"file":"autocompleter-ui.d.ts","sourceRoot":"","sources":["../../src/autocomplete/autocompleter-ui.tsx"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EAAE,oBAAoB,EAAe,WAAW,EAAE,MAAM,SAAS,CAAC;AAE9E,wBAAgB,kBAAkB,CAAE,aAAa,EAAE,WAAW,8HAgB1D,oBAAoB,wBAsIvB"}
1
+ {"version":3,"file":"autocompleter-ui.d.ts","sourceRoot":"","sources":["../../src/autocomplete/autocompleter-ui.tsx"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EAAE,oBAAoB,EAAe,WAAW,EAAE,MAAM,SAAS,CAAC;AAE9E,wBAAgB,kBAAkB,CAAE,aAAa,EAAE,WAAW,8HAgB1D,oBAAoB,wBAwIvB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":";AAiCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAiCjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EAgUtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAsClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,eAQnB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":";AAiCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAiCjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EA8UtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAsClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,eAQnB"}
@@ -31,7 +31,7 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
31
31
  style?: import("react").CSSProperties | undefined;
32
32
  title?: string | undefined;
33
33
  color?: string | undefined;
34
- translate?: "yes" | "no" | undefined;
34
+ translate?: "no" | "yes" | undefined;
35
35
  hidden?: boolean | undefined;
36
36
  lang?: string | undefined;
37
37
  tabIndex?: number | undefined;
@@ -44,7 +44,7 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
44
44
  'aria-colindex'?: number | undefined;
45
45
  'aria-colspan'?: number | undefined;
46
46
  'aria-controls'?: string | undefined;
47
- 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
47
+ 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
48
48
  'aria-describedby'?: string | undefined;
49
49
  'aria-details'?: string | undefined;
50
50
  'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -275,8 +275,8 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
275
275
  itemRef?: string | undefined;
276
276
  results?: number | undefined;
277
277
  security?: string | undefined;
278
- unselectable?: "on" | "off" | undefined;
279
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
278
+ unselectable?: "off" | "on" | undefined;
279
+ inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
280
280
  is?: string | undefined;
281
281
  as?: keyof JSX.IntrinsicElements | undefined;
282
282
  };
@@ -13,7 +13,7 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
13
13
  style?: import("react").CSSProperties | undefined;
14
14
  title?: string | undefined;
15
15
  color?: string | undefined;
16
- translate?: "yes" | "no" | undefined;
16
+ translate?: "no" | "yes" | undefined;
17
17
  hidden?: boolean | undefined;
18
18
  lang?: string | undefined;
19
19
  name?: string | undefined;
@@ -28,7 +28,7 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
28
28
  'aria-colindex'?: number | undefined;
29
29
  'aria-colspan'?: number | undefined;
30
30
  'aria-controls'?: string | undefined;
31
- 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
31
+ 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
32
32
  'aria-describedby'?: string | undefined;
33
33
  'aria-details'?: string | undefined;
34
34
  'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -260,8 +260,8 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
260
260
  itemRef?: string | undefined;
261
261
  results?: number | undefined;
262
262
  security?: string | undefined;
263
- unselectable?: "on" | "off" | undefined;
264
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
263
+ unselectable?: "off" | "on" | undefined;
264
+ inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
265
265
  is?: string | undefined;
266
266
  autoFocus?: boolean | undefined;
267
267
  disabled?: boolean | undefined;
@@ -22,7 +22,7 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
22
22
  style?: import("react").CSSProperties | undefined;
23
23
  title?: string | undefined;
24
24
  color?: string | undefined;
25
- translate?: "yes" | "no" | undefined;
25
+ translate?: "no" | "yes" | undefined;
26
26
  hidden?: boolean | undefined;
27
27
  lang?: string | undefined;
28
28
  tabIndex?: number | undefined;
@@ -35,7 +35,7 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
35
35
  'aria-colindex'?: number | undefined;
36
36
  'aria-colspan'?: number | undefined;
37
37
  'aria-controls'?: string | undefined;
38
- 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
38
+ 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
39
39
  'aria-describedby'?: string | undefined;
40
40
  'aria-details'?: string | undefined;
41
41
  'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -266,8 +266,8 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
266
266
  itemRef?: string | undefined;
267
267
  results?: number | undefined;
268
268
  security?: string | undefined;
269
- unselectable?: "on" | "off" | undefined;
270
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
269
+ unselectable?: "off" | "on" | undefined;
270
+ inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
271
271
  is?: string | undefined;
272
272
  as?: keyof JSX.IntrinsicElements | undefined;
273
273
  };
@@ -11,7 +11,7 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
11
11
  style?: import("react").CSSProperties | undefined;
12
12
  title?: string | undefined;
13
13
  color?: string | undefined;
14
- translate?: "yes" | "no" | undefined;
14
+ translate?: "no" | "yes" | undefined;
15
15
  hidden?: boolean | undefined;
16
16
  lang?: string | undefined;
17
17
  tabIndex?: number | undefined;
@@ -24,7 +24,7 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
24
24
  'aria-colindex'?: number | undefined;
25
25
  'aria-colspan'?: number | undefined;
26
26
  'aria-controls'?: string | undefined;
27
- 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
27
+ 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
28
28
  'aria-describedby'?: string | undefined;
29
29
  'aria-details'?: string | undefined;
30
30
  'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -256,8 +256,8 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
256
256
  itemRef?: string | undefined;
257
257
  results?: number | undefined;
258
258
  security?: string | undefined;
259
- unselectable?: "on" | "off" | undefined;
260
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
259
+ unselectable?: "off" | "on" | undefined;
260
+ inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
261
261
  is?: string | undefined;
262
262
  as?: keyof JSX.IntrinsicElements | undefined;
263
263
  };
@@ -34,7 +34,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
34
34
  style?: import("react").CSSProperties | undefined;
35
35
  title?: string | undefined;
36
36
  color?: string | undefined;
37
- translate?: "yes" | "no" | undefined;
37
+ translate?: "no" | "yes" | undefined;
38
38
  hidden?: boolean | undefined;
39
39
  lang?: string | undefined;
40
40
  tabIndex?: number | undefined;
@@ -47,7 +47,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
47
47
  'aria-colindex'?: number | undefined;
48
48
  'aria-colspan'?: number | undefined;
49
49
  'aria-controls'?: string | undefined;
50
- 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
50
+ 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
51
51
  'aria-describedby'?: string | undefined;
52
52
  'aria-details'?: string | undefined;
53
53
  'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -278,8 +278,8 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
278
278
  itemRef?: string | undefined;
279
279
  results?: number | undefined;
280
280
  security?: string | undefined;
281
- unselectable?: "on" | "off" | undefined;
282
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
281
+ unselectable?: "off" | "on" | undefined;
282
+ inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
283
283
  is?: string | undefined;
284
284
  as?: keyof JSX.IntrinsicElements | undefined;
285
285
  };
@@ -28,7 +28,7 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
28
28
  style?: import("react").CSSProperties | undefined;
29
29
  title?: string | undefined;
30
30
  color?: string | undefined;
31
- translate?: "yes" | "no" | undefined;
31
+ translate?: "no" | "yes" | undefined;
32
32
  hidden?: boolean | undefined;
33
33
  lang?: string | undefined;
34
34
  tabIndex?: number | undefined;
@@ -41,7 +41,7 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
41
41
  'aria-colindex'?: number | undefined;
42
42
  'aria-colspan'?: number | undefined;
43
43
  'aria-controls'?: string | undefined;
44
- 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
44
+ 'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
45
45
  'aria-describedby'?: string | undefined;
46
46
  'aria-details'?: string | undefined;
47
47
  'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -271,8 +271,8 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
271
271
  itemRef?: string | undefined;
272
272
  results?: number | undefined;
273
273
  security?: string | undefined;
274
- unselectable?: "on" | "off" | undefined;
275
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
274
+ unselectable?: "off" | "on" | undefined;
275
+ inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
276
276
  is?: string | undefined;
277
277
  as?: keyof JSX.IntrinsicElements | undefined;
278
278
  };