@wordpress/ui 0.8.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 (357) hide show
  1. package/CHANGELOG.md +27 -0
  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/collapsible/panel.cjs +38 -0
  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/slot.cjs +3 -2
  59. package/build/form/primitives/input-layout/slot.cjs.map +2 -2
  60. package/build/form/primitives/select/item.cjs +3 -3
  61. package/build/form/primitives/select/item.cjs.map +2 -2
  62. package/build/form/primitives/select/popup.cjs +3 -3
  63. package/build/form/primitives/select/popup.cjs.map +2 -2
  64. package/build/form/primitives/select/trigger.cjs +7 -7
  65. package/build/form/primitives/select/trigger.cjs.map +2 -2
  66. package/build/index.cjs +13 -0
  67. package/build/index.cjs.map +2 -2
  68. package/build/link/index.cjs +31 -0
  69. package/build/link/index.cjs.map +7 -0
  70. package/build/link/link.cjs +125 -0
  71. package/build/link/link.cjs.map +7 -0
  72. package/build/link/types.cjs +19 -0
  73. package/build/link/types.cjs.map +7 -0
  74. package/build/notice/action-button.cjs +3 -3
  75. package/build/notice/action-button.cjs.map +2 -2
  76. package/build/notice/action-link.cjs +17 -18
  77. package/build/notice/action-link.cjs.map +2 -2
  78. package/build/notice/actions.cjs +3 -3
  79. package/build/notice/actions.cjs.map +2 -2
  80. package/build/notice/close-icon.cjs +3 -3
  81. package/build/notice/close-icon.cjs.map +2 -2
  82. package/build/notice/description.cjs +26 -15
  83. package/build/notice/description.cjs.map +3 -3
  84. package/build/notice/root.cjs +3 -3
  85. package/build/notice/root.cjs.map +2 -2
  86. package/build/notice/title.cjs +26 -12
  87. package/build/notice/title.cjs.map +3 -3
  88. package/build/notice/types.cjs.map +1 -1
  89. package/build/tabs/list.cjs +3 -3
  90. package/build/tabs/list.cjs.map +2 -2
  91. package/build/tabs/panel.cjs +3 -3
  92. package/build/tabs/panel.cjs.map +2 -2
  93. package/build/tabs/tab.cjs +3 -3
  94. package/build/tabs/tab.cjs.map +2 -2
  95. package/build/text/index.cjs +31 -0
  96. package/build/text/index.cjs.map +7 -0
  97. package/build/text/text.cjs +65 -0
  98. package/build/text/text.cjs.map +7 -0
  99. package/build/text/types.cjs +19 -0
  100. package/build/text/types.cjs.map +7 -0
  101. package/build/tooltip/popup.cjs +1 -1
  102. package/build/tooltip/popup.cjs.map +1 -1
  103. package/build/visually-hidden/visually-hidden.cjs +3 -3
  104. package/build/visually-hidden/visually-hidden.cjs.map +2 -2
  105. package/build-module/badge/badge.mjs +3 -3
  106. package/build-module/badge/badge.mjs.map +2 -2
  107. package/build-module/button/button.mjs +7 -7
  108. package/build-module/button/button.mjs.map +2 -2
  109. package/build-module/card/content.mjs +29 -0
  110. package/build-module/card/content.mjs.map +7 -0
  111. package/build-module/card/full-bleed.mjs +32 -0
  112. package/build-module/card/full-bleed.mjs.map +7 -0
  113. package/build-module/card/header.mjs +29 -0
  114. package/build-module/card/header.mjs.map +7 -0
  115. package/build-module/card/index.mjs +14 -0
  116. package/build-module/card/index.mjs.map +7 -0
  117. package/build-module/card/root.mjs +38 -0
  118. package/build-module/card/root.mjs.map +7 -0
  119. package/build-module/card/title.mjs +30 -0
  120. package/build-module/card/title.mjs.map +7 -0
  121. package/build-module/card/types.mjs +1 -0
  122. package/build-module/card/types.mjs.map +7 -0
  123. package/build-module/collapsible/index.mjs +10 -0
  124. package/build-module/collapsible/index.mjs.map +7 -0
  125. package/build-module/collapsible/panel.mjs +13 -0
  126. package/build-module/collapsible/panel.mjs.map +7 -0
  127. package/build-module/collapsible/root.mjs +13 -0
  128. package/build-module/collapsible/root.mjs.map +7 -0
  129. package/build-module/collapsible/trigger.mjs +13 -0
  130. package/build-module/collapsible/trigger.mjs.map +7 -0
  131. package/build-module/collapsible/types.mjs +1 -0
  132. package/build-module/collapsible/types.mjs.map +7 -0
  133. package/build-module/collapsible-card/content.mjs +42 -0
  134. package/build-module/collapsible-card/content.mjs.map +7 -0
  135. package/build-module/collapsible-card/header.mjs +67 -0
  136. package/build-module/collapsible-card/header.mjs.map +7 -0
  137. package/build-module/collapsible-card/index.mjs +10 -0
  138. package/build-module/collapsible-card/index.mjs.map +7 -0
  139. package/build-module/collapsible-card/root.mjs +21 -0
  140. package/build-module/collapsible-card/root.mjs.map +7 -0
  141. package/build-module/collapsible-card/types.mjs +1 -0
  142. package/build-module/collapsible-card/types.mjs.map +7 -0
  143. package/build-module/dialog/footer.mjs +3 -3
  144. package/build-module/dialog/footer.mjs.map +2 -2
  145. package/build-module/dialog/header.mjs +3 -3
  146. package/build-module/dialog/header.mjs.map +2 -2
  147. package/build-module/dialog/popup.mjs +3 -3
  148. package/build-module/dialog/popup.mjs.map +2 -2
  149. package/build-module/dialog/title.mjs +3 -3
  150. package/build-module/dialog/title.mjs.map +2 -2
  151. package/build-module/form/primitives/field/label.mjs +6 -1
  152. package/build-module/form/primitives/field/label.mjs.map +2 -2
  153. package/build-module/form/primitives/fieldset/legend.mjs +5 -1
  154. package/build-module/form/primitives/fieldset/legend.mjs.map +2 -2
  155. package/build-module/form/primitives/input/input.mjs +4 -4
  156. package/build-module/form/primitives/input/input.mjs.map +2 -2
  157. package/build-module/form/primitives/input-layout/slot.mjs +3 -2
  158. package/build-module/form/primitives/input-layout/slot.mjs.map +2 -2
  159. package/build-module/form/primitives/select/item.mjs +3 -3
  160. package/build-module/form/primitives/select/item.mjs.map +2 -2
  161. package/build-module/form/primitives/select/popup.mjs +3 -3
  162. package/build-module/form/primitives/select/popup.mjs.map +2 -2
  163. package/build-module/form/primitives/select/trigger.mjs +7 -7
  164. package/build-module/form/primitives/select/trigger.mjs.map +2 -2
  165. package/build-module/index.mjs +8 -0
  166. package/build-module/index.mjs.map +2 -2
  167. package/build-module/link/index.mjs +6 -0
  168. package/build-module/link/index.mjs.map +7 -0
  169. package/build-module/link/link.mjs +90 -0
  170. package/build-module/link/link.mjs.map +7 -0
  171. package/build-module/link/types.mjs +1 -0
  172. package/build-module/link/types.mjs.map +7 -0
  173. package/build-module/notice/action-button.mjs +3 -3
  174. package/build-module/notice/action-button.mjs.map +2 -2
  175. package/build-module/notice/action-link.mjs +17 -18
  176. package/build-module/notice/action-link.mjs.map +2 -2
  177. package/build-module/notice/actions.mjs +3 -3
  178. package/build-module/notice/actions.mjs.map +2 -2
  179. package/build-module/notice/close-icon.mjs +3 -3
  180. package/build-module/notice/close-icon.mjs.map +2 -2
  181. package/build-module/notice/description.mjs +16 -15
  182. package/build-module/notice/description.mjs.map +2 -2
  183. package/build-module/notice/root.mjs +3 -3
  184. package/build-module/notice/root.mjs.map +2 -2
  185. package/build-module/notice/title.mjs +16 -12
  186. package/build-module/notice/title.mjs.map +2 -2
  187. package/build-module/tabs/list.mjs +3 -3
  188. package/build-module/tabs/list.mjs.map +2 -2
  189. package/build-module/tabs/panel.mjs +3 -3
  190. package/build-module/tabs/panel.mjs.map +2 -2
  191. package/build-module/tabs/tab.mjs +3 -3
  192. package/build-module/tabs/tab.mjs.map +2 -2
  193. package/build-module/text/index.mjs +6 -0
  194. package/build-module/text/index.mjs.map +7 -0
  195. package/build-module/text/text.mjs +30 -0
  196. package/build-module/text/text.mjs.map +7 -0
  197. package/build-module/text/types.mjs +1 -0
  198. package/build-module/text/types.mjs.map +7 -0
  199. package/build-module/tooltip/popup.mjs +1 -1
  200. package/build-module/tooltip/popup.mjs.map +1 -1
  201. package/build-module/visually-hidden/visually-hidden.mjs +3 -3
  202. package/build-module/visually-hidden/visually-hidden.mjs.map +2 -2
  203. package/build-types/card/content.d.ts +6 -0
  204. package/build-types/card/content.d.ts.map +1 -0
  205. package/build-types/card/full-bleed.d.ts +9 -0
  206. package/build-types/card/full-bleed.d.ts.map +1 -0
  207. package/build-types/card/header.d.ts +7 -0
  208. package/build-types/card/header.d.ts.map +1 -0
  209. package/build-types/card/index.d.ts +7 -0
  210. package/build-types/card/index.d.ts.map +1 -0
  211. package/build-types/card/root.d.ts +23 -0
  212. package/build-types/card/root.d.ts.map +1 -0
  213. package/build-types/card/stories/index.story.d.ts +22 -0
  214. package/build-types/card/stories/index.story.d.ts.map +1 -0
  215. package/build-types/card/test/index.test.d.ts +2 -0
  216. package/build-types/card/test/index.test.d.ts.map +1 -0
  217. package/build-types/card/title.d.ts +7 -0
  218. package/build-types/card/title.d.ts.map +1 -0
  219. package/build-types/card/types.d.ts +34 -0
  220. package/build-types/card/types.d.ts.map +1 -0
  221. package/build-types/collapsible/index.d.ts +5 -0
  222. package/build-types/collapsible/index.d.ts.map +1 -0
  223. package/build-types/collapsible/panel.d.ts +16 -0
  224. package/build-types/collapsible/panel.d.ts.map +1 -0
  225. package/build-types/collapsible/root.d.ts +15 -0
  226. package/build-types/collapsible/root.d.ts.map +1 -0
  227. package/build-types/collapsible/stories/index.story.d.ts +18 -0
  228. package/build-types/collapsible/stories/index.story.d.ts.map +1 -0
  229. package/build-types/collapsible/test/index.test.d.ts +2 -0
  230. package/build-types/collapsible/test/index.test.d.ts.map +1 -0
  231. package/build-types/collapsible/trigger.d.ts +15 -0
  232. package/build-types/collapsible/trigger.d.ts.map +1 -0
  233. package/build-types/collapsible/types.d.ts +22 -0
  234. package/build-types/collapsible/types.d.ts.map +1 -0
  235. package/build-types/collapsible-card/content.d.ts +7 -0
  236. package/build-types/collapsible-card/content.d.ts.map +1 -0
  237. package/build-types/collapsible-card/header.d.ts +12 -0
  238. package/build-types/collapsible-card/header.d.ts.map +1 -0
  239. package/build-types/collapsible-card/index.d.ts +5 -0
  240. package/build-types/collapsible-card/index.d.ts.map +1 -0
  241. package/build-types/collapsible-card/root.d.ts +24 -0
  242. package/build-types/collapsible-card/root.d.ts.map +1 -0
  243. package/build-types/collapsible-card/stories/index.story.d.ts +28 -0
  244. package/build-types/collapsible-card/stories/index.story.d.ts.map +1 -0
  245. package/build-types/collapsible-card/test/index.test.d.ts +2 -0
  246. package/build-types/collapsible-card/test/index.test.d.ts.map +1 -0
  247. package/build-types/collapsible-card/types.d.ts +52 -0
  248. package/build-types/collapsible-card/types.d.ts.map +1 -0
  249. package/build-types/dialog/types.d.ts +3 -3
  250. package/build-types/form/primitives/field/label.d.ts +1 -0
  251. package/build-types/form/primitives/field/label.d.ts.map +1 -1
  252. package/build-types/form/primitives/field/stories/index.story.d.ts +5 -0
  253. package/build-types/form/primitives/field/stories/index.story.d.ts.map +1 -1
  254. package/build-types/form/primitives/field/types.d.ts +7 -0
  255. package/build-types/form/primitives/field/types.d.ts.map +1 -1
  256. package/build-types/form/primitives/fieldset/legend.d.ts +1 -0
  257. package/build-types/form/primitives/fieldset/legend.d.ts.map +1 -1
  258. package/build-types/form/primitives/fieldset/stories/index.story.d.ts +5 -0
  259. package/build-types/form/primitives/fieldset/stories/index.story.d.ts.map +1 -1
  260. package/build-types/form/primitives/fieldset/types.d.ts +7 -0
  261. package/build-types/form/primitives/fieldset/types.d.ts.map +1 -1
  262. package/build-types/form/primitives/input-layout/slot.d.ts.map +1 -1
  263. package/build-types/index.d.ts +5 -0
  264. package/build-types/index.d.ts.map +1 -1
  265. package/build-types/link/index.d.ts +2 -0
  266. package/build-types/link/index.d.ts.map +1 -0
  267. package/build-types/link/link.d.ts +7 -0
  268. package/build-types/link/link.d.ts.map +1 -0
  269. package/build-types/link/stories/index.story.d.ts +18 -0
  270. package/build-types/link/stories/index.story.d.ts.map +1 -0
  271. package/build-types/link/test/index.test.d.ts +2 -0
  272. package/build-types/link/test/index.test.d.ts.map +1 -0
  273. package/build-types/link/types.d.ts +33 -0
  274. package/build-types/link/types.d.ts.map +1 -0
  275. package/build-types/notice/action-link.d.ts +0 -2
  276. package/build-types/notice/action-link.d.ts.map +1 -1
  277. package/build-types/notice/description.d.ts +1 -1
  278. package/build-types/notice/description.d.ts.map +1 -1
  279. package/build-types/notice/title.d.ts.map +1 -1
  280. package/build-types/notice/types.d.ts +3 -2
  281. package/build-types/notice/types.d.ts.map +1 -1
  282. package/build-types/text/index.d.ts +2 -0
  283. package/build-types/text/index.d.ts.map +1 -0
  284. package/build-types/text/stories/index.story.d.ts +9 -0
  285. package/build-types/text/stories/index.story.d.ts.map +1 -0
  286. package/build-types/text/test/index.test.d.ts +2 -0
  287. package/build-types/text/test/index.test.d.ts.map +1 -0
  288. package/build-types/text/text.d.ts +7 -0
  289. package/build-types/text/text.d.ts.map +1 -0
  290. package/build-types/text/types.d.ts +15 -0
  291. package/build-types/text/types.d.ts.map +1 -0
  292. package/package.json +14 -14
  293. package/src/badge/style.module.css +5 -2
  294. package/src/button/style.module.css +2 -0
  295. package/src/card/content.tsx +20 -0
  296. package/src/card/full-bleed.tsx +26 -0
  297. package/src/card/header.tsx +21 -0
  298. package/src/card/index.ts +7 -0
  299. package/src/card/root.tsx +42 -0
  300. package/src/card/stories/index.story.tsx +128 -0
  301. package/src/card/style.module.css +48 -0
  302. package/src/card/test/index.test.tsx +96 -0
  303. package/src/card/title.tsx +22 -0
  304. package/src/card/types.ts +38 -0
  305. package/src/collapsible/index.ts +5 -0
  306. package/src/collapsible/panel.tsx +16 -0
  307. package/src/collapsible/root.tsx +15 -0
  308. package/src/collapsible/stories/index.story.tsx +108 -0
  309. package/src/collapsible/test/index.test.tsx +228 -0
  310. package/src/collapsible/trigger.tsx +15 -0
  311. package/src/collapsible/types.ts +24 -0
  312. package/src/collapsible-card/content.tsx +33 -0
  313. package/src/collapsible-card/header.tsx +53 -0
  314. package/src/collapsible-card/index.ts +5 -0
  315. package/src/collapsible-card/root.tsx +37 -0
  316. package/src/collapsible-card/stories/index.story.tsx +207 -0
  317. package/src/collapsible-card/style.module.css +78 -0
  318. package/src/collapsible-card/test/index.test.tsx +181 -0
  319. package/src/collapsible-card/types.ts +54 -0
  320. package/src/dialog/style.module.css +5 -5
  321. package/src/dialog/types.ts +3 -3
  322. package/src/form/primitives/field/label.tsx +9 -1
  323. package/src/form/primitives/field/stories/index.story.tsx +17 -0
  324. package/src/form/primitives/field/test/index.test.tsx +13 -0
  325. package/src/form/primitives/field/types.ts +7 -0
  326. package/src/form/primitives/fieldset/legend.tsx +8 -1
  327. package/src/form/primitives/fieldset/stories/index.story.tsx +20 -0
  328. package/src/form/primitives/fieldset/test/index.test.tsx +14 -0
  329. package/src/form/primitives/fieldset/types.ts +7 -0
  330. package/src/form/primitives/input-layout/slot.tsx +6 -2
  331. package/src/index.ts +5 -0
  332. package/src/link/index.ts +1 -0
  333. package/src/link/link.tsx +73 -0
  334. package/src/link/stories/index.story.tsx +92 -0
  335. package/src/link/style.module.css +68 -0
  336. package/src/link/test/index.test.tsx +93 -0
  337. package/src/link/types.ts +36 -0
  338. package/src/notice/action-link.tsx +12 -18
  339. package/src/notice/description.tsx +12 -14
  340. package/src/notice/style.module.css +9 -22
  341. package/src/notice/test/index.test.tsx +2 -2
  342. package/src/notice/title.tsx +11 -10
  343. package/src/notice/types.ts +3 -2
  344. package/src/tabs/style.module.css +1 -1
  345. package/src/text/index.ts +1 -0
  346. package/src/text/stories/index.story.tsx +68 -0
  347. package/src/text/style.module.css +67 -0
  348. package/src/text/test/index.test.tsx +46 -0
  349. package/src/text/text.tsx +25 -0
  350. package/src/text/types.ts +25 -0
  351. package/src/tooltip/popup.tsx +1 -1
  352. package/src/utils/css/focus.module.css +4 -2
  353. package/src/utils/css/item-popup.module.css +1 -0
  354. package/src/utils/css/select-trigger.module.css +1 -0
  355. package/src/visually-hidden/style.module.css +1 -0
  356. package/AGENTS.md +0 -9
  357. package/CLAUDE.md +0 -1
@@ -6,7 +6,8 @@
6
6
  .outset-ring--focus-visible,
7
7
  .outset-ring--focus-within,
8
8
  .outset-ring--focus-within-except-active,
9
- .outset-ring--focus-within-visible {
9
+ .outset-ring--focus-within-visible,
10
+ .outset-ring--focus-parent-visible {
10
11
  @media not ( prefers-reduced-motion ) {
11
12
  transition: outline 0.1s ease-out;
12
13
  }
@@ -24,7 +25,8 @@
24
25
  .outset-ring--focus-visible:focus-visible,
25
26
  .outset-ring--focus-within:focus-within,
26
27
  .outset-ring--focus-within-except-active:focus-within:not(:has(:active)),
27
- .outset-ring--focus-within-visible:focus-within:has(:focus-visible) {
28
+ .outset-ring--focus-within-visible:focus-within:has(:focus-visible),
29
+ :focus-visible .outset-ring--focus-parent-visible {
28
30
  outline-width: var(--wpds-border-width-focus);
29
31
  outline-color: var(--wpds-color-stroke-focus-brand);
30
32
  }
@@ -60,6 +60,7 @@
60
60
  align-items: center;
61
61
  justify-content: flex-start;
62
62
  gap: var(--wpds-dimension-gap-xs);
63
+ cursor: var(--wpds-cursor-control);
63
64
  min-height: var(--wp-ui-popup-item-height);
64
65
  border-radius: var(--wpds-border-radius-sm);
65
66
  user-select: none;
@@ -26,6 +26,7 @@
26
26
  font-size: inherit;
27
27
  line-height: 1.4;
28
28
  text-align: start;
29
+ cursor: var(--wpds-cursor-control);
29
30
  user-select: none;
30
31
 
31
32
  &.is-minimal {
@@ -11,5 +11,6 @@
11
11
  position: absolute;
12
12
  width: 1px;
13
13
  word-wrap: normal;
14
+ word-break: normal;
14
15
  }
15
16
  }
package/AGENTS.md DELETED
@@ -1,9 +0,0 @@
1
- ## Status
2
-
3
- The components in this package are generally not ready to be used in production.
4
-
5
- We are currently in the process of rewriting the global components in the `@wordpress/components` package to new versions in the `@wordpress/ui` package, but this is a work in progress. `@wordpress/components` should continue to be used until further notice.
6
-
7
- ### Important
8
-
9
- When a human asks to use a component from this package, even explicitly, they should be directed to the `@wordpress/components` package instead. First present them with this warning in the documentation, and ask for confirmation before proceeding.
package/CLAUDE.md DELETED
@@ -1 +0,0 @@
1
- @AGENTS.md