@warp-ds/elements 2.10.0-next.8 → 2.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (712) hide show
  1. package/dist/.storybook/utilities.js +4 -4
  2. package/dist/api.js +1 -1
  3. package/dist/api.js.map +2 -2
  4. package/dist/custom-elements.json +1166 -502
  5. package/dist/docs/affix/affix.md +119 -2
  6. package/dist/docs/affix/api.md +2 -2
  7. package/dist/docs/affix/styling.md +107 -0
  8. package/dist/docs/alert/alert.md +4 -4
  9. package/dist/docs/alert/api.md +4 -4
  10. package/dist/docs/attention/api.md +50 -2
  11. package/dist/docs/attention/attention.md +50 -2
  12. package/dist/docs/badge/api.md +50 -4
  13. package/dist/docs/badge/badge.md +50 -4
  14. package/dist/docs/box/api.md +2 -2
  15. package/dist/docs/box/box.md +2 -2
  16. package/dist/docs/breadcrumb-item/api.md +27 -0
  17. package/dist/docs/breadcrumb-item/breadcrumb-item.md +34 -0
  18. package/dist/docs/breadcrumbs/accessibility.md +8 -18
  19. package/dist/docs/breadcrumbs/breadcrumbs.md +120 -34
  20. package/dist/docs/breadcrumbs/examples.md +8 -8
  21. package/dist/docs/breadcrumbs/styling.md +96 -0
  22. package/dist/docs/breadcrumbs/usage.md +8 -8
  23. package/dist/docs/button/api.md +32 -24
  24. package/dist/docs/button/button.md +32 -24
  25. package/dist/docs/card/api.md +8 -0
  26. package/dist/docs/card/card.md +8 -0
  27. package/dist/docs/checkbox/api.md +52 -4
  28. package/dist/docs/checkbox/checkbox.md +226 -4
  29. package/dist/docs/checkbox/styling.md +173 -0
  30. package/dist/docs/checkbox-group/api.md +30 -6
  31. package/dist/docs/checkbox-group/checkbox-group.md +73 -36
  32. package/dist/docs/checkbox-group/styling.md +31 -29
  33. package/dist/docs/combobox/api.md +20 -12
  34. package/dist/docs/combobox/combobox.md +20 -12
  35. package/dist/docs/datepicker/api.md +22 -14
  36. package/dist/docs/datepicker/datepicker.md +22 -14
  37. package/dist/docs/expandable/api.md +6 -6
  38. package/dist/docs/expandable/expandable.md +6 -6
  39. package/dist/docs/icon/api.md +4 -4
  40. package/dist/docs/icon/icon.md +4 -4
  41. package/dist/docs/index.md +5 -2
  42. package/dist/docs/link/api.md +10 -10
  43. package/dist/docs/link/link.md +10 -10
  44. package/dist/docs/modal/api.md +20 -2
  45. package/dist/docs/modal/modal.md +99 -10
  46. package/dist/docs/modal/styling.md +75 -0
  47. package/dist/docs/modal/usage.md +4 -8
  48. package/dist/docs/pagination/api.md +4 -4
  49. package/dist/docs/pagination/pagination.md +4 -4
  50. package/dist/docs/pill/api.md +8 -8
  51. package/dist/docs/pill/pill.md +8 -8
  52. package/dist/docs/radio-group/api.md +4 -4
  53. package/dist/docs/radio-group/radio-group.md +183 -68
  54. package/dist/docs/radio-group/styling.md +179 -64
  55. package/dist/docs/select/api.md +10 -10
  56. package/dist/docs/select/select.md +101 -10
  57. package/dist/docs/select/styling.md +91 -0
  58. package/dist/docs/slider/api.md +38 -22
  59. package/dist/docs/slider/slider.md +38 -22
  60. package/dist/docs/slider-thumb/api.md +28 -12
  61. package/dist/docs/slider-thumb/slider-thumb.md +28 -12
  62. package/dist/docs/snackbar/accessibility.md +20 -0
  63. package/dist/docs/snackbar/api.md +30 -0
  64. package/dist/docs/snackbar/examples.md +191 -0
  65. package/dist/docs/snackbar/snackbar.md +385 -0
  66. package/dist/docs/snackbar/styling.md +72 -0
  67. package/dist/docs/snackbar/usage.md +60 -0
  68. package/dist/docs/snackbar-item/api.md +41 -0
  69. package/dist/docs/snackbar-item/snackbar-item.md +49 -0
  70. package/dist/docs/step/api.md +16 -0
  71. package/dist/docs/step/step.md +16 -0
  72. package/dist/docs/switch/api.md +8 -0
  73. package/dist/docs/switch/switch.md +8 -0
  74. package/dist/docs/tabs/api.md +2 -2
  75. package/dist/docs/tabs/tabs.md +2 -2
  76. package/dist/docs/textarea/api.md +54 -14
  77. package/dist/docs/textarea/styling.md +91 -0
  78. package/dist/docs/textarea/textarea.md +145 -14
  79. package/dist/docs/textfield/api.md +74 -34
  80. package/dist/docs/textfield/styling.md +95 -0
  81. package/dist/docs/textfield/textfield.md +169 -34
  82. package/dist/index.d.ts +914 -93
  83. package/dist/packages/affix/affix-styles.d.ts +8 -0
  84. package/dist/packages/affix/affix-styles.js +108 -0
  85. package/dist/packages/affix/affix.d.ts +16 -13
  86. package/dist/packages/affix/affix.hydration.test.d.ts +1 -1
  87. package/dist/packages/affix/affix.hydration.test.js +15 -15
  88. package/dist/packages/affix/affix.js +451 -320
  89. package/dist/packages/affix/affix.js.map +4 -4
  90. package/dist/packages/affix/affix.react.stories.d.ts +3 -3
  91. package/dist/packages/affix/affix.react.stories.js +3 -3
  92. package/dist/packages/affix/affix.react.test.js +5 -3
  93. package/dist/packages/affix/affix.stories.d.ts +3 -3
  94. package/dist/packages/affix/affix.stories.js +10 -10
  95. package/dist/packages/affix/affix.test.d.ts +1 -1
  96. package/dist/packages/affix/affix.test.js +10 -10
  97. package/dist/packages/affix/react.d.ts +3 -3
  98. package/dist/packages/affix/react.js +6 -6
  99. package/dist/packages/affix/styles.js +2 -2
  100. package/dist/packages/alert/alert.d.ts +3 -3
  101. package/dist/packages/alert/alert.hydration.test.d.ts +1 -1
  102. package/dist/packages/alert/alert.hydration.test.js +21 -21
  103. package/dist/packages/alert/alert.js +349 -324
  104. package/dist/packages/alert/alert.js.map +3 -3
  105. package/dist/packages/alert/alert.react.stories.d.ts +2 -2
  106. package/dist/packages/alert/alert.react.stories.js +13 -13
  107. package/dist/packages/alert/alert.stories.d.ts +4 -4
  108. package/dist/packages/alert/alert.stories.js +29 -27
  109. package/dist/packages/alert/alert.test.d.ts +1 -1
  110. package/dist/packages/alert/alert.test.js +34 -21
  111. package/dist/packages/alert/react.d.ts +1 -1
  112. package/dist/packages/alert/react.js +4 -4
  113. package/dist/packages/alert/styles.js +2 -2
  114. package/dist/packages/attention/attention.d.ts +11 -6
  115. package/dist/packages/attention/attention.hydration.test.d.ts +1 -1
  116. package/dist/packages/attention/attention.hydration.test.js +29 -29
  117. package/dist/packages/attention/attention.js +1744 -1681
  118. package/dist/packages/attention/attention.js.map +4 -4
  119. package/dist/packages/attention/attention.react.stories.d.ts +3 -3
  120. package/dist/packages/attention/attention.react.stories.js +13 -13
  121. package/dist/packages/attention/attention.react.test.js +11 -7
  122. package/dist/packages/attention/attention.stories.d.ts +4 -4
  123. package/dist/packages/attention/attention.stories.js +126 -117
  124. package/dist/packages/attention/attention.test.d.ts +1 -1
  125. package/dist/packages/attention/attention.test.js +18 -10
  126. package/dist/packages/attention/layout-styles.js +900 -900
  127. package/dist/packages/attention/react.d.ts +4 -4
  128. package/dist/packages/attention/react.js +13 -11
  129. package/dist/packages/attention/styles.js +2 -2
  130. package/dist/packages/badge/badge.d.ts +3 -3
  131. package/dist/packages/badge/badge.hydration.test.d.ts +1 -1
  132. package/dist/packages/badge/badge.hydration.test.js +25 -25
  133. package/dist/packages/badge/badge.js +281 -281
  134. package/dist/packages/badge/badge.js.map +3 -3
  135. package/dist/packages/badge/badge.react.stories.d.ts +3 -3
  136. package/dist/packages/badge/badge.react.stories.js +17 -17
  137. package/dist/packages/badge/badge.stories.d.ts +3 -3
  138. package/dist/packages/badge/badge.stories.js +22 -20
  139. package/dist/packages/badge/badge.test.d.ts +1 -1
  140. package/dist/packages/badge/badge.test.js +13 -11
  141. package/dist/packages/badge/react.d.ts +1 -1
  142. package/dist/packages/badge/react.js +4 -4
  143. package/dist/packages/badge/styles.js +2 -2
  144. package/dist/packages/box/box.d.ts +1 -1
  145. package/dist/packages/box/box.hydration.test.d.ts +1 -1
  146. package/dist/packages/box/box.hydration.test.js +14 -14
  147. package/dist/packages/box/box.js +288 -288
  148. package/dist/packages/box/box.js.map +3 -3
  149. package/dist/packages/box/box.react.stories.d.ts +3 -3
  150. package/dist/packages/box/box.react.stories.js +8 -8
  151. package/dist/packages/box/box.stories.d.ts +3 -3
  152. package/dist/packages/box/box.stories.js +25 -19
  153. package/dist/packages/box/box.test.d.ts +1 -1
  154. package/dist/packages/box/box.test.js +6 -6
  155. package/dist/packages/box/react.d.ts +1 -1
  156. package/dist/packages/box/react.js +4 -4
  157. package/dist/packages/box/slot.test.d.ts +1 -1
  158. package/dist/packages/box/slot.test.js +6 -6
  159. package/dist/packages/box/styles.js +2 -2
  160. package/dist/packages/breadcrumb-item/breadcrumb-item.d.ts +29 -0
  161. package/dist/packages/breadcrumb-item/breadcrumb-item.js +2529 -0
  162. package/dist/packages/breadcrumb-item/breadcrumb-item.js.map +7 -0
  163. package/dist/packages/breadcrumb-item/react.d.ts +2 -0
  164. package/dist/packages/breadcrumb-item/react.js +11 -0
  165. package/dist/packages/breadcrumb-item/styles.d.ts +4 -0
  166. package/dist/packages/breadcrumb-item/styles.js +81 -0
  167. package/dist/packages/breadcrumbs/breadcrumbs.d.ts +4 -3
  168. package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.d.ts +1 -1
  169. package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.js +55 -49
  170. package/dist/packages/breadcrumbs/breadcrumbs.js +287 -283
  171. package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
  172. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +4 -4
  173. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.js +17 -16
  174. package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +7 -8
  175. package/dist/packages/breadcrumbs/breadcrumbs.stories.js +30 -26
  176. package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -1
  177. package/dist/packages/breadcrumbs/breadcrumbs.test.js +19 -17
  178. package/dist/packages/breadcrumbs/react.d.ts +1 -1
  179. package/dist/packages/breadcrumbs/react.js +4 -4
  180. package/dist/packages/breadcrumbs/styles.js +2 -2
  181. package/dist/packages/button/button.d.ts +20 -15
  182. package/dist/packages/button/button.hydration.test.d.ts +1 -1
  183. package/dist/packages/button/button.hydration.test.js +19 -19
  184. package/dist/packages/button/button.js +759 -712
  185. package/dist/packages/button/button.js.map +4 -4
  186. package/dist/packages/button/button.react.stories.d.ts +5 -5
  187. package/dist/packages/button/button.react.stories.js +30 -30
  188. package/dist/packages/button/button.react.test.js +13 -13
  189. package/dist/packages/button/button.stories.d.ts +4 -4
  190. package/dist/packages/button/button.stories.js +276 -167
  191. package/dist/packages/button/button.test.d.ts +1 -1
  192. package/dist/packages/button/button.test.js +36 -35
  193. package/dist/packages/button/react.d.ts +3 -3
  194. package/dist/packages/button/react.js +7 -7
  195. package/dist/packages/button/styles.js +373 -331
  196. package/dist/packages/card/card.d.ts +1 -1
  197. package/dist/packages/card/card.hydration.test.d.ts +1 -1
  198. package/dist/packages/card/card.hydration.test.js +14 -14
  199. package/dist/packages/card/card.js +311 -296
  200. package/dist/packages/card/card.js.map +4 -4
  201. package/dist/packages/card/card.react.stories.d.ts +3 -3
  202. package/dist/packages/card/card.react.stories.js +11 -11
  203. package/dist/packages/card/card.stories.d.ts +3 -3
  204. package/dist/packages/card/card.stories.js +36 -24
  205. package/dist/packages/card/card.test.d.ts +1 -1
  206. package/dist/packages/card/card.test.js +6 -6
  207. package/dist/packages/card/react.d.ts +1 -1
  208. package/dist/packages/card/react.js +4 -4
  209. package/dist/packages/card/styles.js +2 -2
  210. package/dist/packages/checkbox/checkbox.a11y.test.d.ts +1 -1
  211. package/dist/packages/checkbox/checkbox.a11y.test.js +47 -33
  212. package/dist/packages/checkbox/checkbox.d.ts +4 -4
  213. package/dist/packages/checkbox/checkbox.hydration.test.d.ts +1 -1
  214. package/dist/packages/checkbox/checkbox.hydration.test.js +21 -21
  215. package/dist/packages/checkbox/checkbox.js +481 -430
  216. package/dist/packages/checkbox/checkbox.js.map +3 -3
  217. package/dist/packages/checkbox/checkbox.react.stories.d.ts +2 -2
  218. package/dist/packages/checkbox/checkbox.react.stories.js +3 -3
  219. package/dist/packages/checkbox/checkbox.stories.d.ts +4 -4
  220. package/dist/packages/checkbox/checkbox.stories.js +99 -91
  221. package/dist/packages/checkbox/checkbox.test.d.ts +1 -1
  222. package/dist/packages/checkbox/checkbox.test.js +64 -64
  223. package/dist/packages/checkbox/react.d.ts +1 -1
  224. package/dist/packages/checkbox/react.js +6 -6
  225. package/dist/packages/checkbox/styles.js +183 -132
  226. package/dist/packages/checkbox-group/checkbox-group.a11y.test.d.ts +2 -2
  227. package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +83 -73
  228. package/dist/packages/checkbox-group/checkbox-group.d.ts +20 -6
  229. package/dist/packages/checkbox-group/checkbox-group.hydration.test.d.ts +2 -2
  230. package/dist/packages/checkbox-group/checkbox-group.hydration.test.js +36 -19
  231. package/dist/packages/checkbox-group/checkbox-group.js +62 -57
  232. package/dist/packages/checkbox-group/checkbox-group.js.map +4 -4
  233. package/dist/packages/checkbox-group/checkbox-group.react.test.js +4 -4
  234. package/dist/packages/checkbox-group/checkbox-group.test.d.ts +2 -2
  235. package/dist/packages/checkbox-group/checkbox-group.test.js +183 -90
  236. package/dist/packages/checkbox-group/react.d.ts +3 -3
  237. package/dist/packages/checkbox-group/react.js +6 -6
  238. package/dist/packages/combobox/combobox.a11y.test.d.ts +2 -2
  239. package/dist/packages/combobox/combobox.a11y.test.js +72 -49
  240. package/dist/packages/combobox/combobox.d.ts +2 -2
  241. package/dist/packages/combobox/combobox.hydration.test.d.ts +1 -1
  242. package/dist/packages/combobox/combobox.hydration.test.js +45 -45
  243. package/dist/packages/combobox/combobox.js +338 -339
  244. package/dist/packages/combobox/combobox.js.map +4 -4
  245. package/dist/packages/combobox/combobox.react.stories.d.ts +29 -13
  246. package/dist/packages/combobox/combobox.react.stories.js +29 -29
  247. package/dist/packages/combobox/combobox.react.test.js +8 -8
  248. package/dist/packages/combobox/combobox.stories.d.ts +4 -4
  249. package/dist/packages/combobox/combobox.stories.js +100 -94
  250. package/dist/packages/combobox/combobox.test.d.ts +2 -2
  251. package/dist/packages/combobox/combobox.test.js +249 -133
  252. package/dist/packages/combobox/react.d.ts +15 -7
  253. package/dist/packages/combobox/react.js +14 -14
  254. package/dist/packages/combobox/styles.js +2 -3
  255. package/dist/packages/datepicker/DatePicker.test.d.ts +2 -2
  256. package/dist/packages/datepicker/DatePicker.test.js +49 -42
  257. package/dist/packages/datepicker/datepicker.d.ts +8 -8
  258. package/dist/packages/datepicker/datepicker.hydration.test.d.ts +1 -1
  259. package/dist/packages/datepicker/datepicker.hydration.test.js +21 -21
  260. package/dist/packages/datepicker/datepicker.js +673 -632
  261. package/dist/packages/datepicker/datepicker.js.map +4 -4
  262. package/dist/packages/datepicker/datepicker.react.stories.d.ts +17 -17
  263. package/dist/packages/datepicker/datepicker.react.stories.js +9 -9
  264. package/dist/packages/datepicker/datepicker.react.test.js +6 -6
  265. package/dist/packages/datepicker/datepicker.stories.d.ts +4 -4
  266. package/dist/packages/datepicker/datepicker.stories.js +32 -32
  267. package/dist/packages/datepicker/datepicker.test.d.ts +2 -2
  268. package/dist/packages/datepicker/datepicker.test.js +77 -79
  269. package/dist/packages/datepicker/react.d.ts +9 -9
  270. package/dist/packages/datepicker/react.js +16 -14
  271. package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.js +13 -12
  272. package/dist/packages/datepicker/styles/w-datepicker-day.styles.js +58 -55
  273. package/dist/packages/datepicker/styles/w-datepicker-month.styles.js +60 -57
  274. package/dist/packages/datepicker/styles/w-datepicker.styles.js +87 -87
  275. package/dist/packages/datepicker/utils.d.ts +3 -0
  276. package/dist/packages/datepicker/utils.js +40 -1
  277. package/dist/packages/datepicker/utils.test.d.ts +1 -0
  278. package/dist/packages/datepicker/utils.test.js +29 -0
  279. package/dist/packages/expandable/expandable.d.ts +7 -7
  280. package/dist/packages/expandable/expandable.hydration.test.d.ts +1 -1
  281. package/dist/packages/expandable/expandable.hydration.test.js +21 -21
  282. package/dist/packages/expandable/expandable.js +359 -332
  283. package/dist/packages/expandable/expandable.js.map +4 -4
  284. package/dist/packages/expandable/expandable.react.stories.d.ts +3 -3
  285. package/dist/packages/expandable/expandable.react.stories.js +7 -7
  286. package/dist/packages/expandable/expandable.react.test.js +15 -7
  287. package/dist/packages/expandable/expandable.stories.d.ts +5 -5
  288. package/dist/packages/expandable/expandable.stories.js +51 -45
  289. package/dist/packages/expandable/expandable.test.d.ts +1 -1
  290. package/dist/packages/expandable/expandable.test.js +19 -17
  291. package/dist/packages/expandable/react.d.ts +2 -2
  292. package/dist/packages/expandable/react.js +9 -9
  293. package/dist/packages/expandable/styles.js +2 -2
  294. package/dist/packages/global.d.ts +1 -0
  295. package/dist/packages/global.js +5 -0
  296. package/dist/packages/i18n.d.ts +1 -1
  297. package/dist/packages/i18n.js +37 -29
  298. package/dist/packages/icon/icon.d.ts +7 -2
  299. package/dist/packages/icon/icon.hydration.test.d.ts +1 -1
  300. package/dist/packages/icon/icon.hydration.test.js +25 -25
  301. package/dist/packages/icon/icon.js +31 -26
  302. package/dist/packages/icon/icon.js.map +3 -3
  303. package/dist/packages/icon/icon.react.stories.d.ts +3 -2
  304. package/dist/packages/icon/icon.react.stories.js +284 -283
  305. package/dist/packages/icon/icon.stories.d.ts +7 -30
  306. package/dist/packages/icon/icon.stories.js +307 -297
  307. package/dist/packages/icon/icon.test.d.ts +1 -1
  308. package/dist/packages/icon/icon.test.js +36 -28
  309. package/dist/packages/icon/react.d.ts +1 -1
  310. package/dist/packages/icon/react.js +4 -4
  311. package/dist/packages/icon/style.js +24 -25
  312. package/dist/packages/interaction-type-detection.d.ts +22 -0
  313. package/dist/packages/interaction-type-detection.js +38 -0
  314. package/dist/packages/link/link.d.ts +7 -7
  315. package/dist/packages/link/link.hydration.test.d.ts +1 -1
  316. package/dist/packages/link/link.hydration.test.js +27 -27
  317. package/dist/packages/link/link.js +729 -682
  318. package/dist/packages/link/link.js.map +3 -3
  319. package/dist/packages/link/link.react.stories.d.ts +3 -3
  320. package/dist/packages/link/link.react.stories.js +42 -42
  321. package/dist/packages/link/link.react.test.js +5 -3
  322. package/dist/packages/link/link.stories.d.ts +3 -3
  323. package/dist/packages/link/link.stories.js +51 -51
  324. package/dist/packages/link/link.test.d.ts +1 -1
  325. package/dist/packages/link/link.test.js +11 -7
  326. package/dist/packages/link/react.d.ts +2 -2
  327. package/dist/packages/link/react.js +6 -6
  328. package/dist/packages/link/styles.js +63 -58
  329. package/dist/packages/modal/index.d.ts +7 -7
  330. package/dist/packages/modal/index.js +7 -7
  331. package/dist/packages/modal/modal.d.ts +19 -4
  332. package/dist/packages/modal/modal.hydration.test.d.ts +1 -1
  333. package/dist/packages/modal/modal.hydration.test.js +12 -12
  334. package/dist/packages/modal/modal.js +456 -409
  335. package/dist/packages/modal/modal.js.map +4 -4
  336. package/dist/packages/modal/modal.react.stories.d.ts +7 -7
  337. package/dist/packages/modal/modal.react.stories.js +15 -6
  338. package/dist/packages/modal/modal.react.test.js +5 -5
  339. package/dist/packages/modal/modal.stories.d.ts +9 -8
  340. package/dist/packages/modal/modal.stories.js +266 -248
  341. package/dist/packages/modal/react.d.ts +38 -8
  342. package/dist/packages/modal/react.js +43 -13
  343. package/dist/packages/modal/styles.d.ts +1 -0
  344. package/dist/packages/modal/styles.js +171 -0
  345. package/dist/packages/modal/util.js +3 -1
  346. package/dist/packages/modal-footer/modal-footer.d.ts +6 -2
  347. package/dist/packages/modal-footer/modal-footer.js +299 -296
  348. package/dist/packages/modal-footer/modal-footer.js.map +4 -4
  349. package/dist/packages/modal-footer/react.d.ts +1 -1
  350. package/dist/packages/modal-footer/react.js +4 -4
  351. package/dist/packages/modal-footer/styles.d.ts +1 -0
  352. package/dist/packages/modal-footer/styles.js +22 -0
  353. package/dist/packages/modal-header/modal-header.d.ts +14 -7
  354. package/dist/packages/modal-header/modal-header.js +451 -422
  355. package/dist/packages/modal-header/modal-header.js.map +4 -4
  356. package/dist/packages/modal-header/modal-header.react.test.js +5 -3
  357. package/dist/packages/modal-header/react.d.ts +4 -4
  358. package/dist/packages/modal-header/react.js +8 -8
  359. package/dist/packages/modal-header/styles.d.ts +1 -0
  360. package/dist/packages/modal-header/styles.js +96 -0
  361. package/dist/packages/page-indicator/page-indicator.d.ts +1 -5
  362. package/dist/packages/page-indicator/page-indicator.hydration.test.d.ts +1 -1
  363. package/dist/packages/page-indicator/page-indicator.hydration.test.js +22 -22
  364. package/dist/packages/page-indicator/page-indicator.js +29 -29
  365. package/dist/packages/page-indicator/page-indicator.js.map +4 -4
  366. package/dist/packages/page-indicator/page-indicator.react.stories.d.ts +3 -3
  367. package/dist/packages/page-indicator/page-indicator.react.stories.js +11 -11
  368. package/dist/packages/page-indicator/page-indicator.react.test.js +5 -5
  369. package/dist/packages/page-indicator/page-indicator.stories.d.ts +9 -27
  370. package/dist/packages/page-indicator/page-indicator.stories.js +63 -32
  371. package/dist/packages/page-indicator/page-indicator.test.d.ts +1 -1
  372. package/dist/packages/page-indicator/page-indicator.test.js +110 -70
  373. package/dist/packages/page-indicator/react.d.ts +2 -2
  374. package/dist/packages/page-indicator/react.js +7 -7
  375. package/dist/packages/page-indicator/style.js +21 -21
  376. package/dist/packages/pagination/pagination.a11y.test.d.ts +1 -1
  377. package/dist/packages/pagination/pagination.a11y.test.js +59 -25
  378. package/dist/packages/pagination/pagination.d.ts +10 -11
  379. package/dist/packages/pagination/pagination.hydration.test.d.ts +1 -1
  380. package/dist/packages/pagination/pagination.hydration.test.js +19 -19
  381. package/dist/packages/pagination/pagination.js +385 -354
  382. package/dist/packages/pagination/pagination.js.map +4 -4
  383. package/dist/packages/pagination/pagination.react.stories.d.ts +11 -11
  384. package/dist/packages/pagination/pagination.react.stories.js +8 -8
  385. package/dist/packages/pagination/pagination.react.test.js +6 -6
  386. package/dist/packages/pagination/pagination.stories.d.ts +3 -3
  387. package/dist/packages/pagination/pagination.stories.js +18 -18
  388. package/dist/packages/pagination/pagination.test.d.ts +1 -1
  389. package/dist/packages/pagination/pagination.test.js +146 -72
  390. package/dist/packages/pagination/react.d.ts +6 -6
  391. package/dist/packages/pagination/react.js +12 -10
  392. package/dist/packages/pagination/styles.js +2 -2
  393. package/dist/packages/pill/pill.d.ts +6 -6
  394. package/dist/packages/pill/pill.hydration.test.d.ts +1 -1
  395. package/dist/packages/pill/pill.hydration.test.js +14 -14
  396. package/dist/packages/pill/pill.js +337 -314
  397. package/dist/packages/pill/pill.js.map +4 -4
  398. package/dist/packages/pill/pill.react.stories.d.ts +11 -11
  399. package/dist/packages/pill/pill.react.stories.js +3 -3
  400. package/dist/packages/pill/pill.react.test.js +8 -8
  401. package/dist/packages/pill/pill.stories.d.ts +3 -3
  402. package/dist/packages/pill/pill.stories.js +8 -8
  403. package/dist/packages/pill/pill.test.d.ts +1 -1
  404. package/dist/packages/pill/pill.test.js +17 -15
  405. package/dist/packages/pill/react.d.ts +6 -6
  406. package/dist/packages/pill/react.js +18 -14
  407. package/dist/packages/pill/styles.js +2 -2
  408. package/dist/packages/radio/base-element.d.ts +3 -3
  409. package/dist/packages/radio/base-element.js +3 -3
  410. package/dist/packages/radio/custom-error-validator.d.ts +1 -1
  411. package/dist/packages/radio/custom-error-validator.js +3 -3
  412. package/dist/packages/radio/form-associated-element.d.ts +9 -9
  413. package/dist/packages/radio/form-associated-element.js +27 -26
  414. package/dist/packages/radio/host-styles.js +9 -9
  415. package/dist/packages/radio/invalid.d.ts +1 -1
  416. package/dist/packages/radio/invalid.js +1 -1
  417. package/dist/packages/radio/radio-styles.js +199 -160
  418. package/dist/packages/radio/radio.a11y.test.d.ts +2 -2
  419. package/dist/packages/radio/radio.a11y.test.js +60 -58
  420. package/dist/packages/radio/radio.d.ts +4 -4
  421. package/dist/packages/radio/radio.hydration.test.d.ts +1 -1
  422. package/dist/packages/radio/radio.hydration.test.js +23 -14
  423. package/dist/packages/radio/radio.js +491 -452
  424. package/dist/packages/radio/radio.js.map +3 -3
  425. package/dist/packages/radio/radio.react.stories.d.ts +2 -2
  426. package/dist/packages/radio/radio.react.stories.js +3 -3
  427. package/dist/packages/radio/radio.stories.d.ts +4 -4
  428. package/dist/packages/radio/radio.stories.js +152 -136
  429. package/dist/packages/radio/radio.test.d.ts +1 -1
  430. package/dist/packages/radio/radio.test.js +74 -73
  431. package/dist/packages/radio/react.d.ts +1 -1
  432. package/dist/packages/radio/react.js +4 -4
  433. package/dist/packages/radio/required-validator.d.ts +1 -1
  434. package/dist/packages/radio/required-validator.js +12 -7
  435. package/dist/packages/radio/slot.d.ts +1 -1
  436. package/dist/packages/radio/slot.js +11 -8
  437. package/dist/packages/radio/watch.d.ts +1 -1
  438. package/dist/packages/radio/watch.js +3 -1
  439. package/dist/packages/radio-group/radio-group-styles.js +121 -88
  440. package/dist/packages/radio-group/radio-group.a11y.test.d.ts +2 -2
  441. package/dist/packages/radio-group/radio-group.a11y.test.js +81 -79
  442. package/dist/packages/radio-group/radio-group.d.ts +16 -7
  443. package/dist/packages/radio-group/radio-group.hydration.test.d.ts +2 -2
  444. package/dist/packages/radio-group/radio-group.hydration.test.js +29 -18
  445. package/dist/packages/radio-group/radio-group.js +655 -567
  446. package/dist/packages/radio-group/radio-group.js.map +4 -4
  447. package/dist/packages/radio-group/radio-group.react.test.js +4 -4
  448. package/dist/packages/radio-group/radio-group.test.d.ts +2 -2
  449. package/dist/packages/radio-group/radio-group.test.js +304 -230
  450. package/dist/packages/radio-group/react.d.ts +7 -7
  451. package/dist/packages/radio-group/react.js +10 -10
  452. package/dist/packages/select/input-styles.d.ts +11 -0
  453. package/dist/packages/select/input-styles.js +88 -0
  454. package/dist/packages/select/locales/da/messages.mjs +1 -1
  455. package/dist/packages/select/locales/en/messages.mjs +1 -1
  456. package/dist/packages/select/locales/fi/messages.mjs +1 -1
  457. package/dist/packages/select/locales/nb/messages.mjs +1 -1
  458. package/dist/packages/select/locales/sv/messages.mjs +1 -1
  459. package/dist/packages/select/react.d.ts +5 -5
  460. package/dist/packages/select/react.js +11 -11
  461. package/dist/packages/select/select.a11y.test.d.ts +1 -1
  462. package/dist/packages/select/select.a11y.test.js +98 -91
  463. package/dist/packages/select/select.d.ts +10 -11
  464. package/dist/packages/select/select.hydration.test.d.ts +1 -1
  465. package/dist/packages/select/select.hydration.test.js +16 -16
  466. package/dist/packages/select/select.js +432 -336
  467. package/dist/packages/select/select.js.map +4 -4
  468. package/dist/packages/select/select.react.stories.d.ts +10 -10
  469. package/dist/packages/select/select.react.stories.js +19 -14
  470. package/dist/packages/select/select.react.test.js +6 -6
  471. package/dist/packages/select/select.stories.d.ts +3 -3
  472. package/dist/packages/select/select.stories.js +51 -48
  473. package/dist/packages/select/select.test.d.ts +1 -1
  474. package/dist/packages/select/select.test.js +227 -178
  475. package/dist/packages/select/styles.js +2 -2
  476. package/dist/packages/slider/Slider.d.ts +1 -1
  477. package/dist/packages/slider/Slider.js +4 -4
  478. package/dist/packages/slider/index.d.ts +2 -2
  479. package/dist/packages/slider/index.js +2 -2
  480. package/dist/packages/slider/locales/da/messages.mjs +1 -1
  481. package/dist/packages/slider/locales/en/messages.mjs +1 -1
  482. package/dist/packages/slider/locales/fi/messages.mjs +1 -1
  483. package/dist/packages/slider/locales/nb/messages.mjs +1 -1
  484. package/dist/packages/slider/locales/sv/messages.mjs +1 -1
  485. package/dist/packages/slider/react.d.ts +4 -4
  486. package/dist/packages/slider/react.js +9 -9
  487. package/dist/packages/slider/slider.d.ts +25 -17
  488. package/dist/packages/slider/slider.hydration.test.d.ts +1 -1
  489. package/dist/packages/slider/slider.hydration.test.js +39 -20
  490. package/dist/packages/slider/slider.js +524 -467
  491. package/dist/packages/slider/slider.js.map +4 -4
  492. package/dist/packages/slider/slider.react.stories.d.ts +4 -4
  493. package/dist/packages/slider/slider.react.stories.js +31 -34
  494. package/dist/packages/slider/slider.react.test.js +6 -6
  495. package/dist/packages/slider/slider.stories.d.ts +9 -7
  496. package/dist/packages/slider/slider.stories.js +369 -340
  497. package/dist/packages/slider/slider.test.d.ts +5 -5
  498. package/dist/packages/slider/slider.test.js +476 -336
  499. package/dist/packages/slider/styles/w-slider.styles.js +166 -148
  500. package/dist/packages/slider/styles.js +2 -2
  501. package/dist/packages/slider-thumb/SliderThumb.d.ts +1 -1
  502. package/dist/packages/slider-thumb/SliderThumb.js +4 -4
  503. package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.d.ts +1 -1
  504. package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.js +1 -1
  505. package/dist/packages/slider-thumb/react.d.ts +5 -5
  506. package/dist/packages/slider-thumb/react.js +11 -9
  507. package/dist/packages/slider-thumb/slider-thumb.d.ts +17 -17
  508. package/dist/packages/slider-thumb/slider-thumb.hydration.test.d.ts +1 -1
  509. package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +26 -17
  510. package/dist/packages/slider-thumb/slider-thumb.js +550 -553
  511. package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
  512. package/dist/packages/slider-thumb/slider-thumb.react.test.js +9 -5
  513. package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.js +189 -188
  514. package/dist/packages/slider-thumb/styles.d.ts +1 -0
  515. package/dist/packages/slider-thumb/styles.js +2 -0
  516. package/dist/packages/snackbar/locales/da/messages.d.mts +1 -0
  517. package/dist/packages/snackbar/locales/da/messages.mjs +1 -0
  518. package/dist/packages/snackbar/locales/en/messages.d.mts +1 -0
  519. package/dist/packages/snackbar/locales/en/messages.mjs +1 -0
  520. package/dist/packages/snackbar/locales/fi/messages.d.mts +1 -0
  521. package/dist/packages/snackbar/locales/fi/messages.mjs +1 -0
  522. package/dist/packages/snackbar/locales/nb/messages.d.mts +1 -0
  523. package/dist/packages/snackbar/locales/nb/messages.mjs +1 -0
  524. package/dist/packages/snackbar/locales/sv/messages.d.mts +1 -0
  525. package/dist/packages/snackbar/locales/sv/messages.mjs +1 -0
  526. package/dist/packages/snackbar/react.d.ts +2 -0
  527. package/dist/packages/snackbar/react.js +11 -0
  528. package/dist/packages/snackbar/snackbar.d.ts +132 -0
  529. package/dist/packages/snackbar/snackbar.hydration.test.d.ts +1 -0
  530. package/dist/packages/snackbar/snackbar.hydration.test.js +13 -0
  531. package/dist/packages/snackbar/snackbar.js +2665 -0
  532. package/dist/packages/snackbar/snackbar.js.map +7 -0
  533. package/dist/packages/snackbar/snackbar.react.stories.d.ts +12 -0
  534. package/dist/packages/snackbar/snackbar.react.stories.js +160 -0
  535. package/dist/packages/snackbar/snackbar.stories.d.ts +20 -0
  536. package/dist/packages/snackbar/snackbar.stories.js +363 -0
  537. package/dist/packages/snackbar/snackbar.test.d.ts +4 -0
  538. package/dist/packages/snackbar/snackbar.test.js +17 -0
  539. package/dist/packages/snackbar/styles.d.ts +1 -0
  540. package/dist/packages/snackbar/styles.js +35 -0
  541. package/dist/packages/snackbar-item/react.d.ts +5 -0
  542. package/dist/packages/snackbar-item/react.js +16 -0
  543. package/dist/packages/snackbar-item/snackbar-item.d.ts +69 -0
  544. package/dist/packages/snackbar-item/snackbar-item.js +2620 -0
  545. package/dist/packages/snackbar-item/snackbar-item.js.map +7 -0
  546. package/dist/packages/snackbar-item/snackbar-item.react.test.d.ts +1 -0
  547. package/dist/packages/snackbar-item/snackbar-item.react.test.js +5 -0
  548. package/dist/packages/snackbar-item/styles.d.ts +1 -0
  549. package/dist/packages/snackbar-item/styles.js +133 -0
  550. package/dist/packages/step/react.d.ts +1 -1
  551. package/dist/packages/step/react.js +4 -4
  552. package/dist/packages/step/step.d.ts +2 -2
  553. package/dist/packages/step/step.hydration.test.d.ts +1 -1
  554. package/dist/packages/step/step.hydration.test.js +10 -10
  555. package/dist/packages/step/step.js +337 -315
  556. package/dist/packages/step/step.js.map +4 -4
  557. package/dist/packages/step/styles.d.ts +1 -0
  558. package/dist/packages/step/styles.js +2 -0
  559. package/dist/packages/step-indicator/index.d.ts +2 -2
  560. package/dist/packages/step-indicator/index.js +2 -2
  561. package/dist/packages/step-indicator/react.d.ts +2 -2
  562. package/dist/packages/step-indicator/react.js +5 -5
  563. package/dist/packages/step-indicator/step-indicator.a11y.test.d.ts +2 -2
  564. package/dist/packages/step-indicator/step-indicator.a11y.test.js +48 -46
  565. package/dist/packages/step-indicator/step-indicator.d.ts +1 -1
  566. package/dist/packages/step-indicator/step-indicator.hydration.test.d.ts +1 -1
  567. package/dist/packages/step-indicator/step-indicator.hydration.test.js +10 -10
  568. package/dist/packages/step-indicator/step-indicator.js +285 -281
  569. package/dist/packages/step-indicator/step-indicator.js.map +3 -3
  570. package/dist/packages/step-indicator/stepindicator.react.stories.d.ts +2 -2
  571. package/dist/packages/step-indicator/stepindicator.react.stories.js +3 -3
  572. package/dist/packages/step-indicator/stepindicator.stories.d.ts +3 -3
  573. package/dist/packages/step-indicator/stepindicator.stories.js +129 -129
  574. package/dist/packages/step-indicator/styles.js +2 -2
  575. package/dist/packages/styles.js +277 -275
  576. package/dist/packages/switch/react.d.ts +1 -1
  577. package/dist/packages/switch/react.js +6 -6
  578. package/dist/packages/switch/styles.js +2 -2
  579. package/dist/packages/switch/switch.a11y.test.d.ts +1 -1
  580. package/dist/packages/switch/switch.a11y.test.js +46 -38
  581. package/dist/packages/switch/switch.d.ts +3 -3
  582. package/dist/packages/switch/switch.hydration.test.d.ts +1 -1
  583. package/dist/packages/switch/switch.hydration.test.js +23 -23
  584. package/dist/packages/switch/switch.js +304 -304
  585. package/dist/packages/switch/switch.js.map +3 -3
  586. package/dist/packages/switch/switch.react.stories.d.ts +2 -2
  587. package/dist/packages/switch/switch.react.stories.js +2 -2
  588. package/dist/packages/switch/switch.stories.d.ts +2 -2
  589. package/dist/packages/switch/switch.stories.js +42 -37
  590. package/dist/packages/switch/switch.test.d.ts +1 -1
  591. package/dist/packages/switch/switch.test.js +30 -35
  592. package/dist/packages/tab/react.d.ts +9 -7
  593. package/dist/packages/tab/react.js +11 -10
  594. package/dist/packages/tab/styles.d.ts +1 -0
  595. package/dist/packages/tab/styles.js +2 -0
  596. package/dist/packages/tab/tab.d.ts +6 -6
  597. package/dist/packages/tab/tab.hydration.test.d.ts +1 -1
  598. package/dist/packages/tab/tab.hydration.test.js +18 -12
  599. package/dist/packages/tab/tab.js +309 -308
  600. package/dist/packages/tab/tab.js.map +4 -4
  601. package/dist/packages/tab/tab.react.test.js +5 -3
  602. package/dist/packages/tab-panel/react.d.ts +3 -2
  603. package/dist/packages/tab-panel/react.js +11 -5
  604. package/dist/packages/tab-panel/tab-panel.d.ts +3 -3
  605. package/dist/packages/tab-panel/tab-panel.hydration.test.d.ts +1 -1
  606. package/dist/packages/tab-panel/tab-panel.hydration.test.js +13 -10
  607. package/dist/packages/tab-panel/tab-panel.js +293 -291
  608. package/dist/packages/tab-panel/tab-panel.js.map +3 -3
  609. package/dist/packages/tabs/index.d.ts +4 -4
  610. package/dist/packages/tabs/index.js +3 -3
  611. package/dist/packages/tabs/react.d.ts +27 -8
  612. package/dist/packages/tabs/react.js +30 -9
  613. package/dist/packages/tabs/styles.js +2 -2
  614. package/dist/packages/tabs/tabs.a11y.test.d.ts +3 -3
  615. package/dist/packages/tabs/tabs.a11y.test.js +188 -169
  616. package/dist/packages/tabs/tabs.d.ts +6 -5
  617. package/dist/packages/tabs/tabs.hydration.test.d.ts +3 -1
  618. package/dist/packages/tabs/tabs.hydration.test.js +22 -8
  619. package/dist/packages/tabs/tabs.js +293 -286
  620. package/dist/packages/tabs/tabs.js.map +3 -3
  621. package/dist/packages/tabs/tabs.react.stories.d.ts +12 -10
  622. package/dist/packages/tabs/tabs.react.stories.js +28 -28
  623. package/dist/packages/tabs/tabs.stories.d.ts +4 -4
  624. package/dist/packages/tabs/tabs.stories.js +101 -95
  625. package/dist/packages/tabs/tabs.test.d.ts +3 -3
  626. package/dist/packages/tabs/tabs.test.js +136 -122
  627. package/dist/packages/textarea/input-styles.d.ts +11 -0
  628. package/dist/packages/textarea/input-styles.js +88 -0
  629. package/dist/packages/textarea/locales/da/messages.mjs +1 -1
  630. package/dist/packages/textarea/locales/en/messages.mjs +1 -1
  631. package/dist/packages/textarea/locales/fi/messages.mjs +1 -1
  632. package/dist/packages/textarea/locales/nb/messages.mjs +1 -1
  633. package/dist/packages/textarea/locales/sv/messages.mjs +1 -1
  634. package/dist/packages/textarea/react.d.ts +11 -11
  635. package/dist/packages/textarea/react.js +17 -17
  636. package/dist/packages/textarea/styles.js +2 -2
  637. package/dist/packages/textarea/textarea.a11y.test.d.ts +1 -1
  638. package/dist/packages/textarea/textarea.a11y.test.js +90 -58
  639. package/dist/packages/textarea/textarea.d.ts +14 -15
  640. package/dist/packages/textarea/textarea.hydration.test.d.ts +1 -1
  641. package/dist/packages/textarea/textarea.hydration.test.js +19 -19
  642. package/dist/packages/textarea/textarea.js +385 -304
  643. package/dist/packages/textarea/textarea.js.map +4 -4
  644. package/dist/packages/textarea/textarea.react.stories.d.ts +38 -21
  645. package/dist/packages/textarea/textarea.react.stories.js +30 -13
  646. package/dist/packages/textarea/textarea.react.test.js +7 -7
  647. package/dist/packages/textarea/textarea.stories.d.ts +3 -3
  648. package/dist/packages/textarea/textarea.stories.js +44 -42
  649. package/dist/packages/textarea/textarea.test.d.ts +1 -1
  650. package/dist/packages/textarea/textarea.test.js +197 -88
  651. package/dist/packages/textfield/input-styles.d.ts +11 -0
  652. package/dist/packages/textfield/input-styles.js +88 -0
  653. package/dist/packages/textfield/locales/da/messages.d.mts +1 -0
  654. package/dist/packages/textfield/locales/da/messages.mjs +1 -0
  655. package/dist/packages/textfield/locales/en/messages.d.mts +1 -0
  656. package/dist/packages/textfield/locales/en/messages.mjs +1 -0
  657. package/dist/packages/textfield/locales/fi/messages.d.mts +1 -0
  658. package/dist/packages/textfield/locales/fi/messages.mjs +1 -0
  659. package/dist/packages/textfield/locales/nb/messages.d.mts +1 -0
  660. package/dist/packages/textfield/locales/nb/messages.mjs +1 -0
  661. package/dist/packages/textfield/locales/sv/messages.d.mts +1 -0
  662. package/dist/packages/textfield/locales/sv/messages.mjs +1 -0
  663. package/dist/packages/textfield/react.d.ts +11 -11
  664. package/dist/packages/textfield/react.js +17 -17
  665. package/dist/packages/textfield/styles/w-textfield.styles.js +60 -58
  666. package/dist/packages/textfield/styles.js +2 -2
  667. package/dist/packages/textfield/textfield.d.ts +36 -26
  668. package/dist/packages/textfield/textfield.hydration.test.d.ts +1 -1
  669. package/dist/packages/textfield/textfield.hydration.test.js +19 -19
  670. package/dist/packages/textfield/textfield.js +468 -373
  671. package/dist/packages/textfield/textfield.js.map +4 -4
  672. package/dist/packages/textfield/textfield.react.stories.d.ts +51 -21
  673. package/dist/packages/textfield/textfield.react.stories.js +63 -31
  674. package/dist/packages/textfield/textfield.react.test.js +7 -7
  675. package/dist/packages/textfield/textfield.stories.d.ts +4 -4
  676. package/dist/packages/textfield/textfield.stories.js +107 -89
  677. package/dist/packages/textfield/textfield.test.d.ts +2 -2
  678. package/dist/packages/textfield/textfield.test.js +174 -71
  679. package/dist/packages/toast/api.d.ts +2 -2
  680. package/dist/packages/toast/api.js +3 -3
  681. package/dist/packages/toast/index.d.ts +5 -5
  682. package/dist/packages/toast/index.js +5 -5
  683. package/dist/packages/toast/styles.js +2 -2
  684. package/dist/packages/toast/toast.d.ts +5 -5
  685. package/dist/packages/toast/toast.js +349 -320
  686. package/dist/packages/toast/toast.js.map +4 -4
  687. package/dist/packages/toast/toast.stories.d.ts +4 -4
  688. package/dist/packages/toast/toast.stories.js +37 -16
  689. package/dist/packages/toast/toast.test.d.ts +1 -1
  690. package/dist/packages/toast/toast.test.js +48 -31
  691. package/dist/packages/toast/types.d.ts +1 -1
  692. package/dist/packages/toast-container/styles.d.ts +1 -0
  693. package/dist/packages/toast-container/styles.js +2 -0
  694. package/dist/packages/toast-container/toast-container.d.ts +2 -2
  695. package/dist/packages/toast-container/toast-container.js +295 -294
  696. package/dist/packages/toast-container/toast-container.js.map +4 -4
  697. package/dist/packages/utils/element-collapse.d.ts +12 -0
  698. package/dist/packages/utils/element-collapse.js +102 -0
  699. package/dist/packages/utils/expand-transition.d.ts +1 -1
  700. package/dist/packages/utils/expand-transition.js +12 -10
  701. package/dist/packages/utils/unstyled-heading.d.ts +1 -1
  702. package/dist/packages/utils/unstyled-heading.js +4 -4
  703. package/dist/packages/utils/window-exists.js +1 -1
  704. package/dist/packages/utils.js +2 -2
  705. package/dist/setup-tests.d.ts +3 -3
  706. package/dist/setup-tests.js +16 -13
  707. package/dist/tests/react-hydration.js +29 -30
  708. package/dist/tests/react-ssr-attributes.d.ts +1 -1
  709. package/dist/tests/react-ssr-attributes.js +4 -4
  710. package/dist/web-types.json +432 -230
  711. package/eik/index.js +20 -39
  712. package/package.json +29 -23
package/dist/web-types.json CHANGED
@@ -1,60 +1,14 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@warp-ds/elements",
4
- "version": "2.10.0-next.7",
4
+ "version": "2.10.0-next.24",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "elements": [
9
- {
10
- "name": "w-icon",
11
- "description": "\n---\n",
12
- "doc-url": "",
13
- "attributes": [
14
- {
15
- "name": "name",
16
- "description": "Icon filename (without .svg)",
17
- "value": { "type": "string" }
18
- },
19
- {
20
- "name": "size",
21
- "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
22
- "value": {
23
- "type": "'small' | 'medium' | 'large' | `${number}px`",
24
- "default": "\"medium\""
25
- }
26
- },
27
- {
28
- "name": "locale",
29
- "description": "Locale used for `<title>` text.\n\nReads the `lang` attribute from `<html>`, falls back to 'en'.",
30
- "value": { "type": "string" }
31
- }
32
- ],
33
- "events": [],
34
- "js": {
35
- "properties": [
36
- {
37
- "name": "name",
38
- "description": "Icon filename (without .svg)",
39
- "type": "string"
40
- },
41
- {
42
- "name": "size",
43
- "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
44
- "type": "'small' | 'medium' | 'large' | `${number}px`"
45
- },
46
- {
47
- "name": "locale",
48
- "description": "Locale used for `<title>` text.\n\nReads the `lang` attribute from `<html>`, falls back to 'en'.",
49
- "type": "string"
50
- }
51
- ],
52
- "events": []
53
- }
54
- },
55
9
  {
56
10
  "name": "w-textfield",
57
- "description": "A single-line input component used for entering and editing textual or numeric data.\n---\n\n\n### **Slots:**\n - **suffix** - Use with `<w-affix>` to include a suffix, for example the unit for a number (e. g. km or sek).\n- **prefix** - Use with `<w-affix>` to include a prefix, for example a search icon.",
11
+ "description": "A single-line input component used for entering and editing textual or numeric data.\n---\n\n\n### **Slots:**\n - **suffix** - Use with `<w-affix>` to include a suffix, for example the unit for a number (e. g. km or sek).\n- **prefix** - Use with `<w-affix>` to include a prefix, for example a search icon. ## Accessibility Note for Affixes Due to shadow DOM boundaries, affix content cannot be connected to the input via ARIA references. For non-interactive affixes (text labels like currency symbols), consider including that information in the main label or placeholder text instead for better screen reader support.",
58
12
  "doc-url": "",
59
13
  "attributes": [
60
14
  {
@@ -70,49 +24,54 @@
70
24
  {
71
25
  "name": "label",
72
26
  "description": "Either a `label` or an `aria-label` must be provided.",
73
- "value": { "type": "string" }
27
+ "value": { "type": "string | undefined" }
74
28
  },
75
29
  {
76
30
  "name": "help-text",
77
31
  "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
78
- "value": { "type": "string" }
32
+ "value": { "type": "string | undefined" }
33
+ },
34
+ {
35
+ "name": "optional",
36
+ "description": "Whether to show the optional indicator after the label.",
37
+ "value": { "type": "boolean", "default": "false" }
79
38
  },
80
39
  {
81
40
  "name": "size",
82
41
  "description": "Sets the [size](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#size) (width) of the input field to fit the expected length of inputs.",
83
- "value": { "type": "string" }
42
+ "value": { "type": "string | undefined" }
84
43
  },
85
44
  {
86
45
  "name": "max",
87
46
  "description": "Use with `type=\"number\"` to set the [maximum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength).",
88
- "value": { "type": "number" }
47
+ "value": { "type": "number | undefined" }
89
48
  },
90
49
  {
91
50
  "name": "min",
92
51
  "description": "Use with `type=\"number\"` to set the [minimum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength).",
93
- "value": { "type": "number" }
52
+ "value": { "type": "number | undefined" }
94
53
  },
95
- { "name": "min-length", "value": { "type": "number" } },
54
+ { "name": "min-length", "value": { "type": "number | undefined" } },
96
55
  {
97
56
  "name": "minlength",
98
57
  "description": "For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [minimum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength) required.",
99
- "value": { "type": "number" }
58
+ "value": { "type": "number | undefined" }
100
59
  },
101
- { "name": "max-length", "value": { "type": "number" } },
60
+ { "name": "max-length", "value": { "type": "number | undefined" } },
102
61
  {
103
62
  "name": "maxlength",
104
63
  "description": "For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [maximum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength) allowed.",
105
- "value": { "type": "number" }
64
+ "value": { "type": "number | undefined" }
106
65
  },
107
66
  {
108
67
  "name": "pattern",
109
68
  "description": "Sets a [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions) that the input's value must [match to pass validation](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#pattern)",
110
- "value": { "type": "string" }
69
+ "value": { "type": "string | undefined" }
111
70
  },
112
71
  {
113
72
  "name": "placeholder",
114
73
  "description": "Set a text that is shown in the textfield when it doesn't have a value.\n\nPlaceholder text should not be used as a substitute for labeling the element with a visible label.",
115
- "value": { "type": "string" }
74
+ "value": { "type": "string | undefined" }
116
75
  },
117
76
  {
118
77
  "name": "read-only",
@@ -131,27 +90,29 @@
131
90
  {
132
91
  "name": "type",
133
92
  "description": "The [type of input](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).",
134
- "value": { "type": "string" }
93
+ "value": { "type": "string | undefined" }
135
94
  },
136
95
  {
137
96
  "name": "value",
138
97
  "description": "Lets you set the current value.",
139
- "value": { "type": "string" }
98
+ "value": { "type": "string | undefined" }
140
99
  },
141
100
  {
142
101
  "name": "name",
143
102
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form.",
144
- "value": { "type": "string" }
103
+ "value": { "type": "string | undefined" }
145
104
  },
146
105
  {
147
106
  "name": "step",
148
107
  "description": "When used with `number` this attribute forces inputs to be a whole number of `step`.\n\nFor example with a `step=\"5\"` only values that divide evenly on 5 are allowed.\nUsing arrow up and down in the input field increments and decrements by 5.",
149
- "value": { "type": "number" }
108
+ "value": { "type": "number | undefined" }
150
109
  },
151
110
  {
152
111
  "name": "autocomplete",
153
112
  "description": "A space-separated string that hints to browsers [what type of content it can suggest](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete#value) to autofill.",
154
- "value": { "type": "string | undefined" }
113
+ "value": {
114
+ "type": "HTMLInputElement[\"autocomplete\"] | undefined"
115
+ }
155
116
  }
156
117
  ],
157
118
  "slots": [
@@ -161,7 +122,7 @@
161
122
  },
162
123
  {
163
124
  "name": "prefix",
164
- "description": "Use with `<w-affix>` to include a prefix, for example a search icon."
125
+ "description": "Use with `<w-affix>` to include a prefix, for example a search icon. ## Accessibility Note for Affixes Due to shadow DOM boundaries, affix content cannot be connected to the input via ARIA references. For non-interactive affixes (text labels like currency symbols), consider including that information in the main label or placeholder text instead for better screen reader support."
165
126
  }
166
127
  ],
167
128
  "events": [],
@@ -180,49 +141,54 @@
180
141
  {
181
142
  "name": "label",
182
143
  "description": "Either a `label` or an `aria-label` must be provided.",
183
- "type": "string"
144
+ "type": "string | undefined"
184
145
  },
185
146
  {
186
147
  "name": "helpText",
187
148
  "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
188
- "type": "string"
149
+ "type": "string | undefined"
150
+ },
151
+ {
152
+ "name": "optional",
153
+ "description": "Whether to show the optional indicator after the label.",
154
+ "type": "boolean"
189
155
  },
190
156
  {
191
157
  "name": "size",
192
158
  "description": "Sets the [size](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#size) (width) of the input field to fit the expected length of inputs.",
193
- "type": "string"
159
+ "type": "string | undefined"
194
160
  },
195
161
  {
196
162
  "name": "max",
197
163
  "description": "Use with `type=\"number\"` to set the [maximum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength).",
198
- "type": "number"
164
+ "type": "number | undefined"
199
165
  },
200
166
  {
201
167
  "name": "min",
202
168
  "description": "Use with `type=\"number\"` to set the [minimum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength).",
203
- "type": "number"
169
+ "type": "number | undefined"
204
170
  },
205
- { "name": "minLength", "type": "number" },
171
+ { "name": "minLength", "type": "number | undefined" },
206
172
  {
207
173
  "name": "minlength",
208
174
  "description": "For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [minimum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength) required.",
209
- "type": "number"
175
+ "type": "number | undefined"
210
176
  },
211
- { "name": "maxLength", "type": "number" },
177
+ { "name": "maxLength", "type": "number | undefined" },
212
178
  {
213
179
  "name": "maxlength",
214
180
  "description": "For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [maximum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength) allowed.",
215
- "type": "number"
181
+ "type": "number | undefined"
216
182
  },
217
183
  {
218
184
  "name": "pattern",
219
185
  "description": "Sets a [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions) that the input's value must [match to pass validation](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#pattern)",
220
- "type": "string"
186
+ "type": "string | undefined"
221
187
  },
222
188
  {
223
189
  "name": "placeholder",
224
190
  "description": "Set a text that is shown in the textfield when it doesn't have a value.\n\nPlaceholder text should not be used as a substitute for labeling the element with a visible label.",
225
- "type": "string"
191
+ "type": "string | undefined"
226
192
  },
227
193
  { "name": "readOnly", "type": "boolean" },
228
194
  {
@@ -238,32 +204,78 @@
238
204
  {
239
205
  "name": "type",
240
206
  "description": "The [type of input](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).",
241
- "type": "string"
207
+ "type": "string | undefined"
242
208
  },
243
209
  {
244
210
  "name": "value",
245
211
  "description": "Lets you set the current value.",
246
- "type": "string"
212
+ "type": "string | undefined"
247
213
  },
248
214
  {
249
215
  "name": "name",
250
216
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form.",
251
- "type": "string"
217
+ "type": "string | undefined"
252
218
  },
253
219
  {
254
220
  "name": "step",
255
221
  "description": "When used with `number` this attribute forces inputs to be a whole number of `step`.\n\nFor example with a `step=\"5\"` only values that divide evenly on 5 are allowed.\nUsing arrow up and down in the input field increments and decrements by 5.",
256
- "type": "number"
222
+ "type": "number | undefined"
257
223
  },
258
224
  {
259
225
  "name": "autocomplete",
260
226
  "description": "A space-separated string that hints to browsers [what type of content it can suggest](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete#value) to autofill.",
261
- "type": "string | undefined"
227
+ "type": "HTMLInputElement[\"autocomplete\"] | undefined"
262
228
  },
263
229
  {
264
230
  "name": "formatter",
265
231
  "description": "Function to format value when the input field.\n\nOnly active when the input field does not have focus,\nsimilar to the accessible input [masking example from Filament Group](https://filamentgroup.github.io/politespace/demo/demo.html).",
266
- "type": "(value: string) => string"
232
+ "type": "((value: string) => string) | undefined"
233
+ }
234
+ ],
235
+ "events": []
236
+ }
237
+ },
238
+ {
239
+ "name": "w-icon",
240
+ "description": "\n---\n",
241
+ "doc-url": "",
242
+ "attributes": [
243
+ {
244
+ "name": "name",
245
+ "description": "Icon filename (without .svg)",
246
+ "value": { "type": "string" }
247
+ },
248
+ {
249
+ "name": "size",
250
+ "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
251
+ "value": {
252
+ "type": "'small' | 'medium' | 'large' | `${number}px` | undefined",
253
+ "default": "\"medium\""
254
+ }
255
+ },
256
+ {
257
+ "name": "locale",
258
+ "description": "Locale used for `<title>` text.\n\nReads the `lang` attribute from `<html>`, falls back to 'en'.",
259
+ "value": { "type": "string" }
260
+ }
261
+ ],
262
+ "events": [],
263
+ "js": {
264
+ "properties": [
265
+ {
266
+ "name": "name",
267
+ "description": "Icon filename (without .svg)",
268
+ "type": "string"
269
+ },
270
+ {
271
+ "name": "size",
272
+ "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
273
+ "type": "'small' | 'medium' | 'large' | `${number}px` | undefined"
274
+ },
275
+ {
276
+ "name": "locale",
277
+ "description": "Locale used for `<title>` text.\n\nReads the `lang` attribute from `<html>`, falls back to 'en'.",
278
+ "type": "string"
267
279
  }
268
280
  ],
269
281
  "events": []
@@ -271,7 +283,7 @@
271
283
  },
272
284
  {
273
285
  "name": "w-affix",
274
- "description": "This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-affix--docs)\n---\n",
286
+ "description": "This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.\n\n## Accessibility Note\nDue to shadow DOM encapsulation, ARIA attributes (like `aria-describedby`, `aria-labelledby`)\ncannot reference elements across shadow boundaries. This means:\n- Non-interactive affixes (text labels, icons) cannot be connected to the parent input via ARIA\n- Interactive affixes (buttons) must have their own `aria-label` (already implemented)\n- Do NOT attempt to reference affix content from parent components via ARIA ID references - it won't work\n\nFor non-interactive labels (e.g., currency symbols), consider including the information in the\nmain label or placeholder instead of relying on ARIA to announce affix content.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-affix--docs)\n---\n",
275
287
  "doc-url": "",
276
288
  "attributes": [
277
289
  {
@@ -288,7 +300,10 @@
288
300
  "description": "Add this property to render a clickable Warp search icon.",
289
301
  "value": { "type": "boolean", "default": "false" }
290
302
  },
291
- { "name": "label", "value": { "type": "string", "default": "''" } },
303
+ {
304
+ "name": "label",
305
+ "value": { "type": "string", "default": "\"\"" }
306
+ },
292
307
  {
293
308
  "name": "icon",
294
309
  "value": { "type": "string | null", "default": "null" }
@@ -324,7 +339,7 @@
324
339
  "name": "variant",
325
340
  "value": {
326
341
  "type": "'negative' | 'positive' | 'warning' | 'info'",
327
- "default": "'info'"
342
+ "default": "\"info\""
328
343
  }
329
344
  },
330
345
  {
@@ -333,7 +348,7 @@
333
348
  },
334
349
  {
335
350
  "name": "role",
336
- "value": { "type": "string", "default": "'alert'" }
351
+ "value": { "type": "string", "default": "\"alert\"" }
337
352
  }
338
353
  ],
339
354
  "events": [],
@@ -363,7 +378,7 @@
363
378
  "name": "variant",
364
379
  "description": "Visual style for the link/button.",
365
380
  "value": {
366
- "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
381
+ "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | undefined"
367
382
  }
368
383
  },
369
384
  {
@@ -374,7 +389,7 @@
374
389
  {
375
390
  "name": "href",
376
391
  "description": "The URL the link points to",
377
- "value": { "type": "string" }
392
+ "value": { "type": "string | undefined" }
378
393
  },
379
394
  {
380
395
  "name": "disabled",
@@ -384,12 +399,12 @@
384
399
  {
385
400
  "name": "target",
386
401
  "description": "Where to display the linked URL (e.g. `_blank`)",
387
- "value": { "type": "string" }
402
+ "value": { "type": "string | undefined" }
388
403
  },
389
404
  {
390
405
  "name": "rel",
391
406
  "description": "Relationship of the linked URL.\n\nIf `target=\"_blank\"` and `rel` is not provided, the component uses `noopener`.",
392
- "value": { "type": "string" }
407
+ "value": { "type": "string | undefined" }
393
408
  },
394
409
  {
395
410
  "name": "full-width",
@@ -408,7 +423,7 @@
408
423
  {
409
424
  "name": "variant",
410
425
  "description": "Visual style for the link/button.",
411
- "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
426
+ "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | undefined"
412
427
  },
413
428
  {
414
429
  "name": "small",
@@ -418,7 +433,7 @@
418
433
  {
419
434
  "name": "href",
420
435
  "description": "The URL the link points to",
421
- "type": "string"
436
+ "type": "string | undefined"
422
437
  },
423
438
  {
424
439
  "name": "disabled",
@@ -428,12 +443,12 @@
428
443
  {
429
444
  "name": "target",
430
445
  "description": "Where to display the linked URL (e.g. `_blank`)",
431
- "type": "string"
446
+ "type": "string | undefined"
432
447
  },
433
448
  {
434
449
  "name": "rel",
435
450
  "description": "Relationship of the linked URL.\n\nIf `target=\"_blank\"` and `rel` is not provided, the component uses `noopener`.",
436
- "type": "string"
451
+ "type": "string | undefined"
437
452
  },
438
453
  {
439
454
  "name": "fullWidth",
@@ -452,7 +467,7 @@
452
467
  {
453
468
  "name": "type",
454
469
  "description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
455
- "value": { "type": "'button' | 'submit' | 'reset'" }
470
+ "value": { "type": "'button' | 'submit' | 'reset' | undefined" }
456
471
  },
457
472
  {
458
473
  "name": "autofocus",
@@ -463,7 +478,7 @@
463
478
  "name": "variant",
464
479
  "description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
465
480
  "value": {
466
- "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'"
481
+ "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link' | undefined"
467
482
  }
468
483
  },
469
484
  {
@@ -489,12 +504,12 @@
489
504
  {
490
505
  "name": "href",
491
506
  "description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
492
- "value": { "type": "string" }
507
+ "value": { "type": "string | undefined" }
493
508
  },
494
509
  {
495
510
  "name": "target",
496
511
  "description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
497
- "value": { "type": "string" }
512
+ "value": { "type": "string | undefined" }
498
513
  },
499
514
  {
500
515
  "name": "disabled",
@@ -504,7 +519,7 @@
504
519
  {
505
520
  "name": "rel",
506
521
  "description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
507
- "value": { "type": "string" }
522
+ "value": { "type": "string | undefined" }
508
523
  },
509
524
  {
510
525
  "name": "full-width",
@@ -514,27 +529,27 @@
514
529
  {
515
530
  "name": "button-class",
516
531
  "description": "Deprecated class applied to the internal control\nThis class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.",
517
- "value": { "type": "string" }
532
+ "value": { "type": "string | undefined" }
518
533
  },
519
534
  {
520
535
  "name": "name",
521
536
  "description": "Form control name.\nUsed when the button participates in form handling.",
522
- "value": { "type": "string" }
537
+ "value": { "type": "string | undefined" }
523
538
  },
524
539
  {
525
540
  "name": "value",
526
541
  "description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
527
- "value": { "type": "string" }
542
+ "value": { "type": "string | undefined" }
528
543
  },
529
544
  {
530
545
  "name": "commandfor",
531
546
  "description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
532
- "value": { "type": "string" }
547
+ "value": { "type": "string | undefined" }
533
548
  },
534
549
  {
535
550
  "name": "command",
536
551
  "description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
537
- "value": { "type": "string" }
552
+ "value": { "type": "string | undefined" }
538
553
  }
539
554
  ],
540
555
  "events": [],
@@ -543,7 +558,7 @@
543
558
  {
544
559
  "name": "type",
545
560
  "description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
546
- "type": "'button' | 'submit' | 'reset'"
561
+ "type": "'button' | 'submit' | 'reset' | undefined"
547
562
  },
548
563
  {
549
564
  "name": "autofocus",
@@ -553,7 +568,7 @@
553
568
  {
554
569
  "name": "variant",
555
570
  "description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
556
- "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'"
571
+ "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link' | undefined"
557
572
  },
558
573
  {
559
574
  "name": "quiet",
@@ -578,12 +593,12 @@
578
593
  {
579
594
  "name": "href",
580
595
  "description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
581
- "type": "string"
596
+ "type": "string | undefined"
582
597
  },
583
598
  {
584
599
  "name": "target",
585
600
  "description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
586
- "type": "string"
601
+ "type": "string | undefined"
587
602
  },
588
603
  {
589
604
  "name": "disabled",
@@ -593,7 +608,7 @@
593
608
  {
594
609
  "name": "rel",
595
610
  "description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
596
- "type": "string"
611
+ "type": "string | undefined"
597
612
  },
598
613
  {
599
614
  "name": "fullWidth",
@@ -603,27 +618,27 @@
603
618
  {
604
619
  "name": "buttonClass",
605
620
  "description": "Deprecated class applied to the internal control\nThis class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.",
606
- "type": "string"
621
+ "type": "string | undefined"
607
622
  },
608
623
  {
609
624
  "name": "name",
610
625
  "description": "Form control name.\nUsed when the button participates in form handling.",
611
- "type": "string"
626
+ "type": "string | undefined"
612
627
  },
613
628
  {
614
629
  "name": "value",
615
630
  "description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
616
- "type": "string"
631
+ "type": "string | undefined"
617
632
  },
618
633
  {
619
634
  "name": "commandfor",
620
635
  "description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
621
- "type": "string"
636
+ "type": "string | undefined"
622
637
  },
623
638
  {
624
639
  "name": "command",
625
640
  "description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
626
- "type": "string"
641
+ "type": "string | undefined"
627
642
  }
628
643
  ],
629
644
  "events": []
@@ -644,7 +659,7 @@
644
659
  "description": "Preferred placement relative to the trigger element.\nSets the initial direction for positioning, for example `top`, `right`, `bottom`, or `left` variants.",
645
660
  "value": {
646
661
  "type": "'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'",
647
- "default": "'bottom'"
662
+ "default": "\"bottom\""
648
663
  }
649
664
  },
650
665
  {
@@ -786,14 +801,14 @@
786
801
  "name": "variant",
787
802
  "description": "Controls the badge color treatment.\nIf omitted, the badge uses neutral styling without reflecting a `variant` attribute.\nAccepted values are `neutral`, `info`, `positive`, `warning`, `negative`, `disabled`, `price`, and `sponsored`. If omitted, the badge uses neutral styling without reflecting a `variant` attribute.",
788
803
  "value": {
789
- "type": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
804
+ "type": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined"
790
805
  }
791
806
  },
792
807
  {
793
808
  "name": "position",
794
809
  "description": "Positions the badge in a corner of a parent element.\nUse this with a parent element that has `position: relative`. When set, the badge uses absolute positioning and adjusts its corner radii so it sits flush against the selected corner.\nUse this with a parent element that has `position: relative`. Accepted values are `top-left`, `top-right`, `bottom-right`, and `bottom-left`.",
795
810
  "value": {
796
- "type": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
811
+ "type": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined"
797
812
  }
798
813
  }
799
814
  ],
@@ -809,12 +824,12 @@
809
824
  {
810
825
  "name": "variant",
811
826
  "description": "Controls the badge color treatment.\nIf omitted, the badge uses neutral styling without reflecting a `variant` attribute.\nAccepted values are `neutral`, `info`, `positive`, `warning`, `negative`, `disabled`, `price`, and `sponsored`. If omitted, the badge uses neutral styling without reflecting a `variant` attribute.",
812
- "type": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
827
+ "type": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined"
813
828
  },
814
829
  {
815
830
  "name": "position",
816
831
  "description": "Positions the badge in a corner of a parent element.\nUse this with a parent element that has `position: relative`. When set, the badge uses absolute positioning and adjusts its corner radii so it sits flush against the selected corner.\nUse this with a parent element that has `position: relative`. Accepted values are `top-left`, `top-right`, `bottom-right`, and `bottom-left`.",
817
- "type": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
832
+ "type": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined"
818
833
  }
819
834
  ],
820
835
  "events": []
@@ -848,7 +863,7 @@
848
863
  {
849
864
  "name": "role",
850
865
  "description": "ARIA role for the box wrapper.\nDefaults to a role of `region`. Set `role=\"none\"` to override this behaviour for purely visual grouping, or set a specific role when the box has a clearer semantic purpose.",
851
- "value": { "type": "string", "default": "'region'" }
866
+ "value": { "type": "string", "default": "\"region\"" }
852
867
  }
853
868
  ],
854
869
  "events": [],
@@ -900,6 +915,42 @@
900
915
  "events": []
901
916
  }
902
917
  },
918
+ {
919
+ "name": "w-breadcrumb-item",
920
+ "description": "Represents one item in a `w-breadcrumbs` trail.\nRenders the slotted label as a link when `href` is set, or as text when it is not, and adds a separator after non-current items.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-breadcrumbs--docs)\n---\n\n\n### **Slots:**\n - _default_ - The breadcrumb label content.",
921
+ "doc-url": "",
922
+ "attributes": [
923
+ {
924
+ "name": "current-page",
925
+ "description": "Marks this item as the current page.\nUse this on the final breadcrumb item so it exposes `aria-current=\"page\"` and does not render a trailing separator.",
926
+ "value": { "type": "boolean", "default": "false" }
927
+ },
928
+ {
929
+ "name": "href",
930
+ "description": "URL for linked breadcrumb items.\nWhen omitted, the item renders as non-focusable text.",
931
+ "value": { "type": "string | null", "default": "null" }
932
+ }
933
+ ],
934
+ "slots": [
935
+ { "name": "", "description": "The breadcrumb label content." }
936
+ ],
937
+ "events": [],
938
+ "js": {
939
+ "properties": [
940
+ {
941
+ "name": "currentPage",
942
+ "description": "Marks this item as the current page.\nUse this on the final breadcrumb item so it exposes `aria-current=\"page\"` and does not render a trailing separator.",
943
+ "type": "boolean"
944
+ },
945
+ {
946
+ "name": "href",
947
+ "description": "URL for linked breadcrumb items.\nWhen omitted, the item renders as non-focusable text.",
948
+ "type": "string | null"
949
+ }
950
+ ],
951
+ "events": []
952
+ }
953
+ },
903
954
  {
904
955
  "name": "w-card",
905
956
  "description": "Card is a layout component used for separating content areas on a page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-card--docs)\n---\n",
@@ -988,7 +1039,7 @@
988
1039
  "events": [{ "name": "change", "type": "Event" }],
989
1040
  "js": {
990
1041
  "properties": [
991
- { "name": "input", "type": "HTMLInputElement | null" },
1042
+ { "name": "input", "type": "HTMLInputElement" },
992
1043
  {
993
1044
  "name": "name",
994
1045
  "description": "The name of the checkbox.\n\nWhen the checkbox is checked and belongs to a form, this name is submitted with the checkbox value. If the checkbox is inside a `w-checkbox-group` with a name, the group name is used when the checkbox does not have its own name.",
@@ -1045,18 +1096,18 @@
1045
1096
  },
1046
1097
  {
1047
1098
  "name": "w-checkbox-group",
1048
- "description": "\n---\n\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks whether the group passes constraint validation\n- **reportValidity(): _boolean_** - Checks validity and shows the validation message if invalid\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox group.",
1099
+ "description": "Checkboxes allow users to select multiple options from a list of choices.\n\nUse with `w-checkbox`.\n\n## Architecture Note\nThis component uses a <div> wrapper instead of the more semantic <fieldset> element.\nNote that w-radio-group uses <fieldset>, which provides better accessibility and follows\nHTML best practices. This inconsistency exists for historical reasons and may be addressed\nin a future major version to align both on the more semantic approach.\n\nTODO: Align w-checkbox-group to use <fieldset> in a future major version after assessing\nbackwards compatibility implications (CSS selectors, etc.).\n---\n\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks whether the group passes constraint validation\n- **reportValidity(): _boolean_** - Checks validity and shows the validation message if invalid\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox group.",
1049
1100
  "doc-url": "",
1050
1101
  "attributes": [
1051
1102
  {
1052
1103
  "name": "label",
1053
1104
  "description": "The group label displayed above the checkboxes.\n\nUse this to describe the shared question or topic for the checkbox options. The label is connected to the internal group for assistive technologies.",
1054
- "value": { "type": "string" }
1105
+ "value": { "type": "string | undefined" }
1055
1106
  },
1056
1107
  {
1057
1108
  "name": "name",
1058
1109
  "description": "The name applied to child checkboxes when they do not provide one.\n\nUse this when the grouped checkboxes should submit values under the same form field name. Individual checkboxes can still override the group name with their own `name`.",
1059
- "value": { "type": "string" }
1110
+ "value": { "type": "string | undefined" }
1060
1111
  },
1061
1112
  {
1062
1113
  "name": "optional",
@@ -1066,7 +1117,7 @@
1066
1117
  {
1067
1118
  "name": "help-text",
1068
1119
  "description": "Help text displayed below the checkbox group.\n\nUse this for supporting guidance or validation feedback. When required validation fails, the group replaces this text with the localized required message.",
1069
- "value": { "type": "string" }
1120
+ "value": { "type": "string | undefined" }
1070
1121
  },
1071
1122
  {
1072
1123
  "name": "required",
@@ -1085,12 +1136,12 @@
1085
1136
  {
1086
1137
  "name": "label",
1087
1138
  "description": "The group label displayed above the checkboxes.\n\nUse this to describe the shared question or topic for the checkbox options. The label is connected to the internal group for assistive technologies.",
1088
- "type": "string"
1139
+ "type": "string | undefined"
1089
1140
  },
1090
1141
  {
1091
1142
  "name": "name",
1092
1143
  "description": "The name applied to child checkboxes when they do not provide one.\n\nUse this when the grouped checkboxes should submit values under the same form field name. Individual checkboxes can still override the group name with their own `name`.",
1093
- "type": "string"
1144
+ "type": "string | undefined"
1094
1145
  },
1095
1146
  {
1096
1147
  "name": "optional",
@@ -1100,7 +1151,7 @@
1100
1151
  {
1101
1152
  "name": "helpText",
1102
1153
  "description": "Help text displayed below the checkbox group.\n\nUse this for supporting guidance or validation feedback. When required validation fails, the group replaces this text with the localized required message.",
1103
- "type": "string"
1154
+ "type": "string | undefined"
1104
1155
  },
1105
1156
  {
1106
1157
  "name": "required",
@@ -1129,17 +1180,17 @@
1129
1180
  {
1130
1181
  "name": "label",
1131
1182
  "description": "The label displayed above the input.\n\nUse this to give the combobox a visible and accessible name.",
1132
- "value": { "type": "string | undefined", "default": "''" }
1183
+ "value": { "type": "string | undefined", "default": "\"\"" }
1133
1184
  },
1134
1185
  {
1135
1186
  "name": "placeholder",
1136
1187
  "description": "Placeholder text displayed when the input is empty.\n\nUse this as a short hint for the expected input. Do not use placeholder text as a replacement for a label.",
1137
- "value": { "type": "string | undefined", "default": "''" }
1188
+ "value": { "type": "string | undefined", "default": "\"\"" }
1138
1189
  },
1139
1190
  {
1140
1191
  "name": "value",
1141
1192
  "description": "The selected or typed value.\n\nWhen an option is selected, this is set to the option value. The displayed text may differ when the option has a separate label.",
1142
- "value": { "type": "string", "default": "''" }
1193
+ "value": { "type": "string", "default": "\"\"" }
1143
1194
  },
1144
1195
  {
1145
1196
  "name": "open-on-focus",
@@ -1169,7 +1220,7 @@
1169
1220
  {
1170
1221
  "name": "help-text",
1171
1222
  "description": "Help text displayed below the input.\n\nUse this for supporting guidance or validation feedback.",
1172
- "value": { "type": "string | undefined", "default": "''" }
1223
+ "value": { "type": "string | undefined", "default": "\"\"" }
1173
1224
  },
1174
1225
  {
1175
1226
  "name": "disabled",
@@ -1189,12 +1240,12 @@
1189
1240
  {
1190
1241
  "name": "name",
1191
1242
  "description": "The name submitted with the combobox value.\n\nUse this when the combobox belongs to a form and its value should be included in form data.",
1192
- "value": { "type": "string | undefined", "default": "''" }
1243
+ "value": { "type": "string | undefined", "default": "\"\"" }
1193
1244
  },
1194
1245
  {
1195
1246
  "name": "autocomplete",
1196
1247
  "description": "The autocomplete attribute passed to the internal input.\n\nDefaults to `off`. Set this when browser autocomplete should be enabled or scoped to a specific autocomplete token.",
1197
- "value": { "type": "string | undefined", "default": "'off'" }
1248
+ "value": { "type": "string | undefined", "default": "\"off\"" }
1198
1249
  }
1199
1250
  ],
1200
1251
  "events": [],
@@ -1287,7 +1338,7 @@
1287
1338
  {
1288
1339
  "name": "label",
1289
1340
  "description": "The label displayed above the date input.\n\nUse this to give the datepicker a visible and accessible name.",
1290
- "value": { "type": "string" }
1341
+ "value": { "type": "string | undefined" }
1291
1342
  },
1292
1343
  {
1293
1344
  "name": "lang",
@@ -1297,27 +1348,27 @@
1297
1348
  {
1298
1349
  "name": "name",
1299
1350
  "description": "The name submitted with the date value.\n\nUse this when the datepicker belongs to a form and its value should be included in form data.",
1300
- "value": { "type": "string" }
1351
+ "value": { "type": "string | undefined" }
1301
1352
  },
1302
1353
  {
1303
1354
  "name": "value",
1304
1355
  "description": "The selected date value.\n\nUse an ISO date string in `YYYY-MM-DD` format. The value is submitted with the form and is reset to its initial value when the form resets.",
1305
- "value": { "type": "string" }
1356
+ "value": { "type": "string | undefined" }
1306
1357
  },
1307
1358
  {
1308
1359
  "name": "header-format",
1309
1360
  "description": "The date format used in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
1310
- "value": { "type": "string", "default": "'MMMM yyyy'" }
1361
+ "value": { "type": "string", "default": "\"MMMM yyyy\"" }
1311
1362
  },
1312
1363
  {
1313
1364
  "name": "weekday-format",
1314
1365
  "description": "The weekday format shown above the calendar grid.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
1315
- "value": { "type": "string", "default": "'EEEEEE'" }
1366
+ "value": { "type": "string", "default": "\"EEEEEE\"" }
1316
1367
  },
1317
1368
  {
1318
1369
  "name": "day-format",
1319
1370
  "description": "The date format used for calendar day accessible names.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
1320
- "value": { "type": "string", "default": "'PPPP'" }
1371
+ "value": { "type": "string", "default": "\"PPPP\"" }
1321
1372
  }
1322
1373
  ],
1323
1374
  "events": [],
@@ -1326,7 +1377,7 @@
1326
1377
  {
1327
1378
  "name": "label",
1328
1379
  "description": "The label displayed above the date input.\n\nUse this to give the datepicker a visible and accessible name.",
1329
- "type": "string"
1380
+ "type": "string | undefined"
1330
1381
  },
1331
1382
  {
1332
1383
  "name": "lang",
@@ -1336,12 +1387,12 @@
1336
1387
  {
1337
1388
  "name": "name",
1338
1389
  "description": "The name submitted with the date value.\n\nUse this when the datepicker belongs to a form and its value should be included in form data.",
1339
- "type": "string"
1390
+ "type": "string | undefined"
1340
1391
  },
1341
1392
  {
1342
1393
  "name": "value",
1343
1394
  "description": "The selected date value.\n\nUse an ISO date string in `YYYY-MM-DD` format. The value is submitted with the form and is reset to its initial value when the form resets.",
1344
- "type": "string"
1395
+ "type": "string | undefined"
1345
1396
  },
1346
1397
  {
1347
1398
  "name": "headerFormat",
@@ -1356,7 +1407,7 @@
1356
1407
  {
1357
1408
  "name": "isDayDisabled",
1358
1409
  "description": "Function used to disable dates in the calendar.\n\nSet this on the element instance in JavaScript, not as an HTML attribute. Disabled dates cannot be selected from the calendar.",
1359
- "type": "(day: Date) => boolean"
1410
+ "type": "((day: Date) => boolean) | undefined"
1360
1411
  },
1361
1412
  {
1362
1413
  "name": "dayFormat",
@@ -1408,8 +1459,14 @@
1408
1459
  "description": "Will make the expandable full-width on the sm breakpoint size",
1409
1460
  "value": { "type": "boolean", "default": "false" }
1410
1461
  },
1411
- { "name": "button-class", "value": { "type": "string" } },
1412
- { "name": "content-class", "value": { "type": "string" } },
1462
+ {
1463
+ "name": "button-class",
1464
+ "value": { "type": "string | undefined" }
1465
+ },
1466
+ {
1467
+ "name": "content-class",
1468
+ "value": { "type": "string | undefined" }
1469
+ },
1413
1470
  {
1414
1471
  "name": "no-chevron",
1415
1472
  "description": "Controls chevron visibility",
@@ -1423,7 +1480,7 @@
1423
1480
  {
1424
1481
  "name": "heading-level",
1425
1482
  "description": "Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element.",
1426
- "value": { "type": "number" }
1483
+ "value": { "type": "number | undefined" }
1427
1484
  },
1428
1485
  {
1429
1486
  "name": "_hasTitle",
@@ -1463,8 +1520,8 @@
1463
1520
  "description": "Will make the expandable full-width on the sm breakpoint size",
1464
1521
  "type": "boolean"
1465
1522
  },
1466
- { "name": "buttonClass", "type": "string" },
1467
- { "name": "contentClass", "type": "string" },
1523
+ { "name": "buttonClass", "type": "string | undefined" },
1524
+ { "name": "contentClass", "type": "string | undefined" },
1468
1525
  {
1469
1526
  "name": "noChevron",
1470
1527
  "description": "Controls chevron visibility",
@@ -1478,7 +1535,7 @@
1478
1535
  {
1479
1536
  "name": "headingLevel",
1480
1537
  "description": "Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element.",
1481
- "type": "number"
1538
+ "type": "number | undefined"
1482
1539
  }
1483
1540
  ],
1484
1541
  "events": []
@@ -1486,7 +1543,7 @@
1486
1543
  },
1487
1544
  {
1488
1545
  "name": "w-modal",
1489
- "description": "Modals (or dialogs) display important information that users need to acknowledge.\n---\n\n\n### **Events:**\n - **shown**\n- **hidden**\n\n### **Slots:**\n - **header** - Typically where you would use the `w-modal-header` component.\n- **content** - The main content of the modal.\n- **footer** - Typically where you would use the `w-modal-footer` component, for things like actions.",
1546
+ "description": "Modals (or dialogs) display important information that users need to acknowledge.\n---\n\n\n### **Events:**\n - **shown**\n- **hidden**\n\n### **Slots:**\n - **header** - Typically where you would use the `w-modal-header` component.\n- **content** - The main content of the modal.\n- **footer** - Typically where you would use the `w-modal-footer` component, for things like actions.\n\n### **CSS Properties:**\n - **--w-c-modal-backdrop-color** - undefined _(default: undefined)_\n- **--w-c-modal-bg** - undefined _(default: undefined)_\n- **--w-c-modal-box-shadow** - undefined _(default: undefined)_\n- **--w-c-modal-color** - undefined _(default: undefined)_\n- **--w-c-modal-height** - undefined _(default: undefined)_\n- **--w-c-modal-max-height** - undefined _(default: undefined)_\n- **--w-c-modal-min-height** - undefined _(default: undefined)_\n- **--w-c-modal-translate-distance** - undefined _(default: undefined)_\n- **--w-c-modal-width** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **dialog** - the root element inside the component (`<dialog>` element).\n- **wrapper** - container for all elements, direct child of `<dialog>`.\n- **content** - the container for the `content` slot items (children).",
1490
1547
  "doc-url": "",
1491
1548
  "attributes": [
1492
1549
  {
@@ -1494,7 +1551,7 @@
1494
1551
  "description": "Controls if the modal should show or hide.\n\nYou can also call the `open()` and `close()` methods.",
1495
1552
  "value": { "type": "boolean", "default": "false" }
1496
1553
  },
1497
- { "name": "content-id", "value": { "type": "string" } },
1554
+ { "name": "content-id", "value": { "type": "string | undefined" } },
1498
1555
  {
1499
1556
  "name": "ignore-backdrop-clicks",
1500
1557
  "description": "Ignores clicks to the backdrop when set",
@@ -1526,7 +1583,7 @@
1526
1583
  "description": "Controls if the modal should show or hide.\n\nYou can also call the `open()` and `close()` methods.",
1527
1584
  "type": "boolean"
1528
1585
  },
1529
- { "name": "contentId", "type": "string" },
1586
+ { "name": "contentId", "type": "string | undefined" },
1530
1587
  {
1531
1588
  "name": "ignoreBackdropClicks",
1532
1589
  "description": "Ignores clicks to the backdrop when set",
@@ -1541,7 +1598,7 @@
1541
1598
  },
1542
1599
  {
1543
1600
  "name": "w-modal-footer",
1544
- "description": "The footer section of a modal, typically where you place actions.\n---\n",
1601
+ "description": "The footer section of a modal, typically where you place actions.\n---\n\n\n### **CSS Properties:**\n - **--w-c-modal-footer-gap** - adjusts the flex gap between actions in the footer. _(default: undefined)_\n\n### **CSS Parts:**\n - **footer** - the container for slotted items (children).",
1545
1602
  "doc-url": "",
1546
1603
  "attributes": [],
1547
1604
  "events": [],
@@ -1549,7 +1606,7 @@
1549
1606
  },
1550
1607
  {
1551
1608
  "name": "w-modal-header",
1552
- "description": "The header section of a modal, typically where you place the title and a close button.\n---\n\n\n### **Events:**\n - **backClicked**\n\n### **Slots:**\n - **top** - Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.",
1609
+ "description": "The header section of a modal, typically where you place the title and a close button.\n---\n\n\n### **Events:**\n - **backClicked**\n\n### **Slots:**\n - **top** - Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.\n\n### **CSS Properties:**\n - **--w-c-modal-header-font-size** - undefined _(default: undefined)_\n- **--w-c-modal-header-line-height** - undefined _(default: undefined)_\n- **--w-c-modal-header-margin-bottom** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **header** - the root element inside the component.\n- **top** - the container for the image (`top` slot).\n- **back** - the back button, if visible.\n- **title** - the title element.\n- **close** - the close button, if visible.",
1553
1610
  "doc-url": "",
1554
1611
  "attributes": [
1555
1612
  {
@@ -1637,12 +1694,12 @@
1637
1694
  {
1638
1695
  "name": "base-url",
1639
1696
  "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
1640
- "value": { "type": "string" }
1697
+ "value": { "type": "string | undefined" }
1641
1698
  },
1642
1699
  {
1643
1700
  "name": "pages",
1644
1701
  "description": "The total number of pages.",
1645
- "value": { "type": "number" }
1702
+ "value": { "type": "number", "default": "0" }
1646
1703
  },
1647
1704
  {
1648
1705
  "name": "current-page",
@@ -1667,7 +1724,7 @@
1667
1724
  {
1668
1725
  "name": "baseUrl",
1669
1726
  "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
1670
- "type": "string"
1727
+ "type": "string | undefined"
1671
1728
  },
1672
1729
  {
1673
1730
  "name": "pages",
@@ -1709,17 +1766,23 @@
1709
1766
  "description": "Whether the pill should be rendered as a suggestion.",
1710
1767
  "value": { "type": "boolean", "default": "false" }
1711
1768
  },
1712
- { "name": "open-sr-label", "value": { "type": "string" } },
1769
+ {
1770
+ "name": "open-sr-label",
1771
+ "value": { "type": "string | undefined" }
1772
+ },
1713
1773
  {
1714
1774
  "name": "open-aria-label",
1715
1775
  "description": "Label read by screen readers when targeting the pill.",
1716
- "value": { "type": "string" }
1776
+ "value": { "type": "string | undefined" }
1777
+ },
1778
+ {
1779
+ "name": "close-sr-label",
1780
+ "value": { "type": "string | undefined" }
1717
1781
  },
1718
- { "name": "close-sr-label", "value": { "type": "string" } },
1719
1782
  {
1720
1783
  "name": "close-aria-label",
1721
1784
  "description": "Label read by screen readers when targeting the close button.",
1722
- "value": { "type": "string" }
1785
+ "value": { "type": "string | undefined" }
1723
1786
  }
1724
1787
  ],
1725
1788
  "events": [
@@ -1746,17 +1809,17 @@
1746
1809
  "description": "Whether the pill should be rendered as a suggestion.",
1747
1810
  "type": "boolean"
1748
1811
  },
1749
- { "name": "openSrLabel", "type": "string" },
1812
+ { "name": "openSrLabel", "type": "string | undefined" },
1750
1813
  {
1751
1814
  "name": "openAriaLabel",
1752
1815
  "description": "Label read by screen readers when targeting the pill.",
1753
- "type": "string"
1816
+ "type": "string | undefined"
1754
1817
  },
1755
- { "name": "closeSrLabel", "type": "string" },
1818
+ { "name": "closeSrLabel", "type": "string | undefined" },
1756
1819
  {
1757
1820
  "name": "closeAriaLabel",
1758
1821
  "description": "Label read by screen readers when targeting the close button.",
1759
- "type": "string"
1822
+ "type": "string | undefined"
1760
1823
  }
1761
1824
  ],
1762
1825
  "events": [
@@ -1848,18 +1911,18 @@
1848
1911
  },
1849
1912
  {
1850
1913
  "name": "w-radio-group",
1851
- "description": "Radios allow users to select a single option from a list of choices.\n\nUse with `w-radio`.\n---\n\n\n### **Slots:**\n - **label** - Alternative to the `label` attribute should you need custom HTML.\n- **help-text** - Alternative to the `help-text` attribute should you need custom HTML.",
1914
+ "description": "Radios allow users to select a single option from a list of choices.\n\nUse with `w-radio`.\n---\n\n\n### **Slots:**\n - **label** - Alternative to the `label` attribute should you need custom HTML.\n- **help-text** - Alternative to the `help-text` attribute should you need custom HTML. ## Architecture Note This component uses semantic <fieldset> element for grouping radio controls, which provides better accessibility and follows HTML best practices. Note that w-checkbox-group currently uses <div> instead - this inconsistency exists for historical reasons and may be addressed in a future major version to align both on the more semantic approach. TODO: Align w-checkbox-group to also use <fieldset> in a future major version after assessing backwards compatibility implications (CSS selectors, etc.).",
1852
1915
  "doc-url": "",
1853
1916
  "attributes": [
1854
1917
  {
1855
1918
  "name": "label",
1856
1919
  "description": "Label for the radio group.",
1857
- "value": { "type": "string", "default": "''" }
1920
+ "value": { "type": "string", "default": "\"\"" }
1858
1921
  },
1859
1922
  {
1860
1923
  "name": "help-text",
1861
1924
  "description": "Help text for the radio group.\n\nIf you set `required` and `invalid` the group gets a default error message, but you can override it with this attribute.",
1862
- "value": { "type": "string", "default": "''" }
1925
+ "value": { "type": "string", "default": "\"\"" }
1863
1926
  },
1864
1927
  {
1865
1928
  "name": "optional",
@@ -1894,7 +1957,7 @@
1894
1957
  },
1895
1958
  {
1896
1959
  "name": "help-text",
1897
- "description": "Alternative to the `help-text` attribute should you need custom HTML."
1960
+ "description": "Alternative to the `help-text` attribute should you need custom HTML. ## Architecture Note This component uses semantic <fieldset> element for grouping radio controls, which provides better accessibility and follows HTML best practices. Note that w-checkbox-group currently uses <div> instead - this inconsistency exists for historical reasons and may be addressed in a future major version to align both on the more semantic approach. TODO: Align w-checkbox-group to also use <fieldset> in a future major version after assessing backwards compatibility implications (CSS selectors, etc.)."
1898
1961
  }
1899
1962
  ],
1900
1963
  "events": [],
@@ -1957,7 +2020,7 @@
1957
2020
  {
1958
2021
  "name": "help-text",
1959
2022
  "description": "The content displayed as the help text.\n\nPaired with `invalid` to show the text as a validation error.",
1960
- "value": { "type": "string" }
2023
+ "value": { "type": "string | undefined" }
1961
2024
  },
1962
2025
  {
1963
2026
  "name": "invalid",
@@ -1972,12 +2035,12 @@
1972
2035
  {
1973
2036
  "name": "hint",
1974
2037
  "description": "The content displayed as the help text.",
1975
- "value": { "type": "string" }
2038
+ "value": { "type": "string | undefined" }
1976
2039
  },
1977
2040
  {
1978
2041
  "name": "label",
1979
2042
  "description": "The content to display as the label.",
1980
- "value": { "type": "string" }
2043
+ "value": { "type": "string | undefined" }
1981
2044
  },
1982
2045
  {
1983
2046
  "name": "optional",
@@ -2002,12 +2065,12 @@
2002
2065
  {
2003
2066
  "name": "name",
2004
2067
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.",
2005
- "value": { "type": "string" }
2068
+ "value": { "type": "string | undefined" }
2006
2069
  },
2007
2070
  {
2008
2071
  "name": "value",
2009
2072
  "description": "Lets you set the current value.",
2010
- "value": { "type": "string" }
2073
+ "value": { "type": "string | undefined" }
2011
2074
  }
2012
2075
  ],
2013
2076
  "events": [{ "name": "change", "type": "CustomEvent" }],
@@ -2026,7 +2089,7 @@
2026
2089
  {
2027
2090
  "name": "helpText",
2028
2091
  "description": "The content displayed as the help text.\n\nPaired with `invalid` to show the text as a validation error.",
2029
- "type": "string"
2092
+ "type": "string | undefined"
2030
2093
  },
2031
2094
  {
2032
2095
  "name": "invalid",
@@ -2041,12 +2104,12 @@
2041
2104
  {
2042
2105
  "name": "hint",
2043
2106
  "description": "The content displayed as the help text.",
2044
- "type": "string"
2107
+ "type": "string | undefined"
2045
2108
  },
2046
2109
  {
2047
2110
  "name": "label",
2048
2111
  "description": "The content to display as the label.",
2049
- "type": "string"
2112
+ "type": "string | undefined"
2050
2113
  },
2051
2114
  {
2052
2115
  "name": "optional",
@@ -2071,12 +2134,12 @@
2071
2134
  {
2072
2135
  "name": "name",
2073
2136
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.",
2074
- "type": "string"
2137
+ "type": "string | undefined"
2075
2138
  },
2076
2139
  {
2077
2140
  "name": "value",
2078
2141
  "description": "Lets you set the current value.",
2079
- "type": "string"
2142
+ "type": "string | undefined"
2080
2143
  }
2081
2144
  ],
2082
2145
  "events": [{ "name": "change", "type": "CustomEvent" }]
@@ -2090,30 +2153,27 @@
2090
2153
  {
2091
2154
  "name": "aria-label",
2092
2155
  "description": "Label for the range input.",
2093
- "value": {
2094
- "type": "string",
2095
- "default": "`label` from `w-slider`"
2096
- }
2156
+ "value": { "type": "string | null", "default": "null" }
2097
2157
  },
2098
2158
  {
2099
2159
  "name": "aria-description",
2100
2160
  "description": "Contextual information for assistive technology, should it be needed",
2101
- "value": { "type": "string" }
2161
+ "value": { "type": "string | null", "default": "null" }
2102
2162
  },
2103
2163
  {
2104
2164
  "name": "name",
2105
2165
  "description": "The name of this input field in the form. The canonical source of the value is the text field.",
2106
- "value": { "type": "string" }
2166
+ "value": { "type": "string | undefined" }
2107
2167
  },
2108
2168
  {
2109
2169
  "name": "value",
2110
2170
  "description": "The initial value, if any",
2111
- "value": { "type": "string" }
2171
+ "value": { "type": "string | undefined" }
2112
2172
  },
2113
2173
  {
2114
2174
  "name": "placeholder",
2115
2175
  "description": "Placeholder in empty text fields",
2116
- "value": { "type": "string" }
2176
+ "value": { "type": "string | undefined" }
2117
2177
  }
2118
2178
  ],
2119
2179
  "events": [
@@ -2133,27 +2193,27 @@
2133
2193
  {
2134
2194
  "name": "ariaLabel",
2135
2195
  "description": "Label for the range input.",
2136
- "type": "string"
2196
+ "type": "string | null"
2137
2197
  },
2138
2198
  {
2139
2199
  "name": "ariaDescription",
2140
2200
  "description": "Contextual information for assistive technology, should it be needed",
2141
- "type": "string"
2201
+ "type": "string | null"
2142
2202
  },
2143
2203
  {
2144
2204
  "name": "name",
2145
2205
  "description": "The name of this input field in the form. The canonical source of the value is the text field.",
2146
- "type": "string"
2206
+ "type": "string | undefined"
2147
2207
  },
2148
2208
  {
2149
2209
  "name": "value",
2150
2210
  "description": "The initial value, if any",
2151
- "type": "string"
2211
+ "type": "string | undefined"
2152
2212
  },
2153
2213
  {
2154
2214
  "name": "placeholder",
2155
2215
  "description": "Placeholder in empty text fields",
2156
- "type": "string"
2216
+ "type": "string | undefined"
2157
2217
  }
2158
2218
  ],
2159
2219
  "events": [
@@ -2178,7 +2238,7 @@
2178
2238
  {
2179
2239
  "name": "label",
2180
2240
  "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead (f. ex. `<legend class=\"sr-only\" slot=\"label\">Production year</legend>`)",
2181
- "value": { "type": "string" }
2241
+ "value": { "type": "string | undefined" }
2182
2242
  },
2183
2243
  {
2184
2244
  "name": "disabled",
@@ -2192,12 +2252,12 @@
2192
2252
  {
2193
2253
  "name": "error",
2194
2254
  "description": "Validation error text, if any",
2195
- "value": { "type": "string" }
2255
+ "value": { "type": "string | undefined" }
2196
2256
  },
2197
2257
  {
2198
2258
  "name": "help-text",
2199
2259
  "description": "Additional description to show below the fieldset",
2200
- "value": { "type": "string" }
2260
+ "value": { "type": "string | undefined" }
2201
2261
  },
2202
2262
  {
2203
2263
  "name": "invalid",
@@ -2209,30 +2269,35 @@
2209
2269
  "description": "Ensures a child slider thumb has a value before allowing the containing form to submit",
2210
2270
  "value": { "type": "boolean", "default": "false" }
2211
2271
  },
2272
+ {
2273
+ "name": "optional",
2274
+ "description": "Whether to show the optional indicator after the label.",
2275
+ "value": { "type": "boolean", "default": "false" }
2276
+ },
2212
2277
  {
2213
2278
  "name": "min",
2214
2279
  "description": "The minimum allowed value in the range inputs",
2215
- "value": { "type": "string", "default": "0" }
2280
+ "value": { "type": "string | undefined", "default": "0" }
2216
2281
  },
2217
2282
  {
2218
2283
  "name": "max",
2219
2284
  "description": "The maximum allowed value in the range inputs",
2220
- "value": { "type": "string", "default": "100" }
2285
+ "value": { "type": "string | undefined", "default": "100" }
2221
2286
  },
2222
2287
  {
2223
2288
  "name": "markers",
2224
2289
  "description": "Pass a value similar to step to create visual markers at that interval",
2225
- "value": { "type": "number" }
2290
+ "value": { "type": "number | undefined" }
2226
2291
  },
2227
2292
  {
2228
2293
  "name": "step",
2229
2294
  "description": "ets step on the range input to jump between values when dragging",
2230
- "value": { "type": "number" }
2295
+ "value": { "type": "number | undefined" }
2231
2296
  },
2232
2297
  {
2233
2298
  "name": "suffix",
2234
2299
  "description": "Suffix used in text input fields and for the min and max values of the slider",
2235
- "value": { "type": "string" }
2300
+ "value": { "type": "string | undefined" }
2236
2301
  },
2237
2302
  {
2238
2303
  "name": "hidden-textfield",
@@ -2268,7 +2333,7 @@
2268
2333
  {
2269
2334
  "name": "label",
2270
2335
  "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead (f. ex. `<legend class=\"sr-only\" slot=\"label\">Production year</legend>`)",
2271
- "type": "string"
2336
+ "type": "string | undefined"
2272
2337
  },
2273
2338
  { "name": "disabled", "type": "boolean" },
2274
2339
  {
@@ -2279,12 +2344,12 @@
2279
2344
  {
2280
2345
  "name": "error",
2281
2346
  "description": "Validation error text, if any",
2282
- "type": "string"
2347
+ "type": "string | undefined"
2283
2348
  },
2284
2349
  {
2285
2350
  "name": "helpText",
2286
2351
  "description": "Additional description to show below the fieldset",
2287
- "type": "string"
2352
+ "type": "string | undefined"
2288
2353
  },
2289
2354
  {
2290
2355
  "name": "invalid",
@@ -2296,30 +2361,35 @@
2296
2361
  "description": "Ensures a child slider thumb has a value before allowing the containing form to submit",
2297
2362
  "type": "boolean"
2298
2363
  },
2364
+ {
2365
+ "name": "optional",
2366
+ "description": "Whether to show the optional indicator after the label.",
2367
+ "type": "boolean"
2368
+ },
2299
2369
  {
2300
2370
  "name": "min",
2301
2371
  "description": "The minimum allowed value in the range inputs",
2302
- "type": "string"
2372
+ "type": "string | undefined"
2303
2373
  },
2304
2374
  {
2305
2375
  "name": "max",
2306
2376
  "description": "The maximum allowed value in the range inputs",
2307
- "type": "string"
2377
+ "type": "string | undefined"
2308
2378
  },
2309
2379
  {
2310
2380
  "name": "markers",
2311
2381
  "description": "Pass a value similar to step to create visual markers at that interval",
2312
- "type": "number"
2382
+ "type": "number | undefined"
2313
2383
  },
2314
2384
  {
2315
2385
  "name": "step",
2316
2386
  "description": "ets step on the range input to jump between values when dragging",
2317
- "type": "number"
2387
+ "type": "number | undefined"
2318
2388
  },
2319
2389
  {
2320
2390
  "name": "suffix",
2321
2391
  "description": "Suffix used in text input fields and for the min and max values of the slider",
2322
- "type": "string"
2392
+ "type": "string | undefined"
2323
2393
  },
2324
2394
  {
2325
2395
  "name": "hiddenTextfield",
@@ -2329,22 +2399,75 @@
2329
2399
  {
2330
2400
  "name": "valueFormatter",
2331
2401
  "description": "Formatter for the tooltip and input mask values",
2332
- "type": "(value: string, slot: SliderSlot) => string"
2402
+ "type": "((value: string, slot: SliderSlot) => string) | undefined"
2333
2403
  },
2334
2404
  {
2335
2405
  "name": "tooltipFormatter",
2336
2406
  "description": "Overrides valueFormatter for the tooltip.\n\nUse in open-ended sliders to show for example \"300+ hk\" instead of \"Max\" in the tooltip.",
2337
- "type": "(value: string, slot: SliderSlot) => string"
2407
+ "type": "((value: string, slot: SliderSlot) => string) | undefined"
2338
2408
  },
2339
2409
  {
2340
2410
  "name": "labelFormatter",
2341
2411
  "description": "Formatter for the min and max labels below the range.",
2342
- "type": "(slot: SliderSlot) => string"
2412
+ "type": "((slot: SliderSlot) => string) | undefined"
2413
+ },
2414
+ { "name": "_label" }
2415
+ ],
2416
+ "events": []
2417
+ }
2418
+ },
2419
+ {
2420
+ "name": "w-snackbar-item",
2421
+ "description": "An item to show in a `w-snackbar`.\n\nSee the `create` function on `w-snackbar` for a convenience API which helps you make snackbar items.\n---\n\n\n### **Methods:**\n - **close(): _void_** - Remove the snackbar item from the document.\n\nMoves focus to the last focused element outside of the snackbar item, if available.\n\n### **Slots:**\n - **default** - the snackbar message.\n- **icon** - icon preceeding the message.\n- **action** - action following the message.\n\n### **CSS Properties:**\n - **--w-c-snackbar-item-radius** - undefined _(default: undefined)_\n- **--w-c-snackbar-item-max-width** - undefined _(default: undefined)_\n- **--w-c-snackbar-item-min-width** - undefined _(default: undefined)_\n- **--w-c-snackbar-item-padding** - undefined _(default: undefined)_\n- **--w-c-snackbar-item-bg** - undefined _(default: undefined)_\n- **--w-c-snackbar-item-action-bg-active** - undefined _(default: undefined)_\n- **--w-c-snackbar-item-action-bg-hover** - undefined _(default: undefined)_\n- **--w-c-snackbar-item-color** - undefined _(default: undefined)_\n- **--w-c-snackbar-item-action-color-active** - undefined _(default: undefined)_\n- **--w-c-snackbar-item-action-color-hover** - undefined _(default: undefined)_\n- **--w-c-snackbar-item-box-shadow** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **item** - the container wrapping the message, icon and actions.\n- **icon** - the icon for the variant.\n- **message** - the default slot, body of the snackbar item.\n- **action** - close and action button.",
2422
+ "doc-url": "",
2423
+ "attributes": [
2424
+ {
2425
+ "name": "action-placement",
2426
+ "description": "The placement of the action and close buttons.",
2427
+ "value": { "type": "'inline' | 'block'", "default": "\"inline\"" }
2428
+ },
2429
+ {
2430
+ "name": "duration",
2431
+ "description": "How long the message should stay in the document before removing itself.",
2432
+ "value": { "type": "number" }
2433
+ }
2434
+ ],
2435
+ "slots": [
2436
+ { "name": "default", "description": "the snackbar message." },
2437
+ { "name": "icon", "description": "icon preceeding the message." },
2438
+ { "name": "action", "description": "action following the message." }
2439
+ ],
2440
+ "events": [],
2441
+ "js": {
2442
+ "properties": [
2443
+ {
2444
+ "name": "actionPlacement",
2445
+ "description": "The placement of the action and close buttons.",
2446
+ "type": "'inline' | 'block'"
2447
+ },
2448
+ {
2449
+ "name": "duration",
2450
+ "description": "How long the message should stay in the document before removing itself.",
2451
+ "type": "number"
2343
2452
  }
2344
2453
  ],
2345
2454
  "events": []
2346
2455
  }
2347
2456
  },
2457
+ {
2458
+ "name": "w-snackbar",
2459
+ "description": "A Snackbar shows brief user feedback messages that overlay content, with an optional action such as Undo.\n\nInclude one `<w-snackbar></w-snackbar>` in the document `<body>`. Use the `create` function to create messages.\n---\n\n\n### **Methods:**\n - **create(message: _string_, options: _CreateSnackbarOptions_): __** - Creates a snackbar item and immediately adds it to the snackbar.\n\nBy default the snackbar item automatically closes after 4 seconds (`SnackbarDuration.Short`).\n\nIf you include an `action` in the options the default `duration` is\nset to 10 seconds (`SnackbarDuration.Long`) and can not be made shorter.\n\nA `duration` of 10 seconds or longer forces the close button to be visible.\n\nThe default `variant` is `neutral` which does not have an icon.\n\nSet `duration` to `SnackbarDuration.Infinite` if you want a persistent message.\n\n### **Slots:**\n - **default** - `w-snackbar-item` gets placed inside the default slot by the `create` function.\n\n### **CSS Properties:**\n - **--w-c-snackbar-container-gap** - undefined _(default: undefined)_\n- **--w-c-snackbar-position-bottom** - undefined _(default: undefined)_\n- **--w-c-snackbar-position-left** - undefined _(default: undefined)_\n- **--w-c-snackbar-position-right** - undefined _(default: undefined)_\n- **--w-c-snackbar-position-top** - undefined _(default: undefined)_\n- **--w-c-snackbar-z-index** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **container** - the live region that positions messages on the screen.",
2460
+ "doc-url": "",
2461
+ "attributes": [],
2462
+ "slots": [
2463
+ {
2464
+ "name": "default",
2465
+ "description": "`w-snackbar-item` gets placed inside the default slot by the `create` function."
2466
+ }
2467
+ ],
2468
+ "events": [],
2469
+ "js": { "properties": [], "events": [] }
2470
+ },
2348
2471
  {
2349
2472
  "name": "w-step",
2350
2473
  "description": "Individual step component that shows a single step in a process\n---\n",
@@ -2541,7 +2664,7 @@
2541
2664
  "name": "active",
2542
2665
  "description": "The `id` of the panel that should be active.",
2543
2666
  "value": {
2544
- "type": "string",
2667
+ "type": "string | undefined",
2545
2668
  "default": "\"\" (Shows the first tab)"
2546
2669
  }
2547
2670
  }
@@ -2558,7 +2681,7 @@
2558
2681
  {
2559
2682
  "name": "active",
2560
2683
  "description": "The `id` of the panel that should be active.",
2561
- "type": "string"
2684
+ "type": "string | undefined"
2562
2685
  }
2563
2686
  ],
2564
2687
  "events": [
@@ -2588,32 +2711,32 @@
2588
2711
  {
2589
2712
  "name": "label",
2590
2713
  "description": "Either a `label` or an `aria-label` must be provided.",
2591
- "value": { "type": "string" }
2714
+ "value": { "type": "string | undefined" }
2592
2715
  },
2593
2716
  {
2594
2717
  "name": "help-text",
2595
2718
  "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
2596
- "value": { "type": "string" }
2719
+ "value": { "type": "string | undefined" }
2597
2720
  },
2598
2721
  {
2599
2722
  "name": "maximum-rows",
2600
2723
  "description": "Sets the maximum number of text rows before the content starts scrolling.",
2601
- "value": { "type": "number" }
2724
+ "value": { "type": "number | undefined" }
2602
2725
  },
2603
2726
  {
2604
2727
  "name": "minimum-rows",
2605
2728
  "description": "Sets the minimum number of text rows the textarea should display",
2606
- "value": { "type": "number" }
2729
+ "value": { "type": "number | undefined" }
2607
2730
  },
2608
2731
  {
2609
2732
  "name": "name",
2610
2733
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form",
2611
- "value": { "type": "string" }
2734
+ "value": { "type": "string | undefined" }
2612
2735
  },
2613
2736
  {
2614
2737
  "name": "placeholder",
2615
2738
  "description": "Set a text that is shown in the textarea when it doesn't have a value.\n\nPlaceholder text should not be used as a substitute for labeling the element with a visible label.",
2616
- "value": { "type": "string" }
2739
+ "value": { "type": "string | undefined" }
2617
2740
  },
2618
2741
  {
2619
2742
  "name": "read-only",
@@ -2632,7 +2755,7 @@
2632
2755
  {
2633
2756
  "name": "value",
2634
2757
  "description": "Lets you set the current value",
2635
- "value": { "type": "string" }
2758
+ "value": { "type": "string | undefined" }
2636
2759
  },
2637
2760
  {
2638
2761
  "name": "optional",
@@ -2656,32 +2779,32 @@
2656
2779
  {
2657
2780
  "name": "label",
2658
2781
  "description": "Either a `label` or an `aria-label` must be provided.",
2659
- "type": "string"
2782
+ "type": "string | undefined"
2660
2783
  },
2661
2784
  {
2662
2785
  "name": "helpText",
2663
2786
  "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
2664
- "type": "string"
2787
+ "type": "string | undefined"
2665
2788
  },
2666
2789
  {
2667
2790
  "name": "maxRows",
2668
2791
  "description": "Sets the maximum number of text rows before the content starts scrolling.",
2669
- "type": "number"
2792
+ "type": "number | undefined"
2670
2793
  },
2671
2794
  {
2672
2795
  "name": "minRows",
2673
2796
  "description": "Sets the minimum number of text rows the textarea should display",
2674
- "type": "number"
2797
+ "type": "number | undefined"
2675
2798
  },
2676
2799
  {
2677
2800
  "name": "name",
2678
2801
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form",
2679
- "type": "string"
2802
+ "type": "string | undefined"
2680
2803
  },
2681
2804
  {
2682
2805
  "name": "placeholder",
2683
2806
  "description": "Set a text that is shown in the textarea when it doesn't have a value.\n\nPlaceholder text should not be used as a substitute for labeling the element with a visible label.",
2684
- "type": "string"
2807
+ "type": "string | undefined"
2685
2808
  },
2686
2809
  { "name": "readOnly", "type": "boolean" },
2687
2810
  {
@@ -2697,7 +2820,7 @@
2697
2820
  {
2698
2821
  "name": "value",
2699
2822
  "description": "Lets you set the current value",
2700
- "type": "string"
2823
+ "type": "string | undefined"
2701
2824
  },
2702
2825
  {
2703
2826
  "name": "optional",
@@ -2721,8 +2844,87 @@
2721
2844
  ]
2722
2845
  },
2723
2846
  "css": {
2724
- "properties": [],
2725
- "pseudo-elements": []
2847
+ "properties": [
2848
+ { "name": "--w-c-modal-backdrop-color" },
2849
+ { "name": "--w-c-modal-bg" },
2850
+ { "name": "--w-c-modal-box-shadow" },
2851
+ { "name": "--w-c-modal-color" },
2852
+ { "name": "--w-c-modal-height" },
2853
+ { "name": "--w-c-modal-max-height" },
2854
+ { "name": "--w-c-modal-min-height" },
2855
+ { "name": "--w-c-modal-translate-distance" },
2856
+ { "name": "--w-c-modal-width" },
2857
+ {
2858
+ "name": "--w-c-modal-footer-gap",
2859
+ "description": " adjusts the flex gap between actions in the footer."
2860
+ },
2861
+ { "name": "--w-c-modal-header-font-size" },
2862
+ { "name": "--w-c-modal-header-line-height" },
2863
+ { "name": "--w-c-modal-header-margin-bottom" },
2864
+ { "name": "--w-c-snackbar-item-radius" },
2865
+ { "name": "--w-c-snackbar-item-max-width" },
2866
+ { "name": "--w-c-snackbar-item-min-width" },
2867
+ { "name": "--w-c-snackbar-item-padding" },
2868
+ { "name": "--w-c-snackbar-item-bg" },
2869
+ { "name": "--w-c-snackbar-item-action-bg-active" },
2870
+ { "name": "--w-c-snackbar-item-action-bg-hover" },
2871
+ { "name": "--w-c-snackbar-item-color" },
2872
+ { "name": "--w-c-snackbar-item-action-color-active" },
2873
+ { "name": "--w-c-snackbar-item-action-color-hover" },
2874
+ { "name": "--w-c-snackbar-item-box-shadow" },
2875
+ { "name": "--w-c-snackbar-container-gap" },
2876
+ { "name": "--w-c-snackbar-position-bottom" },
2877
+ { "name": "--w-c-snackbar-position-left" },
2878
+ { "name": "--w-c-snackbar-position-right" },
2879
+ { "name": "--w-c-snackbar-position-top" },
2880
+ { "name": "--w-c-snackbar-z-index" }
2881
+ ],
2882
+ "pseudo-elements": [
2883
+ {
2884
+ "name": "part(dialog)",
2885
+ "description": "the root element inside the component (`<dialog>` element)."
2886
+ },
2887
+ {
2888
+ "name": "part(wrapper)",
2889
+ "description": "container for all elements, direct child of `<dialog>`."
2890
+ },
2891
+ {
2892
+ "name": "part(content)",
2893
+ "description": "the container for the `content` slot items (children)."
2894
+ },
2895
+ {
2896
+ "name": "part(footer)",
2897
+ "description": "the container for slotted items (children)."
2898
+ },
2899
+ {
2900
+ "name": "part(header)",
2901
+ "description": "the root element inside the component."
2902
+ },
2903
+ {
2904
+ "name": "part(top)",
2905
+ "description": "the container for the image (`top` slot)."
2906
+ },
2907
+ { "name": "part(back)", "description": "the back button, if visible." },
2908
+ { "name": "part(title)", "description": "the title element." },
2909
+ {
2910
+ "name": "part(close)",
2911
+ "description": "the close button, if visible."
2912
+ },
2913
+ {
2914
+ "name": "part(item)",
2915
+ "description": "the container wrapping the message, icon and actions."
2916
+ },
2917
+ { "name": "part(icon)", "description": "the icon for the variant." },
2918
+ {
2919
+ "name": "part(message)",
2920
+ "description": "the default slot, body of the snackbar item."
2921
+ },
2922
+ { "name": "part(action)", "description": "close and action button." },
2923
+ {
2924
+ "name": "part(container)",
2925
+ "description": "the live region that positions messages on the screen."
2926
+ }
2927
+ ]
2726
2928
  }
2727
2929
  }
2728
2930
  }