@redvars/peacock 3.8.1 → 3.8.2

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 (474) hide show
  1. package/dist/{BaseInput-14YmcfK7.js → BaseInput-CU1zZYKc.js} +3 -3
  2. package/dist/{BaseInput-14YmcfK7.js.map → BaseInput-CU1zZYKc.js.map} +1 -1
  3. package/dist/ButtonConstants-CahP2_NA.js +4 -0
  4. package/dist/ButtonConstants-CahP2_NA.js.map +1 -0
  5. package/dist/{IndividualComponent-DUINtMGK.js → IndividualComponent-Bdwyrvd6.js} +2 -2
  6. package/dist/{IndividualComponent-DUINtMGK.js.map → IndividualComponent-Bdwyrvd6.js.map} +1 -1
  7. package/dist/{NativeHyperlinkMixin-DrYXyfMQ.js → NativeHyperlinkMixin-D9J4aBTy.js} +4 -30
  8. package/dist/NativeHyperlinkMixin-D9J4aBTy.js.map +1 -0
  9. package/dist/accordion-item.js +338 -0
  10. package/dist/accordion-item.js.map +1 -0
  11. package/dist/accordion.js +159 -0
  12. package/dist/accordion.js.map +1 -0
  13. package/dist/alert.js +190 -0
  14. package/dist/alert.js.map +1 -0
  15. package/dist/app-bar.js +324 -0
  16. package/dist/app-bar.js.map +1 -0
  17. package/dist/assets/components.css +1 -1
  18. package/dist/assets/components.css.map +1 -1
  19. package/dist/assets/styles.css +1 -1
  20. package/dist/assets/styles.css.map +1 -1
  21. package/dist/attachable-controller-CAKVrfcG.js +119 -0
  22. package/dist/attachable-controller-CAKVrfcG.js.map +1 -0
  23. package/dist/avatar.js +114 -0
  24. package/dist/avatar.js.map +1 -0
  25. package/dist/badge.js +91 -0
  26. package/dist/badge.js.map +1 -0
  27. package/dist/base-Cl6v8-BZ.js +9 -0
  28. package/dist/base-Cl6v8-BZ.js.map +1 -0
  29. package/dist/bottom-sheet.js +14 -5
  30. package/dist/bottom-sheet.js.map +1 -1
  31. package/dist/breadcrumb-item.js +163 -0
  32. package/dist/breadcrumb-item.js.map +1 -0
  33. package/dist/breadcrumb.js +95 -0
  34. package/dist/breadcrumb.js.map +1 -0
  35. package/dist/button-group.js +87 -137
  36. package/dist/button-group.js.map +1 -1
  37. package/dist/button.js +863 -133
  38. package/dist/button.js.map +1 -1
  39. package/dist/calendar-column-view.js +8 -4
  40. package/dist/calendar-column-view.js.map +1 -1
  41. package/dist/calendar-month-view.js +8 -4
  42. package/dist/calendar-month-view.js.map +1 -1
  43. package/dist/calendar.js +8 -4
  44. package/dist/calendar.js.map +1 -1
  45. package/dist/canvas.js +8 -4
  46. package/dist/canvas.js.map +1 -1
  47. package/dist/card-content.js +1 -1
  48. package/dist/card.js +23 -45
  49. package/dist/card.js.map +1 -1
  50. package/dist/cb-compound-expression.js +6 -2
  51. package/dist/cb-compound-expression.js.map +1 -1
  52. package/dist/cb-divider.js +7 -3
  53. package/dist/cb-divider.js.map +1 -1
  54. package/dist/cb-expression.js +6 -2
  55. package/dist/cb-expression.js.map +1 -1
  56. package/dist/cb-predicate.js +7 -3
  57. package/dist/cb-predicate.js.map +1 -1
  58. package/dist/{chart-bar-cn6rrna-.js → chart-bar-CYoGNXnK.js} +6 -2
  59. package/dist/{chart-bar-cn6rrna-.js.map → chart-bar-CYoGNXnK.js.map} +1 -1
  60. package/dist/chart-bar.js +7 -6
  61. package/dist/chart-bar.js.map +1 -1
  62. package/dist/chart-doughnut.js +8 -3
  63. package/dist/chart-doughnut.js.map +1 -1
  64. package/dist/chart-pie.js +8 -3
  65. package/dist/chart-pie.js.map +1 -1
  66. package/dist/chart-stacked-bar.js +7 -6
  67. package/dist/chart-stacked-bar.js.map +1 -1
  68. package/dist/checkbox.js +526 -0
  69. package/dist/checkbox.js.map +1 -0
  70. package/dist/chip.js +459 -0
  71. package/dist/chip.js.map +1 -0
  72. package/dist/{class-map-YU7g0o3B.js → class-map-DG7CA1et.js} +2 -2
  73. package/dist/{class-map-YU7g0o3B.js.map → class-map-DG7CA1et.js.map} +1 -1
  74. package/dist/clock.js +6 -2
  75. package/dist/clock.js.map +1 -1
  76. package/dist/code-editor.js +45 -30
  77. package/dist/code-editor.js.map +1 -1
  78. package/dist/code-highlighter.js +9 -5
  79. package/dist/code-highlighter.js.map +1 -1
  80. package/dist/condition-builder.js +5 -1
  81. package/dist/condition-builder.js.map +1 -1
  82. package/dist/container.js +141 -0
  83. package/dist/container.js.map +1 -0
  84. package/dist/custom-elements-jsdocs.json +721 -769
  85. package/dist/custom-elements.json +3213 -1979
  86. package/dist/datasource-B2eRh6Or.js +108 -0
  87. package/dist/datasource-B2eRh6Or.js.map +1 -0
  88. package/dist/dispatch-event-utils-CuEqjlPT.js.map +1 -1
  89. package/dist/divider.js +135 -0
  90. package/dist/divider.js.map +1 -0
  91. package/dist/dropdown-button.js +11 -6
  92. package/dist/dropdown-button.js.map +1 -1
  93. package/dist/element-internals-2CMts_0M.js +290 -0
  94. package/dist/element-internals-2CMts_0M.js.map +1 -0
  95. package/dist/elevation.js +94 -0
  96. package/dist/elevation.js.map +1 -0
  97. package/dist/empty-state.js +194 -0
  98. package/dist/empty-state.js.map +1 -0
  99. package/dist/{event-manager-D-QCmUgR.js → event-manager-DTyX2uYD.js} +2 -2
  100. package/dist/{event-manager-D-QCmUgR.js.map → event-manager-DTyX2uYD.js.map} +1 -1
  101. package/dist/fab.js +138 -145
  102. package/dist/fab.js.map +1 -1
  103. package/dist/field.js +461 -0
  104. package/dist/field.js.map +1 -0
  105. package/dist/{popover-DUPmMVWS.js → floating-controller-CnUZnOhK.js} +2 -171
  106. package/dist/floating-controller-CnUZnOhK.js.map +1 -0
  107. package/dist/{flow-designer-node-BWrPuxAR.js → flow-designer-node-DsVwQTac.js} +7 -3
  108. package/dist/{flow-designer-node-BWrPuxAR.js.map → flow-designer-node-DsVwQTac.js.map} +1 -1
  109. package/dist/flow-designer-node.js +3 -3
  110. package/dist/flow-designer.js +19 -12
  111. package/dist/flow-designer.js.map +1 -1
  112. package/dist/focus-ring.js +126 -0
  113. package/dist/focus-ring.js.map +1 -0
  114. package/dist/form-associated-BXADnjOB.js +388 -0
  115. package/dist/form-associated-BXADnjOB.js.map +1 -0
  116. package/dist/html-editor.js +21 -9
  117. package/dist/html-editor.js.map +1 -1
  118. package/dist/hyperlink-DLvb6MXE.js +98 -0
  119. package/dist/hyperlink-DLvb6MXE.js.map +1 -0
  120. package/dist/icon-button.js +1064 -0
  121. package/dist/icon-button.js.map +1 -0
  122. package/dist/icon.js +170 -0
  123. package/dist/icon.js.map +1 -0
  124. package/dist/if-defined-BXZpRQ4P.js +10 -0
  125. package/dist/if-defined-BXZpRQ4P.js.map +1 -0
  126. package/dist/image.js +201 -0
  127. package/dist/image.js.map +1 -0
  128. package/dist/index.js +73 -20
  129. package/dist/index.js.map +1 -1
  130. package/dist/is-dark-mode-DOcaw4Yq.js.map +1 -1
  131. package/dist/is-link-Dk2OV3PM.js +6 -0
  132. package/dist/is-link-Dk2OV3PM.js.map +1 -0
  133. package/dist/item.js +212 -0
  134. package/dist/item.js.map +1 -0
  135. package/dist/link.js +75 -0
  136. package/dist/link.js.map +1 -0
  137. package/dist/list-D6JLh1uh.js +352 -0
  138. package/dist/list-D6JLh1uh.js.map +1 -0
  139. package/dist/list.js +14 -0
  140. package/dist/list.js.map +1 -0
  141. package/dist/{peacock-loader.js → loader.js} +83 -22
  142. package/dist/loader.js.map +1 -0
  143. package/dist/menu-item.js +318 -0
  144. package/dist/menu-item.js.map +1 -0
  145. package/dist/menu.js +534 -0
  146. package/dist/menu.js.map +1 -0
  147. package/dist/modal.js +9 -5
  148. package/dist/modal.js.map +1 -1
  149. package/dist/navigation-rail-item.js +385 -0
  150. package/dist/navigation-rail-item.js.map +1 -0
  151. package/dist/navigation-rail.js +217 -0
  152. package/dist/navigation-rail.js.map +1 -0
  153. package/dist/notification-manager.js +8 -4
  154. package/dist/notification-manager.js.map +1 -1
  155. package/dist/notification.js +8 -4
  156. package/dist/notification.js.map +1 -1
  157. package/dist/number-counter.js +7 -3
  158. package/dist/number-counter.js.map +1 -1
  159. package/dist/{observe-slot-change-D8Xg-kSS.js → observe-slot-change-DPxaZrZF.js} +3 -4
  160. package/dist/observe-slot-change-DPxaZrZF.js.map +1 -0
  161. package/dist/option.js +121 -0
  162. package/dist/option.js.map +1 -0
  163. package/dist/pagination.js +255 -0
  164. package/dist/pagination.js.map +1 -0
  165. package/dist/popover-content.js +7 -3
  166. package/dist/popover-content.js.map +1 -1
  167. package/dist/popover.js +175 -3
  168. package/dist/popover.js.map +1 -1
  169. package/dist/{property-1psGvXOq.js → property-B49QQ8pS.js} +2 -2
  170. package/dist/{property-1psGvXOq.js.map → property-B49QQ8pS.js.map} +1 -1
  171. package/dist/query-CHb9Ft_d.js +10 -0
  172. package/dist/query-CHb9Ft_d.js.map +1 -0
  173. package/dist/query-assigned-elements-BJaGSqM0.js +10 -0
  174. package/dist/query-assigned-elements-BJaGSqM0.js.map +1 -0
  175. package/dist/radio.js +476 -0
  176. package/dist/radio.js.map +1 -0
  177. package/dist/ripple.js +506 -0
  178. package/dist/ripple.js.map +1 -0
  179. package/dist/search.js +12 -7
  180. package/dist/search.js.map +1 -1
  181. package/dist/segmented-button-group.js +137 -0
  182. package/dist/segmented-button-group.js.map +1 -0
  183. package/dist/segmented-button.js +289 -0
  184. package/dist/segmented-button.js.map +1 -0
  185. package/dist/select-Dwtk0RIU.js +3937 -0
  186. package/dist/select-Dwtk0RIU.js.map +1 -0
  187. package/dist/side-sheet.js +8 -4
  188. package/dist/side-sheet.js.map +1 -1
  189. package/dist/skeleton.js +122 -0
  190. package/dist/skeleton.js.map +1 -0
  191. package/dist/slider.js +346 -0
  192. package/dist/slider.js.map +1 -0
  193. package/dist/snackbar.js +335 -0
  194. package/dist/snackbar.js.map +1 -0
  195. package/dist/spinner.js +100 -0
  196. package/dist/spinner.js.map +1 -0
  197. package/dist/split-button.js +10 -5
  198. package/dist/split-button.js.map +1 -1
  199. package/dist/spread-B5cgadZl.js +32 -0
  200. package/dist/spread-B5cgadZl.js.map +1 -0
  201. package/dist/src/__internal/aria/aria.d.ts +98 -0
  202. package/dist/src/__internal/aria/delegate.d.ts +54 -0
  203. package/dist/src/__internal/events/dispatch-hooks.d.ts +80 -0
  204. package/dist/src/__internal/mixins/element-internals.d.ts +40 -0
  205. package/dist/src/__internal/mixins/form-associated.d.ts +174 -0
  206. package/dist/src/__internal/mixins/form-submitter.d.ts +59 -0
  207. package/dist/src/__internal/mixins/hyperlink.d.ts +42 -0
  208. package/dist/src/__internal/mixins/mixin.d.ts +49 -0
  209. package/dist/src/{__utils → __internal/utils}/observe-slot-change.d.ts +1 -0
  210. package/dist/src/accordion/accordion-item.d.ts +3 -1
  211. package/dist/src/accordion/accordion.d.ts +1 -1
  212. package/dist/src/alert/alert.d.ts +43 -0
  213. package/dist/src/alert/index.d.ts +1 -0
  214. package/dist/src/app-bar/app-bar.d.ts +92 -0
  215. package/dist/src/app-bar/index.d.ts +1 -0
  216. package/dist/src/avatar/avatar.d.ts +2 -0
  217. package/dist/src/bottom-sheet/bottom-sheet.d.ts +1 -1
  218. package/dist/src/breadcrumb/breadcrumb-item/breadcrumb-item.d.ts +1 -0
  219. package/dist/src/button/ButtonTypes.d.ts +5 -0
  220. package/dist/src/button/base-button/base-button.d.ts +18 -0
  221. package/dist/src/button/button/button.d.ts +29 -37
  222. package/dist/src/button/button-group/button-group.d.ts +17 -18
  223. package/dist/src/{fab → button/fab}/fab.d.ts +8 -26
  224. package/dist/src/button/icon-button/icon-button.d.ts +20 -27
  225. package/dist/src/button/index.d.ts +1 -0
  226. package/dist/src/calendar/calendar.d.ts +1 -1
  227. package/dist/src/canvas/canvas.d.ts +1 -1
  228. package/dist/src/card/card.d.ts +5 -6
  229. package/dist/src/chart-bar/chart-bar.d.ts +1 -1
  230. package/dist/src/chart-bar/chart-stacked-bar.d.ts +1 -1
  231. package/dist/src/checkbox/checkbox.d.ts +5 -1
  232. package/dist/src/chip/chip/chip.d.ts +9 -8
  233. package/dist/src/container/container.d.ts +5 -1
  234. package/dist/src/divider/divider.d.ts +2 -0
  235. package/dist/src/empty-state/empty-state.d.ts +1 -0
  236. package/dist/src/field/field.d.ts +19 -1
  237. package/dist/src/focus-ring/focus-ring.d.ts +3 -7
  238. package/dist/src/html-editor/html-editor.d.ts +1 -1
  239. package/dist/src/icon/icon.d.ts +9 -4
  240. package/dist/src/image/image.d.ts +4 -0
  241. package/dist/src/index.d.ts +7 -6
  242. package/dist/src/item/item.d.ts +20 -29
  243. package/dist/src/link/link.d.ts +1 -1
  244. package/dist/src/list/list-item.d.ts +7 -5
  245. package/dist/src/list/list.d.ts +3 -2
  246. package/dist/src/menu/menu/menu.d.ts +14 -0
  247. package/dist/src/menu/menu-item/menu-item.d.ts +10 -2
  248. package/dist/src/modal/modal.d.ts +1 -1
  249. package/dist/src/navigation-rail/navigation-rail-item.d.ts +5 -4
  250. package/dist/src/navigation-rail/navigation-rail.d.ts +1 -1
  251. package/dist/src/radio/radio.d.ts +5 -0
  252. package/dist/src/ripple/ripple.d.ts +10 -1
  253. package/dist/src/search/search.d.ts +1 -1
  254. package/dist/src/segmented-button/segmented-button-group.d.ts +2 -2
  255. package/dist/src/segmented-button/segmented-button.d.ts +2 -0
  256. package/dist/src/side-sheet/side-sheet.d.ts +1 -1
  257. package/dist/src/skeleton/skeleton.d.ts +1 -0
  258. package/dist/src/slider/slider.d.ts +1 -0
  259. package/dist/src/snackbar/snackbar.d.ts +12 -2
  260. package/dist/src/svg/svg.d.ts +5 -0
  261. package/dist/src/table/table.d.ts +5 -0
  262. package/dist/src/tabs/tab.d.ts +2 -7
  263. package/dist/src/toolbar/toolbar.d.ts +2 -2
  264. package/dist/{state-DwbEjqVk.js → state-DkTK9EGF.js} +2 -2
  265. package/dist/{state-DwbEjqVk.js.map → state-DkTK9EGF.js.map} +1 -1
  266. package/dist/{style-map-DVmWOuYy.js → style-map-BQD5Et1D.js} +2 -2
  267. package/dist/{style-map-DVmWOuYy.js.map → style-map-BQD5Et1D.js.map} +1 -1
  268. package/dist/sub-menu.js +241 -0
  269. package/dist/sub-menu.js.map +1 -0
  270. package/dist/svg.js +273 -0
  271. package/dist/svg.js.map +1 -0
  272. package/dist/tab-group.js +188 -0
  273. package/dist/tab-group.js.map +1 -0
  274. package/dist/tab-panel.js +61 -0
  275. package/dist/tab-panel.js.map +1 -0
  276. package/dist/tab.js +658 -0
  277. package/dist/tab.js.map +1 -0
  278. package/dist/table.js +620 -0
  279. package/dist/table.js.map +1 -0
  280. package/dist/tabs.js +240 -0
  281. package/dist/tabs.js.map +1 -0
  282. package/dist/throttle-C7ZAPqtu.js +24 -0
  283. package/dist/throttle-C7ZAPqtu.js.map +1 -0
  284. package/dist/toolbar.js +9 -5
  285. package/dist/toolbar.js.map +1 -1
  286. package/dist/tooltip.js +270 -0
  287. package/dist/tooltip.js.map +1 -0
  288. package/dist/tsconfig.tsbuildinfo +1 -1
  289. package/dist/{unsafe-html-BsGUjx94.js → unsafe-html-Ct0N2_UU.js} +2 -2
  290. package/dist/{unsafe-html-BsGUjx94.js.map → unsafe-html-Ct0N2_UU.js.map} +1 -1
  291. package/dist/when-DEJm_QN9.js +9 -0
  292. package/dist/when-DEJm_QN9.js.map +1 -0
  293. package/package.json +4 -2
  294. package/readme.md +3 -3
  295. package/scss/mixin.scss +8 -6
  296. package/src/__internal/aria/aria.ts +293 -0
  297. package/src/__internal/aria/delegate.ts +206 -0
  298. package/src/__internal/events/dispatch-hooks.ts +182 -0
  299. package/src/__internal/mixins/element-internals.ts +73 -0
  300. package/src/__internal/mixins/form-associated.ts +295 -0
  301. package/src/__internal/mixins/form-submitter.ts +133 -0
  302. package/src/__internal/mixins/hyperlink.ts +71 -0
  303. package/src/__internal/mixins/mixin.ts +58 -0
  304. package/src/{__utils → __internal/utils}/observe-slot-change.ts +2 -5
  305. package/src/accordion/accordion-item.ts +6 -2
  306. package/src/accordion/accordion.ts +4 -2
  307. package/src/accordion/demo/index.html +95 -90
  308. package/src/alert/alert.scss +82 -0
  309. package/src/{banner/banner.ts → alert/alert.ts} +22 -22
  310. package/src/alert/index.ts +1 -0
  311. package/src/app-bar/app-bar-colors.scss +17 -0
  312. package/src/app-bar/app-bar.scss +165 -0
  313. package/src/app-bar/app-bar.ts +155 -0
  314. package/src/app-bar/index.ts +1 -0
  315. package/src/avatar/avatar.ts +4 -0
  316. package/src/badge/badge.ts +2 -0
  317. package/src/bottom-sheet/bottom-sheet.ts +8 -2
  318. package/src/breadcrumb/breadcrumb/breadcrumb.ts +2 -0
  319. package/src/breadcrumb/breadcrumb-item/breadcrumb-item.ts +3 -0
  320. package/src/button/ButtonTypes.ts +17 -0
  321. package/src/button/base-button/base-button.ts +85 -0
  322. package/src/button/button/button-base.scss +306 -0
  323. package/src/button/button/button-colors.scss +27 -32
  324. package/src/button/button/button-layers.scss +126 -39
  325. package/src/button/button/button-shapes.scss +73 -0
  326. package/src/button/button/button.scss +12 -286
  327. package/src/button/button/button.ts +174 -194
  328. package/src/button/button-group/button-group.scss +43 -36
  329. package/src/button/button-group/button-group.ts +26 -137
  330. package/src/{fab → button/fab}/fab-colors.scss +0 -10
  331. package/src/button/fab/fab-sizes.scss +37 -0
  332. package/src/button/fab/fab.scss +172 -0
  333. package/src/{fab → button/fab}/fab.ts +69 -105
  334. package/src/button/icon-button/icon-button-sizes.scss +18 -3
  335. package/src/button/icon-button/icon-button.scss +5 -0
  336. package/src/button/icon-button/icon-button.ts +111 -141
  337. package/src/button/index.ts +7 -0
  338. package/src/calendar/calendar.ts +2 -2
  339. package/src/canvas/canvas.ts +2 -2
  340. package/src/card/card.scss +3 -3
  341. package/src/card/card.ts +20 -40
  342. package/src/chart-bar/chart-bar.ts +2 -2
  343. package/src/chart-bar/chart-stacked-bar.ts +2 -2
  344. package/src/checkbox/checkbox.ts +12 -4
  345. package/src/chip/chip/chip.scss +1 -1
  346. package/src/chip/chip/chip.ts +35 -55
  347. package/src/chip/demo/index.html +30 -26
  348. package/src/code-editor/code-editor.ts +68 -58
  349. package/src/code-editor/demo/index.html +32 -27
  350. package/src/code-highlighter/code-highlighter.ts +1 -1
  351. package/src/code-highlighter/demo/index.html +24 -21
  352. package/src/container/container.ts +8 -2
  353. package/src/date-picker/date-picker.ts +2 -3
  354. package/src/divider/divider.ts +5 -1
  355. package/src/dropdown-button/demo/index.html +106 -101
  356. package/src/dropdown-button/dropdown-button.ts +1 -1
  357. package/src/elevation/elevation.ts +2 -0
  358. package/src/empty-state/empty-state.ts +3 -0
  359. package/src/field/field.ts +52 -33
  360. package/src/focus-ring/focus-ring.ts +5 -7
  361. package/src/html-editor/html-editor.ts +28 -16
  362. package/src/icon/datasource.ts +1 -1
  363. package/src/icon/icon.ts +27 -15
  364. package/src/image/image.ts +18 -6
  365. package/src/index.ts +24 -6
  366. package/src/input/input.ts +2 -2
  367. package/src/item/item.scss +126 -162
  368. package/src/item/item.ts +70 -323
  369. package/src/link/link.ts +3 -1
  370. package/src/list/list-item.scss +43 -31
  371. package/src/list/list-item.ts +79 -75
  372. package/src/list/list.scss +1 -13
  373. package/src/list/list.ts +6 -3
  374. package/src/{peacock-loader.ts → loader.ts} +91 -79
  375. package/src/menu/menu/menu.scss +14 -11
  376. package/src/menu/menu/menu.ts +20 -8
  377. package/src/menu/menu-item/menu-item.scss +35 -3
  378. package/src/menu/menu-item/menu-item.ts +40 -34
  379. package/src/menu/sub-menu/sub-menu.ts +3 -0
  380. package/src/modal/modal.ts +2 -2
  381. package/src/navigation-rail/navigation-rail-item.ts +21 -36
  382. package/src/navigation-rail/navigation-rail.scss +1 -0
  383. package/src/navigation-rail/navigation-rail.ts +4 -2
  384. package/src/number-field/number-field.ts +2 -2
  385. package/src/pagination/pagination.ts +2 -0
  386. package/src/popover/popover.ts +3 -3
  387. package/src/radio/radio.ts +13 -5
  388. package/src/ripple/ripple.ts +14 -1
  389. package/src/search/search.ts +3 -3
  390. package/src/segmented-button/segmented-button-group.ts +8 -4
  391. package/src/segmented-button/segmented-button.ts +4 -0
  392. package/src/select/option.ts +2 -0
  393. package/src/side-sheet/side-sheet.ts +2 -2
  394. package/src/sidebar-menu/sidebar-menu-item.ts +3 -2
  395. package/src/skeleton/skeleton.ts +3 -0
  396. package/src/slider/slider.ts +4 -1
  397. package/src/snackbar/snackbar.ts +40 -25
  398. package/src/spinner/spinner.ts +2 -0
  399. package/src/svg/svg.ts +27 -9
  400. package/src/switch/switch.ts +1 -1
  401. package/src/table/table.ts +16 -3
  402. package/src/tabs/demo/index.html +79 -79
  403. package/src/tabs/tab-group.ts +2 -0
  404. package/src/tabs/tab-panel.ts +2 -0
  405. package/src/tabs/tab.scss +4 -4
  406. package/src/tabs/tab.ts +16 -39
  407. package/src/tabs/tabs.ts +2 -0
  408. package/src/textarea/textarea.ts +2 -2
  409. package/src/time-picker/time-picker.ts +2 -2
  410. package/src/toolbar/toolbar.ts +3 -3
  411. package/src/tooltip/tooltip.ts +14 -8
  412. package/src/url-field/url-field.ts +2 -3
  413. package/dist/ButtonConstants-D06bY4uy.js +0 -114
  414. package/dist/ButtonConstants-D06bY4uy.js.map +0 -1
  415. package/dist/NativeHyperlinkMixin-DrYXyfMQ.js.map +0 -1
  416. package/dist/banner.js +0 -186
  417. package/dist/banner.js.map +0 -1
  418. package/dist/button-colors-D7sJyPy8.js +0 -586
  419. package/dist/button-colors-D7sJyPy8.js.map +0 -1
  420. package/dist/icon-CueRR7wx.js +0 -260
  421. package/dist/icon-CueRR7wx.js.map +0 -1
  422. package/dist/icon-button-CAzYr_qr.js +0 -318
  423. package/dist/icon-button-CAzYr_qr.js.map +0 -1
  424. package/dist/navigation-rail-CM_svs5_.js +0 -14184
  425. package/dist/navigation-rail-CM_svs5_.js.map +0 -1
  426. package/dist/observe-slot-change-D8Xg-kSS.js.map +0 -1
  427. package/dist/peacock-loader.js.map +0 -1
  428. package/dist/popover-DUPmMVWS.js.map +0 -1
  429. package/dist/query-QBcUV-L_.js +0 -15
  430. package/dist/query-QBcUV-L_.js.map +0 -1
  431. package/dist/src/banner/banner.d.ts +0 -43
  432. package/dist/src/banner/index.d.ts +0 -1
  433. package/dist/src/button/GroupButtonInterface.d.ts +0 -4
  434. package/src/banner/banner.scss +0 -82
  435. package/src/banner/index.ts +0 -1
  436. package/src/button/GroupButtonInterface.ts +0 -4
  437. package/src/button/button/only-button.scss +0 -13
  438. package/src/fab/fab-sizes.scss +0 -37
  439. package/src/fab/fab.scss +0 -143
  440. /package/dist/src/{__controllers → __internal/controllers}/attachable-controller.d.ts +0 -0
  441. /package/dist/src/{__controllers → __internal/controllers}/floating-controller.d.ts +0 -0
  442. /package/dist/src/{__directive → __internal/directive}/spread.d.ts +0 -0
  443. /package/dist/src/{__mixins → __internal/mixins}/MixinConstructor.d.ts +0 -0
  444. /package/dist/src/{__mixins → __internal/mixins}/NativeButtonMixin.d.ts +0 -0
  445. /package/dist/src/{__mixins → __internal/mixins}/NativeHyperlinkMixin.d.ts +0 -0
  446. /package/dist/src/{__utils → __internal/utils}/cache-fetch.d.ts +0 -0
  447. /package/dist/src/{__utils → __internal/utils}/copy-to-clipboard.d.ts +0 -0
  448. /package/dist/src/{__utils → __internal/utils}/dispatch-event-utils.d.ts +0 -0
  449. /package/dist/src/{__utils → __internal/utils}/is-dark-mode.d.ts +0 -0
  450. /package/dist/src/{__utils → __internal/utils}/is-in-viewport.d.ts +0 -0
  451. /package/dist/src/{__utils → __internal/utils}/is-link.d.ts +0 -0
  452. /package/dist/src/{__utils → __internal/utils}/observe-theme-change.d.ts +0 -0
  453. /package/dist/src/{__utils → __internal/utils}/sanitize-svg.d.ts +0 -0
  454. /package/dist/src/{__utils → __internal/utils}/throttle.d.ts +0 -0
  455. /package/dist/src/{fab → button/fab}/index.d.ts +0 -0
  456. /package/dist/src/{peacock-loader.d.ts → loader.d.ts} +0 -0
  457. /package/dist/test/{banner.test.d.ts → alert.test.d.ts} +0 -0
  458. /package/src/{__controllers → __internal/controllers}/attachable-controller.ts +0 -0
  459. /package/src/{__controllers → __internal/controllers}/floating-controller.ts +0 -0
  460. /package/src/{__directive → __internal/directive}/spread.ts +0 -0
  461. /package/src/{__mixins → __internal/mixins}/MixinConstructor.ts +0 -0
  462. /package/src/{__mixins → __internal/mixins}/NativeButtonMixin.ts +0 -0
  463. /package/src/{__mixins → __internal/mixins}/NativeHyperlinkMixin.ts +0 -0
  464. /package/src/{__mixins → __internal/mixins}/README.md +0 -0
  465. /package/src/{__utils → __internal/utils}/cache-fetch.ts +0 -0
  466. /package/src/{__utils → __internal/utils}/copy-to-clipboard.ts +0 -0
  467. /package/src/{__utils → __internal/utils}/dispatch-event-utils.ts +0 -0
  468. /package/src/{__utils → __internal/utils}/is-dark-mode.ts +0 -0
  469. /package/src/{__utils → __internal/utils}/is-in-viewport.ts +0 -0
  470. /package/src/{__utils → __internal/utils}/is-link.ts +0 -0
  471. /package/src/{__utils → __internal/utils}/observe-theme-change.ts +0 -0
  472. /package/src/{__utils → __internal/utils}/sanitize-svg.ts +0 -0
  473. /package/src/{__utils → __internal/utils}/throttle.ts +0 -0
  474. /package/src/{fab → button/fab}/index.ts +0 -0
@@ -3,7 +3,7 @@
3
3
  "label": "Accordion",
4
4
  "tag": "wc-accordion",
5
5
  "rawTag": "accordion",
6
- "summary": "A vertically stacked set of expansion panels. Follows Material Design 3 expansion panel guidelines.",
6
+ "summary": "A vertically stacked set of expansion panels.",
7
7
  "example": "```html\n<wc-accordion>\n <wc-accordion-item>\n <span slot=\"heading\">Panel 1</span>\n <span slot=\"description\">Summary text</span>\n Content\n </wc-accordion-item>\n <wc-accordion-item>\n <span slot=\"heading\">Panel 2</span>\n Content\n </wc-accordion-item>\n</wc-accordion>\n```",
8
8
  "tags": "display",
9
9
  "customElement": {
@@ -42,183 +42,270 @@
42
42
  }
43
43
  },
44
44
  {
45
- "label": "Avatar",
46
- "tag": "wc-avatar",
47
- "rawTag": "avatar",
48
- "summary": "The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.",
49
- "cssprop": "--avatar-text-color - Controls the color of the text inside the avatar.",
50
- "example": "```html\n<wc-avatar name=\"Shivaji Varma\" src=\"https://peacock.redvars.com/assets/img/avatar.xs.webp\" style='--avatar-size: 4rem'></wc-avatar>\n```",
51
- "tags": "display",
45
+ "label": "Alert",
46
+ "tag": "wc-alert",
47
+ "rawTag": "alert",
48
+ "summary": "Alerts show short, prominent contextual messages with optional icon and description.",
49
+ "cssprop": "--alert-border-radius - Border radius of the alert surface.",
50
+ "example": "```html\n<wc-alert variant=\"note\" description=\"Use semantic roles that preserve a 3:1 contrast ratio.\"></wc-alert>\n```",
51
+ "tags": "display, feedback",
52
52
  "customElement": {
53
53
  "kind": "class",
54
54
  "description": "",
55
55
  "cssProperties": [
56
56
  {
57
- "description": "Controls the border radius of the avatar.",
58
- "name": "--avatar-border-radius"
57
+ "description": "Background color of the alert container.",
58
+ "name": "--alert-container-color"
59
59
  },
60
60
  {
61
- "description": "Controls the color of the avatar container.",
62
- "name": "--avatar-container-color"
61
+ "description": "Label text color.",
62
+ "name": "--alert-label-text-color"
63
63
  },
64
64
  {
65
- "description": "Controls the size of the avatar.",
66
- "name": "--avatar-size"
65
+ "description": "Description text color.",
66
+ "name": "--alert-description-text-color"
67
67
  },
68
68
  {
69
- "description": "Controls the color of the text inside the avatar.",
70
- "name": "--avatar-text-color"
69
+ "description": "Icon color.",
70
+ "name": "--alert-icon-color"
71
+ },
72
+ {
73
+ "description": "Border radius of the alert surface.",
74
+ "name": "--alert-border-radius"
71
75
  }
72
76
  ],
73
77
  "attributes": [
74
78
  {
75
- "name": "name",
79
+ "name": "variant",
76
80
  "type": {
77
- "text": "string"
81
+ "text": "AlertVariant"
78
82
  },
79
- "default": "''",
80
- "fieldName": "name"
83
+ "default": "'note'",
84
+ "description": "Visual intent of the alert.",
85
+ "fieldName": "variant",
86
+ "expandedType": {
87
+ "text": "'note' | 'info' | 'success' | 'warning' | 'error'"
88
+ }
81
89
  },
82
90
  {
83
- "name": "src",
91
+ "name": "label",
84
92
  "type": {
85
93
  "text": "string | undefined"
86
94
  },
87
- "fieldName": "src"
95
+ "description": "Optional explicit label text. Falls back to a variant-based label.",
96
+ "fieldName": "label"
97
+ },
98
+ {
99
+ "name": "icon",
100
+ "type": {
101
+ "text": "string | undefined"
102
+ },
103
+ "description": "Optional explicit icon name. Falls back to a variant-based icon.",
104
+ "fieldName": "icon"
105
+ },
106
+ {
107
+ "name": "description",
108
+ "type": {
109
+ "text": "string"
110
+ },
111
+ "default": "''",
112
+ "description": "Optional description text when a default slot is not provided.",
113
+ "fieldName": "description"
88
114
  }
89
115
  ],
90
116
  "superclass": {
91
117
  "name": "LitElement",
92
118
  "package": "lit"
93
119
  },
94
- "tagName": "wc-avatar",
120
+ "tagName": "wc-alert",
95
121
  "customElement": true,
96
122
  "rawTag": {
97
- "name": "avatar",
123
+ "name": "alert",
98
124
  "description": ""
99
125
  }
100
126
  }
101
127
  },
102
128
  {
103
- "label": "Badge",
104
- "tag": "wc-badge",
105
- "rawTag": "badge",
106
- "summary": "The badge component is used to display a small amount of information to the user.",
107
- "cssprop": "--badge-color - Controls the color of the badge.",
108
- "example": "```html\n<wc-badge value=\"1\"></wc-badge>\n```",
109
- "tags": "display",
129
+ "label": "App Bar",
130
+ "tag": "wc-app-bar",
131
+ "rawTag": "app-bar",
132
+ "summary": "A top app bar for page-level navigation and actions.",
133
+ "overview": "<p>The app bar component implements the top app bar pattern. It provides a\nconsistent header for screens, housing a navigation icon, a page title/headline, and\noptional trailing action icons.</p>\n\n<p>Four size variants are available: <strong>small</strong> (64dp, single-row),\n<strong>center-aligned</strong> (64dp, centred headline), <strong>medium</strong>\n(112dp, headline below the row), and <strong>large</strong> (152dp, large headline).</p>\n\n<p>Use the <code>leading</code> slot for a navigation icon (e.g. a hamburger or back\nbutton), the default slot for the headline text, and the <code>trailing</code> slot for\naction icon buttons.</p>",
134
+ "slot": "trailing - Trailing action icon buttons placed at the end of the bar.",
135
+ "cssprop": "--app-bar-shadow - Box-shadow applied when the bar is scrolled / elevated.",
136
+ "example": "```html\n<!-- Large app bar -->\n<wc-app-bar variant=\"large\">\n <wc-icon-button slot=\"leading\" variant=\"text\"><wc-icon name=\"arrow_back\"></wc-icon></wc-icon-button>\n Large Headline\n <wc-icon-button slot=\"trailing\" variant=\"text\"><wc-icon name=\"more_vert\"></wc-icon></wc-icon-button>\n</wc-app-bar>\n```",
137
+ "tags": "navigation display",
110
138
  "customElement": {
111
139
  "kind": "class",
112
140
  "description": "",
113
141
  "cssProperties": [
114
142
  {
115
- "description": "Controls the color of the badge.",
116
- "name": "--badge-color"
143
+ "description": "Background color of the app bar.",
144
+ "name": "--app-bar-container-color"
145
+ },
146
+ {
147
+ "description": "Height of the bar in small / center-aligned variants.",
148
+ "name": "--app-bar-container-height"
149
+ },
150
+ {
151
+ "description": "Color of the headline text.",
152
+ "name": "--app-bar-headline-color"
153
+ },
154
+ {
155
+ "description": "Color of the leading slot icons.",
156
+ "name": "--app-bar-leading-icon-color"
157
+ },
158
+ {
159
+ "description": "Color of the trailing slot icons.",
160
+ "name": "--app-bar-trailing-icon-color"
161
+ },
162
+ {
163
+ "description": "Box-shadow applied when the bar is scrolled / elevated.",
164
+ "name": "--app-bar-shadow"
165
+ }
166
+ ],
167
+ "slots": [
168
+ {
169
+ "description": "Navigation icon placed at the start of the bar.",
170
+ "name": "leading"
171
+ },
172
+ {
173
+ "description": "Headline / title text.",
174
+ "name": ""
175
+ },
176
+ {
177
+ "description": "Trailing action icon buttons placed at the end of the bar.",
178
+ "name": "trailing"
117
179
  }
118
180
  ],
119
181
  "attributes": [
120
182
  {
121
- "name": "value",
183
+ "name": "variant",
122
184
  "type": {
123
- "text": "string"
185
+ "text": "'small' | 'center-aligned' | 'medium' | 'large'"
124
186
  },
125
- "default": "''",
126
- "description": "The value to display in the badge.",
127
- "fieldName": "value"
187
+ "default": "'small'",
188
+ "description": "Visual variant of the app bar.\n- `\"small\"`: 64dp single-row bar with leading, title, and trailing (default).\n- `\"center-aligned\"`: 64dp single-row bar with a centred headline.\n- `\"medium\"`: Two-row bar (64dp top row + 48dp headline row).\n- `\"large\"`: Two-row bar with a larger headline (64dp top row + 88dp headline row).",
189
+ "fieldName": "variant"
190
+ },
191
+ {
192
+ "name": "scrolled",
193
+ "type": {
194
+ "text": "boolean"
195
+ },
196
+ "default": "false",
197
+ "description": "Whether the bar is in its scrolled state, which adds a shadow and optionally\nchanges the container color to indicate elevation above page content.",
198
+ "fieldName": "scrolled"
128
199
  }
129
200
  ],
130
201
  "superclass": {
131
202
  "name": "LitElement",
132
203
  "package": "lit"
133
204
  },
134
- "tagName": "wc-badge",
205
+ "tagName": "wc-app-bar",
135
206
  "customElement": true,
136
207
  "rawTag": {
137
- "name": "badge",
208
+ "name": "app-bar",
138
209
  "description": ""
139
210
  }
140
211
  }
141
212
  },
142
213
  {
143
- "label": "Banner",
144
- "tag": "wc-banner",
145
- "rawTag": "banner",
146
- "summary": "Banners show short, prominent contextual messages with optional icon and description.",
147
- "cssprop": "--banner-border-radius - Border radius of the banner surface.",
148
- "example": "```html\n<wc-banner variant=\"note\" description=\"Use semantic roles that preserve a 3:1 contrast ratio.\"></wc-banner>\n```",
149
- "tags": "display, feedback",
214
+ "label": "Avatar",
215
+ "tag": "wc-avatar",
216
+ "rawTag": "avatar",
217
+ "summary": "The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.",
218
+ "cssprop": "--avatar-text-color - Controls the color of the text inside the avatar.",
219
+ "example": "```html\n<wc-avatar name=\"Shivaji Varma\" src=\"https://peacock.redvars.com/assets/img/avatar.xs.webp\" style='--avatar-size: 4rem'></wc-avatar>\n```",
220
+ "tags": "display",
150
221
  "customElement": {
151
222
  "kind": "class",
152
223
  "description": "",
153
224
  "cssProperties": [
154
225
  {
155
- "description": "Background color of the banner container.",
156
- "name": "--banner-container-color"
157
- },
158
- {
159
- "description": "Label text color.",
160
- "name": "--banner-label-text-color"
226
+ "description": "Controls the border radius of the avatar.",
227
+ "name": "--avatar-border-radius"
161
228
  },
162
229
  {
163
- "description": "Description text color.",
164
- "name": "--banner-description-text-color"
230
+ "description": "Controls the color of the avatar container.",
231
+ "name": "--avatar-container-color"
165
232
  },
166
233
  {
167
- "description": "Icon color.",
168
- "name": "--banner-icon-color"
234
+ "description": "Controls the size of the avatar.",
235
+ "name": "--avatar-size"
169
236
  },
170
237
  {
171
- "description": "Border radius of the banner surface.",
172
- "name": "--banner-border-radius"
238
+ "description": "Controls the color of the text inside the avatar.",
239
+ "name": "--avatar-text-color"
173
240
  }
174
241
  ],
175
242
  "attributes": [
176
243
  {
177
- "name": "variant",
244
+ "name": "name",
178
245
  "type": {
179
- "text": "BannerVariant"
246
+ "text": "string"
180
247
  },
181
- "default": "'note'",
182
- "description": "Visual intent of the banner.",
183
- "fieldName": "variant",
184
- "expandedType": {
185
- "text": "'note' | 'info' | 'success' | 'warning' | 'error'"
186
- }
248
+ "default": "''",
249
+ "description": "Full name of the person. Used to derive initials when no `src` is provided.",
250
+ "fieldName": "name"
187
251
  },
188
252
  {
189
- "name": "label",
253
+ "name": "src",
190
254
  "type": {
191
255
  "text": "string | undefined"
192
256
  },
193
- "description": "Optional explicit label text. Falls back to a variant-based label.",
194
- "fieldName": "label"
195
- },
257
+ "description": "URL of the avatar image. When provided, the image is displayed instead of initials.",
258
+ "fieldName": "src"
259
+ }
260
+ ],
261
+ "superclass": {
262
+ "name": "LitElement",
263
+ "package": "lit"
264
+ },
265
+ "tagName": "wc-avatar",
266
+ "customElement": true,
267
+ "rawTag": {
268
+ "name": "avatar",
269
+ "description": ""
270
+ }
271
+ }
272
+ },
273
+ {
274
+ "label": "Badge",
275
+ "tag": "wc-badge",
276
+ "rawTag": "badge",
277
+ "summary": "The badge component is used to display a small amount of information to the user.",
278
+ "cssprop": "--badge-color - Controls the color of the badge.",
279
+ "example": "```html\n<wc-badge value=\"1\"></wc-badge>\n```",
280
+ "tags": "display",
281
+ "customElement": {
282
+ "kind": "class",
283
+ "description": "",
284
+ "cssProperties": [
196
285
  {
197
- "name": "icon",
198
- "type": {
199
- "text": "string | undefined"
200
- },
201
- "description": "Optional explicit icon name. Falls back to a variant-based icon.",
202
- "fieldName": "icon"
203
- },
286
+ "description": "Controls the color of the badge.",
287
+ "name": "--badge-color"
288
+ }
289
+ ],
290
+ "attributes": [
204
291
  {
205
- "name": "description",
292
+ "name": "value",
206
293
  "type": {
207
294
  "text": "string"
208
295
  },
209
296
  "default": "''",
210
- "description": "Optional description text when a default slot is not provided.",
211
- "fieldName": "description"
297
+ "description": "The value to display in the badge.",
298
+ "fieldName": "value"
212
299
  }
213
300
  ],
214
301
  "superclass": {
215
302
  "name": "LitElement",
216
303
  "package": "lit"
217
304
  },
218
- "tagName": "wc-banner",
305
+ "tagName": "wc-badge",
219
306
  "customElement": true,
220
307
  "rawTag": {
221
- "name": "banner",
308
+ "name": "badge",
222
309
  "description": ""
223
310
  }
224
311
  }
@@ -227,7 +314,7 @@
227
314
  "label": "Bottom Sheet",
228
315
  "tag": "wc-bottom-sheet",
229
316
  "rawTag": "bottom-sheet",
230
- "summary": "Bottom sheets slide up from the bottom of the screen to reveal additional content. Supports standard and modal variants per Material Design 3.",
317
+ "summary": "Bottom sheets slide up from the bottom of the screen to reveal additional content. Supports standard and modal variants.",
231
318
  "cssprop": "--bottom-sheet-max-height - Maximum height of the sheet.",
232
319
  "example": "```html\nBottom Sheet\n```",
233
320
  "tags": "navigation, overlay",
@@ -493,51 +580,69 @@
493
580
  {
494
581
  "name": "size",
495
582
  "type": {
496
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
583
+ "text": "ButtonSize"
497
584
  },
498
585
  "default": "'sm'",
499
586
  "description": "Button size.\nPossible values are `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`, `\"xl\"`. Defaults to `\"sm\"`.",
500
- "fieldName": "size"
587
+ "fieldName": "size",
588
+ "expandedType": {
589
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
590
+ }
501
591
  },
502
592
  {
503
- "name": "type",
593
+ "name": "level",
504
594
  "type": {
505
- "text": "'primary' | 'secondary' | 'tertiary' | undefined"
595
+ "text": "ButtonLevel | undefined"
506
596
  },
507
- "description": "Type is preset of color and variant. Type will be only applied.",
508
- "fieldName": "type"
597
+ "description": "Level is preset of color and variant. If Level provided it overrides the default color and variant.",
598
+ "fieldName": "level",
599
+ "expandedType": {
600
+ "text": "'primary' | 'secondary' | 'tertiary' | 'danger' | undefined"
601
+ }
602
+ },
603
+ {
604
+ "name": "shape",
605
+ "type": {
606
+ "text": "ButtonShape"
607
+ },
608
+ "default": "'square'",
609
+ "description": "Shape of the button container.",
610
+ "fieldName": "shape",
611
+ "expandedType": {
612
+ "text": "'round' | 'square'"
613
+ }
509
614
  },
510
615
  {
511
616
  "name": "variant",
512
617
  "type": {
513
- "text": "| 'elevated'\n | 'filled'\n | 'tonal'\n | 'outlined'\n | 'text'\n | 'neo'"
618
+ "text": "string"
514
619
  },
515
620
  "default": "'filled'",
516
- "description": "The visual style of the button.\n\n Possible variant values:\n`\"filled\"` is a filled button.\n`\"outlined\"` is an outlined button.\n`\"text\"` is a transparent button.\n`\"tonal\"` is a light color button.\n`\"elevated\"` is elevated button",
517
621
  "fieldName": "variant",
622
+ "description": "The visual style of the button.\n\n Possible variant values:\n`\"filled\"` is a filled button.\n`\"outlined\"` is an outlined button.\n`\"text\"` is a transparent button.\n`\"tonal\"` is a light color button.\n`\"elevated\"` is elevated button",
518
623
  "expandedType": {
519
624
  "text": "'elevated' | 'filled' | 'tonal' | 'outlined' | 'text' | 'neo'"
625
+ },
626
+ "inheritedFrom": {
627
+ "name": "mixinBaseButton",
628
+ "module": "src/button/base-button/base-button.ts"
520
629
  }
521
630
  },
522
631
  {
523
632
  "name": "color",
524
633
  "type": {
525
- "text": "| 'primary'\n | 'success'\n | 'danger'\n | 'warning'\n | 'surface'\n | 'on-surface'"
634
+ "text": "string"
526
635
  },
527
636
  "default": "'primary'",
528
- "description": "Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.",
529
637
  "fieldName": "color",
638
+ "description": "Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.",
530
639
  "expandedType": {
531
640
  "text": "'primary' | 'success' | 'danger' | 'warning' | 'surface' | 'on-surface'"
532
- }
533
- },
534
- {
535
- "name": "configAria",
536
- "type": {
537
- "text": "{ [key: string]: any } | undefined"
538
641
  },
539
- "description": "Additional ARIA attributes to pass to the inner button/anchor element.",
540
- "fieldName": "configAria"
642
+ "inheritedFrom": {
643
+ "name": "mixinBaseButton",
644
+ "module": "src/button/base-button/base-button.ts"
645
+ }
541
646
  },
542
647
  {
543
648
  "name": "skeleton",
@@ -545,6 +650,7 @@
545
650
  "text": "boolean"
546
651
  },
547
652
  "default": "false",
653
+ "description": "When true, renders the button in a loading skeleton state.",
548
654
  "fieldName": "skeleton"
549
655
  },
550
656
  {
@@ -553,6 +659,7 @@
553
659
  "text": "boolean"
554
660
  },
555
661
  "default": "false",
662
+ "description": "When true, the button acts as a toggle. Use with `selected`.",
556
663
  "fieldName": "toggle"
557
664
  },
558
665
  {
@@ -561,57 +668,28 @@
561
668
  "text": "boolean"
562
669
  },
563
670
  "default": "false",
671
+ "description": "When true (and `toggle` is set), the button is in the selected/pressed state.",
564
672
  "fieldName": "selected"
565
673
  },
566
- {
567
- "name": "throttleDelay",
568
- "type": {
569
- "text": "number"
570
- },
571
- "default": "200",
572
- "description": "Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.",
573
- "fieldName": "throttleDelay"
574
- },
575
674
  {
576
675
  "name": "tooltip",
577
676
  "type": {
578
677
  "text": "string | undefined"
579
678
  },
679
+ "description": "Optional tooltip text displayed on hover.",
580
680
  "fieldName": "tooltip"
581
681
  },
582
- {
583
- "name": "pressed",
584
- "type": {
585
- "text": "boolean"
586
- },
587
- "default": "false",
588
- "description": "States",
589
- "fieldName": "pressed"
590
- },
591
- {
592
- "name": "htmlType",
593
- "type": {
594
- "text": "'button' | 'submit' | 'reset'"
595
- },
596
- "default": "'button'",
597
- "description": "The type of the underlying `<button>` element. Maps to the native `type` attribute.\nPossible values are `\"button\"`, `\"submit\"`, `\"reset\"`. Defaults to `\"button\"`.",
598
- "fieldName": "htmlType",
599
- "inheritedFrom": {
600
- "name": "NativeButtonMixin",
601
- "module": "src/__mixins/NativeButtonMixin.ts"
602
- }
603
- },
604
682
  {
605
683
  "name": "disabled",
684
+ "fieldName": "disabled",
606
685
  "type": {
607
686
  "text": "boolean"
608
687
  },
609
688
  "default": "false",
610
689
  "description": "When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.",
611
- "fieldName": "disabled",
612
690
  "inheritedFrom": {
613
- "name": "NativeButtonMixin",
614
- "module": "src/__mixins/NativeButtonMixin.ts"
691
+ "name": "mixinFormAssociated",
692
+ "module": "src/__internal/mixins/form-associated.ts"
615
693
  }
616
694
  },
617
695
  {
@@ -623,8 +701,8 @@
623
701
  "description": "When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.\nUse this in combination with `disabledReason` to communicate why the button is unavailable.\nReflects to the `soft-disabled` attribute. Defaults to `false`.",
624
702
  "fieldName": "softDisabled",
625
703
  "inheritedFrom": {
626
- "name": "NativeButtonMixin",
627
- "module": "src/__mixins/NativeButtonMixin.ts"
704
+ "name": "mixinBaseButton",
705
+ "module": "src/button/base-button/base-button.ts"
628
706
  }
629
707
  },
630
708
  {
@@ -636,107 +714,126 @@
636
714
  "description": "A human-readable explanation of why the button is disabled or soft-disabled.\nRendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.\nMaps to the `disabled-reason` attribute.",
637
715
  "fieldName": "disabledReason",
638
716
  "inheritedFrom": {
639
- "name": "NativeButtonMixin",
640
- "module": "src/__mixins/NativeButtonMixin.ts"
717
+ "name": "mixinBaseButton",
718
+ "module": "src/button/base-button/base-button.ts"
641
719
  }
642
720
  },
643
721
  {
644
- "name": "form",
722
+ "name": "throttleDelay",
645
723
  "type": {
646
- "text": "string"
724
+ "text": "number | undefined"
647
725
  },
648
- "default": "''",
649
- "description": "The `id` of the `<form>` element to associate the button with.\nIf omitted, the button is associated with its nearest ancestor form.\nMaps to the native `form` attribute.",
650
- "fieldName": "form",
726
+ "description": "Sets the delay for throttle in milliseconds. When undefined (default), no throttle is applied.",
727
+ "fieldName": "throttleDelay",
651
728
  "inheritedFrom": {
652
- "name": "NativeButtonMixin",
653
- "module": "src/__mixins/NativeButtonMixin.ts"
729
+ "name": "mixinBaseButton",
730
+ "module": "src/button/base-button/base-button.ts"
654
731
  }
655
732
  },
656
733
  {
657
- "name": "name",
734
+ "name": "href",
658
735
  "type": {
659
- "text": "string"
736
+ "text": "string | undefined"
660
737
  },
661
- "default": "''",
662
- "description": "The name of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `name` attribute.",
663
- "fieldName": "name",
738
+ "fieldName": "href",
664
739
  "inheritedFrom": {
665
- "name": "NativeButtonMixin",
666
- "module": "src/__mixins/NativeButtonMixin.ts"
740
+ "name": "mixinHyperlink",
741
+ "module": "src/__internal/mixins/hyperlink.ts"
667
742
  }
668
743
  },
669
744
  {
670
- "name": "value",
745
+ "name": "target",
671
746
  "type": {
672
- "text": "string"
747
+ "text": "'_self' | '_parent' | '_blank' | '_top' | string"
673
748
  },
674
- "default": "''",
675
- "description": "The value of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `value` attribute.",
676
- "fieldName": "value",
749
+ "default": "'_self'",
750
+ "fieldName": "target",
677
751
  "inheritedFrom": {
678
- "name": "NativeButtonMixin",
679
- "module": "src/__mixins/NativeButtonMixin.ts"
752
+ "name": "mixinHyperlink",
753
+ "module": "src/__internal/mixins/hyperlink.ts"
680
754
  }
681
755
  },
682
756
  {
683
- "name": "href",
757
+ "name": "rel",
684
758
  "type": {
685
- "text": "string | undefined"
759
+ "text": "string"
686
760
  },
687
- "description": "The URL that the hyperlink points to. When set, the component renders as an `<a>` element.\nMaps to the native `href` attribute.",
688
- "fieldName": "href",
761
+ "default": "''",
762
+ "fieldName": "rel",
689
763
  "inheritedFrom": {
690
- "name": "NativeHyperlinkMixin",
691
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
764
+ "name": "mixinHyperlink",
765
+ "module": "src/__internal/mixins/hyperlink.ts"
692
766
  }
693
767
  },
694
768
  {
695
- "name": "target",
769
+ "name": "download",
696
770
  "type": {
697
- "text": "'_self' | '_parent' | '_blank' | '_top' | string"
771
+ "text": "string"
698
772
  },
699
- "default": "'_self'",
700
- "description": "Where to display the linked URL. Maps to the native `target` attribute.\nPossible values are `\"_self\"`, `\"_blank\"`, `\"_parent\"`, `\"_top\"`, or a custom frame name.\nWhen using `\"_blank\"`, consider setting `rel=\"noopener noreferrer\"` for security. Defaults to `\"_self\"`.",
701
- "fieldName": "target",
773
+ "default": "''",
774
+ "fieldName": "download",
702
775
  "inheritedFrom": {
703
- "name": "NativeHyperlinkMixin",
704
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
776
+ "name": "mixinHyperlink",
777
+ "module": "src/__internal/mixins/hyperlink.ts"
705
778
  }
706
779
  },
707
780
  {
708
- "name": "rel",
781
+ "name": "type",
709
782
  "type": {
710
- "text": "string | undefined"
783
+ "text": "string"
711
784
  },
712
- "description": "The relationship between the current document and the linked URL.\nMaps to the native `rel` attribute on the rendered `<a>` element.\nWhen `target=\"_blank\"`, use `\"noopener noreferrer\"` to prevent tab-napping attacks.",
713
- "fieldName": "rel",
785
+ "default": "'submit'",
786
+ "fieldName": "type",
714
787
  "inheritedFrom": {
715
- "name": "NativeHyperlinkMixin",
716
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
788
+ "name": "mixinFormSubmitter",
789
+ "module": "src/__internal/mixins/form-submitter.ts"
717
790
  }
718
791
  },
719
792
  {
720
- "name": "download",
793
+ "name": "value",
721
794
  "type": {
722
- "text": "string | undefined"
795
+ "text": "string"
723
796
  },
724
- "description": "Causes the browser to download the linked URL instead of navigating to it.\nIf a string value is provided, it is used as the suggested filename.\nOmit or leave undefined to preserve normal navigation behaviour.\nMaps to the native `download` attribute. Only applies when `href` is set.",
725
- "fieldName": "download",
797
+ "default": "''",
798
+ "fieldName": "value",
726
799
  "inheritedFrom": {
727
- "name": "NativeHyperlinkMixin",
728
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
800
+ "name": "mixinFormSubmitter",
801
+ "module": "src/__internal/mixins/form-submitter.ts"
802
+ }
803
+ },
804
+ {
805
+ "name": "name",
806
+ "fieldName": "name",
807
+ "inheritedFrom": {
808
+ "name": "mixinFormAssociated",
809
+ "module": "src/__internal/mixins/form-associated.ts"
729
810
  }
730
811
  }
731
812
  ],
732
813
  "mixins": [
733
814
  {
734
- "name": "NativeButtonMixin",
735
- "package": "@/__mixins/NativeButtonMixin.js"
815
+ "name": "mixinBaseButton",
816
+ "module": "/src/button/base-button/base-button.js"
736
817
  },
737
818
  {
738
- "name": "NativeHyperlinkMixin",
739
- "package": "@/__mixins/NativeHyperlinkMixin.js"
819
+ "name": "mixinHyperlink",
820
+ "package": "@/__internal/mixins/hyperlink.js"
821
+ },
822
+ {
823
+ "name": "mixinDelegatesAria",
824
+ "package": "@/__internal/aria/delegate.js"
825
+ },
826
+ {
827
+ "name": "mixinFormSubmitter",
828
+ "package": "@/__internal/mixins/form-submitter.js"
829
+ },
830
+ {
831
+ "name": "mixinFormAssociated",
832
+ "package": "@/__internal/mixins/form-associated.js"
833
+ },
834
+ {
835
+ "name": "mixinElementInternals",
836
+ "package": "@/__internal/mixins/element-internals.js"
740
837
  }
741
838
  ],
742
839
  "superclass": {
@@ -756,7 +853,7 @@
756
853
  "tag": "wc-button-group",
757
854
  "rawTag": "button-group",
758
855
  "summary": "Group a series of buttons together on a single line with the button group, and super-power.",
759
- "example": "```html\n<wc-button-group variant=\"connected\">\n <wc-icon-button toggle selected><wc-icon name=\"home\"></wc-icon></wc-icon-button>\n <wc-icon-button toggle><wc-icon name=\"alarm\"></wc-icon></wc-icon-button>\n</wc-button-group>\n```",
856
+ "example": "```html\n<wc-button-group connected=\"true\">\n <wc-icon-button toggle=\"true\" shaped=\"wide\">\n <wc-icon name=\"format_bold\"></wc-icon>\n </wc-icon-button>\n <wc-icon-button toggle=\"true\" shaped=\"wide\">\n <wc-icon name=\"format_italic\"></wc-icon>\n </wc-icon-button>\n <wc-icon-button toggle=\"true\" shaped=\"wide\">\n <wc-icon name=\"format_underlined\"></wc-icon>\n </wc-icon-button>\n</wc-button-group>\n```",
760
857
  "tags": "controls",
761
858
  "customElement": {
762
859
  "kind": "class",
@@ -772,27 +869,18 @@
772
869
  "fieldName": "size"
773
870
  },
774
871
  {
775
- "name": "variant",
872
+ "name": "connected",
776
873
  "type": {
777
- "text": "'standard' | 'connected'"
778
- },
779
- "default": "'standard'",
780
- "description": "Layout variant of the button group.\n`\"standard\"` shows buttons with a small gap between them.\n`\"connected\"` places buttons with a 2px gap; in horizontal orientation outer buttons have fully\nrounded outer corners and middle buttons keep standard rounded corners. In vertical orientation\nall buttons keep their default corner shape.\nDefaults to `\"standard\"`.",
781
- "fieldName": "variant"
782
- },
783
- {
784
- "name": "orientation",
785
- "type": {
786
- "text": "'horizontal' | 'vertical'"
874
+ "text": "boolean"
787
875
  },
788
- "default": "'horizontal'",
789
- "description": "Orientation of the button group.\n`\"horizontal\"` lays buttons out in a row.\n`\"vertical\"` stacks buttons in a column.\nDefaults to `\"horizontal\"`.",
790
- "fieldName": "orientation"
876
+ "default": "false",
877
+ "description": "Layout variant of the button group.\n`\"standard\"` shows buttons with a small gap between them.\n`\"connected\"` places buttons with a 2px gap;\nrounded outer corners and middle buttons keep standard rounded corners.\nDefaults to `\"standard\"`.",
878
+ "fieldName": "connected"
791
879
  },
792
880
  {
793
881
  "name": "color",
794
882
  "type": {
795
- "text": "| 'primary'\n | 'success'\n | 'danger'\n | 'warning'\n | 'surface'\n | 'on-surface' | undefined"
883
+ "text": "ButtonColor | undefined"
796
884
  },
797
885
  "description": "Color applied to all buttons in the group.\nPossible values are `\"primary\"`, `\"success\"`, `\"danger\"`, `\"warning\"`, `\"surface\"`, `\"on-surface\"`.",
798
886
  "fieldName": "color",
@@ -801,12 +889,12 @@
801
889
  }
802
890
  },
803
891
  {
804
- "name": "button-variant",
892
+ "name": "variant",
805
893
  "type": {
806
894
  "text": "| 'filled'\n | 'tonal'\n | 'outlined' | undefined"
807
895
  },
808
896
  "description": "Visual style applied to all buttons in the group.\nPossible values are `\"filled\"`, `\"tonal\"`, `\"outlined\"`.",
809
- "fieldName": "buttonVariant",
897
+ "fieldName": "variant",
810
898
  "expandedType": {
811
899
  "text": "'filled' | 'tonal' | 'outlined' | undefined"
812
900
  }
@@ -828,7 +916,7 @@
828
916
  "label": "Calendar",
829
917
  "tag": "wc-calendar",
830
918
  "rawTag": "calendar",
831
- "summary": "A Material 3 inspired full calendar component for displaying events in day, week, or month views.",
919
+ "summary": "A full calendar component for displaying events in day, week, or month views.",
832
920
  "cssprop": "--calendar-event-border-color - Left border color for calendar events.",
833
921
  "fires": "date-change - Dispatched when the context date changes. Detail contains `{ date }`.",
834
922
  "example": "```html\n<wc-calendar view=\"week\" style=\"height: 600px\"></wc-calendar>\n```",
@@ -1058,7 +1146,7 @@
1058
1146
  "label": "Canvas",
1059
1147
  "tag": "wc-canvas",
1060
1148
  "rawTag": "canvas",
1061
- "summary": "A Material 3 inspired SVG canvas for drawing shapes, lines, and connectors on a dotted grid.",
1149
+ "summary": "A SVG canvas for drawing shapes, lines, and connectors on a dotted grid.",
1062
1150
  "cssprop": "--canvas-arrow-color - Stroke color for arrow markers. Defaults to on-surface.",
1063
1151
  "example": "```html\n<wc-canvas id=\"my-canvas\"></wc-canvas>\n<script>\n document.querySelector('#my-canvas').shapes = [\n { type: 'circle', x: 0, y: 0, radius: 0.25, color: 'red' },\n ];\n</script>\n```",
1064
1152
  "customElement": {
@@ -1139,7 +1227,7 @@
1139
1227
  "label": "Card",
1140
1228
  "tag": "wc-card",
1141
1229
  "rawTag": "card",
1142
- "summary": "A Material 3 inspired card surface for grouping related content.",
1230
+ "summary": "A card surface for grouping related content.",
1143
1231
  "cssprop": "--card-gap - Gap between slotted children.",
1144
1232
  "example": "```html\n<wc-card variant=\"outlined\" style=\"padding-block: 1rem;\">\n <wc-card-content>\n <h3 class=\"text-headline\">Title</h3>\n <p class=\"text-body\">Supportive text</p>\n </wc-card-content>\n</wc-card>\n```",
1145
1233
  "customElement": {
@@ -1199,10 +1287,9 @@
1199
1287
  {
1200
1288
  "name": "throttleDelay",
1201
1289
  "type": {
1202
- "text": "number"
1290
+ "text": "number | undefined"
1203
1291
  },
1204
- "default": "200",
1205
- "description": "Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.",
1292
+ "description": "Sets the delay for throttle in milliseconds. When null (default), no throttle is applied.",
1206
1293
  "fieldName": "throttleDelay"
1207
1294
  },
1208
1295
  {
@@ -1214,7 +1301,7 @@
1214
1301
  "fieldName": "href",
1215
1302
  "inheritedFrom": {
1216
1303
  "name": "NativeHyperlinkMixin",
1217
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
1304
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
1218
1305
  }
1219
1306
  },
1220
1307
  {
@@ -1227,7 +1314,7 @@
1227
1314
  "fieldName": "target",
1228
1315
  "inheritedFrom": {
1229
1316
  "name": "NativeHyperlinkMixin",
1230
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
1317
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
1231
1318
  }
1232
1319
  },
1233
1320
  {
@@ -1239,7 +1326,7 @@
1239
1326
  "fieldName": "rel",
1240
1327
  "inheritedFrom": {
1241
1328
  "name": "NativeHyperlinkMixin",
1242
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
1329
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
1243
1330
  }
1244
1331
  },
1245
1332
  {
@@ -1251,14 +1338,14 @@
1251
1338
  "fieldName": "download",
1252
1339
  "inheritedFrom": {
1253
1340
  "name": "NativeHyperlinkMixin",
1254
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
1341
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
1255
1342
  }
1256
1343
  }
1257
1344
  ],
1258
1345
  "mixins": [
1259
1346
  {
1260
1347
  "name": "NativeHyperlinkMixin",
1261
- "package": "@/__mixins/NativeHyperlinkMixin.js"
1348
+ "package": "@/__internal/mixins/NativeHyperlinkMixin.js"
1262
1349
  }
1263
1350
  ],
1264
1351
  "superclass": {
@@ -1461,7 +1548,7 @@
1461
1548
  "label": "Chart Bar",
1462
1549
  "tag": "wc-chart-bar",
1463
1550
  "rawTag": "chart-bar",
1464
- "summary": "A vertical bar chart that follows Material Design 3 color and spacing tokens.",
1551
+ "summary": "A vertical bar chart that follows color and spacing tokens.",
1465
1552
  "tags": "charts",
1466
1553
  "example": "```html\n<wc-chart-bar width=\"520\" height=\"320\"></wc-chart-bar>\n<script>\n document.querySelector('wc-chart-bar').data = [\n { name: 'apples', label: 'Apples', value: 20 },\n { name: 'bananas', label: 'Bananas', value: 35 },\n { name: 'cherries', label: 'Cherries', value: 15 },\n ];\n</script>\n```",
1467
1554
  "customElement": {
@@ -1658,7 +1745,7 @@
1658
1745
  "label": "Chart Stacked Bar",
1659
1746
  "tag": "wc-chart-stacked-bar",
1660
1747
  "rawTag": "chart-stacked-bar",
1661
- "summary": "A stacked bar chart that groups series by category using Material Design 3 tokens.",
1748
+ "summary": "A stacked bar chart that groups series by category using tokens.",
1662
1749
  "tags": "charts",
1663
1750
  "example": "```html\n<wc-chart-stacked-bar width=\"560\" height=\"360\"></wc-chart-stacked-bar>\n<script>\n document.querySelector('wc-chart-stacked-bar').data = [\n {\n name: 'q1',\n label: 'Q1',\n segments: [\n { name: 'mobile', label: 'Mobile', value: 40 },\n { name: 'web', label: 'Web', value: 25 },\n { name: 'store', label: 'Store', value: 15 },\n ],\n },\n {\n name: 'q2',\n label: 'Q2',\n segments: [\n { name: 'mobile', label: 'Mobile', value: 32 },\n { name: 'web', label: 'Web', value: 30 },\n { name: 'store', label: 'Store', value: 18 },\n ],\n },\n ];\n</script>\n```",
1664
1751
  "customElement": {
@@ -1737,7 +1824,7 @@
1737
1824
  "tag": "wc-checkbox",
1738
1825
  "rawTag": "checkbox",
1739
1826
  "summary": "Captures boolean input with an optional indeterminate mode.",
1740
- "overview": "<p>Checkboxes allow users to select one or more items from a set. Checkboxes can turn an option on or off.</p>\n<p>Material Design 3 checkboxes feature a smooth animation and clear visual states for checked, unchecked, and indeterminate.</p>",
1827
+ "overview": "<p>Checkboxes allow users to select one or more items from a set. Checkboxes can turn an option on or off.</p>\n<p>checkboxes feature a smooth animation and clear visual states for checked, unchecked, and indeterminate.</p>",
1741
1828
  "cssprop": "--checkbox-state-layer-size: Size of the state layer for touch target.",
1742
1829
  "fires": "focus - Dispatched when the checkbox receives focus.",
1743
1830
  "tags": "input, form",
@@ -1936,59 +2023,60 @@
1936
2023
  "text": "boolean"
1937
2024
  },
1938
2025
  "default": "false",
2026
+ "description": "When true, renders the chip in a loading skeleton state.",
1939
2027
  "fieldName": "skeleton"
1940
2028
  },
1941
- {
1942
- "name": "toggle",
1943
- "type": {
1944
- "text": "boolean"
1945
- },
1946
- "default": "false",
1947
- "fieldName": "toggle"
1948
- },
1949
2029
  {
1950
2030
  "name": "selected",
1951
2031
  "type": {
1952
2032
  "text": "boolean"
1953
2033
  },
1954
2034
  "default": "false",
2035
+ "description": "When true, the chip is in the selected/pressed state.",
1955
2036
  "fieldName": "selected"
1956
2037
  },
1957
2038
  {
1958
2039
  "name": "throttleDelay",
1959
2040
  "type": {
1960
- "text": "number"
2041
+ "text": "number | undefined"
1961
2042
  },
1962
- "default": "200",
1963
- "description": "Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.",
1964
- "fieldName": "throttleDelay"
2043
+ "description": "Sets the delay for throttle in milliseconds. When null (default), no throttle is applied.",
2044
+ "fieldName": "throttleDelay",
2045
+ "inheritedFrom": {
2046
+ "name": "mixinBaseButton",
2047
+ "module": "src/button/base-button/base-button.ts"
2048
+ }
1965
2049
  },
1966
2050
  {
1967
2051
  "name": "tooltip",
1968
2052
  "type": {
1969
2053
  "text": "string | undefined"
1970
2054
  },
2055
+ "description": "Optional tooltip text displayed on hover.",
1971
2056
  "fieldName": "tooltip"
1972
2057
  },
1973
2058
  {
1974
- "name": "pressed",
2059
+ "name": "variant",
1975
2060
  "type": {
1976
- "text": "boolean"
2061
+ "text": "string"
1977
2062
  },
1978
- "default": "false",
1979
- "fieldName": "pressed"
2063
+ "default": "''",
2064
+ "fieldName": "variant",
2065
+ "inheritedFrom": {
2066
+ "name": "mixinBaseButton",
2067
+ "module": "src/button/base-button/base-button.ts"
2068
+ }
1980
2069
  },
1981
2070
  {
1982
- "name": "htmlType",
2071
+ "name": "color",
1983
2072
  "type": {
1984
- "text": "'button' | 'submit' | 'reset'"
2073
+ "text": "string"
1985
2074
  },
1986
- "default": "'button'",
1987
- "description": "The type of the underlying `<button>` element. Maps to the native `type` attribute.\nPossible values are `\"button\"`, `\"submit\"`, `\"reset\"`. Defaults to `\"button\"`.",
1988
- "fieldName": "htmlType",
2075
+ "default": "''",
2076
+ "fieldName": "color",
1989
2077
  "inheritedFrom": {
1990
- "name": "NativeButtonMixin",
1991
- "module": "src/__mixins/NativeButtonMixin.ts"
2078
+ "name": "mixinBaseButton",
2079
+ "module": "src/button/base-button/base-button.ts"
1992
2080
  }
1993
2081
  },
1994
2082
  {
@@ -2000,8 +2088,8 @@
2000
2088
  "description": "When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.",
2001
2089
  "fieldName": "disabled",
2002
2090
  "inheritedFrom": {
2003
- "name": "NativeButtonMixin",
2004
- "module": "src/__mixins/NativeButtonMixin.ts"
2091
+ "name": "mixinBaseButton",
2092
+ "module": "src/button/base-button/base-button.ts"
2005
2093
  }
2006
2094
  },
2007
2095
  {
@@ -2013,8 +2101,8 @@
2013
2101
  "description": "When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.\nUse this in combination with `disabledReason` to communicate why the button is unavailable.\nReflects to the `soft-disabled` attribute. Defaults to `false`.",
2014
2102
  "fieldName": "softDisabled",
2015
2103
  "inheritedFrom": {
2016
- "name": "NativeButtonMixin",
2017
- "module": "src/__mixins/NativeButtonMixin.ts"
2104
+ "name": "mixinBaseButton",
2105
+ "module": "src/button/base-button/base-button.ts"
2018
2106
  }
2019
2107
  },
2020
2108
  {
@@ -2024,49 +2112,10 @@
2024
2112
  },
2025
2113
  "default": "''",
2026
2114
  "description": "A human-readable explanation of why the button is disabled or soft-disabled.\nRendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.\nMaps to the `disabled-reason` attribute.",
2027
- "fieldName": "disabledReason",
2028
- "inheritedFrom": {
2029
- "name": "NativeButtonMixin",
2030
- "module": "src/__mixins/NativeButtonMixin.ts"
2031
- }
2032
- },
2033
- {
2034
- "name": "form",
2035
- "type": {
2036
- "text": "string"
2037
- },
2038
- "default": "''",
2039
- "description": "The `id` of the `<form>` element to associate the button with.\nIf omitted, the button is associated with its nearest ancestor form.\nMaps to the native `form` attribute.",
2040
- "fieldName": "form",
2041
- "inheritedFrom": {
2042
- "name": "NativeButtonMixin",
2043
- "module": "src/__mixins/NativeButtonMixin.ts"
2044
- }
2045
- },
2046
- {
2047
- "name": "name",
2048
- "type": {
2049
- "text": "string"
2050
- },
2051
- "default": "''",
2052
- "description": "The name of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `name` attribute.",
2053
- "fieldName": "name",
2054
- "inheritedFrom": {
2055
- "name": "NativeButtonMixin",
2056
- "module": "src/__mixins/NativeButtonMixin.ts"
2057
- }
2058
- },
2059
- {
2060
- "name": "value",
2061
- "type": {
2062
- "text": "string"
2063
- },
2064
- "default": "''",
2065
- "description": "The value of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `value` attribute.",
2066
- "fieldName": "value",
2115
+ "fieldName": "disabledReason",
2067
2116
  "inheritedFrom": {
2068
- "name": "NativeButtonMixin",
2069
- "module": "src/__mixins/NativeButtonMixin.ts"
2117
+ "name": "mixinBaseButton",
2118
+ "module": "src/button/base-button/base-button.ts"
2070
2119
  }
2071
2120
  },
2072
2121
  {
@@ -2074,11 +2123,10 @@
2074
2123
  "type": {
2075
2124
  "text": "string | undefined"
2076
2125
  },
2077
- "description": "The URL that the hyperlink points to. When set, the component renders as an `<a>` element.\nMaps to the native `href` attribute.",
2078
2126
  "fieldName": "href",
2079
2127
  "inheritedFrom": {
2080
- "name": "NativeHyperlinkMixin",
2081
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
2128
+ "name": "mixinHyperlink",
2129
+ "module": "src/__internal/mixins/hyperlink.ts"
2082
2130
  }
2083
2131
  },
2084
2132
  {
@@ -2087,46 +2135,53 @@
2087
2135
  "text": "'_self' | '_parent' | '_blank' | '_top' | string"
2088
2136
  },
2089
2137
  "default": "'_self'",
2090
- "description": "Where to display the linked URL. Maps to the native `target` attribute.\nPossible values are `\"_self\"`, `\"_blank\"`, `\"_parent\"`, `\"_top\"`, or a custom frame name.\nWhen using `\"_blank\"`, consider setting `rel=\"noopener noreferrer\"` for security. Defaults to `\"_self\"`.",
2091
2138
  "fieldName": "target",
2092
2139
  "inheritedFrom": {
2093
- "name": "NativeHyperlinkMixin",
2094
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
2140
+ "name": "mixinHyperlink",
2141
+ "module": "src/__internal/mixins/hyperlink.ts"
2095
2142
  }
2096
2143
  },
2097
2144
  {
2098
2145
  "name": "rel",
2099
2146
  "type": {
2100
- "text": "string | undefined"
2147
+ "text": "string"
2101
2148
  },
2102
- "description": "The relationship between the current document and the linked URL.\nMaps to the native `rel` attribute on the rendered `<a>` element.\nWhen `target=\"_blank\"`, use `\"noopener noreferrer\"` to prevent tab-napping attacks.",
2149
+ "default": "''",
2103
2150
  "fieldName": "rel",
2104
2151
  "inheritedFrom": {
2105
- "name": "NativeHyperlinkMixin",
2106
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
2152
+ "name": "mixinHyperlink",
2153
+ "module": "src/__internal/mixins/hyperlink.ts"
2107
2154
  }
2108
2155
  },
2109
2156
  {
2110
2157
  "name": "download",
2111
2158
  "type": {
2112
- "text": "string | undefined"
2159
+ "text": "string"
2113
2160
  },
2114
- "description": "Causes the browser to download the linked URL instead of navigating to it.\nIf a string value is provided, it is used as the suggested filename.\nOmit or leave undefined to preserve normal navigation behaviour.\nMaps to the native `download` attribute. Only applies when `href` is set.",
2161
+ "default": "''",
2115
2162
  "fieldName": "download",
2116
2163
  "inheritedFrom": {
2117
- "name": "NativeHyperlinkMixin",
2118
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
2164
+ "name": "mixinHyperlink",
2165
+ "module": "src/__internal/mixins/hyperlink.ts"
2119
2166
  }
2120
2167
  }
2121
2168
  ],
2122
2169
  "mixins": [
2123
2170
  {
2124
- "name": "NativeButtonMixin",
2125
- "package": "@/__mixins/NativeButtonMixin.js"
2171
+ "name": "mixinBaseButton",
2172
+ "package": "@/button/base-button/base-button.js"
2126
2173
  },
2127
2174
  {
2128
- "name": "NativeHyperlinkMixin",
2129
- "package": "@/__mixins/NativeHyperlinkMixin.js"
2175
+ "name": "mixinHyperlink",
2176
+ "package": "@/__internal/mixins/hyperlink.js"
2177
+ },
2178
+ {
2179
+ "name": "mixinDelegatesAria",
2180
+ "package": "@/__internal/aria/delegate.js"
2181
+ },
2182
+ {
2183
+ "name": "mixinElementInternals",
2184
+ "package": "@/__internal/mixins/element-internals.js"
2130
2185
  }
2131
2186
  ],
2132
2187
  "superclass": {
@@ -2295,7 +2350,7 @@
2295
2350
  "type": {
2296
2351
  "text": "string"
2297
2352
  },
2298
- "default": "\"\"",
2353
+ "default": "''",
2299
2354
  "fieldName": "name"
2300
2355
  },
2301
2356
  {
@@ -2512,6 +2567,7 @@
2512
2567
  "text": "ContainerSize"
2513
2568
  },
2514
2569
  "default": "'full'",
2570
+ "description": "Max-width breakpoint of the container.\nPossible values are `\"max\"`, `\"xl\"`, `\"lg\"`, `\"md\"`, `\"sm\"`, `\"full\"`. Defaults to `\"full\"`.",
2515
2571
  "fieldName": "size",
2516
2572
  "expandedType": {
2517
2573
  "text": "'max' | 'xl' | 'lg' | 'md' | 'sm' | 'full'"
@@ -2744,6 +2800,7 @@
2744
2800
  "text": "boolean"
2745
2801
  },
2746
2802
  "default": "false",
2803
+ "description": "When true, renders the divider vertically. Defaults to horizontal.",
2747
2804
  "fieldName": "vertical"
2748
2805
  }
2749
2806
  ],
@@ -2942,7 +2999,7 @@
2942
2999
  "tag": "wc-fab",
2943
3000
  "rawTag": "fab",
2944
3001
  "summary": "The FAB (Floating Action Button) represents the primary action on a screen.",
2945
- "overview": "<p>A Floating Action Button (FAB) is a circular button that represents the primary action on a screen. It follows the Material Design 3 specification and supports four color roles and two variants.</p>",
3002
+ "overview": "<p>A Floating Action Button (FAB) is a circular button that represents the primary action on a screen. It follows the specification and supports four color roles and two variants.</p>",
2946
3003
  "cssprop": "--fab-container-elevation-level: Elevation level of the FAB. Defaults to 3.",
2947
3004
  "fires": "click - Dispatched when the FAB is clicked.",
2948
3005
  "example": "```html\n<wc-fab><wc-icon name=\"add\"></wc-icon></wc-fab>\n```",
@@ -2989,23 +3046,31 @@
2989
3046
  {
2990
3047
  "name": "color",
2991
3048
  "type": {
2992
- "text": "| 'surface'\n | 'primary'\n | 'secondary'\n | 'tertiary'"
3049
+ "text": "string"
2993
3050
  },
2994
3051
  "default": "'surface'",
2995
- "description": "The color role of the FAB.\n`\"surface\"` uses the surface color role.\n`\"primary\"` uses the primary color role.\n`\"secondary\"` uses the secondary color role.\n`\"tertiary\"` uses the tertiary color role.",
2996
3052
  "fieldName": "color",
3053
+ "description": "The color role of the FAB.\n`\"surface\"` uses the surface color role.\n`\"primary\"` uses the primary color role.\n`\"secondary\"` uses the secondary color role.\n`\"tertiary\"` uses the tertiary color role.",
2997
3054
  "expandedType": {
2998
3055
  "text": "'surface' | 'primary' | 'secondary' | 'tertiary'"
3056
+ },
3057
+ "inheritedFrom": {
3058
+ "name": "mixinBaseButton",
3059
+ "module": "src/button/base-button/base-button.ts"
2999
3060
  }
3000
3061
  },
3001
3062
  {
3002
3063
  "name": "variant",
3003
3064
  "type": {
3004
- "text": "'tonal' | 'filled'"
3065
+ "text": "string"
3005
3066
  },
3006
3067
  "default": "'tonal'",
3068
+ "fieldName": "variant",
3007
3069
  "description": "The style variant of the FAB.\n`\"tonal\"` uses container colors.\n`\"filled\"` uses solid role colors.",
3008
- "fieldName": "variant"
3070
+ "inheritedFrom": {
3071
+ "name": "mixinBaseButton",
3072
+ "module": "src/button/base-button/base-button.ts"
3073
+ }
3009
3074
  },
3010
3075
  {
3011
3076
  "name": "size",
@@ -3025,23 +3090,6 @@
3025
3090
  "description": "If `true`, the FAB is in a lowered (resting) state with reduced elevation.",
3026
3091
  "fieldName": "lowered"
3027
3092
  },
3028
- {
3029
- "name": "configAria",
3030
- "type": {
3031
- "text": "{ [key: string]: any } | undefined"
3032
- },
3033
- "description": "Additional ARIA attributes to pass to the inner button/anchor element.",
3034
- "fieldName": "configAria"
3035
- },
3036
- {
3037
- "name": "throttleDelay",
3038
- "type": {
3039
- "text": "number"
3040
- },
3041
- "default": "200",
3042
- "description": "Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.",
3043
- "fieldName": "throttleDelay"
3044
- },
3045
3093
  {
3046
3094
  "name": "tooltip",
3047
3095
  "type": {
@@ -3074,39 +3122,17 @@
3074
3122
  "default": "false",
3075
3123
  "fieldName": "selected"
3076
3124
  },
3077
- {
3078
- "name": "pressed",
3079
- "type": {
3080
- "text": "boolean"
3081
- },
3082
- "default": "false",
3083
- "description": "States",
3084
- "fieldName": "pressed"
3085
- },
3086
- {
3087
- "name": "htmlType",
3088
- "type": {
3089
- "text": "'button' | 'submit' | 'reset'"
3090
- },
3091
- "default": "'button'",
3092
- "description": "The type of the underlying `<button>` element. Maps to the native `type` attribute.\nPossible values are `\"button\"`, `\"submit\"`, `\"reset\"`. Defaults to `\"button\"`.",
3093
- "fieldName": "htmlType",
3094
- "inheritedFrom": {
3095
- "name": "NativeButtonMixin",
3096
- "module": "src/__mixins/NativeButtonMixin.ts"
3097
- }
3098
- },
3099
3125
  {
3100
3126
  "name": "disabled",
3127
+ "fieldName": "disabled",
3101
3128
  "type": {
3102
3129
  "text": "boolean"
3103
3130
  },
3104
3131
  "default": "false",
3105
3132
  "description": "When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.",
3106
- "fieldName": "disabled",
3107
3133
  "inheritedFrom": {
3108
- "name": "NativeButtonMixin",
3109
- "module": "src/__mixins/NativeButtonMixin.ts"
3134
+ "name": "mixinFormAssociated",
3135
+ "module": "src/__internal/mixins/form-associated.ts"
3110
3136
  }
3111
3137
  },
3112
3138
  {
@@ -3118,8 +3144,8 @@
3118
3144
  "description": "When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.\nUse this in combination with `disabledReason` to communicate why the button is unavailable.\nReflects to the `soft-disabled` attribute. Defaults to `false`.",
3119
3145
  "fieldName": "softDisabled",
3120
3146
  "inheritedFrom": {
3121
- "name": "NativeButtonMixin",
3122
- "module": "src/__mixins/NativeButtonMixin.ts"
3147
+ "name": "mixinBaseButton",
3148
+ "module": "src/button/base-button/base-button.ts"
3123
3149
  }
3124
3150
  },
3125
3151
  {
@@ -3131,107 +3157,126 @@
3131
3157
  "description": "A human-readable explanation of why the button is disabled or soft-disabled.\nRendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.\nMaps to the `disabled-reason` attribute.",
3132
3158
  "fieldName": "disabledReason",
3133
3159
  "inheritedFrom": {
3134
- "name": "NativeButtonMixin",
3135
- "module": "src/__mixins/NativeButtonMixin.ts"
3160
+ "name": "mixinBaseButton",
3161
+ "module": "src/button/base-button/base-button.ts"
3136
3162
  }
3137
3163
  },
3138
3164
  {
3139
- "name": "form",
3165
+ "name": "throttleDelay",
3140
3166
  "type": {
3141
- "text": "string"
3167
+ "text": "number | undefined"
3142
3168
  },
3143
- "default": "''",
3144
- "description": "The `id` of the `<form>` element to associate the button with.\nIf omitted, the button is associated with its nearest ancestor form.\nMaps to the native `form` attribute.",
3145
- "fieldName": "form",
3169
+ "description": "Sets the delay for throttle in milliseconds. When undefined (default), no throttle is applied.",
3170
+ "fieldName": "throttleDelay",
3146
3171
  "inheritedFrom": {
3147
- "name": "NativeButtonMixin",
3148
- "module": "src/__mixins/NativeButtonMixin.ts"
3172
+ "name": "mixinBaseButton",
3173
+ "module": "src/button/base-button/base-button.ts"
3149
3174
  }
3150
3175
  },
3151
3176
  {
3152
- "name": "name",
3177
+ "name": "href",
3153
3178
  "type": {
3154
- "text": "string"
3179
+ "text": "string | undefined"
3155
3180
  },
3156
- "default": "''",
3157
- "description": "The name of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `name` attribute.",
3158
- "fieldName": "name",
3181
+ "fieldName": "href",
3159
3182
  "inheritedFrom": {
3160
- "name": "NativeButtonMixin",
3161
- "module": "src/__mixins/NativeButtonMixin.ts"
3183
+ "name": "mixinHyperlink",
3184
+ "module": "src/__internal/mixins/hyperlink.ts"
3162
3185
  }
3163
3186
  },
3164
3187
  {
3165
- "name": "value",
3188
+ "name": "target",
3166
3189
  "type": {
3167
- "text": "string"
3190
+ "text": "'_self' | '_parent' | '_blank' | '_top' | string"
3168
3191
  },
3169
- "default": "''",
3170
- "description": "The value of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `value` attribute.",
3171
- "fieldName": "value",
3192
+ "default": "'_self'",
3193
+ "fieldName": "target",
3172
3194
  "inheritedFrom": {
3173
- "name": "NativeButtonMixin",
3174
- "module": "src/__mixins/NativeButtonMixin.ts"
3195
+ "name": "mixinHyperlink",
3196
+ "module": "src/__internal/mixins/hyperlink.ts"
3175
3197
  }
3176
3198
  },
3177
3199
  {
3178
- "name": "href",
3200
+ "name": "rel",
3179
3201
  "type": {
3180
- "text": "string | undefined"
3202
+ "text": "string"
3181
3203
  },
3182
- "description": "The URL that the hyperlink points to. When set, the component renders as an `<a>` element.\nMaps to the native `href` attribute.",
3183
- "fieldName": "href",
3204
+ "default": "''",
3205
+ "fieldName": "rel",
3184
3206
  "inheritedFrom": {
3185
- "name": "NativeHyperlinkMixin",
3186
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
3207
+ "name": "mixinHyperlink",
3208
+ "module": "src/__internal/mixins/hyperlink.ts"
3187
3209
  }
3188
3210
  },
3189
3211
  {
3190
- "name": "target",
3212
+ "name": "download",
3191
3213
  "type": {
3192
- "text": "'_self' | '_parent' | '_blank' | '_top' | string"
3214
+ "text": "string"
3193
3215
  },
3194
- "default": "'_self'",
3195
- "description": "Where to display the linked URL. Maps to the native `target` attribute.\nPossible values are `\"_self\"`, `\"_blank\"`, `\"_parent\"`, `\"_top\"`, or a custom frame name.\nWhen using `\"_blank\"`, consider setting `rel=\"noopener noreferrer\"` for security. Defaults to `\"_self\"`.",
3196
- "fieldName": "target",
3216
+ "default": "''",
3217
+ "fieldName": "download",
3197
3218
  "inheritedFrom": {
3198
- "name": "NativeHyperlinkMixin",
3199
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
3219
+ "name": "mixinHyperlink",
3220
+ "module": "src/__internal/mixins/hyperlink.ts"
3200
3221
  }
3201
3222
  },
3202
3223
  {
3203
- "name": "rel",
3224
+ "name": "type",
3204
3225
  "type": {
3205
- "text": "string | undefined"
3226
+ "text": "string"
3206
3227
  },
3207
- "description": "The relationship between the current document and the linked URL.\nMaps to the native `rel` attribute on the rendered `<a>` element.\nWhen `target=\"_blank\"`, use `\"noopener noreferrer\"` to prevent tab-napping attacks.",
3208
- "fieldName": "rel",
3228
+ "default": "'submit'",
3229
+ "fieldName": "type",
3209
3230
  "inheritedFrom": {
3210
- "name": "NativeHyperlinkMixin",
3211
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
3231
+ "name": "mixinFormSubmitter",
3232
+ "module": "src/__internal/mixins/form-submitter.ts"
3212
3233
  }
3213
3234
  },
3214
3235
  {
3215
- "name": "download",
3236
+ "name": "value",
3216
3237
  "type": {
3217
- "text": "string | undefined"
3238
+ "text": "string"
3218
3239
  },
3219
- "description": "Causes the browser to download the linked URL instead of navigating to it.\nIf a string value is provided, it is used as the suggested filename.\nOmit or leave undefined to preserve normal navigation behaviour.\nMaps to the native `download` attribute. Only applies when `href` is set.",
3220
- "fieldName": "download",
3240
+ "default": "''",
3241
+ "fieldName": "value",
3221
3242
  "inheritedFrom": {
3222
- "name": "NativeHyperlinkMixin",
3223
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
3243
+ "name": "mixinFormSubmitter",
3244
+ "module": "src/__internal/mixins/form-submitter.ts"
3245
+ }
3246
+ },
3247
+ {
3248
+ "name": "name",
3249
+ "fieldName": "name",
3250
+ "inheritedFrom": {
3251
+ "name": "mixinFormAssociated",
3252
+ "module": "src/__internal/mixins/form-associated.ts"
3224
3253
  }
3225
3254
  }
3226
3255
  ],
3227
3256
  "mixins": [
3228
3257
  {
3229
- "name": "NativeButtonMixin",
3230
- "package": "@/__mixins/NativeButtonMixin.js"
3258
+ "name": "mixinBaseButton",
3259
+ "module": "/src/button/base-button/base-button.js"
3231
3260
  },
3232
3261
  {
3233
- "name": "NativeHyperlinkMixin",
3234
- "package": "@/__mixins/NativeHyperlinkMixin.js"
3262
+ "name": "mixinHyperlink",
3263
+ "package": "@/__internal/mixins/hyperlink.js"
3264
+ },
3265
+ {
3266
+ "name": "mixinDelegatesAria",
3267
+ "package": "@/__internal/aria/delegate.js"
3268
+ },
3269
+ {
3270
+ "name": "mixinFormSubmitter",
3271
+ "package": "@/__internal/mixins/form-submitter.js"
3272
+ },
3273
+ {
3274
+ "name": "mixinFormAssociated",
3275
+ "package": "@/__internal/mixins/form-associated.js"
3276
+ },
3277
+ {
3278
+ "name": "mixinElementInternals",
3279
+ "package": "@/__internal/mixins/element-internals.js"
3235
3280
  }
3236
3281
  ],
3237
3282
  "superclass": {
@@ -3264,6 +3309,7 @@
3264
3309
  "text": "string"
3265
3310
  },
3266
3311
  "default": "''",
3312
+ "description": "Label text shown above the field input.",
3267
3313
  "fieldName": "label"
3268
3314
  },
3269
3315
  {
@@ -3272,6 +3318,7 @@
3272
3318
  "text": "string"
3273
3319
  },
3274
3320
  "default": "''",
3321
+ "description": "Help text (deprecated — prefer `helperText`).",
3275
3322
  "fieldName": "help"
3276
3323
  },
3277
3324
  {
@@ -3280,6 +3327,7 @@
3280
3327
  "text": "boolean"
3281
3328
  },
3282
3329
  "default": "false",
3330
+ "description": "When true, marks the field as required and shows a required indicator.",
3283
3331
  "fieldName": "required"
3284
3332
  },
3285
3333
  {
@@ -3288,6 +3336,7 @@
3288
3336
  "text": "boolean"
3289
3337
  },
3290
3338
  "default": "false",
3339
+ "description": "When true, the field and its slotted input are disabled.",
3291
3340
  "fieldName": "disabled"
3292
3341
  },
3293
3342
  {
@@ -3296,6 +3345,7 @@
3296
3345
  "text": "boolean"
3297
3346
  },
3298
3347
  "default": "false",
3348
+ "description": "When true, the field and its slotted input are read-only.",
3299
3349
  "fieldName": "readonly"
3300
3350
  },
3301
3351
  {
@@ -3304,6 +3354,7 @@
3304
3354
  "text": "boolean"
3305
3355
  },
3306
3356
  "default": "false",
3357
+ "description": "When true, renders the field in a loading skeleton state.",
3307
3358
  "fieldName": "skeleton"
3308
3359
  },
3309
3360
  {
@@ -3312,6 +3363,7 @@
3312
3363
  "text": "string"
3313
3364
  },
3314
3365
  "default": "''",
3366
+ "description": "Helper/hint text shown in the field footer.",
3315
3367
  "fieldName": "helperText"
3316
3368
  },
3317
3369
  {
@@ -3320,6 +3372,7 @@
3320
3372
  "text": "boolean"
3321
3373
  },
3322
3374
  "default": "false",
3375
+ "description": "When true, the field is in an error state and `errorText` is shown.",
3323
3376
  "fieldName": "error"
3324
3377
  },
3325
3378
  {
@@ -3328,6 +3381,7 @@
3328
3381
  "text": "string"
3329
3382
  },
3330
3383
  "default": "''",
3384
+ "description": "Error message displayed when `error` is true.",
3331
3385
  "fieldName": "errorText"
3332
3386
  },
3333
3387
  {
@@ -3336,6 +3390,7 @@
3336
3390
  "text": "boolean"
3337
3391
  },
3338
3392
  "default": "false",
3393
+ "description": "When true, the field is in a warning state and `warningText` is shown.",
3339
3394
  "fieldName": "warning"
3340
3395
  },
3341
3396
  {
@@ -3344,6 +3399,7 @@
3344
3399
  "text": "string"
3345
3400
  },
3346
3401
  "default": "''",
3402
+ "description": "Warning message displayed when `warning` is true.",
3347
3403
  "fieldName": "warningText"
3348
3404
  },
3349
3405
  {
@@ -3352,6 +3408,7 @@
3352
3408
  "text": "string"
3353
3409
  },
3354
3410
  "default": "''",
3411
+ "description": "Character / word count string displayed at the trailing end of the footer.",
3355
3412
  "fieldName": "textCount"
3356
3413
  },
3357
3414
  {
@@ -3360,6 +3417,7 @@
3360
3417
  "text": "boolean"
3361
3418
  },
3362
3419
  "default": "false",
3420
+ "description": "When true, applies focused styling (controlled externally by the slotted input).",
3363
3421
  "fieldName": "focused"
3364
3422
  },
3365
3423
  {
@@ -3368,6 +3426,7 @@
3368
3426
  "text": "boolean"
3369
3427
  },
3370
3428
  "default": "false",
3429
+ "description": "When true, applies populated styling (controlled externally by the slotted input).",
3371
3430
  "fieldName": "populated"
3372
3431
  },
3373
3432
  {
@@ -3376,6 +3435,7 @@
3376
3435
  "text": "'filled' | 'outlined' | 'default'"
3377
3436
  },
3378
3437
  "default": "'default'",
3438
+ "description": "Visual variant of the field container.",
3379
3439
  "fieldName": "variant"
3380
3440
  },
3381
3441
  {
@@ -3383,6 +3443,7 @@
3383
3443
  "type": {
3384
3444
  "text": "HTMLElement | undefined"
3385
3445
  },
3446
+ "description": "Reference to the host input element; used to forward click-on-label focus.",
3386
3447
  "fieldName": "host"
3387
3448
  }
3388
3449
  ],
@@ -3586,7 +3647,7 @@
3586
3647
  "text": "boolean"
3587
3648
  },
3588
3649
  "default": "false",
3589
- "description": "Makes the focus ring visible.",
3650
+ "description": "When true, the focus ring is visible. Toggled automatically based on `:focus-visible` state.",
3590
3651
  "fieldName": "visible"
3591
3652
  },
3592
3653
  {
@@ -3595,7 +3656,7 @@
3595
3656
  "text": "boolean"
3596
3657
  },
3597
3658
  "default": "false",
3598
- "description": "Makes the focus ring animate inwards instead of outwards.",
3659
+ "description": "When true, the ring animates inward instead of outward (for use inside containers).",
3599
3660
  "fieldName": "inward"
3600
3661
  }
3601
3662
  ],
@@ -3616,7 +3677,7 @@
3616
3677
  "tag": "wc-html-editor",
3617
3678
  "rawTag": "html-editor",
3618
3679
  "summary": "A Tiptap-powered HTML editor with visual and source editing modes.",
3619
- "overview": "<p>The HTML Editor provides a rich-text editing experience built on Tiptap.\nIt wraps the editable area in a Material 3 styled <code>wc-field</code>,\nexposes common formatting actions, and includes a segmented switch between\n<strong>Visual</strong> and <strong>HTML</strong> source modes.</p>\n\n<p>Get and set the HTML content via the <code>value</code> property. The component\ndispatches a <code>change</code> event whenever the content is modified.\nMention suggestions are supported through the <code>mentions</code> property,\nwith optional externally managed lookup via the <code>search</code> event.</p>",
3680
+ "overview": "<p>The HTML Editor provides a rich-text editing experience built on Tiptap.\nIt wraps the editable area in A styled <code>wc-field</code>,\nexposes common formatting actions, and includes a segmented switch between\n<strong>Visual</strong> and <strong>HTML</strong> source modes.</p>\n\n<p>Get and set the HTML content via the <code>value</code> property. The component\ndispatches a <code>change</code> event whenever the content is modified.\nMention suggestions are supported through the <code>mentions</code> property,\nwith optional externally managed lookup via the <code>search</code> event.</p>",
3620
3681
  "cssprop": "--html-editor-toolbar-border-color - Border color between toolbar and editing area.",
3621
3682
  "fires": "search - Fired in managed mention mode with { query, callback } detail.",
3622
3683
  "example": "```html\n<wc-html-editor\n label=\"Description\"\n value=\"<p>Hello <strong>world</strong></p>\"\n .mentions=\"[{ label: 'Alex', value: 'alex' }]\"\n></wc-html-editor>\n```",
@@ -3877,6 +3938,7 @@
3877
3938
  "type": {
3878
3939
  "text": "string | undefined"
3879
3940
  },
3941
+ "description": "URL of an external SVG file to fetch and render inline.",
3880
3942
  "fieldName": "src"
3881
3943
  },
3882
3944
  {
@@ -3885,6 +3947,7 @@
3885
3947
  "text": "IconProvider"
3886
3948
  },
3887
3949
  "default": "'material-symbols'",
3950
+ "description": "Icon library provider. Defaults to `\"material-symbols\"`.",
3888
3951
  "fieldName": "provider",
3889
3952
  "expandedType": {
3890
3953
  "text": "'material-symbols' | 'material-icons'"
@@ -3995,51 +4058,69 @@
3995
4058
  {
3996
4059
  "name": "size",
3997
4060
  "type": {
3998
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
4061
+ "text": "ButtonSize"
3999
4062
  },
4000
4063
  "default": "'sm'",
4001
4064
  "description": "Button size.\nPossible values are `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`, `\"xl\"`. Defaults to `\"sm\"`.",
4002
- "fieldName": "size"
4065
+ "fieldName": "size",
4066
+ "expandedType": {
4067
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
4068
+ }
4003
4069
  },
4004
4070
  {
4005
- "name": "type",
4071
+ "name": "level",
4006
4072
  "type": {
4007
- "text": "'primary' | 'secondary' | 'tertiary' | undefined"
4073
+ "text": "ButtonLevel | undefined"
4008
4074
  },
4009
4075
  "description": "Type is preset of color and variant. Type will be only applied.",
4010
- "fieldName": "type"
4076
+ "fieldName": "level",
4077
+ "expandedType": {
4078
+ "text": "'primary' | 'secondary' | 'tertiary' | 'danger' | undefined"
4079
+ }
4080
+ },
4081
+ {
4082
+ "name": "shape",
4083
+ "type": {
4084
+ "text": "ButtonShape | undefined"
4085
+ },
4086
+ "default": "'square'",
4087
+ "description": "Shape of the button container.",
4088
+ "fieldName": "shape",
4089
+ "expandedType": {
4090
+ "text": "'round' | 'square' | undefined"
4091
+ }
4011
4092
  },
4012
4093
  {
4013
4094
  "name": "variant",
4014
4095
  "type": {
4015
- "text": "| 'elevated'\n | 'filled'\n | 'tonal'\n | 'outlined'\n | 'text'\n | 'neo'"
4096
+ "text": "string"
4016
4097
  },
4017
4098
  "default": "'filled'",
4018
- "description": "The visual style of the button.\n\n Possible variant values:\n`\"filled\"` is a filled button.\n`\"outlined\"` is an outlined button.\n`\"text\"` is a transparent button.\n`\"tonal\"` is a light color button.\n`\"elevated\"` is elevated button",
4019
4099
  "fieldName": "variant",
4100
+ "description": "The visual style of the button.\n\n Possible variant values:\n`\"filled\"` is a filled button.\n`\"outlined\"` is an outlined button.\n`\"text\"` is a transparent button.\n`\"tonal\"` is a light color button.\n`\"elevated\"` is elevated button",
4020
4101
  "expandedType": {
4021
4102
  "text": "'elevated' | 'filled' | 'tonal' | 'outlined' | 'text' | 'neo'"
4103
+ },
4104
+ "inheritedFrom": {
4105
+ "name": "mixinBaseButton",
4106
+ "module": "src/button/base-button/base-button.ts"
4022
4107
  }
4023
4108
  },
4024
4109
  {
4025
4110
  "name": "color",
4026
4111
  "type": {
4027
- "text": "| 'primary'\n | 'success'\n | 'danger'\n | 'warning'\n | 'surface'\n | 'on-surface'"
4112
+ "text": "string"
4028
4113
  },
4029
4114
  "default": "'primary'",
4030
- "description": "Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.",
4031
4115
  "fieldName": "color",
4116
+ "description": "Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.",
4032
4117
  "expandedType": {
4033
4118
  "text": "'primary' | 'success' | 'danger' | 'warning' | 'surface' | 'on-surface'"
4034
- }
4035
- },
4036
- {
4037
- "name": "configAria",
4038
- "type": {
4039
- "text": "{ [key: string]: any } | undefined"
4040
4119
  },
4041
- "description": "Additional ARIA attributes to pass to the inner button/anchor element.",
4042
- "fieldName": "configAria"
4120
+ "inheritedFrom": {
4121
+ "name": "mixinBaseButton",
4122
+ "module": "src/button/base-button/base-button.ts"
4123
+ }
4043
4124
  },
4044
4125
  {
4045
4126
  "name": "skeleton",
@@ -4047,6 +4128,7 @@
4047
4128
  "text": "boolean"
4048
4129
  },
4049
4130
  "default": "false",
4131
+ "description": "When true, renders the button in a loading skeleton state.",
4050
4132
  "fieldName": "skeleton"
4051
4133
  },
4052
4134
  {
@@ -4055,6 +4137,7 @@
4055
4137
  "text": "boolean"
4056
4138
  },
4057
4139
  "default": "false",
4140
+ "description": "When true, the button acts as a toggle. Use with `selected`.",
4058
4141
  "fieldName": "toggle"
4059
4142
  },
4060
4143
  {
@@ -4063,56 +4146,28 @@
4063
4146
  "text": "boolean"
4064
4147
  },
4065
4148
  "default": "false",
4149
+ "description": "When true (and `toggle` is set), the button is in the selected/pressed state.",
4066
4150
  "fieldName": "selected"
4067
4151
  },
4068
- {
4069
- "name": "throttleDelay",
4070
- "type": {
4071
- "text": "number"
4072
- },
4073
- "default": "200",
4074
- "description": "Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.",
4075
- "fieldName": "throttleDelay"
4076
- },
4077
4152
  {
4078
4153
  "name": "tooltip",
4079
4154
  "type": {
4080
4155
  "text": "string | undefined"
4081
4156
  },
4157
+ "description": "Optional tooltip text displayed on hover.",
4082
4158
  "fieldName": "tooltip"
4083
4159
  },
4084
- {
4085
- "name": "pressed",
4086
- "type": {
4087
- "text": "boolean"
4088
- },
4089
- "default": "false",
4090
- "fieldName": "pressed"
4091
- },
4092
- {
4093
- "name": "htmlType",
4094
- "type": {
4095
- "text": "'button' | 'submit' | 'reset'"
4096
- },
4097
- "default": "'button'",
4098
- "description": "The type of the underlying `<button>` element. Maps to the native `type` attribute.\nPossible values are `\"button\"`, `\"submit\"`, `\"reset\"`. Defaults to `\"button\"`.",
4099
- "fieldName": "htmlType",
4100
- "inheritedFrom": {
4101
- "name": "NativeButtonMixin",
4102
- "module": "src/__mixins/NativeButtonMixin.ts"
4103
- }
4104
- },
4105
4160
  {
4106
4161
  "name": "disabled",
4162
+ "fieldName": "disabled",
4107
4163
  "type": {
4108
4164
  "text": "boolean"
4109
4165
  },
4110
4166
  "default": "false",
4111
4167
  "description": "When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.",
4112
- "fieldName": "disabled",
4113
4168
  "inheritedFrom": {
4114
- "name": "NativeButtonMixin",
4115
- "module": "src/__mixins/NativeButtonMixin.ts"
4169
+ "name": "mixinFormAssociated",
4170
+ "module": "src/__internal/mixins/form-associated.ts"
4116
4171
  }
4117
4172
  },
4118
4173
  {
@@ -4124,8 +4179,8 @@
4124
4179
  "description": "When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.\nUse this in combination with `disabledReason` to communicate why the button is unavailable.\nReflects to the `soft-disabled` attribute. Defaults to `false`.",
4125
4180
  "fieldName": "softDisabled",
4126
4181
  "inheritedFrom": {
4127
- "name": "NativeButtonMixin",
4128
- "module": "src/__mixins/NativeButtonMixin.ts"
4182
+ "name": "mixinBaseButton",
4183
+ "module": "src/button/base-button/base-button.ts"
4129
4184
  }
4130
4185
  },
4131
4186
  {
@@ -4137,107 +4192,126 @@
4137
4192
  "description": "A human-readable explanation of why the button is disabled or soft-disabled.\nRendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.\nMaps to the `disabled-reason` attribute.",
4138
4193
  "fieldName": "disabledReason",
4139
4194
  "inheritedFrom": {
4140
- "name": "NativeButtonMixin",
4141
- "module": "src/__mixins/NativeButtonMixin.ts"
4195
+ "name": "mixinBaseButton",
4196
+ "module": "src/button/base-button/base-button.ts"
4142
4197
  }
4143
4198
  },
4144
4199
  {
4145
- "name": "form",
4200
+ "name": "throttleDelay",
4146
4201
  "type": {
4147
- "text": "string"
4202
+ "text": "number | undefined"
4148
4203
  },
4149
- "default": "''",
4150
- "description": "The `id` of the `<form>` element to associate the button with.\nIf omitted, the button is associated with its nearest ancestor form.\nMaps to the native `form` attribute.",
4151
- "fieldName": "form",
4204
+ "description": "Sets the delay for throttle in milliseconds. When undefined (default), no throttle is applied.",
4205
+ "fieldName": "throttleDelay",
4152
4206
  "inheritedFrom": {
4153
- "name": "NativeButtonMixin",
4154
- "module": "src/__mixins/NativeButtonMixin.ts"
4207
+ "name": "mixinBaseButton",
4208
+ "module": "src/button/base-button/base-button.ts"
4155
4209
  }
4156
4210
  },
4157
4211
  {
4158
- "name": "name",
4212
+ "name": "href",
4159
4213
  "type": {
4160
- "text": "string"
4214
+ "text": "string | undefined"
4161
4215
  },
4162
- "default": "''",
4163
- "description": "The name of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `name` attribute.",
4164
- "fieldName": "name",
4216
+ "fieldName": "href",
4165
4217
  "inheritedFrom": {
4166
- "name": "NativeButtonMixin",
4167
- "module": "src/__mixins/NativeButtonMixin.ts"
4218
+ "name": "mixinHyperlink",
4219
+ "module": "src/__internal/mixins/hyperlink.ts"
4168
4220
  }
4169
4221
  },
4170
4222
  {
4171
- "name": "value",
4223
+ "name": "target",
4172
4224
  "type": {
4173
- "text": "string"
4225
+ "text": "'_self' | '_parent' | '_blank' | '_top' | string"
4174
4226
  },
4175
- "default": "''",
4176
- "description": "The value of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `value` attribute.",
4177
- "fieldName": "value",
4227
+ "default": "'_self'",
4228
+ "fieldName": "target",
4178
4229
  "inheritedFrom": {
4179
- "name": "NativeButtonMixin",
4180
- "module": "src/__mixins/NativeButtonMixin.ts"
4230
+ "name": "mixinHyperlink",
4231
+ "module": "src/__internal/mixins/hyperlink.ts"
4181
4232
  }
4182
4233
  },
4183
4234
  {
4184
- "name": "href",
4235
+ "name": "rel",
4185
4236
  "type": {
4186
- "text": "string | undefined"
4237
+ "text": "string"
4187
4238
  },
4188
- "description": "The URL that the hyperlink points to. When set, the component renders as an `<a>` element.\nMaps to the native `href` attribute.",
4189
- "fieldName": "href",
4239
+ "default": "''",
4240
+ "fieldName": "rel",
4190
4241
  "inheritedFrom": {
4191
- "name": "NativeHyperlinkMixin",
4192
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4242
+ "name": "mixinHyperlink",
4243
+ "module": "src/__internal/mixins/hyperlink.ts"
4193
4244
  }
4194
4245
  },
4195
4246
  {
4196
- "name": "target",
4247
+ "name": "download",
4197
4248
  "type": {
4198
- "text": "'_self' | '_parent' | '_blank' | '_top' | string"
4249
+ "text": "string"
4199
4250
  },
4200
- "default": "'_self'",
4201
- "description": "Where to display the linked URL. Maps to the native `target` attribute.\nPossible values are `\"_self\"`, `\"_blank\"`, `\"_parent\"`, `\"_top\"`, or a custom frame name.\nWhen using `\"_blank\"`, consider setting `rel=\"noopener noreferrer\"` for security. Defaults to `\"_self\"`.",
4202
- "fieldName": "target",
4251
+ "default": "''",
4252
+ "fieldName": "download",
4203
4253
  "inheritedFrom": {
4204
- "name": "NativeHyperlinkMixin",
4205
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4254
+ "name": "mixinHyperlink",
4255
+ "module": "src/__internal/mixins/hyperlink.ts"
4206
4256
  }
4207
4257
  },
4208
4258
  {
4209
- "name": "rel",
4259
+ "name": "type",
4210
4260
  "type": {
4211
- "text": "string | undefined"
4261
+ "text": "string"
4212
4262
  },
4213
- "description": "The relationship between the current document and the linked URL.\nMaps to the native `rel` attribute on the rendered `<a>` element.\nWhen `target=\"_blank\"`, use `\"noopener noreferrer\"` to prevent tab-napping attacks.",
4214
- "fieldName": "rel",
4263
+ "default": "'submit'",
4264
+ "fieldName": "type",
4215
4265
  "inheritedFrom": {
4216
- "name": "NativeHyperlinkMixin",
4217
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4266
+ "name": "mixinFormSubmitter",
4267
+ "module": "src/__internal/mixins/form-submitter.ts"
4218
4268
  }
4219
4269
  },
4220
4270
  {
4221
- "name": "download",
4271
+ "name": "value",
4222
4272
  "type": {
4223
- "text": "string | undefined"
4273
+ "text": "string"
4224
4274
  },
4225
- "description": "Causes the browser to download the linked URL instead of navigating to it.\nIf a string value is provided, it is used as the suggested filename.\nOmit or leave undefined to preserve normal navigation behaviour.\nMaps to the native `download` attribute. Only applies when `href` is set.",
4226
- "fieldName": "download",
4275
+ "default": "''",
4276
+ "fieldName": "value",
4227
4277
  "inheritedFrom": {
4228
- "name": "NativeHyperlinkMixin",
4229
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4278
+ "name": "mixinFormSubmitter",
4279
+ "module": "src/__internal/mixins/form-submitter.ts"
4280
+ }
4281
+ },
4282
+ {
4283
+ "name": "name",
4284
+ "fieldName": "name",
4285
+ "inheritedFrom": {
4286
+ "name": "mixinFormAssociated",
4287
+ "module": "src/__internal/mixins/form-associated.ts"
4230
4288
  }
4231
4289
  }
4232
4290
  ],
4233
4291
  "mixins": [
4234
4292
  {
4235
- "name": "NativeButtonMixin",
4236
- "package": "@/__mixins/NativeButtonMixin.js"
4293
+ "name": "mixinBaseButton",
4294
+ "module": "/src/button/base-button/base-button.js"
4237
4295
  },
4238
4296
  {
4239
- "name": "NativeHyperlinkMixin",
4240
- "package": "@/__mixins/NativeHyperlinkMixin.js"
4297
+ "name": "mixinHyperlink",
4298
+ "package": "@/__internal/mixins/hyperlink.js"
4299
+ },
4300
+ {
4301
+ "name": "mixinDelegatesAria",
4302
+ "package": "@/__internal/aria/delegate.js"
4303
+ },
4304
+ {
4305
+ "name": "mixinFormSubmitter",
4306
+ "package": "@/__internal/mixins/form-submitter.js"
4307
+ },
4308
+ {
4309
+ "name": "mixinFormAssociated",
4310
+ "package": "@/__internal/mixins/form-associated.js"
4311
+ },
4312
+ {
4313
+ "name": "mixinElementInternals",
4314
+ "package": "@/__internal/mixins/element-internals.js"
4241
4315
  }
4242
4316
  ],
4243
4317
  "superclass": {
@@ -4508,173 +4582,31 @@
4508
4582
  "label": "Item",
4509
4583
  "tag": "wc-item",
4510
4584
  "rawTag": "item",
4511
- "summary": "A Material 3 item with start, text and end slots.",
4512
- "example": "```html\n<wc-item selected>\n <wc-icon slot=\"start\" name=\"home\"></wc-icon>\n <div slot=\"overline\">Overline</div>\n <div slot=\"headline\">Headline</div>\n <div slot=\"supporting-text\">Supporting text</div>\n <div slot=\"trailing-supporting-text\">Trailing</div>\n <wc-icon slot=\"end\" name=\"chevron_right\"></wc-icon>\n</wc-item>\n```",
4585
+ "summary": "A primitive element used to build higher-level item components such as menu-item, navigation-item, and list-item. Provides start, text, and end slots for flexible content composition.",
4586
+ "example": "```html\n<wc-item>\n <wc-icon slot=\"start\" name=\"notifications\"></wc-icon>\n\n <span slot=\"overline\">Settings</span>\n <span slot=\"headline\">Notifications</span>\n <span slot=\"supporting-text\">Manage alerts and reminders</span>\n\n <span slot=\"trailing-supporting-text\">3</span>\n <wc-icon slot=\"end\" name=\"chevron_right\"></wc-icon>\n</wc-item>\n```",
4513
4587
  "tags": "display",
4514
4588
  "customElement": {
4515
4589
  "kind": "class",
4516
4590
  "description": "",
4517
4591
  "attributes": [
4518
4592
  {
4519
- "name": "tabindex"
4520
- },
4521
- {
4522
- "name": "selected",
4523
- "type": {
4524
- "text": "boolean"
4525
- },
4526
- "default": "false",
4527
- "fieldName": "selected"
4528
- },
4529
- {
4530
- "name": "htmlType",
4531
- "type": {
4532
- "text": "'button' | 'submit' | 'reset'"
4533
- },
4534
- "default": "'button'",
4535
- "description": "The type of the underlying `<button>` element. Maps to the native `type` attribute.\nPossible values are `\"button\"`, `\"submit\"`, `\"reset\"`. Defaults to `\"button\"`.",
4536
- "fieldName": "htmlType",
4537
- "inheritedFrom": {
4538
- "name": "NativeButtonMixin",
4539
- "module": "src/__mixins/NativeButtonMixin.ts"
4540
- }
4541
- },
4542
- {
4543
- "name": "disabled",
4544
- "type": {
4545
- "text": "boolean"
4546
- },
4547
- "default": "false",
4548
- "description": "When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.",
4549
- "fieldName": "disabled",
4550
- "inheritedFrom": {
4551
- "name": "NativeButtonMixin",
4552
- "module": "src/__mixins/NativeButtonMixin.ts"
4553
- }
4554
- },
4555
- {
4556
- "name": "soft-disabled",
4593
+ "name": "multiline",
4557
4594
  "type": {
4558
4595
  "text": "boolean"
4559
4596
  },
4560
4597
  "default": "false",
4561
- "description": "When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.\nUse this in combination with `disabledReason` to communicate why the button is unavailable.\nReflects to the `soft-disabled` attribute. Defaults to `false`.",
4562
- "fieldName": "softDisabled",
4563
- "inheritedFrom": {
4564
- "name": "NativeButtonMixin",
4565
- "module": "src/__mixins/NativeButtonMixin.ts"
4566
- }
4567
- },
4568
- {
4569
- "name": "disabled-reason",
4570
- "type": {
4571
- "text": "string"
4572
- },
4573
- "default": "''",
4574
- "description": "A human-readable explanation of why the button is disabled or soft-disabled.\nRendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.\nMaps to the `disabled-reason` attribute.",
4575
- "fieldName": "disabledReason",
4576
- "inheritedFrom": {
4577
- "name": "NativeButtonMixin",
4578
- "module": "src/__mixins/NativeButtonMixin.ts"
4579
- }
4580
- },
4581
- {
4582
- "name": "form",
4583
- "type": {
4584
- "text": "string"
4585
- },
4586
- "default": "''",
4587
- "description": "The `id` of the `<form>` element to associate the button with.\nIf omitted, the button is associated with its nearest ancestor form.\nMaps to the native `form` attribute.",
4588
- "fieldName": "form",
4589
- "inheritedFrom": {
4590
- "name": "NativeButtonMixin",
4591
- "module": "src/__mixins/NativeButtonMixin.ts"
4592
- }
4593
- },
4594
- {
4595
- "name": "name",
4596
- "type": {
4597
- "text": "string"
4598
- },
4599
- "default": "''",
4600
- "description": "The name of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `name` attribute.",
4601
- "fieldName": "name",
4602
- "inheritedFrom": {
4603
- "name": "NativeButtonMixin",
4604
- "module": "src/__mixins/NativeButtonMixin.ts"
4605
- }
4606
- },
4607
- {
4608
- "name": "value",
4609
- "type": {
4610
- "text": "string"
4611
- },
4612
- "default": "''",
4613
- "description": "The value of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `value` attribute.",
4614
- "fieldName": "value",
4615
- "inheritedFrom": {
4616
- "name": "NativeButtonMixin",
4617
- "module": "src/__mixins/NativeButtonMixin.ts"
4618
- }
4619
- },
4620
- {
4621
- "name": "href",
4622
- "type": {
4623
- "text": "string | undefined"
4624
- },
4625
- "description": "The URL that the hyperlink points to. When set, the component renders as an `<a>` element.\nMaps to the native `href` attribute.",
4626
- "fieldName": "href",
4627
- "inheritedFrom": {
4628
- "name": "NativeHyperlinkMixin",
4629
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4630
- }
4631
- },
4632
- {
4633
- "name": "target",
4634
- "type": {
4635
- "text": "'_self' | '_parent' | '_blank' | '_top' | string"
4636
- },
4637
- "default": "'_self'",
4638
- "description": "Where to display the linked URL. Maps to the native `target` attribute.\nPossible values are `\"_self\"`, `\"_blank\"`, `\"_parent\"`, `\"_top\"`, or a custom frame name.\nWhen using `\"_blank\"`, consider setting `rel=\"noopener noreferrer\"` for security. Defaults to `\"_self\"`.",
4639
- "fieldName": "target",
4640
- "inheritedFrom": {
4641
- "name": "NativeHyperlinkMixin",
4642
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4643
- }
4644
- },
4645
- {
4646
- "name": "rel",
4647
- "type": {
4648
- "text": "string | undefined"
4649
- },
4650
- "description": "The relationship between the current document and the linked URL.\nMaps to the native `rel` attribute on the rendered `<a>` element.\nWhen `target=\"_blank\"`, use `\"noopener noreferrer\"` to prevent tab-napping attacks.",
4651
- "fieldName": "rel",
4652
- "inheritedFrom": {
4653
- "name": "NativeHyperlinkMixin",
4654
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4655
- }
4656
- },
4657
- {
4658
- "name": "download",
4659
- "type": {
4660
- "text": "string | undefined"
4661
- },
4662
- "description": "Causes the browser to download the linked URL instead of navigating to it.\nIf a string value is provided, it is used as the suggested filename.\nOmit or leave undefined to preserve normal navigation behaviour.\nMaps to the native `download` attribute. Only applies when `href` is set.",
4663
- "fieldName": "download",
4664
- "inheritedFrom": {
4665
- "name": "NativeHyperlinkMixin",
4666
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4667
- }
4598
+ "description": "Only needed for SSR.\n\nAdd this attribute when an item has two lines to avoid a Flash Of Unstyled\nContent. This attribute is not needed for single line items or items with\nthree or more lines.",
4599
+ "fieldName": "multiline"
4668
4600
  }
4669
4601
  ],
4670
4602
  "mixins": [
4671
4603
  {
4672
- "name": "NativeButtonMixin",
4673
- "package": "@/__mixins/NativeButtonMixin.js"
4604
+ "name": "mixinDelegatesAria",
4605
+ "package": "@/__internal/aria/delegate.js"
4674
4606
  },
4675
4607
  {
4676
- "name": "NativeHyperlinkMixin",
4677
- "package": "@/__mixins/NativeHyperlinkMixin.js"
4608
+ "name": "mixinElementInternals",
4609
+ "package": "@/__internal/mixins/element-internals.js"
4678
4610
  }
4679
4611
  ],
4680
4612
  "superclass": {
@@ -4792,7 +4724,7 @@
4792
4724
  "mixins": [
4793
4725
  {
4794
4726
  "name": "NativeHyperlinkMixin",
4795
- "package": "@/__mixins/NativeHyperlinkMixin.js"
4727
+ "package": "@/__internal/mixins/NativeHyperlinkMixin.js"
4796
4728
  }
4797
4729
  ],
4798
4730
  "superclass": {
@@ -4815,7 +4747,7 @@
4815
4747
  "fieldName": "href",
4816
4748
  "inheritedFrom": {
4817
4749
  "name": "NativeHyperlinkMixin",
4818
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4750
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
4819
4751
  }
4820
4752
  },
4821
4753
  {
@@ -4828,7 +4760,7 @@
4828
4760
  "fieldName": "target",
4829
4761
  "inheritedFrom": {
4830
4762
  "name": "NativeHyperlinkMixin",
4831
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4763
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
4832
4764
  }
4833
4765
  },
4834
4766
  {
@@ -4840,7 +4772,7 @@
4840
4772
  "fieldName": "rel",
4841
4773
  "inheritedFrom": {
4842
4774
  "name": "NativeHyperlinkMixin",
4843
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4775
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
4844
4776
  }
4845
4777
  },
4846
4778
  {
@@ -4852,7 +4784,7 @@
4852
4784
  "fieldName": "download",
4853
4785
  "inheritedFrom": {
4854
4786
  "name": "NativeHyperlinkMixin",
4855
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4787
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
4856
4788
  }
4857
4789
  }
4858
4790
  ]
@@ -4862,7 +4794,7 @@
4862
4794
  "label": "List",
4863
4795
  "tag": "wc-list",
4864
4796
  "rawTag": "list",
4865
- "summary": "A Material 3 list container for one or more list items.",
4797
+ "summary": "A list container for one or more list items.",
4866
4798
  "example": "```html\n<wc-list>\n <wc-list-item>\n <wc-icon slot=\"leading\" name=\"inbox\"></wc-icon>\n Inbox\n <span slot=\"trailing\">24</span>\n </wc-list-item>\n</wc-list>\n```",
4867
4799
  "tags": "display",
4868
4800
  "customElement": {
@@ -4872,7 +4804,7 @@
4872
4804
  {
4873
4805
  "name": "variant",
4874
4806
  "type": {
4875
- "text": "'standard' | 'vibrant'"
4807
+ "text": "'standard' | 'segmented'"
4876
4808
  },
4877
4809
  "default": "'standard'",
4878
4810
  "fieldName": "variant"
@@ -4894,7 +4826,7 @@
4894
4826
  "label": "List Item",
4895
4827
  "tag": "wc-list-item",
4896
4828
  "rawTag": "list-item",
4897
- "summary": "A Material 3 list item with leading, trailing and content slots.",
4829
+ "summary": "A list item with leading, trailing and content slots.",
4898
4830
  "example": "```html\n<wc-list-item selected>\n <wc-icon slot=\"leading\" name=\"person\"></wc-icon>\n Profile\n <wc-icon slot=\"trailing\" name=\"chevron_right\"></wc-icon>\n</wc-list-item>\n```",
4899
4831
  "tags": "display",
4900
4832
  "customElement": {
@@ -4910,16 +4842,36 @@
4910
4842
  "fieldName": "selected"
4911
4843
  },
4912
4844
  {
4913
- "name": "htmlType",
4845
+ "name": "skeleton",
4914
4846
  "type": {
4915
- "text": "'button' | 'submit' | 'reset'"
4847
+ "text": "boolean"
4916
4848
  },
4917
- "default": "'button'",
4918
- "description": "The type of the underlying `<button>` element. Maps to the native `type` attribute.\nPossible values are `\"button\"`, `\"submit\"`, `\"reset\"`. Defaults to `\"button\"`.",
4919
- "fieldName": "htmlType",
4849
+ "default": "false",
4850
+ "description": "When true, renders the list-item in a loading skeleton state.",
4851
+ "fieldName": "skeleton"
4852
+ },
4853
+ {
4854
+ "name": "variant",
4855
+ "type": {
4856
+ "text": "string"
4857
+ },
4858
+ "default": "''",
4859
+ "fieldName": "variant",
4920
4860
  "inheritedFrom": {
4921
- "name": "NativeButtonMixin",
4922
- "module": "src/__mixins/NativeButtonMixin.ts"
4861
+ "name": "mixinBaseButton",
4862
+ "module": "src/button/base-button/base-button.ts"
4863
+ }
4864
+ },
4865
+ {
4866
+ "name": "color",
4867
+ "type": {
4868
+ "text": "string"
4869
+ },
4870
+ "default": "''",
4871
+ "fieldName": "color",
4872
+ "inheritedFrom": {
4873
+ "name": "mixinBaseButton",
4874
+ "module": "src/button/base-button/base-button.ts"
4923
4875
  }
4924
4876
  },
4925
4877
  {
@@ -4931,8 +4883,8 @@
4931
4883
  "description": "When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.",
4932
4884
  "fieldName": "disabled",
4933
4885
  "inheritedFrom": {
4934
- "name": "NativeButtonMixin",
4935
- "module": "src/__mixins/NativeButtonMixin.ts"
4886
+ "name": "mixinBaseButton",
4887
+ "module": "src/button/base-button/base-button.ts"
4936
4888
  }
4937
4889
  },
4938
4890
  {
@@ -4944,8 +4896,8 @@
4944
4896
  "description": "When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.\nUse this in combination with `disabledReason` to communicate why the button is unavailable.\nReflects to the `soft-disabled` attribute. Defaults to `false`.",
4945
4897
  "fieldName": "softDisabled",
4946
4898
  "inheritedFrom": {
4947
- "name": "NativeButtonMixin",
4948
- "module": "src/__mixins/NativeButtonMixin.ts"
4899
+ "name": "mixinBaseButton",
4900
+ "module": "src/button/base-button/base-button.ts"
4949
4901
  }
4950
4902
  },
4951
4903
  {
@@ -4957,47 +4909,20 @@
4957
4909
  "description": "A human-readable explanation of why the button is disabled or soft-disabled.\nRendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.\nMaps to the `disabled-reason` attribute.",
4958
4910
  "fieldName": "disabledReason",
4959
4911
  "inheritedFrom": {
4960
- "name": "NativeButtonMixin",
4961
- "module": "src/__mixins/NativeButtonMixin.ts"
4962
- }
4963
- },
4964
- {
4965
- "name": "form",
4966
- "type": {
4967
- "text": "string"
4968
- },
4969
- "default": "''",
4970
- "description": "The `id` of the `<form>` element to associate the button with.\nIf omitted, the button is associated with its nearest ancestor form.\nMaps to the native `form` attribute.",
4971
- "fieldName": "form",
4972
- "inheritedFrom": {
4973
- "name": "NativeButtonMixin",
4974
- "module": "src/__mixins/NativeButtonMixin.ts"
4975
- }
4976
- },
4977
- {
4978
- "name": "name",
4979
- "type": {
4980
- "text": "string"
4981
- },
4982
- "default": "''",
4983
- "description": "The name of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `name` attribute.",
4984
- "fieldName": "name",
4985
- "inheritedFrom": {
4986
- "name": "NativeButtonMixin",
4987
- "module": "src/__mixins/NativeButtonMixin.ts"
4912
+ "name": "mixinBaseButton",
4913
+ "module": "src/button/base-button/base-button.ts"
4988
4914
  }
4989
4915
  },
4990
4916
  {
4991
- "name": "value",
4917
+ "name": "throttleDelay",
4992
4918
  "type": {
4993
- "text": "string"
4919
+ "text": "number | undefined"
4994
4920
  },
4995
- "default": "''",
4996
- "description": "The value of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `value` attribute.",
4997
- "fieldName": "value",
4921
+ "description": "Sets the delay for throttle in milliseconds. When undefined (default), no throttle is applied.",
4922
+ "fieldName": "throttleDelay",
4998
4923
  "inheritedFrom": {
4999
- "name": "NativeButtonMixin",
5000
- "module": "src/__mixins/NativeButtonMixin.ts"
4924
+ "name": "mixinBaseButton",
4925
+ "module": "src/button/base-button/base-button.ts"
5001
4926
  }
5002
4927
  },
5003
4928
  {
@@ -5005,11 +4930,10 @@
5005
4930
  "type": {
5006
4931
  "text": "string | undefined"
5007
4932
  },
5008
- "description": "The URL that the hyperlink points to. When set, the component renders as an `<a>` element.\nMaps to the native `href` attribute.",
5009
4933
  "fieldName": "href",
5010
4934
  "inheritedFrom": {
5011
- "name": "NativeHyperlinkMixin",
5012
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4935
+ "name": "mixinHyperlink",
4936
+ "module": "src/__internal/mixins/hyperlink.ts"
5013
4937
  }
5014
4938
  },
5015
4939
  {
@@ -5018,46 +4942,53 @@
5018
4942
  "text": "'_self' | '_parent' | '_blank' | '_top' | string"
5019
4943
  },
5020
4944
  "default": "'_self'",
5021
- "description": "Where to display the linked URL. Maps to the native `target` attribute.\nPossible values are `\"_self\"`, `\"_blank\"`, `\"_parent\"`, `\"_top\"`, or a custom frame name.\nWhen using `\"_blank\"`, consider setting `rel=\"noopener noreferrer\"` for security. Defaults to `\"_self\"`.",
5022
4945
  "fieldName": "target",
5023
4946
  "inheritedFrom": {
5024
- "name": "NativeHyperlinkMixin",
5025
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4947
+ "name": "mixinHyperlink",
4948
+ "module": "src/__internal/mixins/hyperlink.ts"
5026
4949
  }
5027
4950
  },
5028
4951
  {
5029
4952
  "name": "rel",
5030
4953
  "type": {
5031
- "text": "string | undefined"
4954
+ "text": "string"
5032
4955
  },
5033
- "description": "The relationship between the current document and the linked URL.\nMaps to the native `rel` attribute on the rendered `<a>` element.\nWhen `target=\"_blank\"`, use `\"noopener noreferrer\"` to prevent tab-napping attacks.",
4956
+ "default": "''",
5034
4957
  "fieldName": "rel",
5035
4958
  "inheritedFrom": {
5036
- "name": "NativeHyperlinkMixin",
5037
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4959
+ "name": "mixinHyperlink",
4960
+ "module": "src/__internal/mixins/hyperlink.ts"
5038
4961
  }
5039
4962
  },
5040
4963
  {
5041
4964
  "name": "download",
5042
4965
  "type": {
5043
- "text": "string | undefined"
4966
+ "text": "string"
5044
4967
  },
5045
- "description": "Causes the browser to download the linked URL instead of navigating to it.\nIf a string value is provided, it is used as the suggested filename.\nOmit or leave undefined to preserve normal navigation behaviour.\nMaps to the native `download` attribute. Only applies when `href` is set.",
4968
+ "default": "''",
5046
4969
  "fieldName": "download",
5047
4970
  "inheritedFrom": {
5048
- "name": "NativeHyperlinkMixin",
5049
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
4971
+ "name": "mixinHyperlink",
4972
+ "module": "src/__internal/mixins/hyperlink.ts"
5050
4973
  }
5051
4974
  }
5052
4975
  ],
5053
4976
  "mixins": [
5054
4977
  {
5055
- "name": "NativeButtonMixin",
5056
- "package": "@/__mixins/NativeButtonMixin.js"
4978
+ "name": "mixinBaseButton",
4979
+ "package": "@/button/base-button/base-button.js"
5057
4980
  },
5058
4981
  {
5059
- "name": "NativeHyperlinkMixin",
5060
- "package": "@/__mixins/NativeHyperlinkMixin.js"
4982
+ "name": "mixinHyperlink",
4983
+ "package": "@/__internal/mixins/hyperlink.js"
4984
+ },
4985
+ {
4986
+ "name": "mixinDelegatesAria",
4987
+ "package": "@/__internal/aria/delegate.js"
4988
+ },
4989
+ {
4990
+ "name": "mixinElementInternals",
4991
+ "package": "@/__internal/mixins/element-internals.js"
5061
4992
  }
5062
4993
  ],
5063
4994
  "superclass": {
@@ -5115,6 +5046,7 @@
5115
5046
  "text": "boolean"
5116
5047
  },
5117
5048
  "default": "false",
5049
+ "description": "Whether the menu is currently visible.",
5118
5050
  "fieldName": "open"
5119
5051
  },
5120
5052
  {
@@ -5123,6 +5055,7 @@
5123
5055
  "text": "'standard' | 'vibrant'"
5124
5056
  },
5125
5057
  "default": "'standard'",
5058
+ "description": "Visual variant of the menu. `\"vibrant\"` applies stronger color emphasis.",
5126
5059
  "fieldName": "variant"
5127
5060
  },
5128
5061
  {
@@ -5131,6 +5064,7 @@
5131
5064
  "text": "string"
5132
5065
  },
5133
5066
  "default": "''",
5067
+ "description": "ID of the anchor element the menu is positioned relative to.",
5134
5068
  "fieldName": "anchor"
5135
5069
  },
5136
5070
  {
@@ -5139,6 +5073,7 @@
5139
5073
  "text": "boolean"
5140
5074
  },
5141
5075
  "default": "false",
5076
+ "description": "When true, renders the menu in a static preview state (always visible, no animation).",
5142
5077
  "fieldName": "preview"
5143
5078
  },
5144
5079
  {
@@ -5147,6 +5082,7 @@
5147
5082
  "text": "boolean"
5148
5083
  },
5149
5084
  "default": "false",
5085
+ "description": "When true, the menu will not close when a click occurs outside it.",
5150
5086
  "fieldName": "stayOpenOnOutsideClick"
5151
5087
  },
5152
5088
  {
@@ -5155,6 +5091,7 @@
5155
5091
  "text": "boolean"
5156
5092
  },
5157
5093
  "default": "false",
5094
+ "description": "When true, the menu will not close when focus leaves it.",
5158
5095
  "fieldName": "stayOpenOnFocusout"
5159
5096
  },
5160
5097
  {
@@ -5163,6 +5100,7 @@
5163
5100
  "text": "boolean"
5164
5101
  },
5165
5102
  "default": "false",
5103
+ "description": "Set to true when this menu is being used as a submenu inside another menu.",
5166
5104
  "fieldName": "isSubmenu"
5167
5105
  },
5168
5106
  {
@@ -5171,6 +5109,7 @@
5171
5109
  "text": "Placement"
5172
5110
  },
5173
5111
  "default": "'bottom-start'",
5112
+ "description": "Floating UI placement of the menu relative to its anchor.",
5174
5113
  "fieldName": "placement"
5175
5114
  },
5176
5115
  {
@@ -5179,6 +5118,7 @@
5179
5118
  "text": "number"
5180
5119
  },
5181
5120
  "default": "6",
5121
+ "description": "Distance in pixels between the menu and its anchor element.",
5182
5122
  "fieldName": "offset"
5183
5123
  }
5184
5124
  ],
@@ -5211,11 +5151,11 @@
5211
5151
  "text": "string"
5212
5152
  },
5213
5153
  "default": "''",
5214
- "description": "The value of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `value` attribute.",
5154
+ "description": "The value associated with this menu item, used to identify it on selection.",
5215
5155
  "fieldName": "value",
5216
5156
  "inheritedFrom": {
5217
5157
  "name": "NativeButtonMixin",
5218
- "module": "src/__mixins/NativeButtonMixin.ts"
5158
+ "module": "src/__internal/mixins/NativeButtonMixin.ts"
5219
5159
  }
5220
5160
  },
5221
5161
  {
@@ -5224,6 +5164,7 @@
5224
5164
  "text": "boolean"
5225
5165
  },
5226
5166
  "default": "false",
5167
+ "description": "Whether this menu item is currently selected/highlighted.",
5227
5168
  "fieldName": "selected"
5228
5169
  },
5229
5170
  {
@@ -5232,6 +5173,7 @@
5232
5173
  "text": "boolean"
5233
5174
  },
5234
5175
  "default": "false",
5176
+ "description": "When true, the menu stays open after this item is activated.",
5235
5177
  "fieldName": "keepOpen"
5236
5178
  },
5237
5179
  {
@@ -5240,6 +5182,7 @@
5240
5182
  "text": "boolean"
5241
5183
  },
5242
5184
  "default": "false",
5185
+ "description": "When true, indicates this item has an associated submenu.",
5243
5186
  "fieldName": "hasSubmenu"
5244
5187
  },
5245
5188
  {
@@ -5248,6 +5191,7 @@
5248
5191
  "text": "boolean"
5249
5192
  },
5250
5193
  "default": "false",
5194
+ "description": "Whether the associated submenu is currently open.",
5251
5195
  "fieldName": "submenuOpen"
5252
5196
  },
5253
5197
  {
@@ -5256,6 +5200,7 @@
5256
5200
  "text": "'standard' | 'vibrant'"
5257
5201
  },
5258
5202
  "default": "'standard'",
5203
+ "description": "Visual variant of the menu item.",
5259
5204
  "fieldName": "variant"
5260
5205
  },
5261
5206
  {
@@ -5268,7 +5213,7 @@
5268
5213
  "fieldName": "htmlType",
5269
5214
  "inheritedFrom": {
5270
5215
  "name": "NativeButtonMixin",
5271
- "module": "src/__mixins/NativeButtonMixin.ts"
5216
+ "module": "src/__internal/mixins/NativeButtonMixin.ts"
5272
5217
  }
5273
5218
  },
5274
5219
  {
@@ -5281,7 +5226,7 @@
5281
5226
  "fieldName": "disabled",
5282
5227
  "inheritedFrom": {
5283
5228
  "name": "NativeButtonMixin",
5284
- "module": "src/__mixins/NativeButtonMixin.ts"
5229
+ "module": "src/__internal/mixins/NativeButtonMixin.ts"
5285
5230
  }
5286
5231
  },
5287
5232
  {
@@ -5294,7 +5239,7 @@
5294
5239
  "fieldName": "softDisabled",
5295
5240
  "inheritedFrom": {
5296
5241
  "name": "NativeButtonMixin",
5297
- "module": "src/__mixins/NativeButtonMixin.ts"
5242
+ "module": "src/__internal/mixins/NativeButtonMixin.ts"
5298
5243
  }
5299
5244
  },
5300
5245
  {
@@ -5307,7 +5252,7 @@
5307
5252
  "fieldName": "disabledReason",
5308
5253
  "inheritedFrom": {
5309
5254
  "name": "NativeButtonMixin",
5310
- "module": "src/__mixins/NativeButtonMixin.ts"
5255
+ "module": "src/__internal/mixins/NativeButtonMixin.ts"
5311
5256
  }
5312
5257
  },
5313
5258
  {
@@ -5320,7 +5265,7 @@
5320
5265
  "fieldName": "form",
5321
5266
  "inheritedFrom": {
5322
5267
  "name": "NativeButtonMixin",
5323
- "module": "src/__mixins/NativeButtonMixin.ts"
5268
+ "module": "src/__internal/mixins/NativeButtonMixin.ts"
5324
5269
  }
5325
5270
  },
5326
5271
  {
@@ -5333,7 +5278,7 @@
5333
5278
  "fieldName": "name",
5334
5279
  "inheritedFrom": {
5335
5280
  "name": "NativeButtonMixin",
5336
- "module": "src/__mixins/NativeButtonMixin.ts"
5281
+ "module": "src/__internal/mixins/NativeButtonMixin.ts"
5337
5282
  }
5338
5283
  },
5339
5284
  {
@@ -5345,7 +5290,7 @@
5345
5290
  "fieldName": "href",
5346
5291
  "inheritedFrom": {
5347
5292
  "name": "NativeHyperlinkMixin",
5348
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
5293
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
5349
5294
  }
5350
5295
  },
5351
5296
  {
@@ -5358,7 +5303,7 @@
5358
5303
  "fieldName": "target",
5359
5304
  "inheritedFrom": {
5360
5305
  "name": "NativeHyperlinkMixin",
5361
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
5306
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
5362
5307
  }
5363
5308
  },
5364
5309
  {
@@ -5370,7 +5315,7 @@
5370
5315
  "fieldName": "rel",
5371
5316
  "inheritedFrom": {
5372
5317
  "name": "NativeHyperlinkMixin",
5373
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
5318
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
5374
5319
  }
5375
5320
  },
5376
5321
  {
@@ -5382,18 +5327,18 @@
5382
5327
  "fieldName": "download",
5383
5328
  "inheritedFrom": {
5384
5329
  "name": "NativeHyperlinkMixin",
5385
- "module": "src/__mixins/NativeHyperlinkMixin.ts"
5330
+ "module": "src/__internal/mixins/NativeHyperlinkMixin.ts"
5386
5331
  }
5387
5332
  }
5388
5333
  ],
5389
5334
  "mixins": [
5390
5335
  {
5391
5336
  "name": "NativeButtonMixin",
5392
- "package": "@/__mixins/NativeButtonMixin.js"
5337
+ "package": "@/__internal/mixins/NativeButtonMixin.js"
5393
5338
  },
5394
5339
  {
5395
5340
  "name": "NativeHyperlinkMixin",
5396
- "package": "@/__mixins/NativeHyperlinkMixin.js"
5341
+ "package": "@/__internal/mixins/NativeHyperlinkMixin.js"
5397
5342
  }
5398
5343
  ],
5399
5344
  "superclass": {
@@ -5412,7 +5357,7 @@
5412
5357
  "label": "Modal",
5413
5358
  "tag": "wc-modal",
5414
5359
  "rawTag": "modal",
5415
- "summary": "A Material Design 3 dialog/modal for displaying content in a layer above the page, with optional header, body, and footer slots.",
5360
+ "summary": "A dialog/modal for displaying content in a layer above the page, with optional header, body, and footer slots.",
5416
5361
  "cssprop": "--modal-max-height - Maximum height of the dialog.",
5417
5362
  "example": "```html\nMODAL\n```",
5418
5363
  "tags": "overlay, dialog, feedback",
@@ -5537,7 +5482,7 @@
5537
5482
  "label": "Navigation Rail",
5538
5483
  "tag": "wc-navigation-rail",
5539
5484
  "rawTag": "navigation-rail",
5540
- "summary": "A vertical side navigation for medium-sized screens, following Material Design 3 specs.",
5485
+ "summary": "A vertical side navigation for medium-sized screens,.",
5541
5486
  "overview": "<p>Navigation rail provides access to primary destinations in an app using icons—with or without labels—on a vertical rail.</p>\n<p>Use navigation rail on medium-sized screens (tablets) with 3–7 destinations.</p>",
5542
5487
  "slot": "footer - Content pinned to the bottom of the rail.",
5543
5488
  "cssprop": "--nav-rail-active-label-color - Color of active labels. Defaults to on-surface.",
@@ -5706,10 +5651,10 @@
5706
5651
  {
5707
5652
  "name": "throttleDelay",
5708
5653
  "type": {
5709
- "text": "number"
5654
+ "text": "number | null"
5710
5655
  },
5711
- "default": "200",
5712
- "description": "Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.",
5656
+ "default": "null",
5657
+ "description": "Sets the delay for throttle in milliseconds. When null (default), no throttle is applied.",
5713
5658
  "fieldName": "throttleDelay"
5714
5659
  }
5715
5660
  ],
@@ -6394,7 +6339,7 @@
6394
6339
  "label": "Search",
6395
6340
  "tag": "wc-search",
6396
6341
  "rawTag": "search",
6397
- "summary": "A Material 3 search bar for filtering and finding content.",
6342
+ "summary": "A search bar for filtering and finding content.",
6398
6343
  "overview": "<p>The search component provides a text input designed for search interactions.\nIt supports outlined and filled variants, an optional clear button, and leading/trailing icon slots.</p>",
6399
6344
  "cssprop": "--search-outline-width - Border width for the outlined variant.",
6400
6345
  "fires": "search - Dispatched when the user submits the search (presses Enter).",
@@ -6632,8 +6577,8 @@
6632
6577
  "label": "Segmented Button Group",
6633
6578
  "tag": "wc-segmented-button-group",
6634
6579
  "rawTag": "segmented-button-group",
6635
- "summary": "A container for segmented buttons following Material Design 3.",
6636
- "overview": "<p>Segmented buttons help people select options, switch views, or sort elements. They follow the Material Design 3 specification.</p>\n<p>Use <code>multi-select</code> to allow more than one segment to be selected at a time. By default only one segment can be active (single-select).</p>",
6580
+ "summary": "A container for segmented buttons.",
6581
+ "overview": "<p>Segmented buttons help people select options, switch views, or sort elements. They follow the specification.</p>\n<p>Use <code>multi-select</code> to allow more than one segment to be selected at a time. By default only one segment can be active (single-select).</p>",
6637
6582
  "cssprop": "--segmented-button-group-shape: Border-radius of the group container.",
6638
6583
  "fires": "change - Dispatched when the selection changes. Detail contains <code>{ value, values }</code>.",
6639
6584
  "example": "```html\n<wc-segmented-button-group>\n <wc-segmented-button value=\"day\">Day</wc-segmented-button>\n <wc-segmented-button value=\"week\" selected>Week</wc-segmented-button>\n <wc-segmented-button value=\"month\">Month</wc-segmented-button>\n</wc-segmented-button-group>\n```",
@@ -7169,7 +7114,7 @@
7169
7114
  "label": "Side Sheet",
7170
7115
  "tag": "wc-side-sheet",
7171
7116
  "rawTag": "side-sheet",
7172
- "summary": "Side sheets slide in from the edge of the screen to reveal supplemental content. Supports standard and modal variants per Material Design 3.",
7117
+ "summary": "Side sheets slide in from the edge of the screen to reveal supplemental content. Supports standard and modal variants.",
7173
7118
  "cssprop": "--side-sheet-width - Width of the side sheet.",
7174
7119
  "example": "```html\nSide Sheet\n\n```",
7175
7120
  "tags": "navigation, overlay",
@@ -7260,6 +7205,7 @@
7260
7205
  "text": "boolean"
7261
7206
  },
7262
7207
  "default": "false",
7208
+ "description": "When true, the skeleton animation is shown.",
7263
7209
  "fieldName": "visible"
7264
7210
  }
7265
7211
  ],
@@ -7444,6 +7390,7 @@
7444
7390
  "text": "boolean"
7445
7391
  },
7446
7392
  "default": "false",
7393
+ "description": "Whether the snackbar is currently visible.",
7447
7394
  "fieldName": "open"
7448
7395
  },
7449
7396
  {
@@ -7452,6 +7399,7 @@
7452
7399
  "text": "string"
7453
7400
  },
7454
7401
  "default": "''",
7402
+ "description": "The message text to display. Can also be provided via the default slot.",
7455
7403
  "fieldName": "message"
7456
7404
  },
7457
7405
  {
@@ -7460,6 +7408,7 @@
7460
7408
  "text": "string"
7461
7409
  },
7462
7410
  "default": "''",
7411
+ "description": "Label for the optional action button. When empty, no action button is rendered.",
7463
7412
  "fieldName": "actionLabel"
7464
7413
  },
7465
7414
  {
@@ -7468,6 +7417,7 @@
7468
7417
  "text": "boolean"
7469
7418
  },
7470
7419
  "default": "false",
7420
+ "description": "When true, a dismiss icon button is shown on the trailing end.",
7471
7421
  "fieldName": "showCloseIcon"
7472
7422
  },
7473
7423
  {
@@ -7476,6 +7426,7 @@
7476
7426
  "text": "number"
7477
7427
  },
7478
7428
  "default": "4000",
7429
+ "description": "Auto-hide duration in milliseconds. Set to `0` to disable auto-hide.",
7479
7430
  "fieldName": "duration"
7480
7431
  },
7481
7432
  {
@@ -7484,6 +7435,7 @@
7484
7435
  "text": "boolean"
7485
7436
  },
7486
7437
  "default": "false",
7438
+ "description": "When true, the snackbar content is allowed to wrap to multiple lines.",
7487
7439
  "fieldName": "multiline"
7488
7440
  },
7489
7441
  {
@@ -7492,6 +7444,7 @@
7492
7444
  "text": "boolean"
7493
7445
  },
7494
7446
  "default": "false",
7447
+ "description": "When true, renders the snackbar in a static preview state (always visible, no animation).",
7495
7448
  "fieldName": "preview"
7496
7449
  }
7497
7450
  ],
@@ -8017,10 +7970,9 @@
8017
7970
  {
8018
7971
  "name": "throttleDelay",
8019
7972
  "type": {
8020
- "text": "number"
7973
+ "text": "number | undefined"
8021
7974
  },
8022
- "default": "200",
8023
- "description": "Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.",
7975
+ "description": "Sets the delay for throttle in milliseconds. When null (default), no throttle is applied.",
8024
7976
  "fieldName": "throttleDelay"
8025
7977
  }
8026
7978
  ],
@@ -8780,8 +8732,8 @@
8780
8732
  "label": "Toolbar",
8781
8733
  "tag": "wc-toolbar",
8782
8734
  "rawTag": "toolbar",
8783
- "summary": "A Material 3 toolbar / app bar for navigation and actions.",
8784
- "overview": "<p>The toolbar component implements the Material 3 app bar pattern. It supports a\ndocked (attached) variant for bottom-panel navigation and a floating (detached pill-shaped)\nvariant. The floating variant supports both horizontal and vertical orientations.</p>\n\n<p>Render toolbar actions directly as children of the component. The docked variant is\noptimized for a horizontal action row, while the floating variant supports both horizontal\nand vertical layouts.</p>",
8735
+ "summary": "A toolbar / app bar for navigation and actions.",
8736
+ "overview": "<p>The toolbar component implements the app bar pattern. It supports a\ndocked (attached) variant for bottom-panel navigation and a floating (detached pill-shaped)\nvariant. The floating variant supports both horizontal and vertical orientations.</p>\n\n<p>Render toolbar actions directly as children of the component. The docked variant is\noptimized for a horizontal action row, while the floating variant supports both horizontal\nand vertical layouts.</p>",
8785
8737
  "cssprop": "--toolbar-shadow - Box-shadow of the toolbar.",
8786
8738
  "example": "```html\n<!-- Floating vertical toolbar -->\n<wc-toolbar variant=\"floating\" orientation=\"vertical\">\n <wc-icon-button variant=\"tonal\"><wc-icon name=\"home\"></wc-icon></wc-icon-button>\n <wc-icon-button variant=\"text\"><wc-icon name=\"search\"></wc-icon></wc-icon-button>\n <wc-icon-button variant=\"text\"><wc-icon name=\"favorite\"></wc-icon></wc-icon-button>\n</wc-toolbar>\n```",
8787
8739
  "tags": "display navigation",