@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
@@ -15,8 +15,12 @@ type ContainerSize = 'max' | 'xl' | 'lg' | 'md' | 'sm' | 'full';
15
15
  * ```
16
16
  */
17
17
  export declare class Container extends LitElement {
18
- size: ContainerSize;
19
18
  static styles: import("lit").CSSResultGroup[];
19
+ /**
20
+ * Max-width breakpoint of the container.
21
+ * Possible values are `"max"`, `"xl"`, `"lg"`, `"md"`, `"sm"`, `"full"`. Defaults to `"full"`.
22
+ */
23
+ size: ContainerSize;
20
24
  render(): import("lit-html").TemplateResult<1>;
21
25
  }
22
26
  export {};
@@ -20,7 +20,9 @@ import { LitElement } from 'lit';
20
20
  */
21
21
  export declare class Divider extends LitElement {
22
22
  static styles: import("lit").CSSResultGroup[];
23
+ /** When true, renders the divider vertically. Defaults to horizontal. */
23
24
  vertical: boolean;
25
+ /** True when the default slot contains content, used to show the label variant. */
24
26
  slotHasContent: boolean;
25
27
  firstUpdated(): void;
26
28
  render(): import("lit-html").TemplateResult<1>;
@@ -16,6 +16,7 @@ export declare class EmptyState extends LitElement {
16
16
  illustration: 'no-document' | 'page' | 'search';
17
17
  headline: string;
18
18
  description: string;
19
+ /** True when the component width is below 768px; triggers a stacked layout. */
19
20
  private vertical;
20
21
  connectedCallback(): void;
21
22
  disconnectedCallback(): void;
@@ -19,30 +19,48 @@ import { LitElement, nothing } from 'lit';
19
19
  export declare class Field extends LitElement {
20
20
  static shadowRootOptions: ShadowRootInit;
21
21
  static styles: import("lit").CSSResultGroup[];
22
+ /** Label text shown above the field input. */
22
23
  label: string;
24
+ /** Help text (deprecated — prefer `helperText`). */
23
25
  help: string;
26
+ /** When true, marks the field as required and shows a required indicator. */
24
27
  required: boolean;
28
+ /** When true, the field and its slotted input are disabled. */
25
29
  disabled: boolean;
30
+ /** When true, the field and its slotted input are read-only. */
26
31
  readonly: boolean;
32
+ /** When true, renders the field in a loading skeleton state. */
27
33
  skeleton: boolean;
34
+ /** Helper/hint text shown in the field footer. */
28
35
  helperText: string;
36
+ /** When true, the field is in an error state and `errorText` is shown. */
29
37
  error: boolean;
38
+ /** Error message displayed when `error` is true. */
30
39
  errorText: string;
40
+ /** When true, the field is in a warning state and `warningText` is shown. */
31
41
  warning: boolean;
42
+ /** Warning message displayed when `warning` is true. */
32
43
  warningText: string;
44
+ /** Character / word count string displayed at the trailing end of the footer. */
33
45
  textCount: string;
46
+ /** When true, applies focused styling (controlled externally by the slotted input). */
34
47
  focused: boolean;
48
+ /** When true, applies populated styling (controlled externally by the slotted input). */
35
49
  populated: boolean;
50
+ /** Visual variant of the field container. */
36
51
  variant: 'filled' | 'outlined' | 'default';
52
+ /** Reference to the host input element; used to forward click-on-label focus. */
37
53
  host?: HTMLElement;
54
+ /** True when the `field-start` slot contains at least one node. */
38
55
  slotStartHasContent: boolean;
56
+ /** True when the `field-end` slot contains at least one node. */
39
57
  slotEndHasContent: boolean;
40
58
  firstUpdated(): void;
41
59
  __handleClick(): void;
42
60
  __renderInputSlot(): import("lit-html").TemplateResult<1>;
43
61
  __renderFieldHeader(): typeof nothing | import("lit-html").TemplateResult<1>;
44
- render(): import("lit-html").TemplateResult<1>;
45
62
  __renderFieldFooter(): typeof nothing | import("lit-html").TemplateResult<1>;
46
63
  __renderHelperText(): typeof nothing | import("lit-html").TemplateResult<1>;
47
64
  __renderWordCount(): typeof nothing | import("lit-html").TemplateResult<1>;
65
+ render(): import("lit-html").TemplateResult<1>;
48
66
  }
@@ -1,5 +1,5 @@
1
1
  import { LitElement, PropertyValues } from 'lit';
2
- import { Attachable } from '@/__controllers/attachable-controller.js';
2
+ import { Attachable } from '@/__internal/controllers/attachable-controller.js';
3
3
  declare const HANDLED_BY_FOCUS_RING: unique symbol;
4
4
  interface FocusRingEvent extends Event {
5
5
  [HANDLED_BY_FOCUS_RING]: true;
@@ -19,13 +19,9 @@ interface FocusRingEvent extends Event {
19
19
  */
20
20
  export declare class FocusRing extends LitElement implements Attachable {
21
21
  static styles: import("lit").CSSResultGroup[];
22
- /**
23
- * Makes the focus ring visible.
24
- */
22
+ /** When true, the focus ring is visible. Toggled automatically based on `:focus-visible` state. */
25
23
  visible: boolean;
26
- /**
27
- * Makes the focus ring animate inwards instead of outwards.
28
- */
24
+ /** When true, the ring animates inward instead of outward (for use inside containers). */
29
25
  inward: boolean;
30
26
  get htmlFor(): string | null;
31
27
  set htmlFor(htmlFor: string | null);
@@ -7,7 +7,7 @@ import BaseInput from '../input/BaseInput.js';
7
7
  * @summary A Tiptap-powered HTML editor with visual and source editing modes.
8
8
  * @overview
9
9
  * <p>The HTML Editor provides a rich-text editing experience built on Tiptap.
10
- * It wraps the editable area in a Material 3 styled <code>wc-field</code>,
10
+ * It wraps the editable area in A styled <code>wc-field</code>,
11
11
  * exposes common formatting actions, and includes a segmented switch between
12
12
  * <strong>Visual</strong> and <strong>HTML</strong> source modes.</p>
13
13
  *
@@ -23,19 +23,24 @@ export declare class Icon extends LitElement {
23
23
  * This name corresponds to a specific SVG asset in the icon set.
24
24
  */
25
25
  name?: string;
26
+ /** URL of an external SVG file to fetch and render inline. */
26
27
  src?: string;
28
+ /** Icon library provider. Defaults to `"material-symbols"`. */
27
29
  provider: IconProvider;
30
+ /** Rendered SVG markup, updated after each successful fetch. */
28
31
  private svgContent;
32
+ /** True while an SVG fetch is in-flight. */
29
33
  private loading;
34
+ /** Holds the last fetch error, if any. */
30
35
  private error;
36
+ /** Monotonically incrementing token used to discard stale fetch results. */
31
37
  private _fetchId;
38
+ /** Timer handle for debouncing rapid property changes. */
32
39
  private _debounceTimer;
33
40
  firstUpdated(): void;
34
41
  updated(changedProperties: any): void;
35
- render(): import("lit-html").TemplateResult<1>;
36
42
  private __scheduleUpdate;
37
- /**
38
- * @internal
39
- */
43
+ /** @internal */
40
44
  private __updateSvg;
45
+ render(): import("lit-html").TemplateResult<1>;
41
46
  }
@@ -21,10 +21,14 @@ export declare class Image extends LitElement {
21
21
  imageTitle: string;
22
22
  /** Enable click-to-preview lightbox */
23
23
  preview: boolean;
24
+ /** True when the OS/app theme is dark, used to select `darkSrc`. */
24
25
  private _isDarkMode;
26
+ /** True once the image has entered the viewport and the `<img>` element has been rendered. */
25
27
  private _loaded;
26
28
  private _dialog?;
29
+ /** IntersectionObserver for lazy-loading the image when it enters the viewport. */
27
30
  private _intersectionObserver;
31
+ /** Cleanup function returned by `observeThemeChange`. */
28
32
  private _themeCleanup;
29
33
  connectedCallback(): void;
30
34
  disconnectedCallback(): void;
@@ -5,8 +5,8 @@ export { Divider } from './divider/index.js';
5
5
  export { Clock } from './clock/index.js';
6
6
  export { Elevation } from './elevation/index.js';
7
7
  export { Button, ButtonGroup, IconButton } from './button/index.js';
8
- export { Fab } from './fab/index.js';
9
- export { SegmentedButton, SegmentedButtonGroup } from './segmented-button/index.js';
8
+ export { Fab } from './button/fab/index.js';
9
+ export { SegmentedButton, SegmentedButtonGroup, } from './segmented-button/index.js';
10
10
  export { SplitButton } from './split-button/index.js';
11
11
  export { DropdownButton } from './dropdown-button/index.js';
12
12
  export { FocusRing } from './focus-ring/index.js';
@@ -50,9 +50,9 @@ export { ChartPie } from './chart-pie/index.js';
50
50
  export { ChartBar, ChartStackedBar } from './chart-bar/index.js';
51
51
  export { Table } from './table/index.js';
52
52
  export { Pagination } from './pagination/index.js';
53
- export { SidebarMenu, SidebarMenuItem, SidebarSubMenu } from './sidebar-menu/index.js';
53
+ export { SidebarMenu, SidebarMenuItem, SidebarSubMenu, } from './sidebar-menu/index.js';
54
54
  export { Card } from './card/index.js';
55
- export { Banner } from './banner/index.js';
55
+ export { Alert } from './alert/index.js';
56
56
  export { Notification } from './notification/index.js';
57
57
  export { NotificationManager } from './notification-manager/index.js';
58
58
  export { Snackbar } from './snackbar/index.js';
@@ -65,11 +65,12 @@ export type { SelectOption } from './select/index.js';
65
65
  export { SelectOptionElement } from './select/index.js';
66
66
  export { Search } from './search/index.js';
67
67
  export { Toolbar } from './toolbar/index.js';
68
+ export { AppBar } from './app-bar/index.js';
68
69
  export { NavigationRail, NavigationRailItem } from './navigation-rail/index.js';
69
- export { Calendar, CalendarColumnView, CalendarMonthView } from './calendar/index.js';
70
+ export { Calendar, CalendarColumnView, CalendarMonthView, } from './calendar/index.js';
70
71
  export type { CalendarViewType, EventType } from './calendar/index.js';
71
72
  export { Canvas } from './canvas/index.js';
72
73
  export type { CanvasShape } from './canvas/index.js';
73
74
  export { FlowDesigner, FlowDesignerNode } from './flow-designer/index.js';
74
75
  export type { Workflow, WorkflowNode, WorkflowCommand, PositionedNode, ValidationError, HistoryEntry, EditorState, NodeType, WorkflowChangeEvent, SwimlaneConfig, NodeTemplate, } from './flow-designer/index.js';
75
- export { ConditionBuilder, CbPredicate, CbCompoundExpression, CbExpression, CbDivider } from './condition-builder/index.js';
76
+ export { ConditionBuilder, CbPredicate, CbCompoundExpression, CbExpression, CbDivider, } from './condition-builder/index.js';
@@ -1,20 +1,22 @@
1
1
  import { LitElement } from 'lit';
2
- declare const Item_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
2
+ declare const Item_base: import("../__internal/mixins/mixin.js").MixinReturn<import("../__internal/mixins/mixin.js").MixinReturn<typeof LitElement, import("@/__internal/mixins/element-internals.js").WithElementInternals>>;
3
3
  /**
4
4
  * @label Item
5
5
  * @tag wc-item
6
6
  * @rawTag item
7
7
  *
8
- * @summary A Material 3 item with start, text and end slots.
8
+ * @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.
9
9
  *
10
10
  * @example
11
11
  * ```html
12
- * <wc-item selected>
13
- * <wc-icon slot="start" name="home"></wc-icon>
14
- * <div slot="overline">Overline</div>
15
- * <div slot="headline">Headline</div>
16
- * <div slot="supporting-text">Supporting text</div>
17
- * <div slot="trailing-supporting-text">Trailing</div>
12
+ * <wc-item>
13
+ * <wc-icon slot="start" name="notifications"></wc-icon>
14
+ *
15
+ * <span slot="overline">Settings</span>
16
+ * <span slot="headline">Notifications</span>
17
+ * <span slot="supporting-text">Manage alerts and reminders</span>
18
+ *
19
+ * <span slot="trailing-supporting-text">3</span>
18
20
  * <wc-icon slot="end" name="chevron_right"></wc-icon>
19
21
  * </wc-item>
20
22
  * ```
@@ -22,28 +24,17 @@ declare const Item_base: typeof LitElement & import("../__mixins/MixinConstructo
22
24
  */
23
25
  export declare class Item extends Item_base {
24
26
  static styles: import("lit").CSSResultGroup[];
25
- static get observedAttributes(): string[];
26
- private readonly __contentObserver;
27
- private __capturedTabIndex?;
28
- private __isCapturingTabIndex;
29
- selected: boolean;
30
- readonly itemElement: HTMLElement | null;
31
- isPressed: boolean;
32
- private __handleSlotChange;
27
+ /**
28
+ * Only needed for SSR.
29
+ *
30
+ * Add this attribute when an item has two lines to avoid a Flash Of Unstyled
31
+ * Content. This attribute is not needed for single line items or items with
32
+ * three or more lines.
33
+ */
34
+ multiline: boolean;
35
+ private readonly textSlots;
33
36
  private __hasNamedSlot;
34
- private __hasDefaultSlot;
35
- connectedCallback(): void;
36
- disconnectedCallback(): void;
37
- attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
38
- focus(): void;
39
- blur(): void;
40
- __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
41
- __handleKeyDown: (event: KeyboardEvent) => void;
42
- __handlePress: (event: KeyboardEvent | MouseEvent) => void;
43
- private __getForwardedAttribute;
44
- private __captureHostTabIndex;
45
37
  render(): import("lit-html").TemplateResult<1>;
46
- renderItemElement(cssClasses: any, role: string | undefined, tabIndex: string | undefined, ariaHasPopup: string | undefined, ariaControls: string | undefined, ariaExpanded: string | undefined): import("lit-html").TemplateResult<1>;
47
- renderContent(): import("lit-html").TemplateResult<1>;
38
+ private handleTextSlotChange;
48
39
  }
49
40
  export {};
@@ -1,5 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
- declare const Link_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface>;
2
+ declare const Link_base: typeof LitElement & import("../__internal/mixins/MixinConstructor.js").MixinConstructor<import("@/__internal/mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface>;
3
3
  /**
4
4
  * @label Link
5
5
  * @tag wc-link
@@ -1,11 +1,11 @@
1
1
  import { LitElement } from 'lit';
2
- declare const ListItem_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
2
+ declare const ListItem_base: import("../__internal/mixins/mixin.js").MixinReturn<import("../__internal/mixins/mixin.js").MixinReturn<import("../__internal/mixins/mixin.js").MixinReturn<import("../__internal/mixins/mixin.js").MixinReturn<typeof LitElement, import("@/__internal/mixins/element-internals.js").WithElementInternals>>, import("@/__internal/mixins/hyperlink.js").Hyperlink>, import("@/button/base-button/base-button.js").BaseButton>;
3
3
  /**
4
4
  * @label List Item
5
5
  * @tag wc-list-item
6
6
  * @rawTag list-item
7
7
  *
8
- * @summary A Material 3 list item with leading, trailing and content slots.
8
+ * @summary A list item with leading, trailing and content slots.
9
9
  *
10
10
  * @example
11
11
  * ```html
@@ -18,16 +18,18 @@ declare const ListItem_base: typeof LitElement & import("../__mixins/MixinConstr
18
18
  * @tags display
19
19
  */
20
20
  export declare class ListItem extends ListItem_base {
21
+ /** @nocollapse */ static shadowRootOptions: ShadowRootInit;
21
22
  static styles: import("lit").CSSResultGroup[];
22
23
  selected: boolean;
24
+ /** When true, renders the list-item in a loading skeleton state. */
25
+ skeleton: boolean;
23
26
  readonly itemElement: HTMLElement | null;
24
- isPressed: boolean;
27
+ constructor();
25
28
  connectedCallback(): void;
26
29
  focus(): void;
27
30
  blur(): void;
28
31
  __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
29
- __handleKeyDown: (event: KeyboardEvent) => void;
30
- __handlePress: (event: KeyboardEvent | MouseEvent) => void;
32
+ private __hasNamedSlot;
31
33
  render(): import("lit-html").TemplateResult<1>;
32
34
  renderContent(): import("lit-html").TemplateResult<1>;
33
35
  }
@@ -5,7 +5,7 @@ import { ListItem } from './list-item.js';
5
5
  * @tag wc-list
6
6
  * @rawTag list
7
7
  *
8
- * @summary A Material 3 list container for one or more list items.
8
+ * @summary A list container for one or more list items.
9
9
  *
10
10
  * @example
11
11
  * ```html
@@ -22,7 +22,8 @@ import { ListItem } from './list-item.js';
22
22
  export declare class List extends LitElement {
23
23
  static styles: import("lit").CSSResultGroup[];
24
24
  static Item: typeof ListItem;
25
- variant: 'standard' | 'vibrant';
25
+ /** */
26
+ variant: 'standard' | 'segmented';
26
27
  connectedCallback(): void;
27
28
  render(): import("lit-html").TemplateResult<1>;
28
29
  }
@@ -31,20 +31,34 @@ type CloseReason = {
31
31
  export declare class Menu extends LitElement {
32
32
  static styles: import("lit").CSSResultGroup[];
33
33
  static Item: typeof MenuItem;
34
+ /** Whether the menu is currently visible. */
34
35
  open: boolean;
36
+ /** Visual variant of the menu. `"vibrant"` applies stronger color emphasis. */
35
37
  variant: 'standard' | 'vibrant';
38
+ /** ID of the anchor element the menu is positioned relative to. */
36
39
  anchor: string;
40
+ /** When true, renders the menu in a static preview state (always visible, no animation). */
37
41
  preview: boolean;
42
+ /** When true, the menu will not close when a click occurs outside it. */
38
43
  stayOpenOnOutsideClick: boolean;
44
+ /** When true, the menu will not close when focus leaves it. */
39
45
  stayOpenOnFocusout: boolean;
46
+ /** Set to true when this menu is being used as a submenu inside another menu. */
40
47
  isSubmenu: boolean;
48
+ /** Floating UI placement of the menu relative to its anchor. */
41
49
  placement: Placement;
50
+ /** Distance in pixels between the menu and its anchor element. */
42
51
  offset: number;
52
+ /** Index of the currently focused/active item within the enabled items list. */
43
53
  private activeIndex;
44
54
  private readonly menuListElement;
55
+ /** Direct reference to the anchor element; takes precedence over the `anchor` ID property. */
45
56
  anchorElement: HTMLElement | null;
57
+ /** Controller managing floating-UI positioning. */
46
58
  private readonly _floatingController;
59
+ /** Element that had focus before the menu opened; restored on close. */
47
60
  private _lastFocusedElement;
61
+ /** Reason that triggered the most recent close, included in the `closed` event detail. */
48
62
  private _closeReason;
49
63
  connectedCallback(): void;
50
64
  disconnectedCallback(): void;
@@ -1,6 +1,6 @@
1
1
  import { LitElement } from 'lit';
2
2
  import { Item } from '@/item/item.js';
3
- declare const MenuItem_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
3
+ declare const MenuItem_base: typeof LitElement & import("../../__internal/mixins/MixinConstructor.js").MixinConstructor<import("@/__internal/mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__internal/mixins/MixinConstructor.js").MixinConstructor<import("@/__internal/mixins/NativeButtonMixin.js").NativeButtonInterface>;
4
4
  /**
5
5
  * @label Menu Item
6
6
  * @tag wc-menu-item
@@ -14,15 +14,23 @@ declare const MenuItem_base: typeof LitElement & import("../../__mixins/MixinCon
14
14
  * ```
15
15
  */
16
16
  export declare class MenuItem extends MenuItem_base {
17
+ static styles: import("lit").CSSResultGroup[];
18
+ /** The value associated with this menu item, used to identify it on selection. */
17
19
  value: string;
20
+ /** Whether this menu item is currently selected/highlighted. */
18
21
  selected: boolean;
22
+ /** When true, the menu stays open after this item is activated. */
19
23
  keepOpen: boolean;
24
+ /** When true, indicates this item has an associated submenu. */
20
25
  hasSubmenu: boolean;
26
+ /** Whether the associated submenu is currently open. */
21
27
  submenuOpen: boolean;
28
+ /** Visual variant of the menu item. */
22
29
  variant: 'standard' | 'vibrant';
23
- static styles: import("lit").CSSResultGroup[];
24
30
  readonly itemElement: Item | null;
31
+ /** MutationObserver that triggers re-render when slotted content changes. */
25
32
  private readonly _contentObserver;
33
+ /** Roving tabindex value managed by the parent Menu. */
26
34
  private _rovingTabIndex;
27
35
  connectedCallback(): void;
28
36
  disconnectedCallback(): void;
@@ -4,7 +4,7 @@ type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'fullscreen';
4
4
  * @label Modal
5
5
  * @tag wc-modal
6
6
  * @rawTag modal
7
- * @summary A Material Design 3 dialog/modal for displaying content in a layer above the page, with optional header, body, and footer slots.
7
+ * @summary A dialog/modal for displaying content in a layer above the page, with optional header, body, and footer slots.
8
8
  *
9
9
  * @cssprop --modal-container-color - Background color of the dialog container.
10
10
  * @cssprop --modal-scrim-color - Color of the scrim backdrop.
@@ -34,18 +34,19 @@ export declare class NavigationRailItem extends LitElement {
34
34
  value?: string;
35
35
  /** Reason the item is disabled (shown to screen readers). */
36
36
  disabledReason: string;
37
- /** Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds. */
38
- throttleDelay: number;
39
- private _isPressed;
37
+ /** Sets the delay for throttle in milliseconds. When null (default), no throttle is applied. */
38
+ throttleDelay: number | null;
39
+ /** True when the default slot contains label content. */
40
40
  private _hasLabel;
41
+ /** True when the `active-icon` slot contains content. */
41
42
  private _hasActiveIcon;
42
43
  readonly itemElement: HTMLElement | null;
44
+ constructor();
43
45
  focus(): void;
44
46
  blur(): void;
45
47
  firstUpdated(): void;
46
48
  __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
47
49
  __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
48
- __handlePress: (event: KeyboardEvent | MouseEvent) => void;
49
50
  __getDisabledReasonID(): string | typeof nothing;
50
51
  __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
51
52
  __renderItemContent(): import("lit-html").TemplateResult<1>;
@@ -5,7 +5,7 @@ import { NavigationRailItem } from './navigation-rail-item.js';
5
5
  * @tag wc-navigation-rail
6
6
  * @rawTag navigation-rail
7
7
  *
8
- * @summary A vertical side navigation for medium-sized screens, following Material Design 3 specs.
8
+ * @summary A vertical side navigation for medium-sized screens,.
9
9
  * @overview
10
10
  * <p>Navigation rail provides access to primary destinations in an app using icons—with or without labels—on a vertical rail.</p>
11
11
  * <p>Use navigation rail on medium-sized screens (tablets) with 3–7 destinations.</p>
@@ -35,12 +35,17 @@ export declare class Radio extends LitElement {
35
35
  * Configuration object for aria attributes.
36
36
  */
37
37
  configAria: Record<string, string>;
38
+ /** True while the radio container has keyboard focus. */
38
39
  private hasFocus;
40
+ /** True while the user is actively pressing the radio (mouse/keyboard). */
39
41
  private isActive;
42
+ /** True when slotted label content or `label` property is present. */
40
43
  private slotHasContent;
44
+ /** True for the one radio in the group that should receive tab focus (roving tabindex). */
41
45
  private isGroupFocusTarget;
42
46
  private containerElement?;
43
47
  private nativeElement?;
48
+ /** Captured `tabindex` attribute value forwarded to the inner container. */
44
49
  private tabindex?;
45
50
  connectedCallback(): void;
46
51
  disconnectedCallback(): void;
@@ -1,5 +1,5 @@
1
1
  import { LitElement, PropertyValues } from 'lit';
2
- import { Attachable } from '@/__controllers/attachable-controller.js';
2
+ import { Attachable } from '@/__internal/controllers/attachable-controller.js';
3
3
  /**
4
4
  * @label Ripple
5
5
  * @tag wc-ripple
@@ -40,15 +40,24 @@ export declare class Ripple extends LitElement implements Attachable {
40
40
  * Disables the ripple.
41
41
  */
42
42
  disabled: boolean;
43
+ /** True while the pointer is hovering over the host element. */
43
44
  private hovered;
45
+ /** True while a press animation is playing. */
44
46
  private pressed;
45
47
  private readonly mdRoot;
48
+ /** CSS size string (e.g. `"48px"`) for the growing ripple circle. */
46
49
  private rippleSize;
50
+ /** CSS scale factor applied to the ripple at the end of its animation. */
47
51
  private rippleScale;
52
+ /** Pixel size of the ripple at its initial (pre-grow) state. */
48
53
  private initialSize;
54
+ /** Reference to the currently running grow animation, if any. */
49
55
  private growAnimation?;
56
+ /** Current interaction state of the ripple state machine. */
50
57
  private state;
58
+ /** Pointer event that initiated the current press, used to calculate start coordinates. */
51
59
  private rippleStartEvent?;
60
+ /** Bound reference to `handleEvent` passed to `addEventListener` / `removeEventListener`. */
52
61
  private readonly _boundHandleEvent;
53
62
  get htmlFor(): string | null;
54
63
  set htmlFor(htmlFor: string | null);
@@ -4,7 +4,7 @@ import { LitElement } from 'lit';
4
4
  * @tag wc-search
5
5
  * @rawTag search
6
6
  *
7
- * @summary A Material 3 search bar for filtering and finding content.
7
+ * @summary A search bar for filtering and finding content.
8
8
  * @overview
9
9
  * <p>The search component provides a text input designed for search interactions.
10
10
  * It supports outlined and filled variants, an optional clear button, and leading/trailing icon slots.</p>
@@ -4,9 +4,9 @@ import { SegmentedButton } from './segmented-button.js';
4
4
  * @label Segmented Button Group
5
5
  * @tag wc-segmented-button-group
6
6
  * @rawTag segmented-button-group
7
- * @summary A container for segmented buttons following Material Design 3.
7
+ * @summary A container for segmented buttons.
8
8
  * @overview
9
- * <p>Segmented buttons help people select options, switch views, or sort elements. They follow the Material Design 3 specification.</p>
9
+ * <p>Segmented buttons help people select options, switch views, or sort elements. They follow the specification.</p>
10
10
  * <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>
11
11
  *
12
12
  * @cssprop --segmented-button-group-shape: Border-radius of the group container.
@@ -45,7 +45,9 @@ export declare class SegmentedButton extends LitElement {
45
45
  * Optional icon name to display (uses wc-icon).
46
46
  */
47
47
  icon?: string;
48
+ /** True while the segment has keyboard focus. */
48
49
  private hasFocus;
50
+ /** True while the user is actively pressing the segment. */
49
51
  private isActive;
50
52
  connectedCallback(): void;
51
53
  disconnectedCallback(): void;
@@ -3,7 +3,7 @@ import { LitElement } from 'lit';
3
3
  * @label Side Sheet
4
4
  * @tag wc-side-sheet
5
5
  * @rawTag side-sheet
6
- * @summary Side sheets slide in from the edge of the screen to reveal supplemental content. Supports standard and modal variants per Material Design 3.
6
+ * @summary Side sheets slide in from the edge of the screen to reveal supplemental content. Supports standard and modal variants.
7
7
  *
8
8
  * @cssprop --side-sheet-container-color - Background color of the sheet container.
9
9
  * @cssprop --side-sheet-scrim-color - Color of the modal scrim overlay.
@@ -13,6 +13,7 @@ import { LitElement } from 'lit';
13
13
  */
14
14
  export declare class Skeleton extends LitElement {
15
15
  static styles: import("lit").CSSResultGroup[];
16
+ /** When true, the skeleton animation is shown. */
16
17
  visible: boolean;
17
18
  render(): import("lit-html").TemplateResult<1>;
18
19
  }
@@ -44,6 +44,7 @@ export declare class Slider extends LitElement {
44
44
  * Whether to show the current value beside the slider.
45
45
  */
46
46
  showValue: boolean;
47
+ /** True while the user is actively dragging the thumb. */
47
48
  private isDragging;
48
49
  private container;
49
50
  private thumbElement;
@@ -24,18 +24,30 @@ export declare class Snackbar extends LitElement {
24
24
  static styles: import("lit").CSSResultGroup[];
25
25
  private static readonly GLOBAL_OPEN_EVENT;
26
26
  private static readonly EXIT_ANIMATION_MS;
27
+ /** Whether the snackbar is currently visible. */
27
28
  open: boolean;
29
+ /** The message text to display. Can also be provided via the default slot. */
28
30
  message: string;
31
+ /** Label for the optional action button. When empty, no action button is rendered. */
29
32
  actionLabel: string;
33
+ /** When true, a dismiss icon button is shown on the trailing end. */
30
34
  showCloseIcon: boolean;
35
+ /** Auto-hide duration in milliseconds. Set to `0` to disable auto-hide. */
31
36
  duration: number;
37
+ /** When true, the snackbar content is allowed to wrap to multiple lines. */
32
38
  multiline: boolean;
39
+ /** When true, renders the snackbar in a static preview state (always visible, no animation). */
33
40
  preview: boolean;
41
+ /** True while the exit animation is running before the snackbar fully closes. */
34
42
  private dismissing;
43
+ /** Timer handle for the auto-hide timeout. */
35
44
  private hideTimer;
45
+ /** Timer handle for the exit animation duration timeout. */
36
46
  private exitTimer;
37
47
  private readonly handleGlobalSnackbarOpen;
38
48
  connectedCallback(): void;
49
+ disconnectedCallback(): void;
50
+ protected updated(changedProperties: Map<string, unknown>): void;
39
51
  show(): void;
40
52
  hide(): void;
41
53
  private close;
@@ -47,7 +59,5 @@ export declare class Snackbar extends LitElement {
47
59
  private clearExitTimer;
48
60
  private handleAnimationEnd;
49
61
  private scheduleAutoHide;
50
- protected updated(changedProperties: Map<string, unknown>): void;
51
- disconnectedCallback(): void;
52
62
  render(): import("lit-html").TemplateResult<1>;
53
63
  }
@@ -22,10 +22,15 @@ export declare class Svg extends LitElement {
22
22
  imageTitle: string;
23
23
  /** Enable click-to-preview lightbox. */
24
24
  preview: boolean;
25
+ /** True once the element has entered the viewport and the SVG fetch has been initiated. */
25
26
  private _loaded;
27
+ /** True when the lightbox preview overlay is visible. */
26
28
  private _previewOpen;
29
+ /** Sanitized inline SVG markup ready for rendering. */
27
30
  private _svgContent;
31
+ /** Monotonically incrementing token used to discard stale fetch results. */
28
32
  private _fetchId;
33
+ /** IntersectionObserver that triggers the SVG fetch when the element enters the viewport. */
29
34
  private _intersectionObserver;
30
35
  disconnectedCallback(): void;
31
36
  firstUpdated(): void;