@wordpress/components 28.12.0 → 28.13.1-next.082ed6819.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 (396) hide show
  1. package/CHANGELOG.md +43 -1
  2. package/build/autocomplete/autocompleter-ui.js +1 -0
  3. package/build/autocomplete/autocompleter-ui.js.map +1 -1
  4. package/build/border-box-control/border-box-control/component.js +1 -0
  5. package/build/border-box-control/border-box-control/component.js.map +1 -1
  6. package/build/border-box-control/border-box-control-split-controls/component.js +2 -1
  7. package/build/border-box-control/border-box-control-split-controls/component.js.map +1 -1
  8. package/build/border-control/border-control/component.js +2 -1
  9. package/build/border-control/border-control/component.js.map +1 -1
  10. package/build/border-control/border-control/hook.js +3 -1
  11. package/build/border-control/border-control/hook.js.map +1 -1
  12. package/build/border-control/types.js.map +1 -1
  13. package/build/box-control/all-input-control.js +1 -0
  14. package/build/box-control/all-input-control.js.map +1 -1
  15. package/build/box-control/axial-input-controls.js +1 -0
  16. package/build/box-control/axial-input-controls.js.map +1 -1
  17. package/build/box-control/input-controls.js +1 -0
  18. package/build/box-control/input-controls.js.map +1 -1
  19. package/build/color-palette/index.js +2 -0
  20. package/build/color-palette/index.js.map +1 -1
  21. package/build/color-picker/color-copy-button.js +6 -4
  22. package/build/color-picker/color-copy-button.js.map +1 -1
  23. package/build/color-picker/component.js +1 -0
  24. package/build/color-picker/component.js.map +1 -1
  25. package/build/color-picker/styles.js +21 -28
  26. package/build/color-picker/styles.js.map +1 -1
  27. package/build/combobox-control/index.js +17 -12
  28. package/build/combobox-control/index.js.map +1 -1
  29. package/build/composite/hover.js +1 -1
  30. package/build/composite/hover.js.map +1 -1
  31. package/build/composite/typeahead.js +1 -1
  32. package/build/composite/typeahead.js.map +1 -1
  33. package/build/dashicon/types.js.map +1 -1
  34. package/build/dimension-control/index.js +7 -0
  35. package/build/dimension-control/index.js.map +1 -1
  36. package/build/disabled/index.js +8 -1
  37. package/build/disabled/index.js.map +1 -1
  38. package/build/duotone-picker/duotone-picker.js +2 -0
  39. package/build/duotone-picker/duotone-picker.js.map +1 -1
  40. package/build/font-size-picker/font-size-picker-toggle-group.js +1 -0
  41. package/build/font-size-picker/font-size-picker-toggle-group.js.map +1 -1
  42. package/build/font-size-picker/index.js +7 -0
  43. package/build/font-size-picker/index.js.map +1 -1
  44. package/build/form-file-upload/index.js +3 -1
  45. package/build/form-file-upload/index.js.map +1 -1
  46. package/build/gradient-picker/index.js +34 -32
  47. package/build/gradient-picker/index.js.map +1 -1
  48. package/build/gradient-picker/types.js.map +1 -1
  49. package/build/menu/styles.js +16 -16
  50. package/build/menu/styles.js.map +1 -1
  51. package/build/modal/index.js +2 -2
  52. package/build/modal/index.js.map +1 -1
  53. package/build/private-apis.js +0 -2
  54. package/build/private-apis.js.map +1 -1
  55. package/build/range-control/index.js +11 -0
  56. package/build/range-control/index.js.map +1 -1
  57. package/build/range-control/types.js.map +1 -1
  58. package/build/slot-fill/bubbles-virtually/fill.js +14 -31
  59. package/build/slot-fill/bubbles-virtually/fill.js.map +1 -1
  60. package/build/slot-fill/bubbles-virtually/slot-fill-provider.js +13 -4
  61. package/build/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -1
  62. package/build/slot-fill/bubbles-virtually/slot.js +11 -9
  63. package/build/slot-fill/bubbles-virtually/slot.js.map +1 -1
  64. package/build/slot-fill/bubbles-virtually/use-slot.js +1 -8
  65. package/build/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
  66. package/build/slot-fill/fill.js +7 -24
  67. package/build/slot-fill/fill.js.map +1 -1
  68. package/build/slot-fill/index.js +5 -10
  69. package/build/slot-fill/index.js.map +1 -1
  70. package/build/slot-fill/provider.js +2 -2
  71. package/build/slot-fill/provider.js.map +1 -1
  72. package/build/slot-fill/slot.js +37 -77
  73. package/build/slot-fill/slot.js.map +1 -1
  74. package/build/slot-fill/types.js.map +1 -1
  75. package/build/text-control/index.js +7 -0
  76. package/build/text-control/index.js.map +1 -1
  77. package/build/toggle-group-control/toggle-group-control/component.js +9 -0
  78. package/build/toggle-group-control/toggle-group-control/component.js.map +1 -1
  79. package/build/toggle-group-control/toggle-group-control-option/component.js +1 -0
  80. package/build/toggle-group-control/toggle-group-control-option/component.js.map +1 -1
  81. package/build/toggle-group-control/toggle-group-control-option-icon/component.js +1 -1
  82. package/build/toggle-group-control/toggle-group-control-option-icon/component.js.map +1 -1
  83. package/build/toggle-group-control/types.js.map +1 -1
  84. package/build/utils/deprecated-36px-size.js +3 -2
  85. package/build/utils/deprecated-36px-size.js.map +1 -1
  86. package/build-module/autocomplete/autocompleter-ui.js +1 -0
  87. package/build-module/autocomplete/autocompleter-ui.js.map +1 -1
  88. package/build-module/border-box-control/border-box-control/component.js +1 -0
  89. package/build-module/border-box-control/border-box-control/component.js.map +1 -1
  90. package/build-module/border-box-control/border-box-control-split-controls/component.js +2 -1
  91. package/build-module/border-box-control/border-box-control-split-controls/component.js.map +1 -1
  92. package/build-module/border-control/border-control/component.js +2 -1
  93. package/build-module/border-control/border-control/component.js.map +1 -1
  94. package/build-module/border-control/border-control/hook.js +3 -1
  95. package/build-module/border-control/border-control/hook.js.map +1 -1
  96. package/build-module/border-control/types.js.map +1 -1
  97. package/build-module/box-control/all-input-control.js +1 -0
  98. package/build-module/box-control/all-input-control.js.map +1 -1
  99. package/build-module/box-control/axial-input-controls.js +1 -0
  100. package/build-module/box-control/axial-input-controls.js.map +1 -1
  101. package/build-module/box-control/input-controls.js +1 -0
  102. package/build-module/box-control/input-controls.js.map +1 -1
  103. package/build-module/color-palette/index.js +2 -0
  104. package/build-module/color-palette/index.js.map +1 -1
  105. package/build-module/color-picker/color-copy-button.js +6 -4
  106. package/build-module/color-picker/color-copy-button.js.map +1 -1
  107. package/build-module/color-picker/component.js +1 -0
  108. package/build-module/color-picker/component.js.map +1 -1
  109. package/build-module/color-picker/styles.js +20 -27
  110. package/build-module/color-picker/styles.js.map +1 -1
  111. package/build-module/combobox-control/index.js +18 -13
  112. package/build-module/combobox-control/index.js.map +1 -1
  113. package/build-module/composite/hover.js +1 -1
  114. package/build-module/composite/hover.js.map +1 -1
  115. package/build-module/composite/typeahead.js +1 -1
  116. package/build-module/composite/typeahead.js.map +1 -1
  117. package/build-module/dashicon/types.js.map +1 -1
  118. package/build-module/dimension-control/index.js +7 -0
  119. package/build-module/dimension-control/index.js.map +1 -1
  120. package/build-module/disabled/index.js +8 -1
  121. package/build-module/disabled/index.js.map +1 -1
  122. package/build-module/duotone-picker/duotone-picker.js +2 -0
  123. package/build-module/duotone-picker/duotone-picker.js.map +1 -1
  124. package/build-module/font-size-picker/font-size-picker-toggle-group.js +1 -0
  125. package/build-module/font-size-picker/font-size-picker-toggle-group.js.map +1 -1
  126. package/build-module/font-size-picker/index.js +7 -0
  127. package/build-module/font-size-picker/index.js.map +1 -1
  128. package/build-module/form-file-upload/index.js +3 -1
  129. package/build-module/form-file-upload/index.js.map +1 -1
  130. package/build-module/gradient-picker/index.js +34 -32
  131. package/build-module/gradient-picker/index.js.map +1 -1
  132. package/build-module/gradient-picker/types.js.map +1 -1
  133. package/build-module/menu/styles.js +16 -16
  134. package/build-module/menu/styles.js.map +1 -1
  135. package/build-module/modal/index.js +2 -2
  136. package/build-module/modal/index.js.map +1 -1
  137. package/build-module/private-apis.js +0 -2
  138. package/build-module/private-apis.js.map +1 -1
  139. package/build-module/range-control/index.js +11 -0
  140. package/build-module/range-control/index.js.map +1 -1
  141. package/build-module/range-control/types.js.map +1 -1
  142. package/build-module/slot-fill/bubbles-virtually/fill.js +15 -32
  143. package/build-module/slot-fill/bubbles-virtually/fill.js.map +1 -1
  144. package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js +13 -4
  145. package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -1
  146. package/build-module/slot-fill/bubbles-virtually/slot.js +11 -9
  147. package/build-module/slot-fill/bubbles-virtually/slot.js.map +1 -1
  148. package/build-module/slot-fill/bubbles-virtually/use-slot.js +2 -9
  149. package/build-module/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
  150. package/build-module/slot-fill/fill.js +7 -24
  151. package/build-module/slot-fill/fill.js.map +1 -1
  152. package/build-module/slot-fill/index.js +5 -8
  153. package/build-module/slot-fill/index.js.map +1 -1
  154. package/build-module/slot-fill/provider.js +2 -3
  155. package/build-module/slot-fill/provider.js.map +1 -1
  156. package/build-module/slot-fill/slot.js +38 -78
  157. package/build-module/slot-fill/slot.js.map +1 -1
  158. package/build-module/slot-fill/types.js.map +1 -1
  159. package/build-module/text-control/index.js +7 -0
  160. package/build-module/text-control/index.js.map +1 -1
  161. package/build-module/toggle-group-control/toggle-group-control/component.js +9 -0
  162. package/build-module/toggle-group-control/toggle-group-control/component.js.map +1 -1
  163. package/build-module/toggle-group-control/toggle-group-control-option/component.js +1 -0
  164. package/build-module/toggle-group-control/toggle-group-control-option/component.js.map +1 -1
  165. package/build-module/toggle-group-control/toggle-group-control-option-icon/component.js +1 -1
  166. package/build-module/toggle-group-control/toggle-group-control-option-icon/component.js.map +1 -1
  167. package/build-module/toggle-group-control/types.js.map +1 -1
  168. package/build-module/utils/deprecated-36px-size.js +3 -2
  169. package/build-module/utils/deprecated-36px-size.js.map +1 -1
  170. package/build-style/style-rtl.css +0 -7
  171. package/build-style/style.css +0 -7
  172. package/build-types/autocomplete/autocompleter-ui.d.ts.map +1 -1
  173. package/build-types/base-control/stories/index.story.d.ts.map +1 -1
  174. package/build-types/border-box-control/border-box-control/component.d.ts.map +1 -1
  175. package/build-types/border-box-control/border-box-control-split-controls/component.d.ts.map +1 -1
  176. package/build-types/border-control/border-control/component.d.ts +1 -0
  177. package/build-types/border-control/border-control/component.d.ts.map +1 -1
  178. package/build-types/border-control/border-control/hook.d.ts.map +1 -1
  179. package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -1
  180. package/build-types/border-control/border-control-style-picker/component.d.ts.map +1 -1
  181. package/build-types/border-control/stories/index.story.d.ts +10 -5
  182. package/build-types/border-control/stories/index.story.d.ts.map +1 -1
  183. package/build-types/border-control/types.d.ts +7 -0
  184. package/build-types/border-control/types.d.ts.map +1 -1
  185. package/build-types/box-control/all-input-control.d.ts.map +1 -1
  186. package/build-types/box-control/axial-input-controls.d.ts.map +1 -1
  187. package/build-types/box-control/input-controls.d.ts.map +1 -1
  188. package/build-types/box-control/styles/box-control-styles.d.ts +2 -1
  189. package/build-types/box-control/styles/box-control-styles.d.ts.map +1 -1
  190. package/build-types/checkbox-control/stories/index.story.d.ts.map +1 -1
  191. package/build-types/circular-option-picker/stories/index.story.d.ts.map +1 -1
  192. package/build-types/color-indicator/stories/index.story.d.ts.map +1 -1
  193. package/build-types/color-palette/index.d.ts.map +1 -1
  194. package/build-types/color-palette/stories/index.story.d.ts.map +1 -1
  195. package/build-types/color-picker/color-copy-button.d.ts.map +1 -1
  196. package/build-types/color-picker/component.d.ts.map +1 -1
  197. package/build-types/color-picker/stories/index.story.d.ts.map +1 -1
  198. package/build-types/color-picker/styles.d.ts +2 -4
  199. package/build-types/color-picker/styles.d.ts.map +1 -1
  200. package/build-types/combobox-control/index.d.ts +1 -0
  201. package/build-types/combobox-control/index.d.ts.map +1 -1
  202. package/build-types/combobox-control/stories/index.story.d.ts.map +1 -1
  203. package/build-types/composite/typeahead.d.ts.map +1 -1
  204. package/build-types/custom-gradient-picker/stories/index.story.d.ts.map +1 -1
  205. package/build-types/custom-select-control/stories/index.story.d.ts.map +1 -1
  206. package/build-types/custom-select-control-v2/stories/index.story.d.ts.map +1 -1
  207. package/build-types/dashicon/types.d.ts +1 -1
  208. package/build-types/dashicon/types.d.ts.map +1 -1
  209. package/build-types/date-time/stories/date-time.story.d.ts.map +1 -1
  210. package/build-types/date-time/stories/date.story.d.ts.map +1 -1
  211. package/build-types/date-time/stories/time.story.d.ts.map +1 -1
  212. package/build-types/dimension-control/index.d.ts +1 -0
  213. package/build-types/dimension-control/index.d.ts.map +1 -1
  214. package/build-types/disabled/index.d.ts +8 -1
  215. package/build-types/disabled/index.d.ts.map +1 -1
  216. package/build-types/disabled/stories/index.story.d.ts.map +1 -1
  217. package/build-types/drop-zone/stories/index.story.d.ts.map +1 -1
  218. package/build-types/dropdown-menu/stories/index.story.d.ts.map +1 -1
  219. package/build-types/duotone-picker/duotone-picker.d.ts.map +1 -1
  220. package/build-types/font-size-picker/font-size-picker-toggle-group.d.ts.map +1 -1
  221. package/build-types/font-size-picker/index.d.ts.map +1 -1
  222. package/build-types/font-size-picker/stories/index.story.d.ts.map +1 -1
  223. package/build-types/form-file-upload/index.d.ts.map +1 -1
  224. package/build-types/form-file-upload/stories/index.story.d.ts.map +1 -1
  225. package/build-types/form-token-field/stories/index.story.d.ts.map +1 -1
  226. package/build-types/gradient-picker/index.d.ts +32 -32
  227. package/build-types/gradient-picker/index.d.ts.map +1 -1
  228. package/build-types/gradient-picker/stories/index.story.d.ts.map +1 -1
  229. package/build-types/gradient-picker/types.d.ts +1 -5
  230. package/build-types/gradient-picker/types.d.ts.map +1 -1
  231. package/build-types/h-stack/stories/index.story.d.ts.map +1 -1
  232. package/build-types/input-control/stories/index.story.d.ts.map +1 -1
  233. package/build-types/menu-group/stories/index.story.d.ts.map +1 -1
  234. package/build-types/menu-item/stories/index.story.d.ts.map +1 -1
  235. package/build-types/menu-items-choice/stories/index.story.d.ts.map +1 -1
  236. package/build-types/number-control/stories/index.story.d.ts.map +1 -1
  237. package/build-types/placeholder/stories/index.story.d.ts.map +1 -1
  238. package/build-types/private-apis.d.ts.map +1 -1
  239. package/build-types/radio-control/stories/index.story.d.ts.map +1 -1
  240. package/build-types/range-control/index.d.ts +3 -1
  241. package/build-types/range-control/index.d.ts.map +1 -1
  242. package/build-types/range-control/stories/index.story.d.ts.map +1 -1
  243. package/build-types/range-control/types.d.ts +7 -0
  244. package/build-types/range-control/types.d.ts.map +1 -1
  245. package/build-types/responsive-wrapper/stories/index.story.d.ts.map +1 -1
  246. package/build-types/search-control/stories/index.story.d.ts.map +1 -1
  247. package/build-types/select-control/stories/index.story.d.ts.map +1 -1
  248. package/build-types/slot-fill/bubbles-virtually/fill.d.ts +1 -1
  249. package/build-types/slot-fill/bubbles-virtually/fill.d.ts.map +1 -1
  250. package/build-types/slot-fill/bubbles-virtually/slot-fill-provider.d.ts.map +1 -1
  251. package/build-types/slot-fill/bubbles-virtually/slot.d.ts.map +1 -1
  252. package/build-types/slot-fill/bubbles-virtually/use-slot-fills.d.ts +1 -1
  253. package/build-types/slot-fill/bubbles-virtually/use-slot-fills.d.ts.map +1 -1
  254. package/build-types/slot-fill/bubbles-virtually/use-slot.d.ts +3 -7
  255. package/build-types/slot-fill/bubbles-virtually/use-slot.d.ts.map +1 -1
  256. package/build-types/slot-fill/fill.d.ts.map +1 -1
  257. package/build-types/slot-fill/index.d.ts +5 -12
  258. package/build-types/slot-fill/index.d.ts.map +1 -1
  259. package/build-types/slot-fill/provider.d.ts.map +1 -1
  260. package/build-types/slot-fill/slot.d.ts +1 -1
  261. package/build-types/slot-fill/slot.d.ts.map +1 -1
  262. package/build-types/slot-fill/types.d.ts +15 -18
  263. package/build-types/slot-fill/types.d.ts.map +1 -1
  264. package/build-types/slot-fill/use-slot.d.ts +1 -1
  265. package/build-types/slot-fill/use-slot.d.ts.map +1 -1
  266. package/build-types/text-control/index.d.ts +1 -0
  267. package/build-types/text-control/index.d.ts.map +1 -1
  268. package/build-types/text-control/stories/index.story.d.ts.map +1 -1
  269. package/build-types/textarea-control/stories/index.story.d.ts.map +1 -1
  270. package/build-types/toggle-control/stories/index.story.d.ts.map +1 -1
  271. package/build-types/toggle-group-control/stories/index.story.d.ts.map +1 -1
  272. package/build-types/toggle-group-control/toggle-group-control/component.d.ts +2 -0
  273. package/build-types/toggle-group-control/toggle-group-control/component.d.ts.map +1 -1
  274. package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts +1 -0
  275. package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts.map +1 -1
  276. package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts +1 -1
  277. package/build-types/toggle-group-control/types.d.ts +7 -0
  278. package/build-types/toggle-group-control/types.d.ts.map +1 -1
  279. package/build-types/tools-panel/stories/index.story.d.ts.map +1 -1
  280. package/build-types/tree-select/stories/index.story.d.ts.map +1 -1
  281. package/build-types/unit-control/stories/index.story.d.ts.map +1 -1
  282. package/build-types/utils/deprecated-36px-size.d.ts +2 -1
  283. package/build-types/utils/deprecated-36px-size.d.ts.map +1 -1
  284. package/build-types/v-stack/stories/index.story.d.ts.map +1 -1
  285. package/package.json +19 -19
  286. package/src/autocomplete/autocompleter-ui.tsx +1 -0
  287. package/src/base-control/stories/index.story.tsx +2 -1
  288. package/src/border-box-control/border-box-control/component.tsx +1 -0
  289. package/src/border-box-control/border-box-control-split-controls/component.tsx +1 -0
  290. package/src/border-control/border-control/component.tsx +1 -0
  291. package/src/border-control/border-control/hook.ts +2 -0
  292. package/src/border-control/types.ts +7 -0
  293. package/src/box-control/all-input-control.tsx +1 -0
  294. package/src/box-control/axial-input-controls.tsx +1 -0
  295. package/src/box-control/input-controls.tsx +1 -0
  296. package/src/checkbox-control/stories/index.story.tsx +2 -1
  297. package/src/circular-option-picker/stories/index.story.tsx +2 -1
  298. package/src/color-indicator/stories/index.story.tsx +2 -1
  299. package/src/color-palette/index.tsx +5 -1
  300. package/src/color-palette/stories/index.story.tsx +2 -1
  301. package/src/color-picker/color-copy-button.tsx +8 -10
  302. package/src/color-picker/component.tsx +1 -0
  303. package/src/color-picker/stories/index.story.tsx +2 -1
  304. package/src/color-picker/styles.ts +0 -13
  305. package/src/combobox-control/README.md +1 -0
  306. package/src/combobox-control/index.tsx +19 -13
  307. package/src/combobox-control/stories/index.story.tsx +3 -1
  308. package/src/combobox-control/style.scss +0 -6
  309. package/src/combobox-control/test/index.tsx +7 -1
  310. package/src/composite/hover.tsx +1 -1
  311. package/src/composite/typeahead.tsx +3 -1
  312. package/src/custom-gradient-picker/stories/index.story.tsx +2 -1
  313. package/src/custom-select-control/stories/index.story.tsx +2 -1
  314. package/src/custom-select-control-v2/stories/index.story.tsx +2 -1
  315. package/src/dashicon/types.ts +0 -2
  316. package/src/date-time/stories/date-time.story.tsx +2 -1
  317. package/src/date-time/stories/date.story.tsx +2 -1
  318. package/src/date-time/stories/time.story.tsx +2 -1
  319. package/src/dimension-control/README.md +1 -0
  320. package/src/dimension-control/index.tsx +8 -0
  321. package/src/dimension-control/stories/index.story.tsx +1 -0
  322. package/src/dimension-control/test/__snapshots__/index.test.js.snap +24 -24
  323. package/src/dimension-control/test/index.test.js +7 -1
  324. package/src/disabled/README.md +9 -7
  325. package/src/disabled/index.tsx +8 -1
  326. package/src/disabled/stories/index.story.tsx +1 -0
  327. package/src/drop-zone/stories/index.story.tsx +2 -1
  328. package/src/dropdown-menu/stories/index.story.tsx +2 -1
  329. package/src/duotone-picker/duotone-picker.tsx +2 -0
  330. package/src/font-size-picker/README.md +1 -0
  331. package/src/font-size-picker/font-size-picker-toggle-group.tsx +1 -0
  332. package/src/font-size-picker/index.tsx +8 -0
  333. package/src/font-size-picker/stories/index.story.tsx +1 -0
  334. package/src/font-size-picker/test/index.tsx +5 -1
  335. package/src/form-file-upload/index.tsx +9 -3
  336. package/src/form-file-upload/stories/index.story.tsx +2 -1
  337. package/src/form-token-field/stories/index.story.tsx +2 -1
  338. package/src/gradient-picker/README.md +107 -69
  339. package/src/gradient-picker/docs-manifest.json +5 -0
  340. package/src/gradient-picker/index.tsx +34 -32
  341. package/src/gradient-picker/stories/index.story.tsx +2 -1
  342. package/src/gradient-picker/types.ts +3 -5
  343. package/src/h-stack/stories/index.story.tsx +2 -1
  344. package/src/higher-order/with-constrained-tabbing/README.md +13 -3
  345. package/src/higher-order/with-focus-return/README.md +9 -2
  346. package/src/input-control/stories/index.story.tsx +2 -1
  347. package/src/menu/styles.ts +1 -1
  348. package/src/menu-group/stories/index.story.tsx +2 -1
  349. package/src/menu-item/stories/index.story.tsx +2 -1
  350. package/src/menu-items-choice/stories/index.story.tsx +2 -1
  351. package/src/modal/index.tsx +2 -2
  352. package/src/modal/stories/index.story.tsx +1 -1
  353. package/src/number-control/stories/index.story.tsx +2 -1
  354. package/src/placeholder/stories/index.story.tsx +1 -0
  355. package/src/private-apis.ts +0 -2
  356. package/src/radio-control/stories/index.story.tsx +2 -1
  357. package/src/range-control/README.md +4 -3
  358. package/src/range-control/index.tsx +11 -0
  359. package/src/range-control/stories/index.story.tsx +9 -1
  360. package/src/range-control/test/index.tsx +7 -1
  361. package/src/range-control/types.ts +7 -0
  362. package/src/responsive-wrapper/stories/index.story.tsx +2 -1
  363. package/src/search-control/stories/index.story.tsx +2 -1
  364. package/src/select-control/stories/index.story.tsx +2 -1
  365. package/src/slot-fill/README.md +26 -15
  366. package/src/slot-fill/bubbles-virtually/fill.tsx +18 -28
  367. package/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx +26 -16
  368. package/src/slot-fill/bubbles-virtually/slot.tsx +13 -9
  369. package/src/slot-fill/bubbles-virtually/use-slot.ts +3 -26
  370. package/src/slot-fill/fill.ts +7 -22
  371. package/src/slot-fill/index.tsx +5 -7
  372. package/src/slot-fill/provider.tsx +8 -17
  373. package/src/slot-fill/slot.tsx +48 -85
  374. package/src/slot-fill/types.ts +14 -51
  375. package/src/text-control/README.md +1 -0
  376. package/src/text-control/index.tsx +8 -0
  377. package/src/text-control/stories/index.story.tsx +3 -1
  378. package/src/text-control/test/text-control.tsx +7 -1
  379. package/src/textarea-control/stories/index.story.tsx +2 -1
  380. package/src/toggle-control/stories/index.story.tsx +2 -1
  381. package/src/toggle-group-control/stories/index.story.tsx +3 -1
  382. package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +12 -12
  383. package/src/toggle-group-control/test/index.tsx +7 -1
  384. package/src/toggle-group-control/toggle-group-control/README.md +2 -1
  385. package/src/toggle-group-control/toggle-group-control/component.tsx +10 -0
  386. package/src/toggle-group-control/toggle-group-control-option/README.md +1 -1
  387. package/src/toggle-group-control/toggle-group-control-option/component.tsx +1 -0
  388. package/src/toggle-group-control/toggle-group-control-option-icon/README.md +1 -1
  389. package/src/toggle-group-control/toggle-group-control-option-icon/component.tsx +1 -1
  390. package/src/toggle-group-control/types.ts +7 -0
  391. package/src/tools-panel/stories/index.story.tsx +3 -0
  392. package/src/tree-select/stories/index.story.tsx +2 -1
  393. package/src/unit-control/stories/index.story.tsx +2 -1
  394. package/src/utils/deprecated-36px-size.ts +3 -0
  395. package/src/v-stack/stories/index.story.tsx +2 -1
  396. package/tsconfig.tsbuildinfo +1 -1
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * External dependencies
3
3
  */
4
- import type { Component, MutableRefObject, ReactNode, RefObject } from 'react';
4
+ import type { ReactNode, RefObject } from 'react';
5
5
  /**
6
6
  * WordPress dependencies
7
7
  */
@@ -86,37 +86,34 @@ export type SlotFillProviderProps = {
86
86
  */
87
87
  passthrough?: boolean;
88
88
  };
89
- export type SlotFillBubblesVirtuallySlotRef = RefObject<HTMLElement>;
90
- export type SlotFillBubblesVirtuallyFillRef = MutableRefObject<{
89
+ export type SlotRef = RefObject<HTMLElement>;
90
+ export type Rerenderable = {
91
91
  rerender: () => void;
92
- }>;
92
+ };
93
93
  export type SlotFillBubblesVirtuallyContext = {
94
94
  slots: ObservableMap<SlotKey, {
95
- ref: SlotFillBubblesVirtuallySlotRef;
95
+ ref: SlotRef;
96
96
  fillProps: FillProps;
97
97
  }>;
98
- fills: ObservableMap<SlotKey, SlotFillBubblesVirtuallyFillRef[]>;
99
- registerSlot: (name: SlotKey, ref: SlotFillBubblesVirtuallySlotRef, fillProps: FillProps) => void;
100
- unregisterSlot: (name: SlotKey, ref: SlotFillBubblesVirtuallySlotRef) => void;
101
- updateSlot: (name: SlotKey, fillProps: FillProps) => void;
102
- registerFill: (name: SlotKey, ref: SlotFillBubblesVirtuallyFillRef) => void;
103
- unregisterFill: (name: SlotKey, ref: SlotFillBubblesVirtuallyFillRef) => void;
98
+ fills: ObservableMap<SlotKey, Rerenderable[]>;
99
+ registerSlot: (name: SlotKey, ref: SlotRef, fillProps: FillProps) => void;
100
+ unregisterSlot: (name: SlotKey, ref: SlotRef) => void;
101
+ updateSlot: (name: SlotKey, ref: SlotRef, fillProps: FillProps) => void;
102
+ registerFill: (name: SlotKey, ref: Rerenderable) => void;
103
+ unregisterFill: (name: SlotKey, ref: Rerenderable) => void;
104
104
  /**
105
105
  * This helps the provider know if it's using the default context value or not.
106
106
  */
107
107
  isDefault?: boolean;
108
108
  };
109
109
  export type BaseSlotFillContext = {
110
- registerSlot: (name: SlotKey, slot: Component<BaseSlotComponentProps>) => void;
111
- unregisterSlot: (name: SlotKey, slot: Component<BaseSlotComponentProps>) => void;
110
+ registerSlot: (name: SlotKey, slot: Rerenderable) => void;
111
+ unregisterSlot: (name: SlotKey, slot: Rerenderable) => void;
112
112
  registerFill: (name: SlotKey, instance: FillComponentProps) => void;
113
113
  unregisterFill: (name: SlotKey, instance: FillComponentProps) => void;
114
- getSlot: (name: SlotKey) => Component<BaseSlotComponentProps> | undefined;
115
- getFills: (name: SlotKey, slotInstance: Component<BaseSlotComponentProps>) => FillComponentProps[];
114
+ getSlot: (name: SlotKey) => Rerenderable | undefined;
115
+ getFills: (name: SlotKey, slotInstance: Rerenderable) => FillComponentProps[];
116
116
  subscribe: (listener: () => void) => () => void;
117
117
  };
118
- export type BaseSlotComponentProps = Pick<BaseSlotFillContext, 'registerSlot' | 'unregisterSlot' | 'getFills'> & Omit<SlotComponentProps, 'bubblesVirtually'> & {
119
- children?: (fills: ReactNode) => ReactNode;
120
- };
121
118
  export {};
122
119
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/slot-fill/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/slot-fill/types.ts"],"names":[],"mappings":"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"}
@@ -5,6 +5,6 @@ import type { SlotKey } from './types';
5
5
  * @param name Slot name.
6
6
  * @return Slot object.
7
7
  */
8
- declare const useSlot: (name: SlotKey) => import("react").Component<import("./types").BaseSlotComponentProps, {}, any> | undefined;
8
+ declare const useSlot: (name: SlotKey) => import("./types").Rerenderable | undefined;
9
9
  export default useSlot;
10
10
  //# sourceMappingURL=use-slot.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/use-slot.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;GAKG;AACH,QAAA,MAAM,OAAO,SAAW,OAAO,6FAO9B,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/use-slot.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;GAKG;AACH,QAAA,MAAM,OAAO,SAAW,OAAO,+CAO9B,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -11,6 +11,7 @@
11
11
  * return (
12
12
  * <TextControl
13
13
  * __nextHasNoMarginBottom
14
+ * __next40pxDefaultSize
14
15
  * label="Additional CSS Class"
15
16
  * value={ className }
16
17
  * onChange={ ( value ) => setClassName( value ) }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text-control/index.tsx"],"names":[],"mappings":"AAkEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,WAAW;;;;;sVAAuC,CAAC;AAEhE,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text-control/index.tsx"],"names":[],"mappings":"AAyEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW;;;;;sVAAuC,CAAC;AAEhE,eAAe,WAAW,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/text-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAenC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAEhD,CAAC;AAKF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAE,OAAO,WAAW,CACnC,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/text-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAgBnC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAEhD,CAAC;AAMF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAE,OAAO,WAAW,CACnC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/textarea-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,eAAe,MAAM,IAAI,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,eAAe,CAevC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,eAAe,CAAwB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/textarea-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,eAAe,MAAM,IAAI,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,eAAe,CAgBvC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,eAAe,CAAwB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/toggle-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,aAAa,MAAM,IAAI,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAarC,CAAC;AACF,eAAe,IAAI,CAAC;AAmBpB,eAAO,MAAM,OAAO;;;;0SAAsB,CAAC;AAM3C,eAAO,MAAM,YAAY;;;;0SAAsB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/toggle-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,aAAa,MAAM,IAAI,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAcrC,CAAC;AACF,eAAe,IAAI,CAAC;AAmBpB,eAAO,MAAM,OAAO;;;;0SAAsB,CAAC;AAM3C,eAAO,MAAM,YAAY;;;;0SAAsB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,EACN,kBAAkB,EAGlB,MAAM,UAAU,CAAC;AAOlB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,kBAAkB,CAc1C,CAAC;AACF,eAAe,IAAI,CAAC;AAoCpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,kBAAkB,CAEvD,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,kBAAkB,CAE3D,CAAC;AAmBF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,OAAO,CAAE,OAAO,kBAAkB,CAEzD,CAAC;AAUF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,OAAO,CAAE,OAAO,kBAAkB,CAE5D,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,EACN,kBAAkB,EAGlB,MAAM,UAAU,CAAC;AAOlB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,kBAAkB,CAe1C,CAAC;AACF,eAAe,IAAI,CAAC;AAqCpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,kBAAkB,CAEvD,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,kBAAkB,CAE3D,CAAC;AAmBF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,OAAO,CAAE,OAAO,kBAAkB,CAEzD,CAAC;AAUF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,OAAO,CAAE,OAAO,kBAAkB,CAE5D,CAAC"}
@@ -24,6 +24,7 @@
24
24
  * value="vertical"
25
25
  * isBlock
26
26
  * __nextHasNoMarginBottom
27
+ * __next40pxDefaultSize
27
28
  * >
28
29
  * <ToggleGroupControlOption value="horizontal" label="Horizontal" />
29
30
  * <ToggleGroupControlOption value="vertical" label="Vertical" />
@@ -43,6 +44,7 @@ export declare const ToggleGroupControl: import("../../context").WordPressCompon
43
44
  children: import("react").ReactNode;
44
45
  size?: "default" | "__unstable-large";
45
46
  __next40pxDefaultSize?: boolean;
47
+ __shouldNotWarnDeprecated36pxSize?: boolean;
46
48
  } & import("react").RefAttributes<any>, false>;
47
49
  export default ToggleGroupControl;
48
50
  //# sourceMappingURL=component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/component.tsx"],"names":[],"mappings":"AA+GA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;8CAG9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/component.tsx"],"names":[],"mappings":"AAwHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;8CAG9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -15,6 +15,7 @@
15
15
  * value="vertical"
16
16
  * isBlock
17
17
  * __nextHasNoMarginBottom
18
+ * __next40pxDefaultSize
18
19
  * >
19
20
  * <ToggleGroupControlOption value="horizontal" label="Horizontal" />
20
21
  * <ToggleGroupControlOption value="vertical" label="Vertical" />
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option/component.tsx"],"names":[],"mappings":"AAsCA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,wBAAwB;;iOAEpC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option/component.tsx"],"names":[],"mappings":"AAsCA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,wBAAwB;;iOAEpC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
@@ -12,7 +12,7 @@
12
12
  *
13
13
  * function Example() {
14
14
  * return (
15
- * <ToggleGroupControl __nextHasNoMarginBottom>
15
+ * <ToggleGroupControl __nextHasNoMarginBottom __next40pxDefaultSize>
16
16
  * <ToggleGroupControlOptionIcon
17
17
  * value="uppercase"
18
18
  * label="Uppercase"
@@ -113,6 +113,13 @@ export type ToggleGroupControlProps = Pick<BaseControlProps, 'help' | '__nextHas
113
113
  * @default false
114
114
  */
115
115
  __next40pxDefaultSize?: boolean;
116
+ /**
117
+ * Do not throw a warning for the deprecated 36px default size.
118
+ * For internal components of other components that already throw the warning.
119
+ *
120
+ * @ignore
121
+ */
122
+ __shouldNotWarnDeprecated36pxSize?: boolean;
116
123
  };
117
124
  export type ToggleGroupControlContextProps = {
118
125
  activeItemIsNotFirstItem?: () => boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,IAAI,CACnD,iCAAiC,EACjC,OAAO,CACP,GAAG;IACH;;;OAGG;IACH,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAC/C,iCAAiC,EACjC,OAAO,GAAG,aAAa,CACvB,GAAG;IACH;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAE,UAAU,CAAE,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACzC,gBAAgB,EAChB,MAAM,GAAG,yBAAyB,CAClC,GAAG;IACH;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;IAC1D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACtC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC5C,wBAAwB,CAAC,EAAE,MAAM,OAAO,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,uBAAuB,CAAE,SAAS,CAAE,CAAC;IAC9C,IAAI,EAAE,uBAAuB,CAAE,MAAM,CAAE,CAAC;IACxC,KAAK,EAAE,uBAAuB,CAAE,OAAO,CAAE,CAAC;IAC1C,QAAQ,EAAE,CAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;IAC5D,kBAAkB,EAAE,CAAE,OAAO,EAAE,WAAW,GAAG,SAAS,KAAM,IAAI,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACpD,uBAAuB,EACvB,UAAU,GAAG,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CACxE,GACA,IAAI,CAAE,8BAA8B,EAAE,oBAAoB,CAAE,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,IAAI,CACnD,iCAAiC,EACjC,OAAO,CACP,GAAG;IACH;;;OAGG;IACH,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAC/C,iCAAiC,EACjC,OAAO,GAAG,aAAa,CACvB,GAAG;IACH;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAE,UAAU,CAAE,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACzC,gBAAgB,EAChB,MAAM,GAAG,yBAAyB,CAClC,GAAG;IACH;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;IAC1D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACtC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC5C,wBAAwB,CAAC,EAAE,MAAM,OAAO,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,uBAAuB,CAAE,SAAS,CAAE,CAAC;IAC9C,IAAI,EAAE,uBAAuB,CAAE,MAAM,CAAE,CAAC;IACxC,KAAK,EAAE,uBAAuB,CAAE,OAAO,CAAE,CAAC;IAC1C,QAAQ,EAAE,CAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;IAC5D,kBAAkB,EAAE,CAAE,OAAO,EAAE,WAAW,GAAG,SAAS,KAAM,IAAI,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACpD,uBAAuB,EACvB,UAAU,GAAG,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CACxE,GACA,IAAI,CAAE,8BAA8B,EAAE,oBAAoB,CAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tools-panel/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAgBtD;;GAEG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,IAAI,CAAC;AAKhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAkBlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,UAAU,CAuF/C,CAAC;AAKF,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAE,OAAO,UAAU,CAiD9D,CAAC;AAMF,eAAO,MAAM,yBAAyB,EAAE,OAAO,CAAE,OAAO,UAAU,CA+FjE,CAAC;AASF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAE,OAAO,UAAU,CA2FzD,CAAC;AAOF,eAAO,MAAM,6BAA6B,EAAE,OAAO,CAAE,OAAO,UAAU,CA2FrE,CAAC;AAOF,eAAO,MAAM,gCAAgC,EAAE,OAAO,CACrD,OAAO,UAAU,CAqGjB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tools-panel/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAgBtD;;GAEG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,IAAI,CAAC;AAKhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAkBlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,UAAU,CAwF/C,CAAC;AAKF,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAE,OAAO,UAAU,CAiD9D,CAAC;AAMF,eAAO,MAAM,yBAAyB,EAAE,OAAO,CAAE,OAAO,UAAU,CA+FjE,CAAC;AASF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAE,OAAO,UAAU,CA2FzD,CAAC;AAOF,eAAO,MAAM,6BAA6B,EAAE,OAAO,CAAE,OAAO,UAAU,CA4FrE,CAAC;AAOF,eAAO,MAAM,gCAAgC,EAAE,OAAO,CACrD,OAAO,UAAU,CAsGjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tree-select/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,UAAU,MAAM,KAAK,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAgBlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAepB,eAAO,MAAM,OAAO,2HAAiC,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tree-select/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,UAAU,MAAM,KAAK,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAiBlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAepB,eAAO,MAAM,OAAO,2HAAiC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/unit-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAkBnC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAEhD,CAAC;AAKF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAE,OAAO,WAAW,CACjC,CAAC;AAM5B;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAE,OAAO,WAAW,CACrC,CAAC;AAS5B;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,WAAW,CAC7B,CAAC;AAM5B;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAE,OAAO,WAAW,CAgBxD,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/unit-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAmBnC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAEhD,CAAC;AAKF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAE,OAAO,WAAW,CACjC,CAAC;AAM5B;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAE,OAAO,WAAW,CACrC,CAAC;AAS5B;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,WAAW,CAC7B,CAAC;AAM5B;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAE,OAAO,WAAW,CAgBxD,CAAC"}
@@ -1,6 +1,7 @@
1
- export declare function maybeWarnDeprecated36pxSize({ componentName, __next40pxDefaultSize, size, }: {
1
+ export declare function maybeWarnDeprecated36pxSize({ componentName, __next40pxDefaultSize, size, __shouldNotWarnDeprecated36pxSize, }: {
2
2
  componentName: string;
3
3
  __next40pxDefaultSize: boolean | undefined;
4
4
  size: string | undefined;
5
+ __shouldNotWarnDeprecated36pxSize?: boolean;
5
6
  }): void;
6
7
  //# sourceMappingURL=deprecated-36px-size.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"deprecated-36px-size.d.ts","sourceRoot":"","sources":["../../src/utils/deprecated-36px-size.ts"],"names":[],"mappings":"AAKA,wBAAgB,2BAA2B,CAAE,EAC5C,aAAa,EACb,qBAAqB,EACrB,IAAI,GACJ,EAAE;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,qBAAqB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CACzB,QAaA"}
1
+ {"version":3,"file":"deprecated-36px-size.d.ts","sourceRoot":"","sources":["../../src/utils/deprecated-36px-size.ts"],"names":[],"mappings":"AAKA,wBAAgB,2BAA2B,CAAE,EAC5C,aAAa,EACb,qBAAqB,EACrB,IAAI,EACJ,iCAAiC,GACjC,EAAE;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,qBAAqB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,iCAAiC,CAAC,EAAE,OAAO,CAAC;CAC5C,QAcA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/v-stack/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAMtD,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAgB5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAkB9B,CAAC;AACF,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,OAAO;;;;;EAAsB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/v-stack/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAMtD,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAgB5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAmB9B,CAAC;AACF,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,OAAO;;;;;EAAsB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/components",
3
- "version": "28.12.0",
3
+ "version": "28.13.1-next.082ed6819.0",
4
4
  "description": "UI components for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -44,23 +44,23 @@
44
44
  "@types/gradient-parser": "0.1.3",
45
45
  "@types/highlight-words-core": "1.2.1",
46
46
  "@use-gesture/react": "^10.3.1",
47
- "@wordpress/a11y": "*",
48
- "@wordpress/compose": "*",
49
- "@wordpress/date": "*",
50
- "@wordpress/deprecated": "*",
51
- "@wordpress/dom": "*",
52
- "@wordpress/element": "*",
53
- "@wordpress/escape-html": "*",
54
- "@wordpress/hooks": "*",
55
- "@wordpress/html-entities": "*",
56
- "@wordpress/i18n": "*",
57
- "@wordpress/icons": "*",
58
- "@wordpress/is-shallow-equal": "*",
59
- "@wordpress/keycodes": "*",
60
- "@wordpress/primitives": "*",
61
- "@wordpress/private-apis": "*",
62
- "@wordpress/rich-text": "*",
63
- "@wordpress/warning": "*",
47
+ "@wordpress/a11y": "^4.12.1-next.082ed6819.0",
48
+ "@wordpress/compose": "^7.12.1-next.082ed6819.0",
49
+ "@wordpress/date": "^5.12.1-next.082ed6819.0",
50
+ "@wordpress/deprecated": "^4.12.1-next.082ed6819.0",
51
+ "@wordpress/dom": "^4.12.1-next.082ed6819.0",
52
+ "@wordpress/element": "^6.12.1-next.082ed6819.0",
53
+ "@wordpress/escape-html": "^3.12.1-next.082ed6819.0",
54
+ "@wordpress/hooks": "^4.12.1-next.082ed6819.0",
55
+ "@wordpress/html-entities": "^4.12.1-next.082ed6819.0",
56
+ "@wordpress/i18n": "^5.12.1-next.082ed6819.0",
57
+ "@wordpress/icons": "^10.12.1-next.082ed6819.0",
58
+ "@wordpress/is-shallow-equal": "^5.12.1-next.082ed6819.0",
59
+ "@wordpress/keycodes": "^4.12.1-next.082ed6819.0",
60
+ "@wordpress/primitives": "^4.12.1-next.082ed6819.0",
61
+ "@wordpress/private-apis": "^1.12.1-next.082ed6819.0",
62
+ "@wordpress/rich-text": "^7.12.1-next.082ed6819.0",
63
+ "@wordpress/warning": "^3.12.1-next.082ed6819.0",
64
64
  "change-case": "^4.1.2",
65
65
  "clsx": "^2.1.1",
66
66
  "colord": "^2.7.0",
@@ -85,5 +85,5 @@
85
85
  "publishConfig": {
86
86
  "access": "public"
87
87
  },
88
- "gitHead": "510540d99f3d222a96f08d3d7b66c9e7a726f705"
88
+ "gitHead": "2bb7bad15ddb8e88210fab7d4a1ef1565466e424"
89
89
  }
@@ -57,6 +57,7 @@ function ListBox( {
57
57
  key={ option.key }
58
58
  id={ `components-autocomplete-item-${ instanceId }-${ option.key }` }
59
59
  role="option"
60
+ __next40pxDefaultSize
60
61
  aria-selected={ index === selectedIndex }
61
62
  accessibleWhenDisabled
62
63
  disabled={ option.isDisabled }
@@ -10,7 +10,8 @@ import BaseControl, { useBaseControlProps } from '..';
10
10
  import Button from '../../button';
11
11
 
12
12
  const meta: Meta< typeof BaseControl > = {
13
- title: 'Components/BaseControl',
13
+ title: 'Components/Selection & Input/Common/BaseControl',
14
+ id: 'components-basecontrol',
14
15
  component: BaseControl,
15
16
  subcomponents: {
16
17
  // @ts-expect-error - See https://github.com/storybookjs/storybook/issues/23170
@@ -118,6 +118,7 @@ const UnconnectedBorderBoxControl = (
118
118
  __experimentalIsRenderedInSidebar={
119
119
  __experimentalIsRenderedInSidebar
120
120
  }
121
+ __shouldNotWarnDeprecated36pxSize
121
122
  size={ size }
122
123
  />
123
124
  ) : (
@@ -67,6 +67,7 @@ const BorderBoxControlSplitControls = (
67
67
  isCompact: true,
68
68
  __experimentalIsRenderedInSidebar,
69
69
  size,
70
+ __shouldNotWarnDeprecated36pxSize: true,
70
71
  };
71
72
 
72
73
  const mergedRef = useMergeRefs( [ setPopoverAnchor, forwardedRef ] );
@@ -122,6 +122,7 @@ const UnconnectedBorderControl = (
122
122
  value={ widthValue || undefined }
123
123
  withInputField={ false }
124
124
  __next40pxDefaultSize={ __next40pxDefaultSize }
125
+ __shouldNotWarnDeprecated36pxSize
125
126
  />
126
127
  ) }
127
128
  </HStack>
@@ -38,6 +38,7 @@ export function useBorderControl(
38
38
  width,
39
39
  __experimentalIsRenderedInSidebar = false,
40
40
  __next40pxDefaultSize,
41
+ __shouldNotWarnDeprecated36pxSize,
41
42
  ...otherProps
42
43
  } = useContextSystem( props, 'BorderControl' );
43
44
 
@@ -45,6 +46,7 @@ export function useBorderControl(
45
46
  componentName: 'BorderControl',
46
47
  __next40pxDefaultSize,
47
48
  size,
49
+ __shouldNotWarnDeprecated36pxSize,
48
50
  } );
49
51
 
50
52
  const computedSize =
@@ -116,6 +116,13 @@ export type BorderControlProps = ColorProps &
116
116
  * @default false
117
117
  */
118
118
  __next40pxDefaultSize?: boolean;
119
+ /**
120
+ * Do not throw a warning for the deprecated 36px default size.
121
+ * For internal components of other components that already throw the warning.
122
+ *
123
+ * @ignore
124
+ */
125
+ __shouldNotWarnDeprecated36pxSize?: boolean;
119
126
  };
120
127
 
121
128
  export type DropdownProps = ColorProps &
@@ -91,6 +91,7 @@ export default function AllInputControl( {
91
91
  <FlexedRangeControl
92
92
  __nextHasNoMarginBottom
93
93
  __next40pxDefaultSize={ __next40pxDefaultSize }
94
+ __shouldNotWarnDeprecated36pxSize
94
95
  aria-controls={ inputId }
95
96
  label={ LABELS.all }
96
97
  hideLabelFromVision
@@ -129,6 +129,7 @@ export default function AxialInputControls( {
129
129
  <FlexedRangeControl
130
130
  __nextHasNoMarginBottom
131
131
  __next40pxDefaultSize={ __next40pxDefaultSize }
132
+ __shouldNotWarnDeprecated36pxSize
132
133
  aria-controls={ inputId }
133
134
  label={ LABELS[ side ] }
134
135
  hideLabelFromVision
@@ -134,6 +134,7 @@ export default function BoxInputControls( {
134
134
  <FlexedRangeControl
135
135
  __nextHasNoMarginBottom
136
136
  __next40pxDefaultSize={ __next40pxDefaultSize }
137
+ __shouldNotWarnDeprecated36pxSize
137
138
  aria-controls={ inputId }
138
139
  label={ LABELS[ side ] }
139
140
  hideLabelFromVision
@@ -17,7 +17,8 @@ import { HStack } from '../../h-stack';
17
17
 
18
18
  const meta: Meta< typeof CheckboxControl > = {
19
19
  component: CheckboxControl,
20
- title: 'Components/CheckboxControl',
20
+ title: 'Components/Selection & Input/Common/CheckboxControl',
21
+ id: 'components-checkboxcontrol',
21
22
  argTypes: {
22
23
  onChange: {
23
24
  action: 'onChange',
@@ -17,7 +17,8 @@ const CircularOptionPickerStoryContext = createContext< {
17
17
  } >( {} );
18
18
 
19
19
  const meta: Meta< typeof CircularOptionPicker > = {
20
- title: 'Components/CircularOptionPicker',
20
+ title: 'Components/Selection & Input/Color/CircularOptionPicker',
21
+ id: 'components-circularoptionpicker',
21
22
  component: CircularOptionPicker,
22
23
  subcomponents: {
23
24
  // @ts-expect-error - See https://github.com/storybookjs/storybook/issues/23170
@@ -10,7 +10,8 @@ import ColorIndicator from '..';
10
10
 
11
11
  const meta: Meta< typeof ColorIndicator > = {
12
12
  component: ColorIndicator,
13
- title: 'Components/ColorIndicator',
13
+ title: 'Components/Selection & Input/Color/ColorIndicator',
14
+ id: 'components-colorindicator',
14
15
  argTypes: {
15
16
  colorValue: {
16
17
  control: { type: 'color' },
@@ -249,7 +249,11 @@ function UnforwardedColorPalette(
249
249
  };
250
250
 
251
251
  const actions = !! clearable && (
252
- <CircularOptionPicker.ButtonAction onClick={ clearColor }>
252
+ <CircularOptionPicker.ButtonAction
253
+ onClick={ clearColor }
254
+ accessibleWhenDisabled
255
+ disabled={ ! value }
256
+ >
253
257
  { __( 'Clear' ) }
254
258
  </CircularOptionPicker.ButtonAction>
255
259
  );
@@ -14,7 +14,8 @@ import { useState } from '@wordpress/element';
14
14
  import ColorPalette from '..';
15
15
 
16
16
  const meta: Meta< typeof ColorPalette > = {
17
- title: 'Components/ColorPalette',
17
+ title: 'Components/Selection & Input/Color/ColorPalette',
18
+ id: 'components-colorpalette',
18
19
  component: ColorPalette,
19
20
  argTypes: {
20
21
  as: { control: { type: null } },
@@ -9,7 +9,7 @@ import { __ } from '@wordpress/i18n';
9
9
  /**
10
10
  * Internal dependencies
11
11
  */
12
- import { CopyButton } from './styles';
12
+ import { Button } from '../button';
13
13
  import Tooltip from '../tooltip';
14
14
 
15
15
  import type { ColorCopyButtonProps } from './types';
@@ -55,16 +55,14 @@ export const ColorCopyButton = ( props: ColorCopyButtonProps ) => {
55
55
  };
56
56
  }, [] );
57
57
 
58
+ const label =
59
+ copiedColor === color.toHex() ? __( 'Copied!' ) : __( 'Copy' );
60
+
58
61
  return (
59
- <Tooltip
60
- delay={ 0 }
61
- hideOnClick={ false }
62
- text={
63
- copiedColor === color.toHex() ? __( 'Copied!' ) : __( 'Copy' )
64
- }
65
- >
66
- <CopyButton
67
- size="small"
62
+ <Tooltip delay={ 0 } hideOnClick={ false } text={ label }>
63
+ <Button
64
+ size="compact"
65
+ aria-label={ label }
68
66
  ref={ copyRef }
69
67
  icon={ copy }
70
68
  showTooltip={ false }
@@ -87,6 +87,7 @@ const UnconnectedColorPicker = (
87
87
  <AuxiliaryColorArtefactHStackHeader justify="space-between">
88
88
  <SelectControl
89
89
  __nextHasNoMarginBottom
90
+ size="compact"
90
91
  options={ options }
91
92
  value={ colorType }
92
93
  onChange={ ( nextColorType ) =>
@@ -10,7 +10,8 @@ import { ColorPicker } from '../component';
10
10
 
11
11
  const meta: Meta< typeof ColorPicker > = {
12
12
  component: ColorPicker,
13
- title: 'Components/ColorPicker',
13
+ title: 'Components/Selection & Input/Color/ColorPicker',
14
+ id: 'components-colorpicker',
14
15
  argTypes: {
15
16
  as: { control: { type: null } },
16
17
  color: { control: { type: null } },
@@ -11,7 +11,6 @@ import InnerSelectControl from '../select-control';
11
11
  import InnerRangeControl from '../range-control';
12
12
  import { space } from '../utils/space';
13
13
  import { boxSizingReset } from '../utils';
14
- import Button from '../button';
15
14
  import { Flex } from '../flex';
16
15
  import { HStack } from '../h-stack';
17
16
  import CONFIG from '../utils/config-values';
@@ -22,7 +21,6 @@ export const NumberControlWrapper = styled( NumberControl )`
22
21
 
23
22
  export const SelectControl = styled( InnerSelectControl )`
24
23
  margin-left: ${ space( -2 ) };
25
- width: 5em;
26
24
  `;
27
25
 
28
26
  export const RangeControl = styled( InnerRangeControl )`
@@ -101,14 +99,3 @@ export const ColorfulWrapper = styled.div`
101
99
 
102
100
  ${ interactiveHueStyles }
103
101
  `;
104
-
105
- export const CopyButton = styled( Button )`
106
- &&&&& {
107
- min-width: ${ space( 6 ) };
108
- padding: 0;
109
-
110
- > svg {
111
- margin-right: 0;
112
- }
113
- }
114
- `;
@@ -34,6 +34,7 @@ function MyComboboxControl() {
34
34
  const [ filteredOptions, setFilteredOptions ] = useState( options );
35
35
  return (
36
36
  <ComboboxControl
37
+ __next40pxDefaultSize
37
38
  __nextHasNoMarginBottom
38
39
  label="Font Size"
39
40
  value={ fontSize }