@wordpress/ui 0.8.1-next.v.202602271551.0 → 0.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 (375) hide show
  1. package/CHANGELOG.md +32 -1
  2. package/README.md +106 -0
  3. package/build/badge/badge.cjs +3 -3
  4. package/build/badge/badge.cjs.map +2 -2
  5. package/build/button/button.cjs +7 -7
  6. package/build/button/button.cjs.map +2 -2
  7. package/build/card/content.cjs +54 -0
  8. package/build/card/content.cjs.map +7 -0
  9. package/build/card/full-bleed.cjs +57 -0
  10. package/build/card/full-bleed.cjs.map +7 -0
  11. package/build/card/header.cjs +54 -0
  12. package/build/card/header.cjs.map +7 -0
  13. package/build/card/index.cjs +43 -0
  14. package/build/card/index.cjs.map +7 -0
  15. package/build/card/root.cjs +73 -0
  16. package/build/card/root.cjs.map +7 -0
  17. package/build/card/title.cjs +55 -0
  18. package/build/card/title.cjs.map +7 -0
  19. package/build/card/types.cjs +19 -0
  20. package/build/card/types.cjs.map +7 -0
  21. package/build/collapsible/index.cjs +37 -0
  22. package/build/collapsible/index.cjs.map +7 -0
  23. package/build/{form/primitives/input-layout/context.cjs → collapsible/panel.cjs} +12 -23
  24. package/build/collapsible/panel.cjs.map +7 -0
  25. package/build/collapsible/root.cjs +38 -0
  26. package/build/collapsible/root.cjs.map +7 -0
  27. package/build/collapsible/trigger.cjs +38 -0
  28. package/build/collapsible/trigger.cjs.map +7 -0
  29. package/build/collapsible/types.cjs +19 -0
  30. package/build/collapsible/types.cjs.map +7 -0
  31. package/build/collapsible-card/content.cjs +77 -0
  32. package/build/collapsible-card/content.cjs.map +7 -0
  33. package/build/collapsible-card/header.cjs +102 -0
  34. package/build/collapsible-card/header.cjs.map +7 -0
  35. package/build/collapsible-card/index.cjs +37 -0
  36. package/build/collapsible-card/index.cjs.map +7 -0
  37. package/build/collapsible-card/root.cjs +56 -0
  38. package/build/collapsible-card/root.cjs.map +7 -0
  39. package/build/collapsible-card/types.cjs +19 -0
  40. package/build/collapsible-card/types.cjs.map +7 -0
  41. package/build/dialog/footer.cjs +3 -3
  42. package/build/dialog/footer.cjs.map +2 -2
  43. package/build/dialog/header.cjs +3 -3
  44. package/build/dialog/header.cjs.map +2 -2
  45. package/build/dialog/popup.cjs +3 -3
  46. package/build/dialog/popup.cjs.map +2 -2
  47. package/build/dialog/title.cjs +3 -3
  48. package/build/dialog/title.cjs.map +2 -2
  49. package/build/dialog/types.cjs.map +1 -1
  50. package/build/form/primitives/field/label.cjs +6 -1
  51. package/build/form/primitives/field/label.cjs.map +2 -2
  52. package/build/form/primitives/field/types.cjs.map +1 -1
  53. package/build/form/primitives/fieldset/legend.cjs +5 -1
  54. package/build/form/primitives/fieldset/legend.cjs.map +2 -2
  55. package/build/form/primitives/fieldset/types.cjs.map +1 -1
  56. package/build/form/primitives/input/input.cjs +4 -4
  57. package/build/form/primitives/input/input.cjs.map +2 -2
  58. package/build/form/primitives/input-layout/input-layout.cjs +20 -7
  59. package/build/form/primitives/input-layout/input-layout.cjs.map +2 -2
  60. package/build/form/primitives/input-layout/slot.cjs +7 -15
  61. package/build/form/primitives/input-layout/slot.cjs.map +2 -2
  62. package/build/form/primitives/input-layout/types.cjs.map +1 -1
  63. package/build/form/primitives/select/item.cjs +3 -3
  64. package/build/form/primitives/select/item.cjs.map +2 -2
  65. package/build/form/primitives/select/popup.cjs +3 -3
  66. package/build/form/primitives/select/popup.cjs.map +2 -2
  67. package/build/form/primitives/select/trigger.cjs +7 -7
  68. package/build/form/primitives/select/trigger.cjs.map +2 -2
  69. package/build/index.cjs +13 -0
  70. package/build/index.cjs.map +2 -2
  71. package/build/link/index.cjs +31 -0
  72. package/build/link/index.cjs.map +7 -0
  73. package/build/link/link.cjs +125 -0
  74. package/build/link/link.cjs.map +7 -0
  75. package/build/link/types.cjs +19 -0
  76. package/build/link/types.cjs.map +7 -0
  77. package/build/notice/action-button.cjs +3 -3
  78. package/build/notice/action-button.cjs.map +2 -2
  79. package/build/notice/action-link.cjs +17 -18
  80. package/build/notice/action-link.cjs.map +2 -2
  81. package/build/notice/actions.cjs +3 -3
  82. package/build/notice/actions.cjs.map +2 -2
  83. package/build/notice/close-icon.cjs +3 -3
  84. package/build/notice/close-icon.cjs.map +2 -2
  85. package/build/notice/description.cjs +26 -15
  86. package/build/notice/description.cjs.map +3 -3
  87. package/build/notice/root.cjs +3 -3
  88. package/build/notice/root.cjs.map +2 -2
  89. package/build/notice/title.cjs +26 -12
  90. package/build/notice/title.cjs.map +3 -3
  91. package/build/notice/types.cjs.map +1 -1
  92. package/build/tabs/list.cjs +3 -3
  93. package/build/tabs/list.cjs.map +2 -2
  94. package/build/tabs/panel.cjs +3 -3
  95. package/build/tabs/panel.cjs.map +2 -2
  96. package/build/tabs/tab.cjs +3 -3
  97. package/build/tabs/tab.cjs.map +2 -2
  98. package/build/text/index.cjs +31 -0
  99. package/build/text/index.cjs.map +7 -0
  100. package/build/text/text.cjs +65 -0
  101. package/build/text/text.cjs.map +7 -0
  102. package/build/text/types.cjs +19 -0
  103. package/build/text/types.cjs.map +7 -0
  104. package/build/tooltip/popup.cjs +1 -1
  105. package/build/tooltip/popup.cjs.map +1 -1
  106. package/build/visually-hidden/visually-hidden.cjs +3 -3
  107. package/build/visually-hidden/visually-hidden.cjs.map +2 -2
  108. package/build-module/badge/badge.mjs +3 -3
  109. package/build-module/badge/badge.mjs.map +2 -2
  110. package/build-module/button/button.mjs +7 -7
  111. package/build-module/button/button.mjs.map +2 -2
  112. package/build-module/card/content.mjs +29 -0
  113. package/build-module/card/content.mjs.map +7 -0
  114. package/build-module/card/full-bleed.mjs +32 -0
  115. package/build-module/card/full-bleed.mjs.map +7 -0
  116. package/build-module/card/header.mjs +29 -0
  117. package/build-module/card/header.mjs.map +7 -0
  118. package/build-module/card/index.mjs +14 -0
  119. package/build-module/card/index.mjs.map +7 -0
  120. package/build-module/card/root.mjs +38 -0
  121. package/build-module/card/root.mjs.map +7 -0
  122. package/build-module/card/title.mjs +30 -0
  123. package/build-module/card/title.mjs.map +7 -0
  124. package/build-module/card/types.mjs +1 -0
  125. package/build-module/card/types.mjs.map +7 -0
  126. package/build-module/collapsible/index.mjs +10 -0
  127. package/build-module/collapsible/index.mjs.map +7 -0
  128. package/build-module/collapsible/panel.mjs +13 -0
  129. package/build-module/collapsible/panel.mjs.map +7 -0
  130. package/build-module/collapsible/root.mjs +13 -0
  131. package/build-module/collapsible/root.mjs.map +7 -0
  132. package/build-module/collapsible/trigger.mjs +13 -0
  133. package/build-module/collapsible/trigger.mjs.map +7 -0
  134. package/build-module/collapsible/types.mjs +1 -0
  135. package/build-module/collapsible/types.mjs.map +7 -0
  136. package/build-module/collapsible-card/content.mjs +42 -0
  137. package/build-module/collapsible-card/content.mjs.map +7 -0
  138. package/build-module/collapsible-card/header.mjs +67 -0
  139. package/build-module/collapsible-card/header.mjs.map +7 -0
  140. package/build-module/collapsible-card/index.mjs +10 -0
  141. package/build-module/collapsible-card/index.mjs.map +7 -0
  142. package/build-module/collapsible-card/root.mjs +21 -0
  143. package/build-module/collapsible-card/root.mjs.map +7 -0
  144. package/build-module/collapsible-card/types.mjs +1 -0
  145. package/build-module/collapsible-card/types.mjs.map +7 -0
  146. package/build-module/dialog/footer.mjs +3 -3
  147. package/build-module/dialog/footer.mjs.map +2 -2
  148. package/build-module/dialog/header.mjs +3 -3
  149. package/build-module/dialog/header.mjs.map +2 -2
  150. package/build-module/dialog/popup.mjs +3 -3
  151. package/build-module/dialog/popup.mjs.map +2 -2
  152. package/build-module/dialog/title.mjs +3 -3
  153. package/build-module/dialog/title.mjs.map +2 -2
  154. package/build-module/form/primitives/field/label.mjs +6 -1
  155. package/build-module/form/primitives/field/label.mjs.map +2 -2
  156. package/build-module/form/primitives/fieldset/legend.mjs +5 -1
  157. package/build-module/form/primitives/fieldset/legend.mjs.map +2 -2
  158. package/build-module/form/primitives/input/input.mjs +4 -4
  159. package/build-module/form/primitives/input/input.mjs.map +2 -2
  160. package/build-module/form/primitives/input-layout/input-layout.mjs +21 -8
  161. package/build-module/form/primitives/input-layout/input-layout.mjs.map +2 -2
  162. package/build-module/form/primitives/input-layout/slot.mjs +7 -15
  163. package/build-module/form/primitives/input-layout/slot.mjs.map +2 -2
  164. package/build-module/form/primitives/select/item.mjs +3 -3
  165. package/build-module/form/primitives/select/item.mjs.map +2 -2
  166. package/build-module/form/primitives/select/popup.mjs +3 -3
  167. package/build-module/form/primitives/select/popup.mjs.map +2 -2
  168. package/build-module/form/primitives/select/trigger.mjs +7 -7
  169. package/build-module/form/primitives/select/trigger.mjs.map +2 -2
  170. package/build-module/index.mjs +8 -0
  171. package/build-module/index.mjs.map +2 -2
  172. package/build-module/link/index.mjs +6 -0
  173. package/build-module/link/index.mjs.map +7 -0
  174. package/build-module/link/link.mjs +90 -0
  175. package/build-module/link/link.mjs.map +7 -0
  176. package/build-module/link/types.mjs +1 -0
  177. package/build-module/link/types.mjs.map +7 -0
  178. package/build-module/notice/action-button.mjs +3 -3
  179. package/build-module/notice/action-button.mjs.map +2 -2
  180. package/build-module/notice/action-link.mjs +17 -18
  181. package/build-module/notice/action-link.mjs.map +2 -2
  182. package/build-module/notice/actions.mjs +3 -3
  183. package/build-module/notice/actions.mjs.map +2 -2
  184. package/build-module/notice/close-icon.mjs +3 -3
  185. package/build-module/notice/close-icon.mjs.map +2 -2
  186. package/build-module/notice/description.mjs +16 -15
  187. package/build-module/notice/description.mjs.map +2 -2
  188. package/build-module/notice/root.mjs +3 -3
  189. package/build-module/notice/root.mjs.map +2 -2
  190. package/build-module/notice/title.mjs +16 -12
  191. package/build-module/notice/title.mjs.map +2 -2
  192. package/build-module/tabs/list.mjs +3 -3
  193. package/build-module/tabs/list.mjs.map +2 -2
  194. package/build-module/tabs/panel.mjs +3 -3
  195. package/build-module/tabs/panel.mjs.map +2 -2
  196. package/build-module/tabs/tab.mjs +3 -3
  197. package/build-module/tabs/tab.mjs.map +2 -2
  198. package/build-module/text/index.mjs +6 -0
  199. package/build-module/text/index.mjs.map +7 -0
  200. package/build-module/text/text.mjs +30 -0
  201. package/build-module/text/text.mjs.map +7 -0
  202. package/build-module/text/types.mjs +1 -0
  203. package/build-module/text/types.mjs.map +7 -0
  204. package/build-module/tooltip/popup.mjs +1 -1
  205. package/build-module/tooltip/popup.mjs.map +1 -1
  206. package/build-module/visually-hidden/visually-hidden.mjs +3 -3
  207. package/build-module/visually-hidden/visually-hidden.mjs.map +2 -2
  208. package/build-types/card/content.d.ts +6 -0
  209. package/build-types/card/content.d.ts.map +1 -0
  210. package/build-types/card/full-bleed.d.ts +9 -0
  211. package/build-types/card/full-bleed.d.ts.map +1 -0
  212. package/build-types/card/header.d.ts +7 -0
  213. package/build-types/card/header.d.ts.map +1 -0
  214. package/build-types/card/index.d.ts +7 -0
  215. package/build-types/card/index.d.ts.map +1 -0
  216. package/build-types/card/root.d.ts +23 -0
  217. package/build-types/card/root.d.ts.map +1 -0
  218. package/build-types/card/stories/index.story.d.ts +22 -0
  219. package/build-types/card/stories/index.story.d.ts.map +1 -0
  220. package/build-types/card/test/index.test.d.ts +2 -0
  221. package/build-types/card/test/index.test.d.ts.map +1 -0
  222. package/build-types/card/title.d.ts +7 -0
  223. package/build-types/card/title.d.ts.map +1 -0
  224. package/build-types/card/types.d.ts +34 -0
  225. package/build-types/card/types.d.ts.map +1 -0
  226. package/build-types/collapsible/index.d.ts +5 -0
  227. package/build-types/collapsible/index.d.ts.map +1 -0
  228. package/build-types/collapsible/panel.d.ts +16 -0
  229. package/build-types/collapsible/panel.d.ts.map +1 -0
  230. package/build-types/collapsible/root.d.ts +15 -0
  231. package/build-types/collapsible/root.d.ts.map +1 -0
  232. package/build-types/collapsible/stories/index.story.d.ts +18 -0
  233. package/build-types/collapsible/stories/index.story.d.ts.map +1 -0
  234. package/build-types/collapsible/test/index.test.d.ts +2 -0
  235. package/build-types/collapsible/test/index.test.d.ts.map +1 -0
  236. package/build-types/collapsible/trigger.d.ts +15 -0
  237. package/build-types/collapsible/trigger.d.ts.map +1 -0
  238. package/build-types/collapsible/types.d.ts +22 -0
  239. package/build-types/collapsible/types.d.ts.map +1 -0
  240. package/build-types/collapsible-card/content.d.ts +7 -0
  241. package/build-types/collapsible-card/content.d.ts.map +1 -0
  242. package/build-types/collapsible-card/header.d.ts +12 -0
  243. package/build-types/collapsible-card/header.d.ts.map +1 -0
  244. package/build-types/collapsible-card/index.d.ts +5 -0
  245. package/build-types/collapsible-card/index.d.ts.map +1 -0
  246. package/build-types/collapsible-card/root.d.ts +24 -0
  247. package/build-types/collapsible-card/root.d.ts.map +1 -0
  248. package/build-types/collapsible-card/stories/index.story.d.ts +28 -0
  249. package/build-types/collapsible-card/stories/index.story.d.ts.map +1 -0
  250. package/build-types/collapsible-card/test/index.test.d.ts +2 -0
  251. package/build-types/collapsible-card/test/index.test.d.ts.map +1 -0
  252. package/build-types/collapsible-card/types.d.ts +52 -0
  253. package/build-types/collapsible-card/types.d.ts.map +1 -0
  254. package/build-types/dialog/types.d.ts +3 -3
  255. package/build-types/form/primitives/field/label.d.ts +1 -0
  256. package/build-types/form/primitives/field/label.d.ts.map +1 -1
  257. package/build-types/form/primitives/field/stories/index.story.d.ts +5 -0
  258. package/build-types/form/primitives/field/stories/index.story.d.ts.map +1 -1
  259. package/build-types/form/primitives/field/types.d.ts +7 -0
  260. package/build-types/form/primitives/field/types.d.ts.map +1 -1
  261. package/build-types/form/primitives/fieldset/legend.d.ts +1 -0
  262. package/build-types/form/primitives/fieldset/legend.d.ts.map +1 -1
  263. package/build-types/form/primitives/fieldset/stories/index.story.d.ts +5 -0
  264. package/build-types/form/primitives/fieldset/stories/index.story.d.ts.map +1 -1
  265. package/build-types/form/primitives/fieldset/types.d.ts +7 -0
  266. package/build-types/form/primitives/fieldset/types.d.ts.map +1 -1
  267. package/build-types/form/primitives/input-layout/input-layout.d.ts.map +1 -1
  268. package/build-types/form/primitives/input-layout/slot.d.ts.map +1 -1
  269. package/build-types/form/primitives/input-layout/types.d.ts +1 -9
  270. package/build-types/form/primitives/input-layout/types.d.ts.map +1 -1
  271. package/build-types/index.d.ts +5 -0
  272. package/build-types/index.d.ts.map +1 -1
  273. package/build-types/link/index.d.ts +2 -0
  274. package/build-types/link/index.d.ts.map +1 -0
  275. package/build-types/link/link.d.ts +7 -0
  276. package/build-types/link/link.d.ts.map +1 -0
  277. package/build-types/link/stories/index.story.d.ts +18 -0
  278. package/build-types/link/stories/index.story.d.ts.map +1 -0
  279. package/build-types/link/test/index.test.d.ts +2 -0
  280. package/build-types/link/test/index.test.d.ts.map +1 -0
  281. package/build-types/link/types.d.ts +33 -0
  282. package/build-types/link/types.d.ts.map +1 -0
  283. package/build-types/notice/action-link.d.ts +0 -2
  284. package/build-types/notice/action-link.d.ts.map +1 -1
  285. package/build-types/notice/description.d.ts +1 -1
  286. package/build-types/notice/description.d.ts.map +1 -1
  287. package/build-types/notice/title.d.ts.map +1 -1
  288. package/build-types/notice/types.d.ts +3 -2
  289. package/build-types/notice/types.d.ts.map +1 -1
  290. package/build-types/text/index.d.ts +2 -0
  291. package/build-types/text/index.d.ts.map +1 -0
  292. package/build-types/text/stories/index.story.d.ts +9 -0
  293. package/build-types/text/stories/index.story.d.ts.map +1 -0
  294. package/build-types/text/test/index.test.d.ts +2 -0
  295. package/build-types/text/test/index.test.d.ts.map +1 -0
  296. package/build-types/text/text.d.ts +7 -0
  297. package/build-types/text/text.d.ts.map +1 -0
  298. package/build-types/text/types.d.ts +15 -0
  299. package/build-types/text/types.d.ts.map +1 -0
  300. package/package.json +14 -14
  301. package/src/badge/style.module.css +5 -2
  302. package/src/button/style.module.css +2 -0
  303. package/src/card/content.tsx +20 -0
  304. package/src/card/full-bleed.tsx +26 -0
  305. package/src/card/header.tsx +21 -0
  306. package/src/card/index.ts +7 -0
  307. package/src/card/root.tsx +42 -0
  308. package/src/card/stories/index.story.tsx +128 -0
  309. package/src/card/style.module.css +48 -0
  310. package/src/card/test/index.test.tsx +96 -0
  311. package/src/card/title.tsx +22 -0
  312. package/src/card/types.ts +38 -0
  313. package/src/collapsible/index.ts +5 -0
  314. package/src/collapsible/panel.tsx +16 -0
  315. package/src/collapsible/root.tsx +15 -0
  316. package/src/collapsible/stories/index.story.tsx +108 -0
  317. package/src/collapsible/test/index.test.tsx +228 -0
  318. package/src/collapsible/trigger.tsx +15 -0
  319. package/src/collapsible/types.ts +24 -0
  320. package/src/collapsible-card/content.tsx +33 -0
  321. package/src/collapsible-card/header.tsx +53 -0
  322. package/src/collapsible-card/index.ts +5 -0
  323. package/src/collapsible-card/root.tsx +37 -0
  324. package/src/collapsible-card/stories/index.story.tsx +207 -0
  325. package/src/collapsible-card/style.module.css +78 -0
  326. package/src/collapsible-card/test/index.test.tsx +181 -0
  327. package/src/collapsible-card/types.ts +54 -0
  328. package/src/dialog/style.module.css +5 -5
  329. package/src/dialog/types.ts +3 -3
  330. package/src/form/primitives/field/label.tsx +9 -1
  331. package/src/form/primitives/field/stories/index.story.tsx +17 -0
  332. package/src/form/primitives/field/test/index.test.tsx +13 -0
  333. package/src/form/primitives/field/types.ts +7 -0
  334. package/src/form/primitives/fieldset/legend.tsx +8 -1
  335. package/src/form/primitives/fieldset/stories/index.story.tsx +20 -0
  336. package/src/form/primitives/fieldset/test/index.test.tsx +14 -0
  337. package/src/form/primitives/fieldset/types.ts +7 -0
  338. package/src/form/primitives/input-layout/input-layout.tsx +17 -8
  339. package/src/form/primitives/input-layout/slot.tsx +3 -13
  340. package/src/form/primitives/input-layout/style.module.css +6 -2
  341. package/src/form/primitives/input-layout/test/index.test.tsx +34 -1
  342. package/src/form/primitives/input-layout/types.ts +1 -10
  343. package/src/index.ts +5 -0
  344. package/src/link/index.ts +1 -0
  345. package/src/link/link.tsx +73 -0
  346. package/src/link/stories/index.story.tsx +92 -0
  347. package/src/link/style.module.css +68 -0
  348. package/src/link/test/index.test.tsx +93 -0
  349. package/src/link/types.ts +36 -0
  350. package/src/notice/action-link.tsx +12 -18
  351. package/src/notice/description.tsx +12 -14
  352. package/src/notice/style.module.css +9 -22
  353. package/src/notice/test/index.test.tsx +2 -2
  354. package/src/notice/title.tsx +11 -10
  355. package/src/notice/types.ts +3 -2
  356. package/src/tabs/style.module.css +1 -1
  357. package/src/text/index.ts +1 -0
  358. package/src/text/stories/index.story.tsx +68 -0
  359. package/src/text/style.module.css +67 -0
  360. package/src/text/test/index.test.tsx +46 -0
  361. package/src/text/text.tsx +25 -0
  362. package/src/text/types.ts +25 -0
  363. package/src/tooltip/popup.tsx +1 -1
  364. package/src/utils/css/focus.module.css +4 -2
  365. package/src/utils/css/item-popup.module.css +1 -0
  366. package/src/utils/css/select-trigger.module.css +1 -0
  367. package/src/visually-hidden/style.module.css +1 -0
  368. package/AGENTS.md +0 -9
  369. package/CLAUDE.md +0 -1
  370. package/build/form/primitives/input-layout/context.cjs.map +0 -7
  371. package/build-module/form/primitives/input-layout/context.mjs +0 -22
  372. package/build-module/form/primitives/input-layout/context.mjs.map +0 -7
  373. package/build-types/form/primitives/input-layout/context.d.ts +0 -17
  374. package/build-types/form/primitives/input-layout/context.d.ts.map +0 -1
  375. package/src/form/primitives/input-layout/context.tsx +0 -36
@@ -24,9 +24,9 @@ export interface PopupProps extends ComponentProps<'div'> {
24
24
  * Renders the dialog at a preset width (excluding additional padding from
25
25
  * the viewport edges).
26
26
  *
27
- * - `'small'` — max-width of 384px.
28
- * - `'medium'` — max-width of 512px.
29
- * - `'large'` — max-width of 840px.
27
+ * - `'small'` — narrow max-width.
28
+ * - `'medium'` — moderate max-width.
29
+ * - `'large'` — wide max-width.
30
30
  * - `'stretch'` — no max-width, stretches to fill available space.
31
31
  * - `'full'` — stretches to fill available width and height.
32
32
  *
@@ -6,6 +6,7 @@ export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<
6
6
  }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
7
7
  } & {
8
8
  children?: _Field.Label.Props["children"];
9
+ hideFromVision?: boolean;
9
10
  variant?: "default" | "plain";
10
11
  } & import("react").RefAttributes<HTMLLabelElement>>;
11
12
  //# sourceMappingURL=label.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAKvD,eAAO,MAAM,KAAK;;;;;;;;oDAcjB,CAAC"}
1
+ {"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAMvD,eAAO,MAAM,KAAK;;;;;;;;;oDAqBjB,CAAC"}
@@ -24,6 +24,11 @@ export declare const UsingHtmlFor: StoryObj<typeof Field.Root>;
24
24
  * label with the control.
25
25
  */
26
26
  export declare const UsingAriaLabelledby: StoryObj<typeof Field.Root>;
27
+ /**
28
+ * When `hideFromVision` is set on `Field.Label`, the label is visually
29
+ * hidden but remains accessible to screen readers.
30
+ */
31
+ export declare const HiddenLabel: StoryObj<typeof Field.Root>;
27
32
  /**
28
33
  * To add rich content (such as links) to the description, use `Field.Details`.
29
34
  *
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/field/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAAC,IAAI,CAUlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAchD,CAAC;AAQF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoBrD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoB5D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAkBpD,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/field/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAAC,IAAI,CAUlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAchD,CAAC;AAQF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoBrD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoB5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAWpD,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAkBpD,CAAC"}
@@ -20,6 +20,13 @@ export type FieldLabelProps = ComponentProps<typeof Field.Label> & {
20
20
  * elements such as links or buttons.
21
21
  */
22
22
  children?: Field.Label.Props['children'];
23
+ /**
24
+ * Whether to visually hide the label while keeping it accessible
25
+ * to screen readers.
26
+ *
27
+ * @default false
28
+ */
29
+ hideFromVision?: boolean;
23
30
  /**
24
31
  * The visual variant of the label.
25
32
  *
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,EACjC,UAAU,GAEV,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,wBAAwB,GACxB,gBAAgB,CAClB,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,GAAG;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,KAAK,CAAE,GAAG;IACpE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC3C;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACnC,cAAc,CAAE,OAAO,KAAK,CAAC,OAAO,CAAE,EACtC,cAAc,CACd,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,cAAc,CAAE,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CACjD,OAAO,KAAK,CAAC,WAAW,CACxB,GAAG;IACH;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IACzD;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,EACjC,UAAU,GAEV,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,wBAAwB,GACxB,gBAAgB,CAClB,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,GAAG;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,KAAK,CAAE,GAAG;IACpE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC3C;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACnC,cAAc,CAAE,OAAO,KAAK,CAAC,OAAO,CAAE,EACtC,cAAc,CACd,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,cAAc,CAAE,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CACjD,OAAO,KAAK,CAAC,WAAW,CACxB,GAAG;IACH;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IACzD;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
@@ -5,5 +5,6 @@ export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<O
5
5
  }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
6
6
  } & {
7
7
  children?: React.ReactNode;
8
+ hideFromVision?: boolean;
8
9
  } & import("react").RefAttributes<HTMLDivElement>>;
9
10
  //# sourceMappingURL=legend.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/legend.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc;;;;;;;kDAU1B,CAAC"}
1
+ {"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/legend.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc;;;;;;;;kDAgB1B,CAAC"}
@@ -4,6 +4,11 @@ declare const meta: Meta<typeof Fieldset.Root>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof Fieldset.Root>;
6
6
  export declare const Default: Story;
7
+ /**
8
+ * When `hideFromVision` is set on `Fieldset.Legend`, the legend is visually
9
+ * hidden but remains accessible to screen readers.
10
+ */
11
+ export declare const HiddenLegend: Story;
7
12
  /**
8
13
  * To add rich content (such as links) to the description, use `Fieldset.Details`.
9
14
  *
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/fieldset/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAAC,IAAI,CAQrC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,QAAQ,CAAC,IAAI,CAAE,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/fieldset/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAAC,IAAI,CAQrC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,QAAQ,CAAC,IAAI,CAAE,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC"}
@@ -5,6 +5,13 @@ export type FieldsetRootProps = ComponentProps<typeof _Fieldset.Root> & {
5
5
  };
6
6
  export type FieldsetLegendProps = ComponentProps<typeof _Fieldset.Legend> & {
7
7
  children?: React.ReactNode;
8
+ /**
9
+ * Whether to visually hide the legend while keeping it accessible
10
+ * to screen readers.
11
+ *
12
+ * @default false
13
+ */
14
+ hideFromVision?: boolean;
8
15
  };
9
16
  export type FieldsetDescriptionProps = ComponentProps<'p'> & {
10
17
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAE,OAAO,SAAS,CAAC,IAAI,CAAE,GAAG;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAE,OAAO,SAAS,CAAC,MAAM,CAAE,GAAG;IAC7E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAE,GAAG,CAAE,GAAG;IAC9D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IAC5D;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAE,OAAO,SAAS,CAAC,IAAI,CAAE,GAAG;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAE,OAAO,SAAS,CAAC,MAAM,CAAE,GAAG;IAC7E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAE,GAAG,CAAE,GAAG;IAC9D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IAC5D;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"input-layout.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/input-layout/input-layout.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD;;;GAGG;AACH,eAAO,MAAM,WAAW,6GAqCvB,CAAC"}
1
+ {"version":3,"file":"input-layout.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/input-layout/input-layout.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,WAAW,6GA+CvB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/input-layout/slot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD;;GAEG;AACH,eAAO,MAAM,eAAe,iHA2BzB,CAAC"}
1
+ {"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/input-layout/slot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,eAAe,iHAkBzB,CAAC"}
@@ -22,15 +22,7 @@ export interface InputLayoutProps extends Omit<React.HTMLAttributes<HTMLDivEleme
22
22
  */
23
23
  suffix?: React.ReactNode;
24
24
  }
25
- export type InputLayoutSlotType = 'prefix' | 'suffix';
26
- export interface InputLayoutSlotProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'type'> {
27
- /**
28
- * The type of the slot.
29
- *
30
- * When not provided, the type will be automatically inferred from the
31
- * `InputLayout` context if the slot is used within a `prefix` or `suffix`.
32
- */
33
- type?: InputLayoutSlotType;
25
+ export interface InputLayoutSlotProps extends React.HTMLAttributes<HTMLDivElement> {
34
26
  /**
35
27
  * The padding of the slot.
36
28
  *
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/input-layout/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAChB,SAAQ,IAAI,CAAE,KAAK,CAAC,cAAc,CAAE,cAAc,CAAE,EAAE,QAAQ,CAAE;IAChE;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtD,MAAM,WAAW,oBAChB,SAAQ,IAAI,CAAE,KAAK,CAAC,cAAc,CAAE,cAAc,CAAE,EAAE,MAAM,CAAE;IAC9D;;;;;OAKG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAChC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/input-layout/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAChB,SAAQ,IAAI,CAAE,KAAK,CAAC,cAAc,CAAE,cAAc,CAAE,EAAE,QAAQ,CAAE;IAChE;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,oBAChB,SAAQ,KAAK,CAAC,cAAc,CAAE,cAAc,CAAE;IAC9C;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAChC"}
@@ -1,12 +1,17 @@
1
1
  export * from './badge';
2
2
  export * from './button';
3
+ export * as Card from './card';
4
+ export * as Collapsible from './collapsible';
5
+ export * as CollapsibleCard from './collapsible-card';
3
6
  export * as Dialog from './dialog';
4
7
  export * from './form/primitives';
5
8
  export * from './icon';
6
9
  export * from './icon-button';
10
+ export * from './link';
7
11
  export * as Notice from './notice';
8
12
  export * from './stack';
9
13
  export * as Tabs from './tabs';
14
+ export * from './text';
10
15
  export * as Tooltip from './tooltip';
11
16
  export * from './visually-hidden';
12
17
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Link } from './link';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { type LinkProps } from './types';
2
+ /**
3
+ * A styled anchor element with support for semantic color tones and an
4
+ * unstyled escape hatch.
5
+ */
6
+ export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
7
+ //# sourceMappingURL=link.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/link/link.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAKzC;;;GAGG;AACH,eAAO,MAAM,IAAI,yGA2Dd,CAAC"}
@@ -0,0 +1,18 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Link } from '../index';
3
+ declare const meta: Meta<typeof Link>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Link>;
6
+ export declare const Default: Story;
7
+ /**
8
+ * Note: `tone` has no effect on `unstyled` variant
9
+ */
10
+ export declare const AllTonesAndVariants: Story;
11
+ export declare const Inline: Story;
12
+ /**
13
+ * When composing `Text` and `Link` via the `render` prop, the order matters:
14
+ * - `<Text render={ <Link /> } />` renders an `<a>` element (Link's default tag wins).
15
+ * - `<Link render={ <Text /> } />` renders a `<span>` element (Text's default tag wins).
16
+ */
17
+ export declare const Standalone: Story;
18
+ //# sourceMappingURL=index.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/link/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAG5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA4BjC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAYpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/link/test/index.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,33 @@
1
+ import { type ReactNode } from 'react';
2
+ import { type ComponentProps } from '../utils/types';
3
+ export interface LinkProps extends Omit<ComponentProps<'a'>, 'target'> {
4
+ /**
5
+ * The visual treatment of the link.
6
+ *
7
+ * - `default`: Applies tone-based color and underline styles.
8
+ * - `unstyled`: Strips all visual styles so consumers can bring their own.
9
+ *
10
+ * @default "default"
11
+ */
12
+ variant?: 'default' | 'unstyled';
13
+ /**
14
+ * The tone of the link. Tone describes a semantic color intent.
15
+ * Only applies when `variant` is `default`.
16
+ *
17
+ * @default "brand"
18
+ */
19
+ tone?: 'brand' | 'neutral';
20
+ /**
21
+ * Whether to open the link in a new browser tab.
22
+ * When true, sets `target="_blank"`, appends a visual arrow indicator,
23
+ * and prevents navigation for internal anchors (`#`-prefixed hrefs).
24
+ *
25
+ * @default false
26
+ */
27
+ openInNewTab?: boolean;
28
+ /**
29
+ * The content to be rendered inside the component.
30
+ */
31
+ children?: ReactNode;
32
+ }
33
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/link/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAE,cAAc,CAAE,GAAG,CAAE,EAAE,QAAQ,CAAE;IACzE;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAEjC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE3B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
@@ -1,8 +1,6 @@
1
1
  import type { ActionLinkProps } from './types';
2
2
  /**
3
3
  * An action link for use within Notice.Actions.
4
- *
5
- * TODO: This should use a shared Link component.
6
4
  */
7
5
  export declare const ActionLink: import("react").ForwardRefExoticComponent<ActionLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
8
6
  //# sourceMappingURL=action-link.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"action-link.d.ts","sourceRoot":"","sources":["../../src/notice/action-link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C;;;;GAIG;AACH,eAAO,MAAM,UAAU,+GAgBtB,CAAC"}
1
+ {"version":3,"file":"action-link.d.ts","sourceRoot":"","sources":["../../src/notice/action-link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C;;GAEG;AACH,eAAO,MAAM,UAAU,+GAYtB,CAAC"}
@@ -2,5 +2,5 @@ import type { DescriptionProps } from './types';
2
2
  /**
3
3
  * The description text for a notice.
4
4
  */
5
- export declare const Description: import("react").ForwardRefExoticComponent<DescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
5
+ export declare const Description: import("react").ForwardRefExoticComponent<DescriptionProps & import("react").RefAttributes<HTMLSpanElement>>;
6
6
  //# sourceMappingURL=description.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../src/notice/description.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD;;GAEG;AACH,eAAO,MAAM,WAAW,6GAcvB,CAAC"}
1
+ {"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../src/notice/description.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD;;GAEG;AACH,eAAO,MAAM,WAAW,8GAWvB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/notice/title.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C;;GAEG;AACH,eAAO,MAAM,KAAK,wGAWjB,CAAC"}
1
+ {"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/notice/title.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C;;GAEG;AACH,eAAO,MAAM,KAAK,wGAWjB,CAAC"}
@@ -3,6 +3,7 @@ import type { ComponentProps } from '../utils/types';
3
3
  import type { IconProps } from '../icon/types';
4
4
  import type { ButtonProps } from '../button/types';
5
5
  import type { IconButtonProps } from '../icon-button/types';
6
+ import type { LinkProps } from '../link/types';
6
7
  export type NoticeIntent = 'warning' | 'success' | 'error' | 'info' | 'neutral';
7
8
  export interface RootProps extends Omit<ComponentProps<'div'>, 'title'> {
8
9
  /**
@@ -39,7 +40,7 @@ export interface TitleProps extends ComponentProps<'span'> {
39
40
  */
40
41
  children?: ReactNode;
41
42
  }
42
- export interface DescriptionProps extends ComponentProps<'div'> {
43
+ export interface DescriptionProps extends ComponentProps<'span'> {
43
44
  /**
44
45
  * The description text of the notice.
45
46
  */
@@ -68,7 +69,7 @@ export interface ActionButtonProps extends Omit<ButtonProps, 'size' | 'tone'> {
68
69
  */
69
70
  children?: ReactNode;
70
71
  }
71
- export interface ActionLinkProps extends ComponentProps<'a'> {
72
+ export interface ActionLinkProps extends Omit<LinkProps, 'variant' | 'tone'> {
72
73
  /**
73
74
  * The content to be rendered inside the component.
74
75
  */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/notice/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAE,cAAc,CAAE,KAAK,CAAE,EAAE,OAAO,CAAE;IAC1E;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,GAAG,IAAI,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CACpC;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAE,MAAM,CAAE;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAE,KAAK,CAAE;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAE,KAAK,CAAE;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,cAChB,SAAQ,IAAI,CACX,eAAe,EACb,SAAS,GACT,qBAAqB,GACrB,SAAS,GACT,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,CACR;IACD;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAE,OAAO,CAAE,CAAC;IAEnC;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAE,MAAM,CAAE,CAAC;CACjC;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAAE;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAE,GAAG,CAAE;IAC7D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/notice/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAE,cAAc,CAAE,KAAK,CAAE,EAAE,OAAO,CAAE;IAC1E;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,GAAG,IAAI,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CACpC;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAE,MAAM,CAAE;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAE,MAAM,CAAE;IACjE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAE,KAAK,CAAE;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,cAChB,SAAQ,IAAI,CACX,eAAe,EACb,SAAS,GACT,qBAAqB,GACrB,SAAS,GACT,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,CACR;IACD;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAE,OAAO,CAAE,CAAC;IAEnC;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAE,MAAM,CAAE,CAAC;CACjC;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAAE;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAE,SAAS,EAAE,SAAS,GAAG,MAAM,CAAE;IAC7E;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
@@ -0,0 +1,2 @@
1
+ export { Text } from './text';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Text } from '../index';
3
+ declare const meta: Meta<typeof Text>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Text>;
6
+ export declare const Default: Story;
7
+ export declare const AllVariants: Story;
8
+ export declare const WithRenderProp: Story;
9
+ //# 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":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAG5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/text/test/index.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,7 @@
1
+ import { type TextProps } from './types';
2
+ /**
3
+ * A text component for rendering content with predefined typographic variants.
4
+ * Built on design tokens for consistent typography across the UI.
5
+ */
6
+ export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLSpanElement>>;
7
+ //# sourceMappingURL=text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/text/text.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC;;;GAGG;AACH,eAAO,MAAM,IAAI,uGAcd,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { type ComponentProps } from '../utils/types';
2
+ export interface TextProps extends ComponentProps<'span'> {
3
+ /**
4
+ * The typographic variant to apply, controlling font family, size,
5
+ * line height, and weight.
6
+ *
7
+ * @default "body-md"
8
+ */
9
+ variant?: 'heading-2xl' | 'heading-xl' | 'heading-lg' | 'heading-md' | 'heading-sm' | 'body-xl' | 'body-lg' | 'body-md' | 'body-sm';
10
+ /**
11
+ * The content to be rendered inside the component.
12
+ */
13
+ children?: React.ReactNode;
14
+ }
15
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAE,MAAM,CAAE;IAC1D;;;;;OAKG;IACH,OAAO,CAAC,EACL,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/ui",
3
- "version": "0.8.1-next.v.202602271551.0+464abe399",
3
+ "version": "0.9.0",
4
4
  "description": "Themeable React UI components for the WordPress Design System.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -44,24 +44,24 @@
44
44
  "sideEffects": false,
45
45
  "dependencies": {
46
46
  "@base-ui/react": "^1.2.0",
47
- "@wordpress/a11y": "^4.40.1-next.v.202602271551.0+464abe399",
48
- "@wordpress/compose": "^7.40.1-next.v.202602271551.0+464abe399",
49
- "@wordpress/element": "^6.40.1-next.v.202602271551.0+464abe399",
50
- "@wordpress/i18n": "^6.13.1-next.v.202602271551.0+464abe399",
51
- "@wordpress/icons": "^11.7.1-next.v.202602271551.0+464abe399",
52
- "@wordpress/keycodes": "^4.40.1-next.v.202602271551.0+464abe399",
53
- "@wordpress/primitives": "^4.40.1-next.v.202602271551.0+464abe399",
54
- "@wordpress/private-apis": "^1.40.1-next.v.202602271551.0+464abe399",
55
- "@wordpress/theme": "^0.8.1-next.v.202602271551.0+464abe399",
47
+ "@wordpress/a11y": "^4.42.0",
48
+ "@wordpress/compose": "^7.42.0",
49
+ "@wordpress/element": "^6.42.0",
50
+ "@wordpress/i18n": "^6.15.0",
51
+ "@wordpress/icons": "^12.0.0",
52
+ "@wordpress/keycodes": "^4.42.0",
53
+ "@wordpress/primitives": "^4.42.0",
54
+ "@wordpress/private-apis": "^1.42.0",
55
+ "@wordpress/theme": "^0.9.0",
56
56
  "clsx": "^2.1.1"
57
57
  },
58
58
  "devDependencies": {
59
- "@storybook/addon-docs": "^10.1.11",
60
- "@storybook/react-vite": "^10.1.11",
59
+ "@storybook/addon-docs": "^10.2.8",
60
+ "@storybook/react-vite": "^10.2.8",
61
61
  "@testing-library/jest-dom": "^6.9.1",
62
62
  "@types/jest": "^29.5.14",
63
63
  "@types/node": "^20.17.10",
64
- "storybook": "^10.1.11"
64
+ "storybook": "^10.2.8"
65
65
  },
66
66
  "peerDependencies": {
67
67
  "react": "^18.0.0",
@@ -70,5 +70,5 @@
70
70
  "publishConfig": {
71
71
  "access": "public"
72
72
  },
73
- "gitHead": "95aa7055a5757219e2d96a91efc69f7dd1b2d4c3"
73
+ "gitHead": "c20787b1778ae64c2db65643b1c236309d68e6ba"
74
74
  }
@@ -42,7 +42,10 @@
42
42
  }
43
43
 
44
44
  .is-none-intent {
45
- background-color: var(--wpds-color-bg-surface-neutral);
46
- color: var(--wpds-color-fg-content-neutral-weak);
45
+ background-color: var(--wpds-color-bg-surface-neutral-strong);
46
+ color: var(--wpds-color-fg-content-neutral);
47
+ border: var(--wpds-border-width-xs) solid var(--wpds-color-stroke-surface-neutral);
48
+ padding-block: calc(var(--wpds-dimension-padding-xs) - var(--wpds-border-width-xs));
49
+ padding-inline: calc(var(--wpds-dimension-padding-sm) - var(--wpds-border-width-xs));
47
50
  }
48
51
  }
@@ -50,6 +50,7 @@
50
50
  line-height: var(--wpds-font-line-height-sm);
51
51
  text-decoration: none;
52
52
  color: var(--wp-ui-button-foreground-color);
53
+ cursor: var(--wpds-cursor-control);
53
54
 
54
55
  @media not ( prefers-reduced-motion ) {
55
56
  transition: color 0.1s ease-out;
@@ -61,6 +62,7 @@
61
62
 
62
63
  /* Use pointer cursor for buttons that are links */
63
64
  &[href] {
65
+ /* stylelint-disable-next-line declaration-property-value-disallowed-list -- Links should always use pointer. */
64
66
  cursor: pointer;
65
67
  }
66
68
 
@@ -0,0 +1,20 @@
1
+ import { mergeProps, useRender } from '@base-ui/react';
2
+ import { forwardRef } from '@wordpress/element';
3
+ import styles from './style.module.css';
4
+ import type { ContentProps } from './types';
5
+
6
+ /**
7
+ * The main content area of the card.
8
+ */
9
+ export const Content = forwardRef< HTMLDivElement, ContentProps >(
10
+ function CardContent( { render, ...props }, ref ) {
11
+ const element = useRender( {
12
+ defaultTagName: 'div',
13
+ render,
14
+ ref,
15
+ props: mergeProps< 'div' >( { className: styles.content }, props ),
16
+ } );
17
+
18
+ return element;
19
+ }
20
+ );
@@ -0,0 +1,26 @@
1
+ import { mergeProps, useRender } from '@base-ui/react';
2
+ import { forwardRef } from '@wordpress/element';
3
+ import styles from './style.module.css';
4
+ import type { FullBleedProps } from './types';
5
+
6
+ /**
7
+ * A container that breaks out of the card's padding to span edge-to-edge.
8
+ * Useful for full-width images, dividers, or embedded content.
9
+ *
10
+ * Must be used as a direct child of `Card.Content` or `Card.Header`.
11
+ */
12
+ export const FullBleed = forwardRef< HTMLDivElement, FullBleedProps >(
13
+ function CardFullBleed( { render, ...props }, ref ) {
14
+ const element = useRender( {
15
+ defaultTagName: 'div',
16
+ render,
17
+ ref,
18
+ props: mergeProps< 'div' >(
19
+ { className: styles.fullbleed },
20
+ props
21
+ ),
22
+ } );
23
+
24
+ return element;
25
+ }
26
+ );
@@ -0,0 +1,21 @@
1
+ import { mergeProps, useRender } from '@base-ui/react';
2
+ import { forwardRef } from '@wordpress/element';
3
+ import styles from './style.module.css';
4
+ import type { HeaderProps } from './types';
5
+
6
+ /**
7
+ * A structural container for the card's heading area, typically containing
8
+ * `Card.Title`.
9
+ */
10
+ export const Header = forwardRef< HTMLDivElement, HeaderProps >(
11
+ function CardHeader( { render, ...props }, ref ) {
12
+ const element = useRender( {
13
+ defaultTagName: 'div',
14
+ render,
15
+ ref,
16
+ props: mergeProps< 'div' >( { className: styles.header }, props ),
17
+ } );
18
+
19
+ return element;
20
+ }
21
+ );
@@ -0,0 +1,7 @@
1
+ import { Root } from './root';
2
+ import { Header } from './header';
3
+ import { Content } from './content';
4
+ import { FullBleed } from './full-bleed';
5
+ import { Title } from './title';
6
+
7
+ export { Root, Header, Content, FullBleed, Title };