@wordpress/components 19.7.0 → 19.9.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 (504) hide show
  1. package/CHANGELOG.md +39 -1
  2. package/README.md +38 -0
  3. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js +11 -11
  4. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
  5. package/build/base-control/index.js +35 -31
  6. package/build/base-control/index.js.map +1 -1
  7. package/build/base-control/styles/base-control-styles.js +18 -18
  8. package/build/base-control/styles/base-control-styles.js.map +1 -1
  9. package/build/base-control/types.js +6 -0
  10. package/build/base-control/types.js.map +1 -0
  11. package/build/border-box-control/border-box-control/component.js +124 -0
  12. package/build/border-box-control/border-box-control/component.js.map +1 -0
  13. package/build/border-box-control/border-box-control/hook.js +113 -0
  14. package/build/border-box-control/border-box-control/hook.js.map +1 -0
  15. package/build/border-box-control/border-box-control/index.js +24 -0
  16. package/build/border-box-control/border-box-control/index.js.map +1 -0
  17. package/build/border-box-control/border-box-control-linked-button/component.js +59 -0
  18. package/build/border-box-control/border-box-control-linked-button/component.js.map +1 -0
  19. package/build/border-box-control/border-box-control-linked-button/hook.js +41 -0
  20. package/build/border-box-control/border-box-control-linked-button/hook.js.map +1 -0
  21. package/build/border-box-control/border-box-control-linked-button/index.js +16 -0
  22. package/build/border-box-control/border-box-control-linked-button/index.js.map +1 -0
  23. package/build/border-box-control/border-box-control-split-controls/component.js +93 -0
  24. package/build/border-box-control/border-box-control-split-controls/component.js.map +1 -0
  25. package/build/border-box-control/border-box-control-split-controls/hook.js +45 -0
  26. package/build/border-box-control/border-box-control-split-controls/hook.js.map +1 -0
  27. package/build/border-box-control/border-box-control-split-controls/index.js +16 -0
  28. package/build/border-box-control/border-box-control-split-controls/index.js.map +1 -0
  29. package/build/border-box-control/border-box-control-visualizer/component.js +40 -0
  30. package/build/border-box-control/border-box-control-visualizer/component.js.map +1 -0
  31. package/build/border-box-control/border-box-control-visualizer/hook.js +43 -0
  32. package/build/border-box-control/border-box-control-visualizer/hook.js.map +1 -0
  33. package/build/border-box-control/border-box-control-visualizer/index.js +16 -0
  34. package/build/border-box-control/border-box-control-visualizer/index.js.map +1 -0
  35. package/build/border-box-control/index.js +44 -0
  36. package/build/border-box-control/index.js.map +1 -0
  37. package/build/border-box-control/styles.js +76 -0
  38. package/build/border-box-control/styles.js.map +1 -0
  39. package/build/border-box-control/types.js +6 -0
  40. package/build/border-box-control/types.js.map +1 -0
  41. package/build/border-box-control/utils.js +161 -0
  42. package/build/border-box-control/utils.js.map +1 -0
  43. package/build/border-control/border-control/component.js +119 -0
  44. package/build/border-control/border-control/component.js.map +1 -0
  45. package/build/border-control/border-control/hook.js +130 -0
  46. package/build/border-control/border-control/hook.js.map +1 -0
  47. package/build/border-control/border-control/index.js +24 -0
  48. package/build/border-control/border-control/index.js.map +1 -0
  49. package/build/border-control/border-control-dropdown/component.js +196 -0
  50. package/build/border-control/border-control-dropdown/component.js.map +1 -0
  51. package/build/border-control/border-control-dropdown/hook.js +105 -0
  52. package/build/border-control/border-control-dropdown/hook.js.map +1 -0
  53. package/build/border-control/border-control-dropdown/index.js +16 -0
  54. package/build/border-control/border-control-dropdown/index.js.map +1 -0
  55. package/build/border-control/border-control-style-picker/component.js +101 -0
  56. package/build/border-control/border-control-style-picker/component.js.map +1 -0
  57. package/build/border-control/border-control-style-picker/hook.js +45 -0
  58. package/build/border-control/border-control-style-picker/hook.js.map +1 -0
  59. package/build/border-control/border-control-style-picker/index.js +16 -0
  60. package/build/border-control/border-control-style-picker/index.js.map +1 -0
  61. package/build/border-control/index.js +24 -0
  62. package/build/border-control/index.js.map +1 -0
  63. package/build/border-control/styles.js +125 -0
  64. package/build/border-control/styles.js.map +1 -0
  65. package/build/border-control/types.js +6 -0
  66. package/build/border-control/types.js.map +1 -0
  67. package/build/card/styles.js +22 -17
  68. package/build/card/styles.js.map +1 -1
  69. package/build/custom-select-control/index.js +4 -1
  70. package/build/custom-select-control/index.js.map +1 -1
  71. package/build/guide/index.js +14 -8
  72. package/build/guide/index.js.map +1 -1
  73. package/build/heading/hook.js +1 -1
  74. package/build/heading/hook.js.map +1 -1
  75. package/build/index.js +40 -0
  76. package/build/index.js.map +1 -1
  77. package/build/input-control/index.js +26 -4
  78. package/build/input-control/index.js.map +1 -1
  79. package/build/input-control/styles/input-control-styles.js +25 -25
  80. package/build/input-control/styles/input-control-styles.js.map +1 -1
  81. package/build/item-group/styles.js +14 -14
  82. package/build/item-group/styles.js.map +1 -1
  83. package/build/mobile/picker/index.android.js +0 -3
  84. package/build/mobile/picker/index.android.js.map +1 -1
  85. package/build/navigation/styles/navigation-styles.js +12 -12
  86. package/build/navigation/styles/navigation-styles.js.map +1 -1
  87. package/build/notice/index.native.js +44 -40
  88. package/build/notice/index.native.js.map +1 -1
  89. package/build/notice/list.native.js +27 -45
  90. package/build/notice/list.native.js.map +1 -1
  91. package/build/palette-edit/index.js +2 -1
  92. package/build/palette-edit/index.js.map +1 -1
  93. package/build/sandbox/index.js +2 -2
  94. package/build/sandbox/index.js.map +1 -1
  95. package/build/select-control/styles/select-control-styles.js +5 -5
  96. package/build/select-control/styles/select-control-styles.js.map +1 -1
  97. package/build/surface/styles.js +8 -8
  98. package/build/surface/styles.js.map +1 -1
  99. package/build/text/hook.js +5 -5
  100. package/build/text/hook.js.map +1 -1
  101. package/build/text/styles/text-mixins.native.js +1 -1
  102. package/build/text/styles/text-mixins.native.js.map +1 -1
  103. package/build/text/styles.js +7 -7
  104. package/build/text/styles.js.map +1 -1
  105. package/build/toggle-group-control/index.js +8 -0
  106. package/build/toggle-group-control/index.js.map +1 -1
  107. package/build/toggle-group-control/toggle-group-control/component.js +10 -1
  108. package/build/toggle-group-control/toggle-group-control/component.js.map +1 -1
  109. package/build/toggle-group-control/toggle-group-control/styles.js +14 -3
  110. package/build/toggle-group-control/toggle-group-control/styles.js.map +1 -1
  111. package/build/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js +90 -0
  112. package/build/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map +1 -0
  113. package/build/toggle-group-control/toggle-group-control-option/component.js +9 -87
  114. package/build/toggle-group-control/toggle-group-control-option/component.js.map +1 -1
  115. package/build/toggle-group-control/toggle-group-control-option-base/component.js +127 -0
  116. package/build/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -0
  117. package/build/toggle-group-control/toggle-group-control-option-base/index.js +16 -0
  118. package/build/toggle-group-control/toggle-group-control-option-base/index.js.map +1 -0
  119. package/build/toggle-group-control/toggle-group-control-option-base/styles.js +66 -0
  120. package/build/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -0
  121. package/build/toggle-group-control/toggle-group-control-option-icon/component.js +55 -0
  122. package/build/toggle-group-control/toggle-group-control-option-icon/component.js.map +1 -0
  123. package/build/toggle-group-control/toggle-group-control-option-icon/index.js +16 -0
  124. package/build/toggle-group-control/toggle-group-control-option-icon/index.js.map +1 -0
  125. package/build/toolbar-dropdown-menu/index.js +1 -1
  126. package/build/toolbar-dropdown-menu/index.js.map +1 -1
  127. package/build/ui/spinner/component.js +1 -1
  128. package/build/ui/spinner/component.js.map +1 -1
  129. package/build/unit-control/index.js +7 -2
  130. package/build/unit-control/index.js.map +1 -1
  131. package/build/utils/colors-values.js +14 -27
  132. package/build/utils/colors-values.js.map +1 -1
  133. package/build/utils/config-values.js +9 -4
  134. package/build/utils/config-values.js.map +1 -1
  135. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js +11 -11
  136. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
  137. package/build-module/base-control/index.js +33 -34
  138. package/build-module/base-control/index.js.map +1 -1
  139. package/build-module/base-control/styles/base-control-styles.js +18 -18
  140. package/build-module/base-control/styles/base-control-styles.js.map +1 -1
  141. package/build-module/base-control/types.js +2 -0
  142. package/build-module/base-control/types.js.map +1 -0
  143. package/build-module/border-box-control/border-box-control/component.js +104 -0
  144. package/build-module/border-box-control/border-box-control/component.js.map +1 -0
  145. package/build-module/border-box-control/border-box-control/hook.js +97 -0
  146. package/build-module/border-box-control/border-box-control/hook.js.map +1 -0
  147. package/build-module/border-box-control/border-box-control/index.js +3 -0
  148. package/build-module/border-box-control/border-box-control/index.js.map +1 -0
  149. package/build-module/border-box-control/border-box-control-linked-button/component.js +42 -0
  150. package/build-module/border-box-control/border-box-control-linked-button/component.js.map +1 -0
  151. package/build-module/border-box-control/border-box-control-linked-button/hook.js +26 -0
  152. package/build-module/border-box-control/border-box-control-linked-button/hook.js.map +1 -0
  153. package/build-module/border-box-control/border-box-control-linked-button/index.js +2 -0
  154. package/build-module/border-box-control/border-box-control-linked-button/index.js.map +1 -0
  155. package/build-module/border-box-control/border-box-control-split-controls/component.js +77 -0
  156. package/build-module/border-box-control/border-box-control-split-controls/component.js.map +1 -0
  157. package/build-module/border-box-control/border-box-control-split-controls/hook.js +30 -0
  158. package/build-module/border-box-control/border-box-control-split-controls/hook.js.map +1 -0
  159. package/build-module/border-box-control/border-box-control-split-controls/index.js +2 -0
  160. package/build-module/border-box-control/border-box-control-split-controls/index.js.map +1 -0
  161. package/build-module/border-box-control/border-box-control-visualizer/component.js +27 -0
  162. package/build-module/border-box-control/border-box-control-visualizer/component.js.map +1 -0
  163. package/build-module/border-box-control/border-box-control-visualizer/hook.js +28 -0
  164. package/build-module/border-box-control/border-box-control-visualizer/hook.js.map +1 -0
  165. package/build-module/border-box-control/border-box-control-visualizer/index.js +2 -0
  166. package/build-module/border-box-control/border-box-control-visualizer/index.js.map +1 -0
  167. package/build-module/border-box-control/index.js +4 -0
  168. package/build-module/border-box-control/index.js.map +1 -0
  169. package/build-module/border-box-control/styles.js +66 -0
  170. package/build-module/border-box-control/styles.js.map +1 -0
  171. package/build-module/border-box-control/types.js +2 -0
  172. package/build-module/border-box-control/types.js.map +1 -0
  173. package/build-module/border-box-control/utils.js +127 -0
  174. package/build-module/border-box-control/utils.js.map +1 -0
  175. package/build-module/border-control/border-control/component.js +100 -0
  176. package/build-module/border-control/border-control/component.js.map +1 -0
  177. package/build-module/border-control/border-control/hook.js +115 -0
  178. package/build-module/border-control/border-control/hook.js.map +1 -0
  179. package/build-module/border-control/border-control/index.js +3 -0
  180. package/build-module/border-control/border-control/index.js.map +1 -0
  181. package/build-module/border-control/border-control-dropdown/component.js +174 -0
  182. package/build-module/border-control/border-control-dropdown/component.js.map +1 -0
  183. package/build-module/border-control/border-control-dropdown/hook.js +89 -0
  184. package/build-module/border-control/border-control-dropdown/hook.js.map +1 -0
  185. package/build-module/border-control/border-control-dropdown/index.js +2 -0
  186. package/build-module/border-control/border-control-dropdown/index.js.map +1 -0
  187. package/build-module/border-control/border-control-style-picker/component.js +81 -0
  188. package/build-module/border-control/border-control-style-picker/component.js.map +1 -0
  189. package/build-module/border-control/border-control-style-picker/hook.js +30 -0
  190. package/build-module/border-control/border-control-style-picker/hook.js.map +1 -0
  191. package/build-module/border-control/border-control-style-picker/index.js +2 -0
  192. package/build-module/border-control/border-control-style-picker/index.js.map +1 -0
  193. package/build-module/border-control/index.js +3 -0
  194. package/build-module/border-control/index.js.map +1 -0
  195. package/build-module/border-control/styles.js +90 -0
  196. package/build-module/border-control/styles.js.map +1 -0
  197. package/build-module/border-control/types.js +2 -0
  198. package/build-module/border-control/types.js.map +1 -0
  199. package/build-module/card/styles.js +23 -18
  200. package/build-module/card/styles.js.map +1 -1
  201. package/build-module/custom-select-control/index.js +4 -1
  202. package/build-module/custom-select-control/index.js.map +1 -1
  203. package/build-module/guide/index.js +14 -8
  204. package/build-module/guide/index.js.map +1 -1
  205. package/build-module/heading/hook.js +1 -1
  206. package/build-module/heading/hook.js.map +1 -1
  207. package/build-module/index.js +3 -1
  208. package/build-module/index.js.map +1 -1
  209. package/build-module/input-control/index.js +23 -3
  210. package/build-module/input-control/index.js.map +1 -1
  211. package/build-module/input-control/styles/input-control-styles.js +25 -25
  212. package/build-module/input-control/styles/input-control-styles.js.map +1 -1
  213. package/build-module/item-group/styles.js +14 -14
  214. package/build-module/item-group/styles.js.map +1 -1
  215. package/build-module/mobile/picker/index.android.js +0 -3
  216. package/build-module/mobile/picker/index.android.js.map +1 -1
  217. package/build-module/navigation/styles/navigation-styles.js +13 -13
  218. package/build-module/navigation/styles/navigation-styles.js.map +1 -1
  219. package/build-module/notice/index.native.js +45 -41
  220. package/build-module/notice/index.native.js.map +1 -1
  221. package/build-module/notice/list.native.js +28 -46
  222. package/build-module/notice/list.native.js.map +1 -1
  223. package/build-module/palette-edit/index.js +3 -2
  224. package/build-module/palette-edit/index.js.map +1 -1
  225. package/build-module/sandbox/index.js +2 -2
  226. package/build-module/sandbox/index.js.map +1 -1
  227. package/build-module/select-control/styles/select-control-styles.js +5 -5
  228. package/build-module/select-control/styles/select-control-styles.js.map +1 -1
  229. package/build-module/surface/styles.js +8 -8
  230. package/build-module/surface/styles.js.map +1 -1
  231. package/build-module/text/hook.js +5 -5
  232. package/build-module/text/hook.js.map +1 -1
  233. package/build-module/text/styles/text-mixins.native.js +2 -2
  234. package/build-module/text/styles/text-mixins.native.js.map +1 -1
  235. package/build-module/text/styles.js +7 -7
  236. package/build-module/text/styles.js.map +1 -1
  237. package/build-module/toggle-group-control/index.js +1 -0
  238. package/build-module/toggle-group-control/index.js.map +1 -1
  239. package/build-module/toggle-group-control/toggle-group-control/component.js +8 -1
  240. package/build-module/toggle-group-control/toggle-group-control/component.js.map +1 -1
  241. package/build-module/toggle-group-control/toggle-group-control/styles.js +11 -3
  242. package/build-module/toggle-group-control/toggle-group-control/styles.js.map +1 -1
  243. package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js +86 -0
  244. package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map +1 -0
  245. package/build-module/toggle-group-control/toggle-group-control-option/component.js +9 -76
  246. package/build-module/toggle-group-control/toggle-group-control-option/component.js.map +1 -1
  247. package/build-module/toggle-group-control/toggle-group-control-option-base/component.js +105 -0
  248. package/build-module/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -0
  249. package/build-module/toggle-group-control/toggle-group-control-option-base/index.js +2 -0
  250. package/build-module/toggle-group-control/toggle-group-control-option-base/index.js.map +1 -0
  251. package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js +55 -0
  252. package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -0
  253. package/build-module/toggle-group-control/toggle-group-control-option-icon/component.js +50 -0
  254. package/build-module/toggle-group-control/toggle-group-control-option-icon/component.js.map +1 -0
  255. package/build-module/toggle-group-control/toggle-group-control-option-icon/index.js +2 -0
  256. package/build-module/toggle-group-control/toggle-group-control-option-icon/index.js.map +1 -0
  257. package/build-module/toolbar-dropdown-menu/index.js +1 -1
  258. package/build-module/toolbar-dropdown-menu/index.js.map +1 -1
  259. package/build-module/ui/spinner/component.js +1 -1
  260. package/build-module/ui/spinner/component.js.map +1 -1
  261. package/build-module/unit-control/index.js +7 -2
  262. package/build-module/unit-control/index.js.map +1 -1
  263. package/build-module/utils/colors-values.js +24 -26
  264. package/build-module/utils/colors-values.js.map +1 -1
  265. package/build-module/utils/config-values.js +8 -4
  266. package/build-module/utils/config-values.js.map +1 -1
  267. package/build-style/style-rtl.css +21 -4
  268. package/build-style/style.css +21 -4
  269. package/build-types/base-control/index.d.ts +35 -76
  270. package/build-types/base-control/index.d.ts.map +1 -1
  271. package/build-types/base-control/stories/index.d.ts +25 -0
  272. package/build-types/base-control/stories/index.d.ts.map +1 -0
  273. package/build-types/base-control/styles/base-control-styles.d.ts +6 -5
  274. package/build-types/base-control/styles/base-control-styles.d.ts.map +1 -1
  275. package/build-types/base-control/types.d.ts +41 -0
  276. package/build-types/base-control/types.d.ts.map +1 -0
  277. package/build-types/border-box-control/border-box-control/component.d.ts +4 -0
  278. package/build-types/border-box-control/border-box-control/component.d.ts.map +1 -0
  279. package/build-types/border-box-control/border-box-control/hook.d.ts +282 -0
  280. package/build-types/border-box-control/border-box-control/hook.d.ts.map +1 -0
  281. package/build-types/border-box-control/border-box-control/index.d.ts +3 -0
  282. package/build-types/border-box-control/border-box-control/index.d.ts.map +1 -0
  283. package/build-types/border-box-control/border-box-control-linked-button/component.d.ts +4 -0
  284. package/build-types/border-box-control/border-box-control-linked-button/component.d.ts.map +1 -0
  285. package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts +266 -0
  286. package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts.map +1 -0
  287. package/build-types/border-box-control/border-box-control-linked-button/index.d.ts +2 -0
  288. package/build-types/border-box-control/border-box-control-linked-button/index.d.ts.map +1 -0
  289. package/build-types/border-box-control/border-box-control-split-controls/component.d.ts +4 -0
  290. package/build-types/border-box-control/border-box-control-split-controls/component.d.ts.map +1 -0
  291. package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts +274 -0
  292. package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts.map +1 -0
  293. package/build-types/border-box-control/border-box-control-split-controls/index.d.ts +2 -0
  294. package/build-types/border-box-control/border-box-control-split-controls/index.d.ts.map +1 -0
  295. package/build-types/border-box-control/border-box-control-visualizer/component.d.ts +4 -0
  296. package/build-types/border-box-control/border-box-control-visualizer/component.d.ts.map +1 -0
  297. package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts +266 -0
  298. package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts.map +1 -0
  299. package/build-types/border-box-control/border-box-control-visualizer/index.d.ts +2 -0
  300. package/build-types/border-box-control/border-box-control-visualizer/index.d.ts.map +1 -0
  301. package/build-types/border-box-control/index.d.ts +4 -0
  302. package/build-types/border-box-control/index.d.ts.map +1 -0
  303. package/build-types/border-box-control/styles.d.ts +8 -0
  304. package/build-types/border-box-control/styles.d.ts.map +1 -0
  305. package/build-types/border-box-control/types.d.ts +91 -0
  306. package/build-types/border-box-control/types.d.ts.map +1 -0
  307. package/build-types/border-box-control/utils.d.ts +24 -0
  308. package/build-types/border-box-control/utils.d.ts.map +1 -0
  309. package/build-types/border-control/border-control/component.d.ts +4 -0
  310. package/build-types/border-control/border-control/component.d.ts.map +1 -0
  311. package/build-types/border-control/border-control/hook.d.ts +285 -0
  312. package/build-types/border-control/border-control/hook.d.ts.map +1 -0
  313. package/build-types/border-control/border-control/index.d.ts +3 -0
  314. package/build-types/border-control/border-control/index.d.ts.map +1 -0
  315. package/build-types/border-control/border-control-dropdown/component.d.ts +4 -0
  316. package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -0
  317. package/build-types/border-control/border-control-dropdown/hook.d.ts +280 -0
  318. package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -0
  319. package/build-types/border-control/border-control-dropdown/index.d.ts +2 -0
  320. package/build-types/border-control/border-control-dropdown/index.d.ts.map +1 -0
  321. package/build-types/border-control/border-control-style-picker/component.d.ts +4 -0
  322. package/build-types/border-control/border-control-style-picker/component.d.ts.map +1 -0
  323. package/build-types/border-control/border-control-style-picker/hook.d.ts +269 -0
  324. package/build-types/border-control/border-control-style-picker/hook.d.ts.map +1 -0
  325. package/build-types/border-control/border-control-style-picker/index.d.ts +2 -0
  326. package/build-types/border-control/border-control-style-picker/index.d.ts.map +1 -0
  327. package/build-types/border-control/index.d.ts +3 -0
  328. package/build-types/border-control/index.d.ts.map +1 -0
  329. package/build-types/border-control/styles.d.ts +18 -0
  330. package/build-types/border-control/styles.d.ts.map +1 -0
  331. package/build-types/border-control/types.d.ts +163 -0
  332. package/build-types/border-control/types.d.ts.map +1 -0
  333. package/build-types/card/styles.d.ts.map +1 -1
  334. package/build-types/color-indicator/index.d.ts +7 -0
  335. package/build-types/color-indicator/index.d.ts.map +1 -0
  336. package/build-types/color-picker/styles.d.ts +1 -1
  337. package/build-types/input-control/index.d.ts +22 -3
  338. package/build-types/input-control/index.d.ts.map +1 -1
  339. package/build-types/input-control/input-field.d.ts +1 -1
  340. package/build-types/input-control/input-field.d.ts.map +1 -1
  341. package/build-types/input-control/stories/index.d.ts +17 -0
  342. package/build-types/input-control/stories/index.d.ts.map +1 -0
  343. package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
  344. package/build-types/input-control/types.d.ts +73 -3
  345. package/build-types/input-control/types.d.ts.map +1 -1
  346. package/build-types/item-group/styles.d.ts.map +1 -1
  347. package/build-types/number-control/styles/number-control-styles.d.ts +1 -1
  348. package/build-types/text/test/index.d.ts +2 -0
  349. package/build-types/text/test/index.d.ts.map +1 -0
  350. package/build-types/toggle-group-control/index.d.ts +1 -0
  351. package/build-types/toggle-group-control/index.d.ts.map +1 -1
  352. package/build-types/toggle-group-control/toggle-group-control/component.d.ts.map +1 -1
  353. package/build-types/toggle-group-control/toggle-group-control/styles.d.ts +5 -0
  354. package/build-types/toggle-group-control/toggle-group-control/styles.d.ts.map +1 -1
  355. package/build-types/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.d.ts +9 -0
  356. package/build-types/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.d.ts.map +1 -0
  357. package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts +6 -2
  358. package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts.map +1 -1
  359. package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts +25 -0
  360. package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts.map +1 -0
  361. package/build-types/toggle-group-control/toggle-group-control-option-base/index.d.ts +2 -0
  362. package/build-types/toggle-group-control/toggle-group-control-option-base/index.d.ts.map +1 -0
  363. package/build-types/toggle-group-control/{toggle-group-control-option → toggle-group-control-option-base}/styles.d.ts +0 -0
  364. package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts.map +1 -0
  365. package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts +37 -0
  366. package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts.map +1 -0
  367. package/build-types/toggle-group-control/toggle-group-control-option-icon/index.d.ts +2 -0
  368. package/build-types/toggle-group-control/toggle-group-control-option-icon/index.d.ts.map +1 -0
  369. package/build-types/toggle-group-control/types.d.ts +24 -8
  370. package/build-types/toggle-group-control/types.d.ts.map +1 -1
  371. package/build-types/ui/form-group/form-group.d.ts +2 -2
  372. package/build-types/unit-control/index.d.ts +6 -2
  373. package/build-types/unit-control/index.d.ts.map +1 -1
  374. package/build-types/unit-control/types.d.ts +5 -1
  375. package/build-types/unit-control/types.d.ts.map +1 -1
  376. package/build-types/utils/colors-values.d.ts +68 -148
  377. package/build-types/utils/colors-values.d.ts.map +1 -1
  378. package/build-types/utils/config-values.d.ts +71 -71
  379. package/build-types/utils/config-values.d.ts.map +1 -1
  380. package/package.json +17 -17
  381. package/src/alignment-matrix-control/styles/alignment-matrix-control-styles.js +5 -3
  382. package/src/animate/README.md +1 -1
  383. package/src/base-control/README.md +11 -11
  384. package/src/base-control/index.tsx +124 -0
  385. package/src/base-control/stories/index.tsx +80 -0
  386. package/src/base-control/styles/{base-control-styles.js → base-control-styles.ts} +0 -0
  387. package/src/base-control/types.ts +42 -0
  388. package/src/border-box-control/border-box-control/README.md +178 -0
  389. package/src/border-box-control/border-box-control/component.tsx +123 -0
  390. package/src/border-box-control/border-box-control/hook.ts +119 -0
  391. package/src/border-box-control/border-box-control/index.ts +2 -0
  392. package/src/border-box-control/border-box-control-linked-button/component.tsx +50 -0
  393. package/src/border-box-control/border-box-control-linked-button/hook.ts +30 -0
  394. package/src/border-box-control/border-box-control-linked-button/index.ts +1 -0
  395. package/src/border-box-control/border-box-control-split-controls/component.tsx +90 -0
  396. package/src/border-box-control/border-box-control-split-controls/hook.ts +34 -0
  397. package/src/border-box-control/border-box-control-split-controls/index.ts +1 -0
  398. package/src/border-box-control/border-box-control-visualizer/component.tsx +28 -0
  399. package/src/border-box-control/border-box-control-visualizer/hook.ts +30 -0
  400. package/src/border-box-control/border-box-control-visualizer/index.ts +1 -0
  401. package/src/border-box-control/index.ts +3 -0
  402. package/src/border-box-control/stories/index.js +104 -0
  403. package/src/border-box-control/styles.ts +69 -0
  404. package/src/border-box-control/test/index.js +354 -0
  405. package/src/border-box-control/test/utils.js +305 -0
  406. package/src/border-box-control/types.ts +98 -0
  407. package/src/border-box-control/utils.ts +151 -0
  408. package/src/border-control/border-control/README.md +181 -0
  409. package/src/border-control/border-control/component.tsx +112 -0
  410. package/src/border-control/border-control/hook.ts +145 -0
  411. package/src/border-control/border-control/index.ts +2 -0
  412. package/src/border-control/border-control-dropdown/component.tsx +252 -0
  413. package/src/border-control/border-control-dropdown/hook.ts +98 -0
  414. package/src/border-control/border-control-dropdown/index.ts +1 -0
  415. package/src/border-control/border-control-style-picker/component.tsx +89 -0
  416. package/src/border-control/border-control-style-picker/hook.ts +34 -0
  417. package/src/border-control/border-control-style-picker/index.ts +1 -0
  418. package/src/border-control/index.ts +2 -0
  419. package/src/border-control/stories/index.js +118 -0
  420. package/src/border-control/styles.ts +190 -0
  421. package/src/border-control/test/index.js +436 -0
  422. package/src/border-control/types.ts +173 -0
  423. package/src/card/styles.js +11 -5
  424. package/src/card/test/__snapshots__/index.js.snap +83 -66
  425. package/src/card/test/index.js +7 -5
  426. package/src/color-palette/README.md +6 -0
  427. package/src/color-palette/stories/index.js +8 -1
  428. package/src/custom-select-control/index.js +7 -1
  429. package/src/custom-select-control/style.scss +5 -1
  430. package/src/disabled/README.md +7 -10
  431. package/src/flyout/test/__snapshots__/index.js.snap +7 -7
  432. package/src/form-toggle/README.md +1 -1
  433. package/src/guide/index.js +12 -13
  434. package/src/guide/style.scss +0 -4
  435. package/src/heading/hook.ts +1 -1
  436. package/src/heading/test/__snapshots__/index.js.snap +3 -3
  437. package/src/index.js +8 -0
  438. package/src/input-control/README.md +2 -2
  439. package/src/input-control/index.tsx +22 -3
  440. package/src/input-control/stories/index.tsx +63 -0
  441. package/src/input-control/styles/input-control-styles.tsx +1 -2
  442. package/src/input-control/types.ts +73 -2
  443. package/src/item-group/styles.ts +1 -0
  444. package/src/item-group/test/__snapshots__/index.js.snap +11 -10
  445. package/src/mobile/picker/index.android.js +0 -1
  446. package/src/navigation/styles/navigation-styles.js +5 -5
  447. package/src/notice/index.native.js +44 -54
  448. package/src/notice/list.native.js +27 -51
  449. package/src/notice/style.native.scss +1 -0
  450. package/src/palette-edit/index.js +8 -2
  451. package/src/query-controls/README.md +2 -2
  452. package/src/sandbox/index.js +2 -2
  453. package/src/select-control/styles/select-control-styles.ts +1 -1
  454. package/src/surface/styles.js +1 -1
  455. package/src/surface/test/__snapshots__/index.js.snap +11 -11
  456. package/src/text/hook.js +1 -1
  457. package/src/text/styles/text-mixins.native.js +2 -2
  458. package/src/text/styles.js +1 -1
  459. package/src/text/test/__snapshots__/{index.js.snap → index.tsx.snap} +16 -0
  460. package/src/text/test/{index.js → index.tsx} +12 -6
  461. package/src/toggle-group-control/index.ts +1 -0
  462. package/src/toggle-group-control/stories/index.js +37 -7
  463. package/src/toggle-group-control/test/__snapshots__/index.js.snap +269 -5
  464. package/src/toggle-group-control/test/index.js +43 -10
  465. package/src/toggle-group-control/toggle-group-control/component.tsx +10 -0
  466. package/src/toggle-group-control/toggle-group-control/styles.ts +14 -0
  467. package/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx +86 -0
  468. package/src/toggle-group-control/toggle-group-control-option/README.md +8 -5
  469. package/src/toggle-group-control/toggle-group-control-option/component.tsx +18 -94
  470. package/src/toggle-group-control/toggle-group-control-option-base/README.md +27 -0
  471. package/src/toggle-group-control/toggle-group-control-option-base/component.tsx +129 -0
  472. package/src/toggle-group-control/toggle-group-control-option-base/index.ts +1 -0
  473. package/src/toggle-group-control/{toggle-group-control-option → toggle-group-control-option-base}/styles.ts +4 -1
  474. package/src/toggle-group-control/toggle-group-control-option-icon/README.md +56 -0
  475. package/src/toggle-group-control/toggle-group-control-option-icon/component.tsx +56 -0
  476. package/src/toggle-group-control/toggle-group-control-option-icon/index.ts +1 -0
  477. package/src/toggle-group-control/types.ts +33 -8
  478. package/src/toolbar-dropdown-menu/index.js +1 -1
  479. package/src/toolbar-group/style.scss +20 -0
  480. package/src/tools-panel/test/__snapshots__/index.js.snap +9 -9
  481. package/src/ui/spinner/component.js +1 -1
  482. package/src/ui/spinner/test/__snapshots__/index.js.snap +3 -3
  483. package/src/unit-control/README.md +6 -0
  484. package/src/unit-control/index.tsx +6 -1
  485. package/src/unit-control/test/index.js +120 -0
  486. package/src/unit-control/types.ts +5 -1
  487. package/src/utils/colors-values.js +22 -25
  488. package/src/utils/config-values.js +9 -4
  489. package/tsconfig.json +11 -2
  490. package/tsconfig.tsbuildinfo +1 -1
  491. package/build/guide/finish-button.js +0 -44
  492. package/build/guide/finish-button.js.map +0 -1
  493. package/build/toggle-group-control/toggle-group-control-option/styles.js +0 -66
  494. package/build/toggle-group-control/toggle-group-control-option/styles.js.map +0 -1
  495. package/build-module/guide/finish-button.js +0 -34
  496. package/build-module/guide/finish-button.js.map +0 -1
  497. package/build-module/toggle-group-control/toggle-group-control-option/styles.js +0 -55
  498. package/build-module/toggle-group-control/toggle-group-control-option/styles.js.map +0 -1
  499. package/build-types/toggle-group-control/toggle-group-control-option/styles.d.ts.map +0 -1
  500. package/src/base-control/index.js +0 -118
  501. package/src/base-control/stories/index.js +0 -81
  502. package/src/guide/finish-button.js +0 -26
  503. package/src/guide/test/finish-button.js +0 -49
  504. package/src/input-control/stories/index.js +0 -71
@@ -0,0 +1,266 @@
1
+ /// <reference types="react" />
2
+ import { WordPressComponentProps } from '../../ui/context';
3
+ import type { VisualizerProps } from '../types';
4
+ export declare function useBorderBoxControlVisualizer(props: WordPressComponentProps<VisualizerProps, 'div'>): {
5
+ className: string;
6
+ value: import("../types").Borders | undefined;
7
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
8
+ slot?: string | undefined;
9
+ style?: import("react").CSSProperties | undefined;
10
+ title?: string | undefined;
11
+ color?: string | undefined;
12
+ id?: string | undefined;
13
+ lang?: string | undefined;
14
+ role?: import("react").AriaRole | undefined;
15
+ tabIndex?: number | undefined;
16
+ 'aria-activedescendant'?: string | undefined;
17
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
18
+ 'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
19
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
20
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
21
+ 'aria-colcount'?: number | undefined;
22
+ 'aria-colindex'?: number | undefined;
23
+ 'aria-colspan'?: number | undefined;
24
+ 'aria-controls'?: string | undefined;
25
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
26
+ 'aria-describedby'?: string | undefined;
27
+ 'aria-details'?: string | undefined;
28
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
29
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
30
+ 'aria-errormessage'?: string | undefined;
31
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
32
+ 'aria-flowto'?: string | undefined;
33
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
34
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
35
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
36
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
37
+ 'aria-keyshortcuts'?: string | undefined;
38
+ 'aria-label'?: string | undefined;
39
+ 'aria-labelledby'?: string | undefined;
40
+ 'aria-level'?: number | undefined;
41
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
42
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
43
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
44
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
45
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
46
+ 'aria-owns'?: string | undefined;
47
+ 'aria-placeholder'?: string | undefined;
48
+ 'aria-posinset'?: number | undefined;
49
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
50
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
51
+ 'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
52
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
53
+ 'aria-roledescription'?: string | undefined;
54
+ 'aria-rowcount'?: number | undefined;
55
+ 'aria-rowindex'?: number | undefined;
56
+ 'aria-rowspan'?: number | undefined;
57
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
58
+ 'aria-setsize'?: number | undefined;
59
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
60
+ 'aria-valuemax'?: number | undefined;
61
+ 'aria-valuemin'?: number | undefined;
62
+ 'aria-valuenow'?: number | undefined;
63
+ 'aria-valuetext'?: string | undefined;
64
+ dangerouslySetInnerHTML?: {
65
+ __html: string;
66
+ } | undefined;
67
+ onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
68
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
69
+ onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
70
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
71
+ onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
72
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
73
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
74
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
75
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
76
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
77
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
78
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
79
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
80
+ onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
81
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
82
+ onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
83
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
84
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
85
+ onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
86
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
87
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
88
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
89
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
90
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
91
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
92
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
93
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
94
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
95
+ onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
96
+ onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
97
+ onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
98
+ onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
99
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
100
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
101
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
102
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
103
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
104
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
105
+ onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
106
+ onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
107
+ onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
108
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
109
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
110
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
111
+ onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
112
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
113
+ onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
114
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
115
+ onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
116
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
117
+ onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
118
+ onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
119
+ onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
120
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
121
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
122
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
123
+ onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
124
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
125
+ onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
126
+ onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
127
+ onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
128
+ onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
129
+ onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
130
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
131
+ onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
132
+ onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
133
+ onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
134
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
135
+ onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
136
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
137
+ onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
138
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
139
+ onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
140
+ onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
141
+ onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
142
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
143
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
144
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
145
+ onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
146
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
147
+ onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
148
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
149
+ onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
150
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
151
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
152
+ onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
153
+ onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
154
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
155
+ onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
156
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
157
+ onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
158
+ onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
159
+ onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
160
+ onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
161
+ onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
162
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
163
+ onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
164
+ onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
165
+ onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
166
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
167
+ onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
168
+ onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
169
+ onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
170
+ onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
171
+ onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
172
+ onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
173
+ onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
174
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
175
+ onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
176
+ onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
177
+ onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
178
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
179
+ onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
180
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
181
+ onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
182
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
183
+ onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
184
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
185
+ onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
+ onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
+ onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
188
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
189
+ onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
190
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
191
+ onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
192
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
193
+ onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
194
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
195
+ onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
196
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
197
+ onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
198
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
199
+ onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
200
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
201
+ onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
202
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
203
+ onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
204
+ onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
205
+ onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
206
+ onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
207
+ onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
208
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
209
+ onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
210
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
211
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
212
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
213
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
214
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
215
+ onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
216
+ onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
217
+ onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
218
+ onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
219
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
220
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
221
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
222
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
223
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
224
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
225
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
226
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
227
+ css?: import("@emotion/core").InterpolationWithTheme<any>;
228
+ key?: import("react").Key | null | undefined;
229
+ defaultChecked?: boolean | undefined;
230
+ defaultValue?: string | number | readonly string[] | undefined;
231
+ suppressContentEditableWarning?: boolean | undefined;
232
+ suppressHydrationWarning?: boolean | undefined;
233
+ accessKey?: string | undefined;
234
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
235
+ contextMenu?: string | undefined;
236
+ dir?: string | undefined;
237
+ draggable?: (boolean | "true" | "false") | undefined;
238
+ hidden?: boolean | undefined;
239
+ placeholder?: string | undefined;
240
+ spellCheck?: (boolean | "true" | "false") | undefined;
241
+ translate?: "no" | "yes" | undefined;
242
+ radioGroup?: string | undefined;
243
+ about?: string | undefined;
244
+ datatype?: string | undefined;
245
+ inlist?: any;
246
+ prefix?: string | undefined;
247
+ property?: string | undefined;
248
+ resource?: string | undefined;
249
+ typeof?: string | undefined;
250
+ vocab?: string | undefined;
251
+ autoCapitalize?: string | undefined;
252
+ autoCorrect?: string | undefined;
253
+ autoSave?: string | undefined;
254
+ itemProp?: string | undefined;
255
+ itemScope?: boolean | undefined;
256
+ itemType?: string | undefined;
257
+ itemID?: string | undefined;
258
+ itemRef?: string | undefined;
259
+ results?: number | undefined;
260
+ security?: string | undefined;
261
+ unselectable?: "on" | "off" | undefined;
262
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
263
+ is?: string | undefined;
264
+ as?: keyof JSX.IntrinsicElements | undefined;
265
+ };
266
+ //# sourceMappingURL=hook.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-visualizer/hook.ts"],"names":[],"mappings":";AASA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,wBAAgB,6BAA6B,CAC5C,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcxD"}
@@ -0,0 +1,2 @@
1
+ export { default } from './component';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-visualizer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { default as BorderBoxControl } from './border-box-control/component';
2
+ export { useBorderBoxControl } from './border-box-control/hook';
3
+ export { hasSplitBorders, isEmptyBorder, isDefinedBorder } from './utils';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/border-box-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,8 @@
1
+ import type { Borders } from './types';
2
+ export declare const BorderBoxControl: import("@emotion/utils").SerializedStyles;
3
+ export declare const LinkedBorderControl: import("@emotion/utils").SerializedStyles;
4
+ export declare const BorderBoxControlLinkedButton: import("@emotion/utils").SerializedStyles;
5
+ export declare const BorderBoxControlVisualizer: (borders?: Borders | undefined) => import("@emotion/utils").SerializedStyles;
6
+ export declare const BorderBoxControlSplitControls: import("@emotion/utils").SerializedStyles;
7
+ export declare const CenteredBorderControl: import("@emotion/utils").SerializedStyles;
8
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-box-control/styles.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,gBAAgB,2CAAQ,CAAC;AAEtC,eAAO,MAAM,mBAAmB,2CAE/B,CAAC;AAEF,eAAO,MAAM,4BAA4B,2CAIxC,CAAC;AAiBF,eAAO,MAAM,0BAA0B,8EAgBtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,2CAIzC,CAAC;AAEF,eAAO,MAAM,qBAAqB,2CAGjC,CAAC"}
@@ -0,0 +1,91 @@
1
+ /**
2
+ * Internal dependencies
3
+ */
4
+ import type { Border, ColorProps, LabelProps } from '../border-control/types';
5
+ export declare type Borders = {
6
+ top?: Border;
7
+ right?: Border;
8
+ bottom?: Border;
9
+ left?: Border;
10
+ };
11
+ export declare type AnyBorder = Border | Borders | undefined;
12
+ export declare type BorderProp = keyof Border;
13
+ export declare type BorderSide = keyof Borders;
14
+ export declare type PopoverClassNames = {
15
+ linked?: string;
16
+ top?: string;
17
+ right?: string;
18
+ bottom?: string;
19
+ left?: string;
20
+ };
21
+ export declare type BorderBoxControlProps = ColorProps & LabelProps & {
22
+ /**
23
+ * This controls whether to support border style selections.
24
+ */
25
+ enableStyle?: boolean;
26
+ /**
27
+ * A callback function invoked when any border value is changed. The value
28
+ * received may be a "flat" border object, one that has properties defining
29
+ * individual side borders, or `undefined`.
30
+ */
31
+ onChange: (value: AnyBorder) => void;
32
+ /**
33
+ * An object defining CSS classnames for all the inner `BorderControl`
34
+ * popover content.
35
+ */
36
+ popoverClassNames?: PopoverClassNames;
37
+ /**
38
+ * An object representing the current border configuration.
39
+ *
40
+ * This may be a "flat" border where the object has `color`, `style`, and
41
+ * `width` properties or a "split" border which defines the previous
42
+ * properties but for each side; `top`, `right`, `bottom`, and `left`.
43
+ */
44
+ value: AnyBorder;
45
+ };
46
+ export declare type LinkedButtonProps = {
47
+ /**
48
+ * This prop allows the `LinkedButton` to reflect whether the parent
49
+ * `BorderBoxControl` is currently displaying "linked" or "unlinked"
50
+ * border controls.
51
+ */
52
+ isLinked: boolean;
53
+ /**
54
+ * A callback invoked when this `LinkedButton` is clicked. It is used to
55
+ * toggle display between linked or split border controls within the parent
56
+ * `BorderBoxControl`.
57
+ */
58
+ onClick: () => void;
59
+ };
60
+ export declare type VisualizerProps = {
61
+ /**
62
+ * An object representing the current border configuration. It contains
63
+ * properties for each side, with each side an object reflecting the border
64
+ * color, style, and width.
65
+ */
66
+ value?: Borders;
67
+ };
68
+ export declare type SplitControlsProps = ColorProps & {
69
+ /**
70
+ * This controls whether to include border style options within the
71
+ * individual `BorderControl` components.
72
+ */
73
+ enableStyle?: boolean;
74
+ /**
75
+ * A callback that is invoked whenever an individual side's border has
76
+ * changed.
77
+ */
78
+ onChange: (value: Border | undefined, side: BorderSide) => void;
79
+ /**
80
+ * An object defining CSS classnames for the split side `BorderControl`s'
81
+ * popover content.
82
+ */
83
+ popoverClassNames?: PopoverClassNames;
84
+ /**
85
+ * An object representing the current border configuration. It contains
86
+ * properties for each side, with each side an object reflecting the border
87
+ * color, style, and width.
88
+ */
89
+ value?: Borders;
90
+ };
91
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-box-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE9E,oBAAY,OAAO,GAAG;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,oBAAY,UAAU,GAAG,MAAM,MAAM,CAAC;AACtC,oBAAY,UAAU,GAAG,MAAM,OAAO,CAAC;AAEvC,oBAAY,iBAAiB,GAAG;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,qBAAqB,GAAG,UAAU,GAC7C,UAAU,GAAG;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,SAAS,KAAM,IAAI,CAAC;IACvC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;;;;OAMG;IACH,KAAK,EAAE,SAAS,CAAC;CACjB,CAAC;AAEH,oBAAY,iBAAiB,GAAG;IAC/B;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,UAAU,GAAG;IAC7C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,UAAU,KAAM,IAAI,CAAC;IAClE;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}
@@ -0,0 +1,24 @@
1
+ /**
2
+ * Internal dependencies
3
+ */
4
+ import type { Border } from '../border-control/types';
5
+ import type { AnyBorder, Borders } from './types';
6
+ export declare const isEmptyBorder: (border?: Border | undefined) => boolean;
7
+ export declare const isDefinedBorder: (border: AnyBorder) => boolean;
8
+ export declare const isCompleteBorder: (border?: Border | undefined) => boolean;
9
+ export declare const hasSplitBorders: (border?: AnyBorder) => boolean;
10
+ export declare const hasMixedBorders: (borders: AnyBorder) => boolean;
11
+ export declare const getSplitBorders: (border?: Border | undefined) => {
12
+ top: Border;
13
+ right: Border;
14
+ bottom: Border;
15
+ left: Border;
16
+ } | undefined;
17
+ export declare const getBorderDiff: (original: Border, updated: Border) => Border;
18
+ export declare const getCommonBorder: (borders?: Borders | undefined) => {
19
+ color: import("csstype").Property.BorderColor | undefined;
20
+ style: import("csstype").Property.BorderStyle | undefined;
21
+ width: string | number | undefined;
22
+ } | undefined;
23
+ export declare const getShorthandBorderStyle: (border?: Border | undefined, fallbackBorder?: Border | undefined) => string | Border | undefined;
24
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/border-box-control/utils.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAA0B,MAAM,SAAS,CAAC;AAK1E,eAAO,MAAM,aAAa,0CAKzB,CAAC;AAEF,eAAO,MAAM,eAAe,WAAa,SAAS,YAqBjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,0CAM5B,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,SAAS,YAIjD,CAAC;AAEF,eAAO,MAAM,eAAe,YAAc,SAAS,YAYlD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;aAW3B,CAAC;AAEF,eAAO,MAAM,aAAa,aAAe,MAAM,WAAW,MAAM,WAgB/D,CAAC;AAEF,eAAO,MAAM,eAAe;;;;aAwB3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,mGAqBnC,CAAC"}
@@ -0,0 +1,4 @@
1
+ import type { BorderControlProps } from '../types';
2
+ declare const ConnectedBorderControl: import("../../ui/context").WordPressComponent<"div", BorderControlProps, true>;
3
+ export default ConnectedBorderControl;
4
+ //# sourceMappingURL=component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/component.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,UAAU,CAAC;AAgG/D,QAAA,MAAM,sBAAsB,gFAAmD,CAAC;AAEhF,eAAe,sBAAsB,CAAC"}