@wordpress/components 25.9.1 → 25.10.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 (308) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/build/alignment-matrix-control/cell.js +8 -5
  3. package/build/alignment-matrix-control/cell.js.map +1 -1
  4. package/build/alignment-matrix-control/index.js +27 -43
  5. package/build/alignment-matrix-control/index.js.map +1 -1
  6. package/build/alignment-matrix-control/utils.js +29 -9
  7. package/build/alignment-matrix-control/utils.js.map +1 -1
  8. package/build/circular-option-picker/circular-option-picker-option.js +20 -39
  9. package/build/circular-option-picker/circular-option-picker-option.js.map +1 -1
  10. package/build/circular-option-picker/circular-option-picker.js +11 -32
  11. package/build/circular-option-picker/circular-option-picker.js.map +1 -1
  12. package/build/circular-option-picker/types.js.map +1 -1
  13. package/build/color-palette/index.js +7 -2
  14. package/build/color-palette/index.js.map +1 -1
  15. package/build/color-picker/component.js +12 -2
  16. package/build/color-picker/component.js.map +1 -1
  17. package/build/color-picker/picker.js +77 -1
  18. package/build/color-picker/picker.js.map +1 -1
  19. package/build/color-picker/styles.js +8 -8
  20. package/build/color-picker/styles.js.map +1 -1
  21. package/build/color-picker/types.js.map +1 -1
  22. package/build/composite/v2.js +43 -0
  23. package/build/composite/v2.js.map +1 -0
  24. package/build/confirm-dialog/component.js +74 -8
  25. package/build/confirm-dialog/component.js.map +1 -1
  26. package/build/confirm-dialog/types.js.map +1 -1
  27. package/build/custom-gradient-picker/gradient-bar/control-points.js +13 -4
  28. package/build/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
  29. package/build/font-size-picker/utils.js +1 -1
  30. package/build/font-size-picker/utils.js.map +1 -1
  31. package/build/modal/index.js +45 -16
  32. package/build/modal/index.js.map +1 -1
  33. package/build/palette-edit/index.js +4 -0
  34. package/build/palette-edit/index.js.map +1 -1
  35. package/build/popover/index.js +34 -6
  36. package/build/popover/index.js.map +1 -1
  37. package/build/private-apis.js +9 -1
  38. package/build/private-apis.js.map +1 -1
  39. package/build/progress-bar/styles.js +5 -5
  40. package/build/progress-bar/styles.js.map +1 -1
  41. package/build/sandbox/index.js +1 -1
  42. package/build/sandbox/index.js.map +1 -1
  43. package/build/sandbox/index.native.js +1 -1
  44. package/build/sandbox/index.native.js.map +1 -1
  45. package/build/tabs/context.js +16 -0
  46. package/build/tabs/context.js.map +1 -0
  47. package/build/tabs/index.js +147 -0
  48. package/build/tabs/index.js.map +1 -0
  49. package/build/tabs/styles.js +38 -0
  50. package/build/tabs/styles.js.map +1 -0
  51. package/build/tabs/tab.js +46 -0
  52. package/build/tabs/tab.js.map +1 -0
  53. package/build/tabs/tablist.js +47 -0
  54. package/build/tabs/tablist.js.map +1 -0
  55. package/build/tabs/tabpanel.js +48 -0
  56. package/build/tabs/tabpanel.js.map +1 -0
  57. package/build/tabs/types.js +6 -0
  58. package/build/tabs/types.js.map +1 -0
  59. package/build/text/component.js +7 -6
  60. package/build/text/component.js.map +1 -1
  61. package/build/text/hook.js +6 -15
  62. package/build/text/hook.js.map +1 -1
  63. package/build/text/index.js.map +1 -1
  64. package/build/text/styles.js +7 -7
  65. package/build/text/styles.js.map +1 -1
  66. package/build/text/types.js.map +1 -1
  67. package/build/text/utils.js +17 -33
  68. package/build/text/utils.js.map +1 -1
  69. package/build/toggle-group-control/toggle-group-control-option-base/component.js +1 -0
  70. package/build/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
  71. package/build/toolbar/toolbar/index.js +17 -10
  72. package/build/toolbar/toolbar/index.js.map +1 -1
  73. package/build/toolbar/toolbar/types.js.map +1 -1
  74. package/build/tools-panel/tools-panel-item/hook.js +2 -2
  75. package/build/tools-panel/tools-panel-item/hook.js.map +1 -1
  76. package/build/tools-panel/types.js.map +1 -1
  77. package/build/unit-control/utils.js +108 -0
  78. package/build/unit-control/utils.js.map +1 -1
  79. package/build/utils/unit-values.js +1 -1
  80. package/build/utils/unit-values.js.map +1 -1
  81. package/build-module/alignment-matrix-control/cell.js +7 -4
  82. package/build-module/alignment-matrix-control/cell.js.map +1 -1
  83. package/build-module/alignment-matrix-control/index.js +27 -43
  84. package/build-module/alignment-matrix-control/index.js.map +1 -1
  85. package/build-module/alignment-matrix-control/utils.js +29 -8
  86. package/build-module/alignment-matrix-control/utils.js.map +1 -1
  87. package/build-module/circular-option-picker/circular-option-picker-option.js +20 -39
  88. package/build-module/circular-option-picker/circular-option-picker-option.js.map +1 -1
  89. package/build-module/circular-option-picker/circular-option-picker.js +10 -31
  90. package/build-module/circular-option-picker/circular-option-picker.js.map +1 -1
  91. package/build-module/circular-option-picker/types.js.map +1 -1
  92. package/build-module/color-palette/index.js +7 -2
  93. package/build-module/color-palette/index.js.map +1 -1
  94. package/build-module/color-picker/component.js +13 -3
  95. package/build-module/color-picker/component.js.map +1 -1
  96. package/build-module/color-picker/picker.js +78 -2
  97. package/build-module/color-picker/picker.js.map +1 -1
  98. package/build-module/color-picker/styles.js +8 -8
  99. package/build-module/color-picker/styles.js.map +1 -1
  100. package/build-module/color-picker/types.js.map +1 -1
  101. package/build-module/composite/v2.js +15 -0
  102. package/build-module/composite/v2.js.map +1 -0
  103. package/build-module/confirm-dialog/component.js +72 -7
  104. package/build-module/confirm-dialog/component.js.map +1 -1
  105. package/build-module/confirm-dialog/types.js.map +1 -1
  106. package/build-module/custom-gradient-picker/gradient-bar/control-points.js +13 -4
  107. package/build-module/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
  108. package/build-module/font-size-picker/utils.js +1 -1
  109. package/build-module/font-size-picker/utils.js.map +1 -1
  110. package/build-module/modal/index.js +47 -18
  111. package/build-module/modal/index.js.map +1 -1
  112. package/build-module/palette-edit/index.js +4 -0
  113. package/build-module/palette-edit/index.js.map +1 -1
  114. package/build-module/popover/index.js +34 -6
  115. package/build-module/popover/index.js.map +1 -1
  116. package/build-module/private-apis.js +9 -1
  117. package/build-module/private-apis.js.map +1 -1
  118. package/build-module/progress-bar/styles.js +5 -5
  119. package/build-module/progress-bar/styles.js.map +1 -1
  120. package/build-module/sandbox/index.js +1 -1
  121. package/build-module/sandbox/index.js.map +1 -1
  122. package/build-module/sandbox/index.native.js +1 -1
  123. package/build-module/sandbox/index.native.js.map +1 -1
  124. package/build-module/tabs/context.js +12 -0
  125. package/build-module/tabs/context.js.map +1 -0
  126. package/build-module/tabs/index.js +142 -0
  127. package/build-module/tabs/index.js.map +1 -0
  128. package/build-module/tabs/styles.js +36 -0
  129. package/build-module/tabs/styles.js.map +1 -0
  130. package/build-module/tabs/tab.js +43 -0
  131. package/build-module/tabs/tab.js.map +1 -0
  132. package/build-module/tabs/tablist.js +41 -0
  133. package/build-module/tabs/tablist.js.map +1 -0
  134. package/build-module/tabs/tabpanel.js +43 -0
  135. package/build-module/tabs/tabpanel.js.map +1 -0
  136. package/build-module/tabs/types.js +2 -0
  137. package/build-module/tabs/types.js.map +1 -0
  138. package/build-module/text/component.js +6 -6
  139. package/build-module/text/component.js.map +1 -1
  140. package/build-module/text/hook.js +11 -19
  141. package/build-module/text/hook.js.map +1 -1
  142. package/build-module/text/index.js.map +1 -1
  143. package/build-module/text/styles.js +7 -7
  144. package/build-module/text/styles.js.map +1 -1
  145. package/build-module/text/types.js.map +1 -1
  146. package/build-module/text/utils.js +17 -10
  147. package/build-module/text/utils.js.map +1 -1
  148. package/build-module/toggle-group-control/toggle-group-control-option-base/component.js +1 -0
  149. package/build-module/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
  150. package/build-module/toolbar/toolbar/index.js +18 -11
  151. package/build-module/toolbar/toolbar/index.js.map +1 -1
  152. package/build-module/toolbar/toolbar/types.js.map +1 -1
  153. package/build-module/tools-panel/tools-panel-item/hook.js +2 -2
  154. package/build-module/tools-panel/tools-panel-item/hook.js.map +1 -1
  155. package/build-module/tools-panel/types.js.map +1 -1
  156. package/build-module/unit-control/utils.js +108 -0
  157. package/build-module/unit-control/utils.js.map +1 -1
  158. package/build-module/utils/unit-values.js +1 -1
  159. package/build-module/utils/unit-values.js.map +1 -1
  160. package/build-style/style-rtl.css +16 -4
  161. package/build-style/style.css +16 -4
  162. package/build-types/alignment-matrix-control/cell.d.ts +1 -1
  163. package/build-types/alignment-matrix-control/cell.d.ts.map +1 -1
  164. package/build-types/alignment-matrix-control/index.d.ts.map +1 -1
  165. package/build-types/alignment-matrix-control/stories/index.story.d.ts.map +1 -1
  166. package/build-types/alignment-matrix-control/utils.d.ts +9 -9
  167. package/build-types/alignment-matrix-control/utils.d.ts.map +1 -1
  168. package/build-types/circular-option-picker/circular-option-picker-option.d.ts.map +1 -1
  169. package/build-types/circular-option-picker/circular-option-picker.d.ts.map +1 -1
  170. package/build-types/circular-option-picker/types.d.ts +4 -6
  171. package/build-types/circular-option-picker/types.d.ts.map +1 -1
  172. package/build-types/color-palette/index.d.ts.map +1 -1
  173. package/build-types/color-picker/component.d.ts.map +1 -1
  174. package/build-types/color-picker/picker.d.ts +1 -1
  175. package/build-types/color-picker/picker.d.ts.map +1 -1
  176. package/build-types/color-picker/styles.d.ts.map +1 -1
  177. package/build-types/color-picker/types.d.ts +3 -0
  178. package/build-types/color-picker/types.d.ts.map +1 -1
  179. package/build-types/composite/v2.d.ts +12 -0
  180. package/build-types/composite/v2.d.ts.map +1 -0
  181. package/build-types/confirm-dialog/component.d.ts +70 -29
  182. package/build-types/confirm-dialog/component.d.ts.map +1 -1
  183. package/build-types/confirm-dialog/stories/index.story.d.ts +11 -0
  184. package/build-types/confirm-dialog/stories/index.story.d.ts.map +1 -0
  185. package/build-types/confirm-dialog/test/index.d.ts +2 -0
  186. package/build-types/confirm-dialog/test/index.d.ts.map +1 -0
  187. package/build-types/confirm-dialog/types.d.ts +32 -10
  188. package/build-types/confirm-dialog/types.d.ts.map +1 -1
  189. package/build-types/custom-gradient-picker/gradient-bar/control-points.d.ts.map +1 -1
  190. package/build-types/font-size-picker/utils.d.ts.map +1 -1
  191. package/build-types/heading/stories/index.story.d.ts.map +1 -1
  192. package/build-types/modal/index.d.ts.map +1 -1
  193. package/build-types/palette-edit/index.d.ts.map +1 -1
  194. package/build-types/popover/index.d.ts +1 -1
  195. package/build-types/popover/index.d.ts.map +1 -1
  196. package/build-types/popover/stories/e2e/index.story.d.ts +1 -1
  197. package/build-types/private-apis.d.ts.map +1 -1
  198. package/build-types/progress-bar/styles.d.ts.map +1 -1
  199. package/build-types/sandbox/index.d.ts.map +1 -1
  200. package/build-types/tabs/context.d.ts +8 -0
  201. package/build-types/tabs/context.d.ts.map +1 -0
  202. package/build-types/tabs/index.d.ts +13 -0
  203. package/build-types/tabs/index.d.ts.map +1 -0
  204. package/build-types/tabs/stories/index.story.d.ts +20 -0
  205. package/build-types/tabs/stories/index.story.d.ts.map +1 -0
  206. package/build-types/tabs/styles.d.ts +17 -0
  207. package/build-types/tabs/styles.d.ts.map +1 -0
  208. package/build-types/tabs/tab.d.ts +10 -0
  209. package/build-types/tabs/tab.d.ts.map +1 -0
  210. package/build-types/tabs/tablist.d.ts +7 -0
  211. package/build-types/tabs/tablist.d.ts.map +1 -0
  212. package/build-types/tabs/tabpanel.d.ts +7 -0
  213. package/build-types/tabs/tabpanel.d.ts.map +1 -0
  214. package/build-types/tabs/test/index.d.ts +2 -0
  215. package/build-types/tabs/test/index.d.ts.map +1 -0
  216. package/build-types/tabs/types.d.ts +134 -0
  217. package/build-types/tabs/types.d.ts.map +1 -0
  218. package/build-types/text/component.d.ts +4 -2
  219. package/build-types/text/component.d.ts.map +1 -1
  220. package/build-types/text/hook.d.ts +171 -165
  221. package/build-types/text/hook.d.ts.map +1 -1
  222. package/build-types/text/index.d.ts +2 -2
  223. package/build-types/text/index.d.ts.map +1 -1
  224. package/build-types/text/stories/index.story.d.ts +21 -0
  225. package/build-types/text/stories/index.story.d.ts.map +1 -0
  226. package/build-types/text/styles.d.ts +7 -7
  227. package/build-types/text/styles.d.ts.map +1 -1
  228. package/build-types/text/types.d.ts +1 -1
  229. package/build-types/text/types.d.ts.map +1 -1
  230. package/build-types/text/utils.d.ts +56 -61
  231. package/build-types/text/utils.d.ts.map +1 -1
  232. package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts.map +1 -1
  233. package/build-types/toolbar/stories/index.story.d.ts +5 -0
  234. package/build-types/toolbar/stories/index.story.d.ts.map +1 -1
  235. package/build-types/toolbar/toolbar/index.d.ts.map +1 -1
  236. package/build-types/toolbar/toolbar/types.d.ts +10 -0
  237. package/build-types/toolbar/toolbar/types.d.ts.map +1 -1
  238. package/build-types/tools-panel/tools-panel-item/hook.d.ts.map +1 -1
  239. package/build-types/tools-panel/types.d.ts +2 -0
  240. package/build-types/tools-panel/types.d.ts.map +1 -1
  241. package/build-types/unit-control/utils.d.ts.map +1 -1
  242. package/package.json +19 -19
  243. package/src/alignment-matrix-control/cell.tsx +6 -2
  244. package/src/alignment-matrix-control/index.tsx +31 -54
  245. package/src/alignment-matrix-control/stories/index.story.tsx +3 -7
  246. package/src/alignment-matrix-control/test/index.tsx +117 -18
  247. package/src/alignment-matrix-control/utils.tsx +33 -9
  248. package/src/button/style.scss +1 -2
  249. package/src/circular-option-picker/circular-option-picker-option.tsx +24 -38
  250. package/src/circular-option-picker/circular-option-picker.tsx +11 -28
  251. package/src/circular-option-picker/types.ts +6 -5
  252. package/src/color-palette/index.tsx +6 -1
  253. package/src/color-picker/component.tsx +25 -3
  254. package/src/color-picker/picker.tsx +96 -2
  255. package/src/color-picker/styles.ts +0 -1
  256. package/src/color-picker/types.ts +3 -0
  257. package/src/composite/v2.ts +22 -0
  258. package/src/confirm-dialog/README.md +1 -1
  259. package/src/confirm-dialog/component.tsx +79 -13
  260. package/src/confirm-dialog/stories/{index.story.js → index.story.tsx} +26 -24
  261. package/src/confirm-dialog/test/{index.js → index.tsx} +3 -3
  262. package/src/confirm-dialog/types.ts +32 -12
  263. package/src/custom-gradient-picker/gradient-bar/control-points.tsx +32 -25
  264. package/src/font-size-picker/utils.ts +2 -1
  265. package/src/heading/stories/index.story.tsx +2 -4
  266. package/src/modal/index.tsx +58 -22
  267. package/src/modal/test/index.tsx +29 -0
  268. package/src/notice/style.scss +0 -1
  269. package/src/palette-edit/index.tsx +4 -0
  270. package/src/popover/index.tsx +99 -57
  271. package/src/popover/style.scss +9 -0
  272. package/src/private-apis.ts +15 -1
  273. package/src/progress-bar/styles.ts +19 -4
  274. package/src/sandbox/index.native.js +1 -1
  275. package/src/sandbox/index.tsx +3 -1
  276. package/src/tabs/README.md +242 -0
  277. package/src/tabs/context.ts +13 -0
  278. package/src/tabs/index.tsx +167 -0
  279. package/src/tabs/stories/index.story.tsx +352 -0
  280. package/src/tabs/styles.ts +103 -0
  281. package/src/tabs/tab.tsx +39 -0
  282. package/src/tabs/tablist.tsx +40 -0
  283. package/src/tabs/tabpanel.tsx +42 -0
  284. package/src/tabs/test/index.tsx +1124 -0
  285. package/src/tabs/types.ts +142 -0
  286. package/src/text/README.md +2 -2
  287. package/src/text/{component.js → component.tsx} +10 -6
  288. package/src/text/{hook.js → hook.ts} +12 -15
  289. package/src/text/stories/index.story.tsx +80 -0
  290. package/src/text/types.ts +1 -6
  291. package/src/text/{utils.js → utils.ts} +40 -14
  292. package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +8 -0
  293. package/src/toggle-group-control/toggle-group-control-option-base/component.tsx +1 -0
  294. package/src/toolbar/stories/index.story.tsx +15 -0
  295. package/src/toolbar/test/index.tsx +8 -0
  296. package/src/toolbar/toolbar/README.md +9 -0
  297. package/src/toolbar/toolbar/index.tsx +21 -12
  298. package/src/toolbar/toolbar/style.scss +9 -0
  299. package/src/toolbar/toolbar/types.ts +10 -0
  300. package/src/tools-panel/tools-panel/README.md +3 -0
  301. package/src/tools-panel/tools-panel-item/hook.ts +4 -6
  302. package/src/tools-panel/types.ts +2 -0
  303. package/src/unit-control/utils.ts +124 -0
  304. package/src/utils/unit-values.ts +1 -1
  305. package/tsconfig.tsbuildinfo +1 -1
  306. package/src/text/stories/index.story.js +0 -53
  307. /package/src/text/{index.js → index.ts} +0 -0
  308. /package/src/text/{styles.js → styles.ts} +0 -0
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tabs/test/index.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,134 @@
1
+ /// <reference types="react" />
2
+ /**
3
+ * External dependencies
4
+ */
5
+ import type * as Ariakit from '@ariakit/react';
6
+ /**
7
+ * Internal dependencies
8
+ */
9
+ import type { IconType } from '../icon';
10
+ export type TabsContextProps = {
11
+ /**
12
+ * The tabStore object returned by Ariakit's `useTabStore` hook.
13
+ */
14
+ store: Ariakit.TabStore;
15
+ /**
16
+ * The unique id string for this instance of the Tabs component.
17
+ */
18
+ instanceId: string;
19
+ } | undefined;
20
+ export type TabsProps = {
21
+ /**
22
+ * The children elements, which should be at least a
23
+ * `Tabs.Tablist` component and a series of `Tabs.TabPanel`
24
+ * components.
25
+ */
26
+ children: React.ReactNode;
27
+ /**
28
+ * When `true`, the tab will be selected when receiving focus (automatic tab
29
+ * activation). When `false`, the tab will be selected only when clicked
30
+ * (manual tab activation). See the official W3C docs for more info.
31
+ *
32
+ * @default true
33
+ *
34
+ * @see https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/
35
+ */
36
+ selectOnMove?: boolean;
37
+ /**
38
+ * The id of the tab to be selected upon mounting of component.
39
+ * If this prop is not set, the first tab will be selected by default.
40
+ * The id provided will be internally prefixed with the
41
+ * `TabsContextProps.instanceId`.
42
+ *
43
+ * Note: this prop will be overridden by the `selectedTabId` prop if it is
44
+ * provided. (Controlled Mode)
45
+ */
46
+ initialTabId?: string;
47
+ /**
48
+ * The function called when a tab has been selected.
49
+ * It is passed the id of the newly selected tab as an argument.
50
+ */
51
+ onSelect?: (selectedId: string | null | undefined) => void;
52
+ /**
53
+ * The orientation of the tablist.
54
+ *
55
+ * @default `horizontal`
56
+ */
57
+ orientation?: 'horizontal' | 'vertical';
58
+ /**
59
+ * The Id of the tab to display. This id is prepended with the `Tabs`
60
+ * instanceId internally.
61
+ *
62
+ * If left `undefined`, the component assumes it is being used in
63
+ * uncontrolled mode. Consequently, any value different than `undefined`
64
+ * will set the component in `controlled` mode.
65
+ * When in controlled mode, the `null` value will result in no tab being selected.
66
+ */
67
+ selectedTabId?: string | null;
68
+ };
69
+ export type TabListProps = {
70
+ /**
71
+ * The children elements, which should be a series of `Tabs.TabPanel` components.
72
+ */
73
+ children?: React.ReactNode;
74
+ /**
75
+ * The class name to apply to the tablist.
76
+ */
77
+ className?: string;
78
+ /**
79
+ * Custom CSS styles for the rendered tablist.
80
+ */
81
+ style?: React.CSSProperties;
82
+ };
83
+ export type TabProps = {
84
+ /**
85
+ * The id of the tab, which is prepended with the `Tabs` instanceId.
86
+ */
87
+ id: string;
88
+ /**
89
+ * Custom CSS styles for the tab.
90
+ */
91
+ style?: React.CSSProperties;
92
+ /**
93
+ * The children elements, generally the text to display on the tab.
94
+ */
95
+ children?: React.ReactNode;
96
+ /**
97
+ * The class name to apply to the tab button.
98
+ */
99
+ className?: string;
100
+ /**
101
+ * The icon used for the tab button.
102
+ */
103
+ icon?: IconType;
104
+ /**
105
+ * Determines if the tab button should be disabled.
106
+ *
107
+ * @default false
108
+ */
109
+ disabled?: boolean;
110
+ /**
111
+ * The type of component to render the tab button as. If this prop is not
112
+ * provided, the tab button will be rendered as a `button` element.
113
+ */
114
+ render?: React.ReactElement;
115
+ };
116
+ export type TabPanelProps = {
117
+ /**
118
+ * The children elements, generally the content to display on the tabpanel.
119
+ */
120
+ children?: React.ReactNode;
121
+ /**
122
+ * A unique identifier for the TabPanel, which is used to generate a unique `id` for the underlying element.
123
+ */
124
+ id: string;
125
+ /**
126
+ * The class name to apply to the tabpanel.
127
+ */
128
+ className?: string;
129
+ /**
130
+ * Custom CSS styles for the rendered `TabPanel` component.
131
+ */
132
+ style?: React.CSSProperties;
133
+ };
134
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tabs/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE/C;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,gBAAgB,GACzB;IACA;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;IACxB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CAClB,GACD,SAAS,CAAC;AAEb,MAAM,MAAM,SAAS,GAAG;IACvB;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,KAAM,IAAI,CAAC;IAE7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACtB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC"}
@@ -1,4 +1,5 @@
1
- export default ConnectedText;
1
+ /// <reference types="react" />
2
+ import type { Props } from './types';
2
3
  /**
3
4
  * `Text` is a core component that renders text in the library, using the
4
5
  * library's typography system.
@@ -15,5 +16,6 @@ export default ConnectedText;
15
16
  * }
16
17
  * ```
17
18
  */
18
- declare const ConnectedText: import("../context").WordPressComponent<"span", import("./types").Props & import("react").RefAttributes<any>, true>;
19
+ export declare const Text: import("../context").WordPressComponent<"span", Props & import("react").RefAttributes<any>, true>;
20
+ export default Text;
19
21
  //# sourceMappingURL=component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/text/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;GAeG;AACH,iJAAqD"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/text/component.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAerC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI,mGAA4C,CAAC;AAC9D,eAAe,IAAI,CAAC"}
@@ -1,14 +1,20 @@
1
+ /**
2
+ * Internal dependencies
3
+ */
4
+ import type { WordPressComponentProps } from '../context';
5
+ import type { Props } from './types';
6
+ import type React from 'react';
1
7
  /**
2
8
  * @param {import('../context').WordPressComponentProps<import('./types').Props, 'span'>} props
3
9
  */
4
- export default function useText(props: import('../context').WordPressComponentProps<import('./types').Props, 'span'>): {
5
- children: import("react").ReactNode;
10
+ export default function useText(props: WordPressComponentProps<Props, 'span'>): {
11
+ children: React.ReactNode;
6
12
  className: string;
7
13
  id?: string | undefined;
8
14
  prefix?: string | undefined;
9
15
  slot?: string | undefined;
10
- role?: import("react").AriaRole | undefined;
11
- style?: import("react").CSSProperties | undefined;
16
+ role?: React.AriaRole | undefined;
17
+ style?: React.CSSProperties | undefined;
12
18
  title?: string | undefined;
13
19
  color?: string | undefined;
14
20
  translate?: "yes" | "no" | undefined;
@@ -66,167 +72,167 @@ export default function useText(props: import('../context').WordPressComponentPr
66
72
  dangerouslySetInnerHTML?: {
67
73
  __html: string;
68
74
  } | undefined;
69
- onCopy?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
70
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
71
- onCut?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
72
- onCutCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
73
- onPaste?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
74
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
75
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
76
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
77
- onCompositionStart?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
78
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
79
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
80
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
81
- onFocus?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
82
- onFocusCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
83
- onBlur?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
84
- onBlurCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
85
- onChange?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
86
- onChangeCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
87
- onBeforeInput?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
88
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
89
- onInput?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
90
- onInputCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
91
- onReset?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
92
- onResetCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
93
- onSubmit?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
94
- onSubmitCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
95
- onInvalid?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
96
- onInvalidCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
97
- onLoad?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
98
- onLoadCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
99
- onError?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
100
- onErrorCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
101
- onKeyDown?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
102
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
103
- onKeyPress?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
104
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
105
- onKeyUp?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
106
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
107
- onAbort?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
108
- onAbortCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
109
- onCanPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
110
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
111
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
112
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
113
- onDurationChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
114
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
115
- onEmptied?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
116
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
117
- onEncrypted?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
118
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
119
- onEnded?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
120
- onEndedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
121
- onLoadedData?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
122
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
123
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
124
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
125
- onLoadStart?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
126
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
127
- onPause?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
128
- onPauseCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
129
- onPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
130
- onPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
131
- onPlaying?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
132
- onPlayingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
133
- onProgress?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
134
- onProgressCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
135
- onRateChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
136
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
137
- onSeeked?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
138
- onSeekedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
139
- onSeeking?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
140
- onSeekingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
141
- onStalled?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
142
- onStalledCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
143
- onSuspend?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
144
- onSuspendCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
145
- onTimeUpdate?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
146
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
147
- onVolumeChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
148
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
149
- onWaiting?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
150
- onWaitingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
151
- onAuxClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
152
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
153
- onClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
154
- onClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
155
- onContextMenu?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
156
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
157
- onDoubleClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
158
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
159
- onDrag?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
160
- onDragCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
161
- onDragEnd?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
162
- onDragEndCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
163
- onDragEnter?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
164
- onDragEnterCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
165
- onDragExit?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
166
- onDragExitCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
167
- onDragLeave?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
168
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
169
- onDragOver?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
170
- onDragOverCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
171
- onDragStart?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
172
- onDragStartCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
173
- onDrop?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
174
- onDropCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
175
- onMouseDown?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
176
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
177
- onMouseEnter?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
178
- onMouseLeave?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
179
- onMouseMove?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
180
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
181
- onMouseOut?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
182
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
183
- onMouseOver?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
184
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
185
- onMouseUp?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
186
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
187
- onSelect?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
188
- onSelectCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
189
- onTouchCancel?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
190
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
191
- onTouchEnd?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
192
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
193
- onTouchMove?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
194
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
195
- onTouchStart?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
196
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
197
- onPointerDown?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
198
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
199
- onPointerMove?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
200
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
201
- onPointerUp?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
202
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
203
- onPointerCancel?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
204
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
205
- onPointerEnter?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
206
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
207
- onPointerLeave?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
208
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
209
- onPointerOver?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
210
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
211
- onPointerOut?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
212
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
213
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
214
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
215
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
216
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
217
- onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
218
- onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
219
- onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
220
- onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
221
- onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
222
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
223
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
224
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
225
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
226
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
227
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
228
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
229
- key?: import("react").Key | null | undefined;
75
+ onCopy?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
76
+ onCopyCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
77
+ onCut?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
78
+ onCutCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
79
+ onPaste?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
80
+ onPasteCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
81
+ onCompositionEnd?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
82
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
83
+ onCompositionStart?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
84
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
85
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
86
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
87
+ onFocus?: React.FocusEventHandler<HTMLSpanElement> | undefined;
88
+ onFocusCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
89
+ onBlur?: React.FocusEventHandler<HTMLSpanElement> | undefined;
90
+ onBlurCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
91
+ onChange?: React.FormEventHandler<HTMLSpanElement> | undefined;
92
+ onChangeCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
93
+ onBeforeInput?: React.FormEventHandler<HTMLSpanElement> | undefined;
94
+ onBeforeInputCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
95
+ onInput?: React.FormEventHandler<HTMLSpanElement> | undefined;
96
+ onInputCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
97
+ onReset?: React.FormEventHandler<HTMLSpanElement> | undefined;
98
+ onResetCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
99
+ onSubmit?: React.FormEventHandler<HTMLSpanElement> | undefined;
100
+ onSubmitCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
101
+ onInvalid?: React.FormEventHandler<HTMLSpanElement> | undefined;
102
+ onInvalidCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
103
+ onLoad?: React.ReactEventHandler<HTMLSpanElement> | undefined;
104
+ onLoadCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
105
+ onError?: React.ReactEventHandler<HTMLSpanElement> | undefined;
106
+ onErrorCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
107
+ onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
108
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
109
+ onKeyPress?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
110
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
111
+ onKeyUp?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
112
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
113
+ onAbort?: React.ReactEventHandler<HTMLSpanElement> | undefined;
114
+ onAbortCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
115
+ onCanPlay?: React.ReactEventHandler<HTMLSpanElement> | undefined;
116
+ onCanPlayCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
117
+ onCanPlayThrough?: React.ReactEventHandler<HTMLSpanElement> | undefined;
118
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
119
+ onDurationChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
120
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
121
+ onEmptied?: React.ReactEventHandler<HTMLSpanElement> | undefined;
122
+ onEmptiedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
123
+ onEncrypted?: React.ReactEventHandler<HTMLSpanElement> | undefined;
124
+ onEncryptedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
125
+ onEnded?: React.ReactEventHandler<HTMLSpanElement> | undefined;
126
+ onEndedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
127
+ onLoadedData?: React.ReactEventHandler<HTMLSpanElement> | undefined;
128
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
129
+ onLoadedMetadata?: React.ReactEventHandler<HTMLSpanElement> | undefined;
130
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
131
+ onLoadStart?: React.ReactEventHandler<HTMLSpanElement> | undefined;
132
+ onLoadStartCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
133
+ onPause?: React.ReactEventHandler<HTMLSpanElement> | undefined;
134
+ onPauseCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
135
+ onPlay?: React.ReactEventHandler<HTMLSpanElement> | undefined;
136
+ onPlayCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
137
+ onPlaying?: React.ReactEventHandler<HTMLSpanElement> | undefined;
138
+ onPlayingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
139
+ onProgress?: React.ReactEventHandler<HTMLSpanElement> | undefined;
140
+ onProgressCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
141
+ onRateChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
142
+ onRateChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
143
+ onSeeked?: React.ReactEventHandler<HTMLSpanElement> | undefined;
144
+ onSeekedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
145
+ onSeeking?: React.ReactEventHandler<HTMLSpanElement> | undefined;
146
+ onSeekingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
147
+ onStalled?: React.ReactEventHandler<HTMLSpanElement> | undefined;
148
+ onStalledCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
149
+ onSuspend?: React.ReactEventHandler<HTMLSpanElement> | undefined;
150
+ onSuspendCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
151
+ onTimeUpdate?: React.ReactEventHandler<HTMLSpanElement> | undefined;
152
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
153
+ onVolumeChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
154
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
155
+ onWaiting?: React.ReactEventHandler<HTMLSpanElement> | undefined;
156
+ onWaitingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
157
+ onAuxClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
158
+ onAuxClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
159
+ onClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
160
+ onClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
161
+ onContextMenu?: React.MouseEventHandler<HTMLSpanElement> | undefined;
162
+ onContextMenuCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
163
+ onDoubleClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
164
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
165
+ onDrag?: React.DragEventHandler<HTMLSpanElement> | undefined;
166
+ onDragCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
167
+ onDragEnd?: React.DragEventHandler<HTMLSpanElement> | undefined;
168
+ onDragEndCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
169
+ onDragEnter?: React.DragEventHandler<HTMLSpanElement> | undefined;
170
+ onDragEnterCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
171
+ onDragExit?: React.DragEventHandler<HTMLSpanElement> | undefined;
172
+ onDragExitCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
173
+ onDragLeave?: React.DragEventHandler<HTMLSpanElement> | undefined;
174
+ onDragLeaveCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
175
+ onDragOver?: React.DragEventHandler<HTMLSpanElement> | undefined;
176
+ onDragOverCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
177
+ onDragStart?: React.DragEventHandler<HTMLSpanElement> | undefined;
178
+ onDragStartCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
179
+ onDrop?: React.DragEventHandler<HTMLSpanElement> | undefined;
180
+ onDropCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
181
+ onMouseDown?: React.MouseEventHandler<HTMLSpanElement> | undefined;
182
+ onMouseDownCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
183
+ onMouseEnter?: React.MouseEventHandler<HTMLSpanElement> | undefined;
184
+ onMouseLeave?: React.MouseEventHandler<HTMLSpanElement> | undefined;
185
+ onMouseMove?: React.MouseEventHandler<HTMLSpanElement> | undefined;
186
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
187
+ onMouseOut?: React.MouseEventHandler<HTMLSpanElement> | undefined;
188
+ onMouseOutCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
189
+ onMouseOver?: React.MouseEventHandler<HTMLSpanElement> | undefined;
190
+ onMouseOverCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
191
+ onMouseUp?: React.MouseEventHandler<HTMLSpanElement> | undefined;
192
+ onMouseUpCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
193
+ onSelect?: React.ReactEventHandler<HTMLSpanElement> | undefined;
194
+ onSelectCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
195
+ onTouchCancel?: React.TouchEventHandler<HTMLSpanElement> | undefined;
196
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
197
+ onTouchEnd?: React.TouchEventHandler<HTMLSpanElement> | undefined;
198
+ onTouchEndCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
199
+ onTouchMove?: React.TouchEventHandler<HTMLSpanElement> | undefined;
200
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
201
+ onTouchStart?: React.TouchEventHandler<HTMLSpanElement> | undefined;
202
+ onTouchStartCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
203
+ onPointerDown?: React.PointerEventHandler<HTMLSpanElement> | undefined;
204
+ onPointerDownCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
205
+ onPointerMove?: React.PointerEventHandler<HTMLSpanElement> | undefined;
206
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
207
+ onPointerUp?: React.PointerEventHandler<HTMLSpanElement> | undefined;
208
+ onPointerUpCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
209
+ onPointerCancel?: React.PointerEventHandler<HTMLSpanElement> | undefined;
210
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
211
+ onPointerEnter?: React.PointerEventHandler<HTMLSpanElement> | undefined;
212
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
213
+ onPointerLeave?: React.PointerEventHandler<HTMLSpanElement> | undefined;
214
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
215
+ onPointerOver?: React.PointerEventHandler<HTMLSpanElement> | undefined;
216
+ onPointerOverCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
217
+ onPointerOut?: React.PointerEventHandler<HTMLSpanElement> | undefined;
218
+ onPointerOutCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
219
+ onGotPointerCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
220
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
221
+ onLostPointerCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
222
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
223
+ onScroll?: React.UIEventHandler<HTMLSpanElement> | undefined;
224
+ onScrollCapture?: React.UIEventHandler<HTMLSpanElement> | undefined;
225
+ onWheel?: React.WheelEventHandler<HTMLSpanElement> | undefined;
226
+ onWheelCapture?: React.WheelEventHandler<HTMLSpanElement> | undefined;
227
+ onAnimationStart?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
228
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
229
+ onAnimationEnd?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
230
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
231
+ onAnimationIteration?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
232
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
233
+ onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
234
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
235
+ key?: React.Key | null | undefined;
230
236
  defaultChecked?: boolean | undefined;
231
237
  defaultValue?: string | number | readonly string[] | undefined;
232
238
  suppressContentEditableWarning?: boolean | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/text/hook.js"],"names":[],"mappings":"AAuBA;;GAEG;AACH,uCAFW,OAAO,YAAY,EAAE,uBAAuB,CAAC,OAAO,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuKvF"}
1
+ {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/text/hook.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAU1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAC9B,KAAK,EAAE,uBAAuB,CAAE,KAAK,EAAE,MAAM,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6J/C"}
@@ -1,3 +1,3 @@
1
- export { default as Text } from "./component";
2
- export { default as useText } from "./hook";
1
+ export { default as Text } from './component';
2
+ export { default as useText } from './hook';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text/index.js"],"names":[],"mappings":""}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,21 @@
1
+ /// <reference types="react" />
2
+ /**
3
+ * External dependencies
4
+ */
5
+ import type { Meta } from '@storybook/react';
6
+ /**
7
+ * Internal dependencies
8
+ */
9
+ import { Text } from '../component';
10
+ declare const meta: Meta<typeof Text>;
11
+ export default meta;
12
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").Props & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").Props> & {
13
+ as?: keyof JSX.IntrinsicElements | undefined;
14
+ }>;
15
+ export declare const Truncate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").Props & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").Props> & {
16
+ as?: keyof JSX.IntrinsicElements | undefined;
17
+ }>;
18
+ export declare const Highlight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").Props & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").Props> & {
19
+ as?: keyof JSX.IntrinsicElements | undefined;
20
+ }>;
21
+ //# sourceMappingURL=index.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/text/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAsB5B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO;;EAAsB,CAAC;AAK3C,eAAO,MAAM,QAAQ;;EAAsB,CAAC;AAmB5C,eAAO,MAAM,SAAS;;EAAsB,CAAC"}
@@ -1,8 +1,8 @@
1
- export const Text: import("@emotion/utils").SerializedStyles;
2
- export const block: import("@emotion/utils").SerializedStyles;
3
- export const positive: import("@emotion/utils").SerializedStyles;
4
- export const destructive: import("@emotion/utils").SerializedStyles;
5
- export const muted: import("@emotion/utils").SerializedStyles;
6
- export const highlighterText: import("@emotion/utils").SerializedStyles;
7
- export const upperCase: import("@emotion/utils").SerializedStyles;
1
+ export declare const Text: import("@emotion/utils").SerializedStyles;
2
+ export declare const block: import("@emotion/utils").SerializedStyles;
3
+ export declare const positive: import("@emotion/utils").SerializedStyles;
4
+ export declare const destructive: import("@emotion/utils").SerializedStyles;
5
+ export declare const muted: import("@emotion/utils").SerializedStyles;
6
+ export declare const highlighterText: import("@emotion/utils").SerializedStyles;
7
+ export declare const upperCase: import("@emotion/utils").SerializedStyles;
8
8
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/text/styles.js"],"names":[],"mappings":"AAUA,6DAIE;AAEF,8DAEE;AAEF,iEAEE;AAEF,oEAEE;AAEF,8DAEE;AAEF,wEAQE;AAEF,kEAEE"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/text/styles.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,IAAI,2CAIhB,CAAC;AAEF,eAAO,MAAM,KAAK,2CAEjB,CAAC;AAEF,eAAO,MAAM,QAAQ,2CAEpB,CAAC;AAEF,eAAO,MAAM,WAAW,2CAEvB,CAAC;AAEF,eAAO,MAAM,KAAK,2CAEjB,CAAC;AAEF,eAAO,MAAM,eAAe,2CAQ3B,CAAC;AAEF,eAAO,MAAM,SAAS,2CAErB,CAAC"}
@@ -18,7 +18,7 @@ export interface Props extends TruncateProps {
18
18
  /**
19
19
  * Automatically calculate the appropriate line-height value for contents that render text and Control elements (e.g. `TextInput`).
20
20
  */
21
- adjustLineHeightForInnerControls?: boolean | 'large' | 'medium' | 'small' | 'xSmall';
21
+ adjustLineHeightForInnerControls?: 'large' | 'medium' | 'small' | 'xSmall';
22
22
  /**
23
23
  * Adjusts the text color.
24
24
  */