@wordpress/components 25.15.1-next.79a6196f.0 → 25.16.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 (259) hide show
  1. package/CHANGELOG.md +27 -2
  2. package/build/border-box-control/border-box-control/component.js.map +1 -1
  3. package/build/border-box-control/border-box-control/hook.js +3 -1
  4. package/build/border-box-control/border-box-control/hook.js.map +1 -1
  5. package/build/border-box-control/types.js.map +1 -1
  6. package/build/border-control/border-control/component.js +5 -1
  7. package/build/border-control/border-control/component.js.map +1 -1
  8. package/build/border-control/border-control/hook.js +18 -15
  9. package/build/border-control/border-control/hook.js.map +1 -1
  10. package/build/border-control/border-control-dropdown/component.js +2 -1
  11. package/build/border-control/border-control-dropdown/component.js.map +1 -1
  12. package/build/border-control/border-control-style-picker/component.js +21 -49
  13. package/build/border-control/border-control-style-picker/component.js.map +1 -1
  14. package/build/border-control/styles.js +15 -27
  15. package/build/border-control/styles.js.map +1 -1
  16. package/build/border-control/types.js.map +1 -1
  17. package/build/box-control/all-input-control.js +35 -29
  18. package/build/box-control/all-input-control.js.map +1 -1
  19. package/build/box-control/axial-input-controls.js +40 -54
  20. package/build/box-control/axial-input-controls.js.map +1 -1
  21. package/build/box-control/index.js +21 -24
  22. package/build/box-control/index.js.map +1 -1
  23. package/build/box-control/input-controls.js +45 -37
  24. package/build/box-control/input-controls.js.map +1 -1
  25. package/build/box-control/styles/box-control-styles.js +50 -112
  26. package/build/box-control/styles/box-control-styles.js.map +1 -1
  27. package/build/box-control/types.js.map +1 -1
  28. package/build/box-control/utils.js +123 -8
  29. package/build/box-control/utils.js.map +1 -1
  30. package/build/button/index.js +14 -16
  31. package/build/button/index.js.map +1 -1
  32. package/build/button/types.js.map +1 -1
  33. package/build/color-picker/hsl-input.js +55 -33
  34. package/build/color-picker/hsl-input.js.map +1 -1
  35. package/build/custom-select-control-v2/index.js +3 -2
  36. package/build/custom-select-control-v2/index.js.map +1 -1
  37. package/build/slot-fill/bubbles-virtually/use-slot-fills.js +1 -1
  38. package/build/slot-fill/bubbles-virtually/use-slot-fills.js.map +1 -1
  39. package/build/theme/styles.js +11 -6
  40. package/build/theme/styles.js.map +1 -1
  41. package/build/toggle-group-control/toggle-group-control/utils.js +7 -1
  42. package/build/toggle-group-control/toggle-group-control/utils.js.map +1 -1
  43. package/build/tooltip/index.js +15 -12
  44. package/build/tooltip/index.js.map +1 -1
  45. package/build/tooltip/types.js.map +1 -1
  46. package/build-module/border-box-control/border-box-control/component.js.map +1 -1
  47. package/build-module/border-box-control/border-box-control/hook.js +3 -1
  48. package/build-module/border-box-control/border-box-control/hook.js.map +1 -1
  49. package/build-module/border-box-control/types.js.map +1 -1
  50. package/build-module/border-control/border-control/component.js +5 -1
  51. package/build-module/border-control/border-control/component.js.map +1 -1
  52. package/build-module/border-control/border-control/hook.js +18 -15
  53. package/build-module/border-control/border-control/hook.js.map +1 -1
  54. package/build-module/border-control/border-control-dropdown/component.js +2 -1
  55. package/build-module/border-control/border-control-dropdown/component.js.map +1 -1
  56. package/build-module/border-control/border-control-style-picker/component.js +21 -48
  57. package/build-module/border-control/border-control-style-picker/component.js.map +1 -1
  58. package/build-module/border-control/styles.js +14 -24
  59. package/build-module/border-control/styles.js.map +1 -1
  60. package/build-module/border-control/types.js.map +1 -1
  61. package/build-module/box-control/all-input-control.js +38 -28
  62. package/build-module/box-control/all-input-control.js.map +1 -1
  63. package/build-module/box-control/axial-input-controls.js +42 -57
  64. package/build-module/box-control/axial-input-controls.js.map +1 -1
  65. package/build-module/box-control/index.js +22 -25
  66. package/build-module/box-control/index.js.map +1 -1
  67. package/build-module/box-control/input-controls.js +47 -40
  68. package/build-module/box-control/input-controls.js.map +1 -1
  69. package/build-module/box-control/styles/box-control-styles.js +45 -105
  70. package/build-module/box-control/styles/box-control-styles.js.map +1 -1
  71. package/build-module/box-control/types.js.map +1 -1
  72. package/build-module/box-control/utils.js +121 -7
  73. package/build-module/box-control/utils.js.map +1 -1
  74. package/build-module/button/index.js +14 -16
  75. package/build-module/button/index.js.map +1 -1
  76. package/build-module/button/types.js.map +1 -1
  77. package/build-module/color-picker/hsl-input.js +55 -33
  78. package/build-module/color-picker/hsl-input.js.map +1 -1
  79. package/build-module/custom-select-control-v2/index.js +3 -2
  80. package/build-module/custom-select-control-v2/index.js.map +1 -1
  81. package/build-module/slot-fill/bubbles-virtually/use-slot-fills.js +1 -1
  82. package/build-module/slot-fill/bubbles-virtually/use-slot-fills.js.map +1 -1
  83. package/build-module/theme/styles.js +11 -2
  84. package/build-module/theme/styles.js.map +1 -1
  85. package/build-module/toggle-group-control/toggle-group-control/utils.js +7 -1
  86. package/build-module/toggle-group-control/toggle-group-control/utils.js.map +1 -1
  87. package/build-module/tooltip/index.js +16 -13
  88. package/build-module/tooltip/index.js.map +1 -1
  89. package/build-module/tooltip/types.js.map +1 -1
  90. package/build-style/style-rtl.css +6 -4
  91. package/build-style/style.css +6 -4
  92. package/build-types/border-box-control/border-box-control/component.d.ts +1 -0
  93. package/build-types/border-box-control/border-box-control/component.d.ts.map +1 -1
  94. package/build-types/border-box-control/border-box-control/hook.d.ts +4 -4
  95. package/build-types/border-box-control/border-box-control/hook.d.ts.map +1 -1
  96. package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts +5 -5
  97. package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts +4 -4
  98. package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts +4 -4
  99. package/build-types/border-box-control/stories/index.story.d.ts +2 -1
  100. package/build-types/border-box-control/stories/index.story.d.ts.map +1 -1
  101. package/build-types/border-box-control/types.d.ts +6 -0
  102. package/build-types/border-box-control/types.d.ts.map +1 -1
  103. package/build-types/border-control/border-control/component.d.ts +1 -0
  104. package/build-types/border-control/border-control/component.d.ts.map +1 -1
  105. package/build-types/border-control/border-control/hook.d.ts +6 -4
  106. package/build-types/border-control/border-control/hook.d.ts.map +1 -1
  107. package/build-types/border-control/border-control-dropdown/component.d.ts +1 -0
  108. package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -1
  109. package/build-types/border-control/border-control-dropdown/hook.d.ts +5 -4
  110. package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -1
  111. package/build-types/border-control/border-control-style-picker/component.d.ts +3 -4
  112. package/build-types/border-control/border-control-style-picker/component.d.ts.map +1 -1
  113. package/build-types/border-control/stories/index.story.d.ts +12 -6
  114. package/build-types/border-control/stories/index.story.d.ts.map +1 -1
  115. package/build-types/border-control/styles.d.ts +0 -2
  116. package/build-types/border-control/styles.d.ts.map +1 -1
  117. package/build-types/border-control/types.d.ts +12 -1
  118. package/build-types/border-control/types.d.ts.map +1 -1
  119. package/build-types/box-control/all-input-control.d.ts +1 -1
  120. package/build-types/box-control/all-input-control.d.ts.map +1 -1
  121. package/build-types/box-control/axial-input-controls.d.ts +1 -1
  122. package/build-types/box-control/axial-input-controls.d.ts.map +1 -1
  123. package/build-types/box-control/index.d.ts +1 -1
  124. package/build-types/box-control/index.d.ts.map +1 -1
  125. package/build-types/box-control/input-controls.d.ts +1 -1
  126. package/build-types/box-control/input-controls.d.ts.map +1 -1
  127. package/build-types/box-control/stories/index.story.d.ts +42 -36
  128. package/build-types/box-control/stories/index.story.d.ts.map +1 -1
  129. package/build-types/box-control/styles/box-control-styles.d.ts +49 -23
  130. package/build-types/box-control/styles/box-control-styles.d.ts.map +1 -1
  131. package/build-types/box-control/types.d.ts +12 -12
  132. package/build-types/box-control/types.d.ts.map +1 -1
  133. package/build-types/box-control/utils.d.ts +2 -1
  134. package/build-types/box-control/utils.d.ts.map +1 -1
  135. package/build-types/button/deprecated.d.ts +3 -3
  136. package/build-types/button/index.d.ts.map +1 -1
  137. package/build-types/button/types.d.ts +7 -3
  138. package/build-types/button/types.d.ts.map +1 -1
  139. package/build-types/card/card/hook.d.ts +4 -4
  140. package/build-types/card/card-body/hook.d.ts +4 -4
  141. package/build-types/card/card-divider/hook.d.ts +4 -4
  142. package/build-types/card/card-footer/hook.d.ts +4 -4
  143. package/build-types/card/card-header/hook.d.ts +4 -4
  144. package/build-types/card/card-media/hook.d.ts +4 -4
  145. package/build-types/color-palette/styles.d.ts +2 -2
  146. package/build-types/color-picker/component.d.ts +1 -1
  147. package/build-types/color-picker/hsl-input.d.ts.map +1 -1
  148. package/build-types/color-picker/stories/index.story.d.ts +1 -1
  149. package/build-types/color-picker/styles.d.ts +3 -3
  150. package/build-types/custom-select-control-v2/index.d.ts.map +1 -1
  151. package/build-types/date-time/date/styles.d.ts +3 -3
  152. package/build-types/date-time/date-time/styles.d.ts +1 -1
  153. package/build-types/date-time/time/styles.d.ts +4 -4
  154. package/build-types/elevation/hook.d.ts +4 -4
  155. package/build-types/flex/flex/hook.d.ts +4 -4
  156. package/build-types/flex/flex-block/hook.d.ts +4 -4
  157. package/build-types/flex/flex-item/hook.d.ts +4 -4
  158. package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts +1 -1
  159. package/build-types/font-size-picker/styles.d.ts +1 -1
  160. package/build-types/grid/hook.d.ts +4 -4
  161. package/build-types/h-stack/hook.d.ts +4 -4
  162. package/build-types/heading/component.d.ts +1 -1
  163. package/build-types/heading/hook.d.ts +4 -4
  164. package/build-types/item-group/item/hook.d.ts +4 -4
  165. package/build-types/item-group/item-group/hook.d.ts +4 -4
  166. package/build-types/menu-item/index.d.ts +1 -1
  167. package/build-types/menu-item/stories/index.story.d.ts +4 -4
  168. package/build-types/navigation/styles/navigation-styles.d.ts +2 -2
  169. package/build-types/navigator/navigator-back-button/hook.d.ts +4 -4
  170. package/build-types/navigator/navigator-button/hook.d.ts +4 -4
  171. package/build-types/number-control/index.d.ts +1 -1
  172. package/build-types/number-control/stories/index.story.d.ts +1 -1
  173. package/build-types/palette-edit/styles.d.ts +3 -3
  174. package/build-types/range-control/index.d.ts +1 -1
  175. package/build-types/range-control/styles/range-control-styles.d.ts +1 -1
  176. package/build-types/resizable-box/index.d.ts +1 -1
  177. package/build-types/resizable-box/resize-tooltip/index.d.ts +1 -1
  178. package/build-types/resizable-box/stories/index.story.d.ts +2 -2
  179. package/build-types/scrollable/hook.d.ts +4 -4
  180. package/build-types/spacer/hook.d.ts +4 -4
  181. package/build-types/surface/hook.d.ts +4 -4
  182. package/build-types/text/hook.d.ts +4 -4
  183. package/build-types/theme/styles.d.ts.map +1 -1
  184. package/build-types/toggle-control/stories/index.story.d.ts +2 -2
  185. package/build-types/toggle-group-control/toggle-group-control/utils.d.ts.map +1 -1
  186. package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts +1 -1
  187. package/build-types/toolbar/toolbar-button/index.d.ts +3 -3
  188. package/build-types/tools-panel/tools-panel/hook.d.ts +4 -4
  189. package/build-types/tools-panel/tools-panel-header/hook.d.ts +4 -4
  190. package/build-types/tools-panel/tools-panel-item/hook.d.ts +4 -4
  191. package/build-types/tooltip/index.d.ts +1 -1
  192. package/build-types/tooltip/index.d.ts.map +1 -1
  193. package/build-types/tooltip/stories/index.story.d.ts +1 -1
  194. package/build-types/tooltip/stories/index.story.d.ts.map +1 -1
  195. package/build-types/tooltip/types.d.ts +1 -1
  196. package/build-types/tooltip/types.d.ts.map +1 -1
  197. package/build-types/truncate/hook.d.ts +4 -4
  198. package/build-types/unit-control/index.d.ts +1 -1
  199. package/build-types/unit-control/styles/unit-control-styles.d.ts +1 -1
  200. package/build-types/v-stack/hook.d.ts +4 -4
  201. package/build-types/v-stack/stories/index.story.d.ts +1 -1
  202. package/package.json +19 -19
  203. package/src/border-box-control/border-box-control/component.tsx +0 -1
  204. package/src/border-box-control/border-box-control/hook.ts +5 -1
  205. package/src/border-box-control/types.ts +6 -0
  206. package/src/border-control/border-control/component.tsx +4 -0
  207. package/src/border-control/border-control/hook.ts +22 -16
  208. package/src/border-control/border-control-dropdown/component.tsx +2 -1
  209. package/src/border-control/border-control-style-picker/component.tsx +31 -66
  210. package/src/border-control/styles.ts +0 -15
  211. package/src/border-control/types.ts +15 -1
  212. package/src/box-control/all-input-control.tsx +57 -34
  213. package/src/box-control/axial-input-controls.tsx +79 -69
  214. package/src/box-control/index.tsx +47 -54
  215. package/src/box-control/input-controls.tsx +114 -83
  216. package/src/box-control/styles/box-control-styles.ts +21 -61
  217. package/src/box-control/test/index.tsx +126 -18
  218. package/src/box-control/types.ts +10 -21
  219. package/src/box-control/utils.ts +43 -8
  220. package/src/button/README.md +1 -1
  221. package/src/button/index.tsx +21 -33
  222. package/src/button/test/index.tsx +122 -0
  223. package/src/button/types.ts +7 -3
  224. package/src/circular-option-picker/test/index.tsx +10 -16
  225. package/src/color-picker/hsl-input.tsx +56 -30
  226. package/src/color-picker/test/index.tsx +190 -16
  227. package/src/custom-select-control-v2/index.tsx +5 -2
  228. package/src/palette-edit/test/index.tsx +326 -10
  229. package/src/slot-fill/bubbles-virtually/use-slot-fills.ts +1 -1
  230. package/src/tabs/test/index.tsx +3 -1
  231. package/src/theme/styles.ts +3 -1
  232. package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +6 -6
  233. package/src/toggle-group-control/test/index.tsx +73 -36
  234. package/src/toggle-group-control/toggle-group-control/utils.ts +8 -3
  235. package/src/tooltip/index.tsx +29 -29
  236. package/src/tooltip/test/index.tsx +32 -13
  237. package/src/tooltip/types.ts +1 -1
  238. package/tsconfig.tsbuildinfo +1 -1
  239. package/build/border-control/border-control-style-picker/hook.js +0 -41
  240. package/build/border-control/border-control-style-picker/hook.js.map +0 -1
  241. package/build/box-control/styles/box-control-visualizer-styles.js +0 -93
  242. package/build/box-control/styles/box-control-visualizer-styles.js.map +0 -1
  243. package/build/box-control/unit-control.js +0 -76
  244. package/build/box-control/unit-control.js.map +0 -1
  245. package/build-module/border-control/border-control-style-picker/hook.js +0 -32
  246. package/build-module/border-control/border-control-style-picker/hook.js.map +0 -1
  247. package/build-module/box-control/styles/box-control-visualizer-styles.js +0 -86
  248. package/build-module/box-control/styles/box-control-visualizer-styles.js.map +0 -1
  249. package/build-module/box-control/unit-control.js +0 -68
  250. package/build-module/box-control/unit-control.js.map +0 -1
  251. package/build-types/border-control/border-control-style-picker/hook.d.ts +0 -267
  252. package/build-types/border-control/border-control-style-picker/hook.d.ts.map +0 -1
  253. package/build-types/box-control/styles/box-control-visualizer-styles.d.ts +0 -46
  254. package/build-types/box-control/styles/box-control-visualizer-styles.d.ts.map +0 -1
  255. package/build-types/box-control/unit-control.d.ts +0 -4
  256. package/build-types/box-control/unit-control.d.ts.map +0 -1
  257. package/src/border-control/border-control-style-picker/hook.ts +0 -35
  258. package/src/box-control/styles/box-control-visualizer-styles.ts +0 -75
  259. package/src/box-control/unit-control.tsx +0 -74
@@ -1,267 +0,0 @@
1
- /// <reference types="react" />
2
- import type { WordPressComponentProps } from '../../context';
3
- import type { StylePickerProps } from '../types';
4
- export declare function useBorderControlStylePicker(props: WordPressComponentProps<StylePickerProps, 'div'>): {
5
- className: string;
6
- buttonClassName: string;
7
- hideLabelFromVision?: boolean | undefined;
8
- label?: string | undefined;
9
- onChange: (style?: string | undefined) => void;
10
- value?: string | undefined;
11
- id?: string | undefined;
12
- prefix?: string | undefined;
13
- slot?: string | undefined;
14
- role?: import("react").AriaRole | undefined;
15
- style?: import("react").CSSProperties | undefined;
16
- title?: string | undefined;
17
- color?: string | undefined;
18
- translate?: "yes" | "no" | undefined;
19
- hidden?: boolean | undefined;
20
- lang?: string | undefined;
21
- tabIndex?: number | undefined;
22
- 'aria-activedescendant'?: string | undefined;
23
- 'aria-atomic'?: (boolean | "false" | "true") | undefined;
24
- 'aria-autocomplete'?: "inline" | "none" | "both" | "list" | undefined;
25
- 'aria-busy'?: (boolean | "false" | "true") | undefined;
26
- 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
27
- 'aria-colcount'?: number | undefined;
28
- 'aria-colindex'?: number | undefined;
29
- 'aria-colspan'?: number | undefined;
30
- 'aria-controls'?: string | undefined;
31
- 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
32
- 'aria-describedby'?: string | undefined;
33
- 'aria-details'?: string | undefined;
34
- 'aria-disabled'?: (boolean | "false" | "true") | undefined;
35
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
36
- 'aria-errormessage'?: string | undefined;
37
- 'aria-expanded'?: (boolean | "false" | "true") | undefined;
38
- 'aria-flowto'?: string | undefined;
39
- 'aria-grabbed'?: (boolean | "false" | "true") | undefined;
40
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
41
- 'aria-hidden'?: (boolean | "false" | "true") | undefined;
42
- 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
43
- 'aria-keyshortcuts'?: string | undefined;
44
- 'aria-label'?: string | undefined;
45
- 'aria-labelledby'?: string | undefined;
46
- 'aria-level'?: number | undefined;
47
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
48
- 'aria-modal'?: (boolean | "false" | "true") | undefined;
49
- 'aria-multiline'?: (boolean | "false" | "true") | undefined;
50
- 'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
51
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
52
- 'aria-owns'?: string | undefined;
53
- 'aria-placeholder'?: string | undefined;
54
- 'aria-posinset'?: number | undefined;
55
- 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
56
- 'aria-readonly'?: (boolean | "false" | "true") | undefined;
57
- 'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
58
- 'aria-required'?: (boolean | "false" | "true") | undefined;
59
- 'aria-roledescription'?: string | undefined;
60
- 'aria-rowcount'?: number | undefined;
61
- 'aria-rowindex'?: number | undefined;
62
- 'aria-rowspan'?: number | undefined;
63
- 'aria-selected'?: (boolean | "false" | "true") | undefined;
64
- 'aria-setsize'?: number | undefined;
65
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
66
- 'aria-valuemax'?: number | undefined;
67
- 'aria-valuemin'?: number | undefined;
68
- 'aria-valuenow'?: number | undefined;
69
- 'aria-valuetext'?: string | undefined;
70
- dangerouslySetInnerHTML?: {
71
- __html: string;
72
- } | undefined;
73
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
74
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
75
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
76
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
77
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
78
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
79
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
80
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
81
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
82
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
83
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
84
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
85
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
86
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
87
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
88
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
89
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
90
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
91
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
92
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
93
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
94
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
95
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
96
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
97
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
98
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
99
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
100
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
101
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
102
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
103
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
104
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
105
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
106
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
107
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
108
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
109
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
110
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
111
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
112
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
113
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
114
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
115
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
116
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
117
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
118
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
119
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
120
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
121
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
122
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
123
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
124
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
125
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
126
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
127
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
128
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
129
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
130
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
131
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
132
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
133
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
134
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
135
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
136
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
137
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
138
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
139
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
140
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
141
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
142
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
143
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
144
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
145
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
146
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
147
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
148
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
149
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
150
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
151
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
152
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
153
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
154
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
155
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
156
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
157
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
158
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
159
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
160
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
161
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
162
- onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
163
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
164
- onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
165
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
166
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
167
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
168
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
169
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
170
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
171
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
172
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
173
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
174
- onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
175
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
176
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
177
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
178
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
179
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
180
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
181
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
182
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
183
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
184
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
185
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
186
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
187
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
188
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
189
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
190
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
191
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
193
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
194
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
195
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
196
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
197
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
198
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
199
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
200
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
201
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
202
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
203
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
204
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
205
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
206
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
207
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
208
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
209
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
210
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
211
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
212
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
213
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
214
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
215
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
216
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
217
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
218
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
219
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
220
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
221
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
222
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
223
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
224
- onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
225
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
226
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
227
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
228
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
229
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
230
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
231
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
232
- defaultValue?: string | number | readonly string[] | undefined;
233
- key?: import("react").Key | null | undefined;
234
- defaultChecked?: boolean | undefined;
235
- suppressContentEditableWarning?: boolean | undefined;
236
- suppressHydrationWarning?: boolean | undefined;
237
- accessKey?: string | undefined;
238
- contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
239
- contextMenu?: string | undefined;
240
- dir?: string | undefined;
241
- draggable?: (boolean | "false" | "true") | undefined;
242
- placeholder?: string | undefined;
243
- spellCheck?: (boolean | "false" | "true") | undefined;
244
- radioGroup?: string | undefined;
245
- about?: string | undefined;
246
- datatype?: string | undefined;
247
- inlist?: any;
248
- property?: string | undefined;
249
- resource?: string | undefined;
250
- typeof?: string | undefined;
251
- vocab?: string | undefined;
252
- autoCapitalize?: string | undefined;
253
- autoCorrect?: string | undefined;
254
- autoSave?: string | undefined;
255
- itemProp?: string | undefined;
256
- itemScope?: boolean | undefined;
257
- itemType?: string | undefined;
258
- itemID?: string | undefined;
259
- itemRef?: string | undefined;
260
- results?: number | undefined;
261
- security?: string | undefined;
262
- unselectable?: "off" | "on" | undefined;
263
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
264
- is?: string | undefined;
265
- as?: keyof JSX.IntrinsicElements | undefined;
266
- };
267
- //# sourceMappingURL=hook.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-style-picker/hook.ts"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,wBAAgB,2BAA2B,CAC1C,KAAK,EAAE,uBAAuB,CAAE,gBAAgB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBzD"}
@@ -1,46 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Container: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & {
6
- isPositionAbsolute: boolean;
7
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
- export declare const Side: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme | undefined;
10
- as?: import("react").ElementType<any> | undefined;
11
- } & {
12
- isActive: boolean;
13
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
- export declare const TopView: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
17
- } & {
18
- isActive: boolean;
19
- } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
20
- theme?: import("@emotion/react").Theme | undefined;
21
- }, {}, {}>;
22
- export declare const RightView: import("@emotion/styled").StyledComponent<{
23
- theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any> | undefined;
25
- } & {
26
- isActive: boolean;
27
- } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
28
- theme?: import("@emotion/react").Theme | undefined;
29
- }, {}, {}>;
30
- export declare const BottomView: import("@emotion/styled").StyledComponent<{
31
- theme?: import("@emotion/react").Theme | undefined;
32
- as?: import("react").ElementType<any> | undefined;
33
- } & {
34
- isActive: boolean;
35
- } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
36
- theme?: import("@emotion/react").Theme | undefined;
37
- }, {}, {}>;
38
- export declare const LeftView: import("@emotion/styled").StyledComponent<{
39
- theme?: import("@emotion/react").Theme | undefined;
40
- as?: import("react").ElementType<any> | undefined;
41
- } & {
42
- isActive: boolean;
43
- } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
44
- theme?: import("@emotion/react").Theme | undefined;
45
- }, {}, {}>;
46
- //# sourceMappingURL=box-control-visualizer-styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"box-control-visualizer-styles.d.ts","sourceRoot":"","sources":["../../../src/box-control/styles/box-control-visualizer-styles.ts"],"names":[],"mappings":";AA6BA,eAAO,MAAM,SAAS;;;;wBAfD,OAAO;yGAmB3B,CAAC;AAEF,eAAO,MAAM,IAAI;;;;cAUe,OAAO;yGAKtC,CAAC;AAEF,eAAO,MAAM,OAAO;;;;cAPY,OAAO;;;UAWtC,CAAC;AAEF,eAAO,MAAM,SAAS;;;;cAbU,OAAO;;;UAiBtC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;cAnBS,OAAO;;;UAuBtC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;cAzBW,OAAO;;;UA6BtC,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import type { BoxUnitControlProps } from './types';
3
- export default function BoxUnitControl({ isFirst, isLast, isOnly, onHoverOn, onHoverOff, label, value, ...props }: BoxUnitControlProps): JSX.Element;
4
- //# sourceMappingURL=unit-control.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"unit-control.d.ts","sourceRoot":"","sources":["../../src/box-control/unit-control.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAE,EACvC,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAgB,EAChB,UAAiB,EACjB,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACR,EAAE,mBAAmB,eA0BrB"}
@@ -1,35 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { useMemo } from '@wordpress/element';
5
-
6
- /**
7
- * Internal dependencies
8
- */
9
- import * as styles from '../styles';
10
- import type { WordPressComponentProps } from '../../context';
11
- import { useContextSystem } from '../../context';
12
- import { useCx } from '../../utils/hooks/use-cx';
13
-
14
- import type { StylePickerProps } from '../types';
15
-
16
- export function useBorderControlStylePicker(
17
- props: WordPressComponentProps< StylePickerProps, 'div' >
18
- ) {
19
- const { className, ...otherProps } = useContextSystem(
20
- props,
21
- 'BorderControlStylePicker'
22
- );
23
-
24
- // Generate class names.
25
- const cx = useCx();
26
- const classes = useMemo( () => {
27
- return cx( styles.borderControlStylePicker, className );
28
- }, [ className, cx ] );
29
-
30
- const buttonClassName = useMemo( () => {
31
- return cx( styles.borderStyleButton );
32
- }, [ cx ] );
33
-
34
- return { ...otherProps, className: classes, buttonClassName };
35
- }
@@ -1,75 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import { css } from '@emotion/react';
5
- import styled from '@emotion/styled';
6
-
7
- /**
8
- * Internal dependencies
9
- */
10
- import { COLORS, rtl } from '../../utils';
11
-
12
- const containerPositionStyles = ( {
13
- isPositionAbsolute,
14
- }: {
15
- isPositionAbsolute: boolean;
16
- } ) => {
17
- if ( ! isPositionAbsolute ) return '';
18
-
19
- return css`
20
- bottom: 0;
21
- left: 0;
22
- pointer-events: none;
23
- position: absolute;
24
- right: 0;
25
- top: 0;
26
- z-index: 1;
27
- `;
28
- };
29
-
30
- export const Container = styled.div`
31
- box-sizing: border-box;
32
- position: relative;
33
- ${ containerPositionStyles };
34
- `;
35
-
36
- export const Side = styled.div`
37
- box-sizing: border-box;
38
- background: ${ COLORS.theme.accent };
39
- filter: brightness( 1 );
40
- opacity: 0;
41
- position: absolute;
42
- pointer-events: none;
43
- transition: opacity 120ms linear;
44
- z-index: 1;
45
-
46
- ${ ( { isActive }: { isActive: boolean } ) =>
47
- isActive &&
48
- `
49
- opacity: 0.3;
50
- ` }
51
- `;
52
-
53
- export const TopView = styled( Side )`
54
- top: 0;
55
- left: 0;
56
- right: 0;
57
- `;
58
-
59
- export const RightView = styled( Side )`
60
- top: 0;
61
- bottom: 0;
62
- ${ rtl( { right: 0 } ) };
63
- `;
64
-
65
- export const BottomView = styled( Side )`
66
- bottom: 0;
67
- left: 0;
68
- right: 0;
69
- `;
70
-
71
- export const LeftView = styled( Side )`
72
- top: 0;
73
- bottom: 0;
74
- ${ rtl( { left: 0 } ) };
75
- `;
@@ -1,74 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import { useHover } from '@use-gesture/react';
5
-
6
- /**
7
- * Internal dependencies
8
- */
9
- import BaseTooltip from '../tooltip';
10
- import { UnitControlWrapper, UnitControl } from './styles/box-control-styles';
11
- import type { BoxUnitControlProps } from './types';
12
-
13
- const noop = () => {};
14
-
15
- export default function BoxUnitControl( {
16
- isFirst,
17
- isLast,
18
- isOnly,
19
- onHoverOn = noop,
20
- onHoverOff = noop,
21
- label,
22
- value,
23
- ...props
24
- }: BoxUnitControlProps ) {
25
- const bindHoverGesture = useHover( ( { event, ...state } ) => {
26
- if ( state.hovering ) {
27
- onHoverOn( event, state );
28
- } else {
29
- onHoverOff( event, state );
30
- }
31
- } );
32
-
33
- return (
34
- <UnitControlWrapper { ...bindHoverGesture() }>
35
- <Tooltip text={ label }>
36
- <UnitControl
37
- aria-label={ label }
38
- className="component-box-control__unit-control"
39
- isFirst={ isFirst }
40
- isLast={ isLast }
41
- isOnly={ isOnly }
42
- isPressEnterToChange
43
- isResetValueOnUnitChange={ false }
44
- value={ value }
45
- { ...props }
46
- />
47
- </Tooltip>
48
- </UnitControlWrapper>
49
- );
50
- }
51
-
52
- function Tooltip( {
53
- children,
54
- text,
55
- }: {
56
- children: JSX.Element;
57
- text?: string;
58
- } ) {
59
- if ( ! text ) return children;
60
-
61
- /**
62
- * Wrapping the children in a `<div />` as Tooltip as it attempts
63
- * to render the <UnitControl />. Using a plain `<div />` appears to
64
- * resolve this issue.
65
- *
66
- * Originally discovered and referenced here:
67
- * https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026
68
- */
69
- return (
70
- <BaseTooltip text={ text } placement="top">
71
- <div>{ children }</div>
72
- </BaseTooltip>
73
- );
74
- }