@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/custom-elements.json CHANGED
@@ -2,163 +2,6 @@
2
2
  "schemaVersion": "1.0.0",
3
3
  "readme": "",
4
4
  "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "packages/icon/icon.ts",
8
- "declarations": [
9
- {
10
- "kind": "class",
11
- "description": "",
12
- "name": "WarpIcon",
13
- "members": [
14
- {
15
- "kind": "field",
16
- "name": "name",
17
- "type": {
18
- "text": "string"
19
- },
20
- "description": "Icon filename (without .svg)",
21
- "attribute": "name",
22
- "reflects": true
23
- },
24
- {
25
- "kind": "field",
26
- "name": "size",
27
- "type": {
28
- "text": "'small' | 'medium' | 'large' | PixelValue"
29
- },
30
- "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
31
- "default": "\"medium\"",
32
- "attribute": "size",
33
- "reflects": true,
34
- "parsedType": {
35
- "text": "'small' | 'medium' | 'large' | `${number}px`"
36
- }
37
- },
38
- {
39
- "kind": "field",
40
- "name": "locale",
41
- "type": {
42
- "text": "string"
43
- },
44
- "description": "Locale used for `<title>` text.\n\nReads the `lang` attribute from `<html>`, falls back to 'en'.",
45
- "attribute": "locale",
46
- "reflects": true
47
- },
48
- {
49
- "kind": "field",
50
- "name": "svg",
51
- "type": {
52
- "text": "SVGElement | null"
53
- },
54
- "privacy": "private",
55
- "default": "null",
56
- "description": "Parsed SVG element (not reflected as attribute)"
57
- },
58
- {
59
- "kind": "method",
60
- "name": "fetchIcon",
61
- "privacy": "private",
62
- "return": {
63
- "type": {
64
- "text": ""
65
- }
66
- },
67
- "parameters": [
68
- {
69
- "name": "iconName",
70
- "type": {
71
- "text": "string"
72
- },
73
- "description": "Name of the icon file"
74
- }
75
- ],
76
- "description": "Fetch an icon SVG from the CDN, with caching"
77
- },
78
- {
79
- "kind": "method",
80
- "name": "loadIcon",
81
- "privacy": "private",
82
- "return": {
83
- "type": {
84
- "text": "Promise<void>"
85
- }
86
- }
87
- }
88
- ],
89
- "attributes": [
90
- {
91
- "name": "name",
92
- "type": {
93
- "text": "string"
94
- },
95
- "description": "Icon filename (without .svg)",
96
- "fieldName": "name"
97
- },
98
- {
99
- "name": "size",
100
- "type": {
101
- "text": "'small' | 'medium' | 'large' | PixelValue"
102
- },
103
- "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
104
- "default": "\"medium\"",
105
- "fieldName": "size",
106
- "parsedType": {
107
- "text": "'small' | 'medium' | 'large' | `${number}px`"
108
- }
109
- },
110
- {
111
- "name": "locale",
112
- "type": {
113
- "text": "string"
114
- },
115
- "description": "Locale used for `<title>` text.\n\nReads the `lang` attribute from `<html>`, falls back to 'en'.",
116
- "fieldName": "locale"
117
- }
118
- ],
119
- "superclass": {
120
- "name": "LitElement",
121
- "package": "lit"
122
- },
123
- "tagName": "w-icon",
124
- "customElement": true,
125
- "modulePath": "packages/icon/icon.ts",
126
- "definitionPath": "packages/icon/icon.ts"
127
- },
128
- {
129
- "kind": "variable",
130
- "name": "WIcon",
131
- "default": "WarpIcon",
132
- "deprecated": "Exported for backwards compatibility. Use WarpIcon."
133
- }
134
- ],
135
- "exports": [
136
- {
137
- "kind": "js",
138
- "name": "WarpIcon",
139
- "declaration": {
140
- "name": "WarpIcon",
141
- "module": "packages/icon/icon.ts"
142
- }
143
- },
144
- {
145
- "kind": "js",
146
- "name": "WIcon",
147
- "declaration": {
148
- "name": "WIcon",
149
- "module": "packages/icon/icon.ts"
150
- }
151
- },
152
- {
153
- "kind": "custom-element-definition",
154
- "name": "w-icon",
155
- "declaration": {
156
- "name": "WarpIcon",
157
- "module": "packages/icon/icon.ts"
158
- }
159
- }
160
- ]
161
- },
162
5
  {
163
6
  "kind": "javascript-module",
164
7
  "path": "packages/textfield/textfield.ts",
@@ -173,7 +16,7 @@
173
16
  "name": "suffix"
174
17
  },
175
18
  {
176
- "description": "Use with `<w-affix>` to include a prefix, for example a search icon.",
19
+ "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.",
177
20
  "name": "prefix"
178
21
  }
179
22
  ],
@@ -206,7 +49,7 @@
206
49
  "kind": "field",
207
50
  "name": "label",
208
51
  "type": {
209
- "text": "string"
52
+ "text": "string | undefined"
210
53
  },
211
54
  "description": "Either a `label` or an `aria-label` must be provided.",
212
55
  "attribute": "label",
@@ -216,18 +59,29 @@
216
59
  "kind": "field",
217
60
  "name": "helpText",
218
61
  "type": {
219
- "text": "string"
62
+ "text": "string | undefined"
220
63
  },
221
64
  "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
222
65
  "summary": "Description shown below the input field",
223
66
  "attribute": "help-text",
224
67
  "reflects": true
225
68
  },
69
+ {
70
+ "kind": "field",
71
+ "name": "optional",
72
+ "type": {
73
+ "text": "boolean"
74
+ },
75
+ "default": "false",
76
+ "description": "Whether to show the optional indicator after the label.",
77
+ "attribute": "optional",
78
+ "reflects": true
79
+ },
226
80
  {
227
81
  "kind": "field",
228
82
  "name": "size",
229
83
  "type": {
230
- "text": "string"
84
+ "text": "string | undefined"
231
85
  },
232
86
  "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.",
233
87
  "attribute": "size",
@@ -237,7 +91,7 @@
237
91
  "kind": "field",
238
92
  "name": "max",
239
93
  "type": {
240
- "text": "number"
94
+ "text": "number | undefined"
241
95
  },
242
96
  "description": "Use with `type=\"number\"` to set the [maximum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength).",
243
97
  "attribute": "max",
@@ -247,7 +101,7 @@
247
101
  "kind": "field",
248
102
  "name": "min",
249
103
  "type": {
250
- "text": "number"
104
+ "text": "number | undefined"
251
105
  },
252
106
  "description": "Use with `type=\"number\"` to set the [minimum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength).",
253
107
  "attribute": "min",
@@ -257,7 +111,7 @@
257
111
  "kind": "field",
258
112
  "name": "minLength",
259
113
  "type": {
260
- "text": "number"
114
+ "text": "number | undefined"
261
115
  },
262
116
  "deprecated": "Use the native `minlength` attribute",
263
117
  "attribute": "min-length",
@@ -267,7 +121,7 @@
267
121
  "kind": "field",
268
122
  "name": "minlength",
269
123
  "type": {
270
- "text": "number"
124
+ "text": "number | undefined"
271
125
  },
272
126
  "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.",
273
127
  "attribute": "minlength",
@@ -277,7 +131,7 @@
277
131
  "kind": "field",
278
132
  "name": "maxLength",
279
133
  "type": {
280
- "text": "number"
134
+ "text": "number | undefined"
281
135
  },
282
136
  "deprecated": "Use the native `maxlength` attribute",
283
137
  "attribute": "max-length",
@@ -287,7 +141,7 @@
287
141
  "kind": "field",
288
142
  "name": "maxlength",
289
143
  "type": {
290
- "text": "number"
144
+ "text": "number | undefined"
291
145
  },
292
146
  "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.",
293
147
  "attribute": "maxlength",
@@ -297,7 +151,7 @@
297
151
  "kind": "field",
298
152
  "name": "pattern",
299
153
  "type": {
300
- "text": "string"
154
+ "text": "string | undefined"
301
155
  },
302
156
  "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)",
303
157
  "attribute": "pattern",
@@ -307,7 +161,7 @@
307
161
  "kind": "field",
308
162
  "name": "placeholder",
309
163
  "type": {
310
- "text": "string"
164
+ "text": "string | undefined"
311
165
  },
312
166
  "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.",
313
167
  "summary": "Shown in the textfield when it doesn't have a value",
@@ -351,7 +205,7 @@
351
205
  "kind": "field",
352
206
  "name": "type",
353
207
  "type": {
354
- "text": "string"
208
+ "text": "string | undefined"
355
209
  },
356
210
  "description": "The [type of input](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).",
357
211
  "attribute": "type",
@@ -361,7 +215,7 @@
361
215
  "kind": "field",
362
216
  "name": "value",
363
217
  "type": {
364
- "text": "string"
218
+ "text": "string | undefined"
365
219
  },
366
220
  "description": "Lets you set the current value.",
367
221
  "attribute": "value",
@@ -371,7 +225,7 @@
371
225
  "kind": "field",
372
226
  "name": "name",
373
227
  "type": {
374
- "text": "string"
228
+ "text": "string | undefined"
375
229
  },
376
230
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form.",
377
231
  "attribute": "name",
@@ -381,7 +235,7 @@
381
235
  "kind": "field",
382
236
  "name": "step",
383
237
  "type": {
384
- "text": "number"
238
+ "text": "number | undefined"
385
239
  },
386
240
  "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.",
387
241
  "summary": "Forces `number` inputs to be a whole number of `step`",
@@ -392,7 +246,7 @@
392
246
  "kind": "field",
393
247
  "name": "autocomplete",
394
248
  "type": {
395
- "text": "string | undefined"
249
+ "text": "HTMLInputElement[\"autocomplete\"] | undefined"
396
250
  },
397
251
  "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.",
398
252
  "attribute": "autocomplete",
@@ -402,7 +256,7 @@
402
256
  "kind": "field",
403
257
  "name": "formatter",
404
258
  "type": {
405
- "text": "(value: string) => string"
259
+ "text": "((value: string) => string) | undefined"
406
260
  },
407
261
  "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).",
408
262
  "summary": "Function to format value when the input field"
@@ -425,9 +279,9 @@
425
279
  "name": "#initialValue",
426
280
  "privacy": "private",
427
281
  "type": {
428
- "text": "string | null"
282
+ "text": "string | undefined"
429
283
  },
430
- "default": "null"
284
+ "default": "undefined"
431
285
  },
432
286
  {
433
287
  "kind": "method",
@@ -495,7 +349,7 @@
495
349
  {
496
350
  "name": "label",
497
351
  "type": {
498
- "text": "string"
352
+ "text": "string | undefined"
499
353
  },
500
354
  "description": "Either a `label` or an `aria-label` must be provided.",
501
355
  "fieldName": "label"
@@ -503,16 +357,25 @@
503
357
  {
504
358
  "name": "help-text",
505
359
  "type": {
506
- "text": "string"
360
+ "text": "string | undefined"
507
361
  },
508
362
  "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
509
363
  "summary": "Description shown below the input field",
510
364
  "fieldName": "helpText"
511
365
  },
366
+ {
367
+ "name": "optional",
368
+ "type": {
369
+ "text": "boolean"
370
+ },
371
+ "default": "false",
372
+ "description": "Whether to show the optional indicator after the label.",
373
+ "fieldName": "optional"
374
+ },
512
375
  {
513
376
  "name": "size",
514
377
  "type": {
515
- "text": "string"
378
+ "text": "string | undefined"
516
379
  },
517
380
  "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.",
518
381
  "fieldName": "size"
@@ -520,7 +383,7 @@
520
383
  {
521
384
  "name": "max",
522
385
  "type": {
523
- "text": "number"
386
+ "text": "number | undefined"
524
387
  },
525
388
  "description": "Use with `type=\"number\"` to set the [maximum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength).",
526
389
  "fieldName": "max"
@@ -528,7 +391,7 @@
528
391
  {
529
392
  "name": "min",
530
393
  "type": {
531
- "text": "number"
394
+ "text": "number | undefined"
532
395
  },
533
396
  "description": "Use with `type=\"number\"` to set the [minimum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength).",
534
397
  "fieldName": "min"
@@ -536,7 +399,7 @@
536
399
  {
537
400
  "name": "min-length",
538
401
  "type": {
539
- "text": "number"
402
+ "text": "number | undefined"
540
403
  },
541
404
  "deprecated": "Use the native `minlength` attribute",
542
405
  "fieldName": "minLength"
@@ -544,7 +407,7 @@
544
407
  {
545
408
  "name": "minlength",
546
409
  "type": {
547
- "text": "number"
410
+ "text": "number | undefined"
548
411
  },
549
412
  "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.",
550
413
  "fieldName": "minlength"
@@ -552,7 +415,7 @@
552
415
  {
553
416
  "name": "max-length",
554
417
  "type": {
555
- "text": "number"
418
+ "text": "number | undefined"
556
419
  },
557
420
  "deprecated": "Use the native `maxlength` attribute",
558
421
  "fieldName": "maxLength"
@@ -560,7 +423,7 @@
560
423
  {
561
424
  "name": "maxlength",
562
425
  "type": {
563
- "text": "number"
426
+ "text": "number | undefined"
564
427
  },
565
428
  "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.",
566
429
  "fieldName": "maxlength"
@@ -568,7 +431,7 @@
568
431
  {
569
432
  "name": "pattern",
570
433
  "type": {
571
- "text": "string"
434
+ "text": "string | undefined"
572
435
  },
573
436
  "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)",
574
437
  "fieldName": "pattern"
@@ -576,7 +439,7 @@
576
439
  {
577
440
  "name": "placeholder",
578
441
  "type": {
579
- "text": "string"
442
+ "text": "string | undefined"
580
443
  },
581
444
  "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.",
582
445
  "summary": "Shown in the textfield when it doesn't have a value",
@@ -612,7 +475,7 @@
612
475
  {
613
476
  "name": "type",
614
477
  "type": {
615
- "text": "string"
478
+ "text": "string | undefined"
616
479
  },
617
480
  "description": "The [type of input](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).",
618
481
  "fieldName": "type"
@@ -620,7 +483,7 @@
620
483
  {
621
484
  "name": "value",
622
485
  "type": {
623
- "text": "string"
486
+ "text": "string | undefined"
624
487
  },
625
488
  "description": "Lets you set the current value.",
626
489
  "fieldName": "value"
@@ -628,7 +491,7 @@
628
491
  {
629
492
  "name": "name",
630
493
  "type": {
631
- "text": "string"
494
+ "text": "string | undefined"
632
495
  },
633
496
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form.",
634
497
  "fieldName": "name"
@@ -636,7 +499,7 @@
636
499
  {
637
500
  "name": "step",
638
501
  "type": {
639
- "text": "number"
502
+ "text": "number | undefined"
640
503
  },
641
504
  "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.",
642
505
  "summary": "Forces `number` inputs to be a whole number of `step`",
@@ -645,7 +508,7 @@
645
508
  {
646
509
  "name": "autocomplete",
647
510
  "type": {
648
- "text": "string | undefined"
511
+ "text": "HTMLInputElement[\"autocomplete\"] | undefined"
649
512
  },
650
513
  "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.",
651
514
  "fieldName": "autocomplete"
@@ -688,40 +551,197 @@
688
551
  },
689
552
  {
690
553
  "kind": "javascript-module",
691
- "path": "packages/affix/affix.ts",
554
+ "path": "packages/icon/icon.ts",
692
555
  "declarations": [
693
556
  {
694
557
  "kind": "class",
695
- "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)",
696
- "name": "WarpAffix",
558
+ "description": "",
559
+ "name": "WarpIcon",
697
560
  "members": [
698
561
  {
699
562
  "kind": "field",
700
- "name": "ariaLabel",
563
+ "name": "name",
701
564
  "type": {
702
- "text": "string | null"
565
+ "text": "string"
703
566
  },
704
- "default": "null",
705
- "summary": "Accessible label for icon-button variants.",
706
- "attribute": "aria-label",
567
+ "description": "Icon filename (without .svg)",
568
+ "attribute": "name",
707
569
  "reflects": true
708
570
  },
709
571
  {
710
572
  "kind": "field",
711
- "name": "clear",
573
+ "name": "size",
712
574
  "type": {
713
- "text": "boolean"
575
+ "text": "\"small\" | \"medium\" | \"large\" | PixelValue | undefined"
714
576
  },
715
- "default": "false",
716
- "description": "Add this property to render a clickable Warp close icon.\n\nSet an `aria-label` that explains the action when using this.",
717
- "summary": "Renders a clear icon button.",
718
- "attribute": "clear"
577
+ "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
578
+ "default": "\"medium\"",
579
+ "attribute": "size",
580
+ "reflects": true,
581
+ "parsedType": {
582
+ "text": "'small' | 'medium' | 'large' | `${number}px` | undefined"
583
+ }
719
584
  },
720
585
  {
721
586
  "kind": "field",
722
- "name": "search",
587
+ "name": "locale",
723
588
  "type": {
724
- "text": "boolean"
589
+ "text": "string"
590
+ },
591
+ "description": "Locale used for `<title>` text.\n\nReads the `lang` attribute from `<html>`, falls back to 'en'.",
592
+ "attribute": "locale",
593
+ "reflects": true
594
+ },
595
+ {
596
+ "kind": "field",
597
+ "name": "svg",
598
+ "type": {
599
+ "text": "SVGElement | null"
600
+ },
601
+ "privacy": "private",
602
+ "default": "null",
603
+ "description": "Parsed SVG element (not reflected as attribute)"
604
+ },
605
+ {
606
+ "kind": "method",
607
+ "name": "fetchIcon",
608
+ "privacy": "private",
609
+ "return": {
610
+ "type": {
611
+ "text": ""
612
+ }
613
+ },
614
+ "parameters": [
615
+ {
616
+ "name": "iconName",
617
+ "type": {
618
+ "text": "string"
619
+ },
620
+ "description": "Name of the icon file"
621
+ }
622
+ ],
623
+ "description": "Fetch an icon SVG from the CDN, with caching"
624
+ },
625
+ {
626
+ "kind": "method",
627
+ "name": "loadIcon",
628
+ "privacy": "private",
629
+ "return": {
630
+ "type": {
631
+ "text": "Promise<void>"
632
+ }
633
+ }
634
+ }
635
+ ],
636
+ "attributes": [
637
+ {
638
+ "name": "name",
639
+ "type": {
640
+ "text": "string"
641
+ },
642
+ "description": "Icon filename (without .svg)",
643
+ "fieldName": "name"
644
+ },
645
+ {
646
+ "name": "size",
647
+ "type": {
648
+ "text": "\"small\" | \"medium\" | \"large\" | PixelValue | undefined"
649
+ },
650
+ "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
651
+ "default": "\"medium\"",
652
+ "fieldName": "size",
653
+ "parsedType": {
654
+ "text": "'small' | 'medium' | 'large' | `${number}px` | undefined"
655
+ }
656
+ },
657
+ {
658
+ "name": "locale",
659
+ "type": {
660
+ "text": "string"
661
+ },
662
+ "description": "Locale used for `<title>` text.\n\nReads the `lang` attribute from `<html>`, falls back to 'en'.",
663
+ "fieldName": "locale"
664
+ }
665
+ ],
666
+ "superclass": {
667
+ "name": "LitElement",
668
+ "package": "lit"
669
+ },
670
+ "tagName": "w-icon",
671
+ "customElement": true,
672
+ "modulePath": "packages/icon/icon.ts",
673
+ "definitionPath": "packages/icon/icon.ts"
674
+ },
675
+ {
676
+ "kind": "variable",
677
+ "name": "WIcon",
678
+ "default": "WarpIcon",
679
+ "deprecated": "Exported for backwards compatibility. Use WarpIcon."
680
+ }
681
+ ],
682
+ "exports": [
683
+ {
684
+ "kind": "js",
685
+ "name": "WarpIcon",
686
+ "declaration": {
687
+ "name": "WarpIcon",
688
+ "module": "packages/icon/icon.ts"
689
+ }
690
+ },
691
+ {
692
+ "kind": "js",
693
+ "name": "WIcon",
694
+ "declaration": {
695
+ "name": "WIcon",
696
+ "module": "packages/icon/icon.ts"
697
+ }
698
+ },
699
+ {
700
+ "kind": "custom-element-definition",
701
+ "name": "w-icon",
702
+ "declaration": {
703
+ "name": "WarpIcon",
704
+ "module": "packages/icon/icon.ts"
705
+ }
706
+ }
707
+ ]
708
+ },
709
+ {
710
+ "kind": "javascript-module",
711
+ "path": "packages/affix/affix.ts",
712
+ "declarations": [
713
+ {
714
+ "kind": "class",
715
+ "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)",
716
+ "name": "WarpAffix",
717
+ "members": [
718
+ {
719
+ "kind": "field",
720
+ "name": "ariaLabel",
721
+ "type": {
722
+ "text": "string | null"
723
+ },
724
+ "default": "null",
725
+ "summary": "Accessible label for icon-button variants.",
726
+ "attribute": "aria-label",
727
+ "reflects": true
728
+ },
729
+ {
730
+ "kind": "field",
731
+ "name": "clear",
732
+ "type": {
733
+ "text": "boolean"
734
+ },
735
+ "default": "false",
736
+ "description": "Add this property to render a clickable Warp close icon.\n\nSet an `aria-label` that explains the action when using this.",
737
+ "summary": "Renders a clear icon button.",
738
+ "attribute": "clear"
739
+ },
740
+ {
741
+ "kind": "field",
742
+ "name": "search",
743
+ "type": {
744
+ "text": "boolean"
725
745
  },
726
746
  "default": "false",
727
747
  "description": "Add this property to render a clickable Warp search icon.",
@@ -734,7 +754,7 @@
734
754
  "type": {
735
755
  "text": "string"
736
756
  },
737
- "default": "''",
757
+ "default": "\"\"",
738
758
  "summary": "Text label shown as prefix/suffix content.",
739
759
  "attribute": "label",
740
760
  "reflects": true
@@ -791,7 +811,7 @@
791
811
  "type": {
792
812
  "text": "string"
793
813
  },
794
- "default": "''",
814
+ "default": "\"\"",
795
815
  "summary": "Text label shown as prefix/suffix content.",
796
816
  "fieldName": "label"
797
817
  },
@@ -863,7 +883,7 @@
863
883
  "type": {
864
884
  "text": "AlertVariants"
865
885
  },
866
- "default": "'info'",
886
+ "default": "\"info\"",
867
887
  "summary": "Visual style of the alert.",
868
888
  "attribute": "variant",
869
889
  "reflects": true,
@@ -888,7 +908,7 @@
888
908
  "type": {
889
909
  "text": "string"
890
910
  },
891
- "default": "'alert'",
911
+ "default": "\"alert\"",
892
912
  "summary": "ARIA role announced to assistive technology.",
893
913
  "attribute": "role",
894
914
  "reflects": true
@@ -900,7 +920,7 @@
900
920
  "type": {
901
921
  "text": "AlertVariants"
902
922
  },
903
- "default": "'info'",
923
+ "default": "\"info\"",
904
924
  "summary": "Visual style of the alert.",
905
925
  "fieldName": "variant",
906
926
  "parsedType": {
@@ -921,7 +941,7 @@
921
941
  "type": {
922
942
  "text": "string"
923
943
  },
924
- "default": "'alert'",
944
+ "default": "\"alert\"",
925
945
  "summary": "ARIA role announced to assistive technology.",
926
946
  "fieldName": "role"
927
947
  }
@@ -979,13 +999,13 @@
979
999
  "kind": "field",
980
1000
  "name": "variant",
981
1001
  "type": {
982
- "text": "ButtonVariant"
1002
+ "text": "ButtonVariant | undefined"
983
1003
  },
984
1004
  "description": "Visual style for the link/button.",
985
1005
  "attribute": "variant",
986
1006
  "reflects": true,
987
1007
  "parsedType": {
988
- "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
1008
+ "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | undefined"
989
1009
  }
990
1010
  },
991
1011
  {
@@ -1003,7 +1023,7 @@
1003
1023
  "kind": "field",
1004
1024
  "name": "href",
1005
1025
  "type": {
1006
- "text": "string"
1026
+ "text": "string | undefined"
1007
1027
  },
1008
1028
  "description": "The URL the link points to",
1009
1029
  "attribute": "href",
@@ -1024,7 +1044,7 @@
1024
1044
  "kind": "field",
1025
1045
  "name": "target",
1026
1046
  "type": {
1027
- "text": "string"
1047
+ "text": "string | undefined"
1028
1048
  },
1029
1049
  "description": "Where to display the linked URL (e.g. `_blank`)",
1030
1050
  "attribute": "target",
@@ -1034,7 +1054,7 @@
1034
1054
  "kind": "field",
1035
1055
  "name": "rel",
1036
1056
  "type": {
1037
- "text": "string"
1057
+ "text": "string | undefined"
1038
1058
  },
1039
1059
  "description": "Relationship of the linked URL.\n\nIf `target=\"_blank\"` and `rel` is not provided, the component uses `noopener`.",
1040
1060
  "attribute": "rel",
@@ -1065,12 +1085,12 @@
1065
1085
  {
1066
1086
  "name": "variant",
1067
1087
  "type": {
1068
- "text": "ButtonVariant"
1088
+ "text": "ButtonVariant | undefined"
1069
1089
  },
1070
1090
  "description": "Visual style for the link/button.",
1071
1091
  "fieldName": "variant",
1072
1092
  "parsedType": {
1073
- "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
1093
+ "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | undefined"
1074
1094
  }
1075
1095
  },
1076
1096
  {
@@ -1085,7 +1105,7 @@
1085
1105
  {
1086
1106
  "name": "href",
1087
1107
  "type": {
1088
- "text": "string"
1108
+ "text": "string | undefined"
1089
1109
  },
1090
1110
  "description": "The URL the link points to",
1091
1111
  "fieldName": "href"
@@ -1102,7 +1122,7 @@
1102
1122
  {
1103
1123
  "name": "target",
1104
1124
  "type": {
1105
- "text": "string"
1125
+ "text": "string | undefined"
1106
1126
  },
1107
1127
  "description": "Where to display the linked URL (e.g. `_blank`)",
1108
1128
  "fieldName": "target"
@@ -1110,7 +1130,7 @@
1110
1130
  {
1111
1131
  "name": "rel",
1112
1132
  "type": {
1113
- "text": "string"
1133
+ "text": "string | undefined"
1114
1134
  },
1115
1135
  "description": "Relationship of the linked URL.\n\nIf `target=\"_blank\"` and `rel` is not provided, the component uses `noopener`.",
1116
1136
  "fieldName": "rel"
@@ -1177,13 +1197,13 @@
1177
1197
  "kind": "field",
1178
1198
  "name": "type",
1179
1199
  "type": {
1180
- "text": "ButtonType"
1200
+ "text": "ButtonType | undefined"
1181
1201
  },
1182
1202
  "description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
1183
1203
  "attribute": "type",
1184
1204
  "reflects": true,
1185
1205
  "parsedType": {
1186
- "text": "'button' | 'submit' | 'reset'"
1206
+ "text": "'button' | 'submit' | 'reset' | undefined"
1187
1207
  }
1188
1208
  },
1189
1209
  {
@@ -1201,13 +1221,13 @@
1201
1221
  "kind": "field",
1202
1222
  "name": "variant",
1203
1223
  "type": {
1204
- "text": "ButtonVariant"
1224
+ "text": "ButtonVariant | undefined"
1205
1225
  },
1206
1226
  "description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
1207
1227
  "attribute": "variant",
1208
1228
  "reflects": true,
1209
1229
  "parsedType": {
1210
- "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'"
1230
+ "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link' | undefined"
1211
1231
  }
1212
1232
  },
1213
1233
  {
@@ -1259,7 +1279,7 @@
1259
1279
  "kind": "field",
1260
1280
  "name": "href",
1261
1281
  "type": {
1262
- "text": "string"
1282
+ "text": "string | undefined"
1263
1283
  },
1264
1284
  "description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
1265
1285
  "attribute": "href",
@@ -1269,7 +1289,7 @@
1269
1289
  "kind": "field",
1270
1290
  "name": "target",
1271
1291
  "type": {
1272
- "text": "string"
1292
+ "text": "string | undefined"
1273
1293
  },
1274
1294
  "description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
1275
1295
  "attribute": "target",
@@ -1290,7 +1310,7 @@
1290
1310
  "kind": "field",
1291
1311
  "name": "rel",
1292
1312
  "type": {
1293
- "text": "string"
1313
+ "text": "string | undefined"
1294
1314
  },
1295
1315
  "description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
1296
1316
  "attribute": "rel",
@@ -1311,7 +1331,7 @@
1311
1331
  "kind": "field",
1312
1332
  "name": "buttonClass",
1313
1333
  "type": {
1314
- "text": "string"
1334
+ "text": "string | undefined"
1315
1335
  },
1316
1336
  "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.",
1317
1337
  "deprecated": "This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.",
@@ -1322,7 +1342,7 @@
1322
1342
  "kind": "field",
1323
1343
  "name": "name",
1324
1344
  "type": {
1325
- "text": "string"
1345
+ "text": "string | undefined"
1326
1346
  },
1327
1347
  "description": "Form control name.\nUsed when the button participates in form handling.",
1328
1348
  "attribute": "name",
@@ -1332,7 +1352,7 @@
1332
1352
  "kind": "field",
1333
1353
  "name": "value",
1334
1354
  "type": {
1335
- "text": "string"
1355
+ "text": "string | undefined"
1336
1356
  },
1337
1357
  "description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
1338
1358
  "attribute": "value",
@@ -1342,7 +1362,7 @@
1342
1362
  "kind": "field",
1343
1363
  "name": "commandfor",
1344
1364
  "type": {
1345
- "text": "string"
1365
+ "text": "string | undefined"
1346
1366
  },
1347
1367
  "description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
1348
1368
  "attribute": "commandfor"
@@ -1351,7 +1371,7 @@
1351
1371
  "kind": "field",
1352
1372
  "name": "command",
1353
1373
  "type": {
1354
- "text": "string"
1374
+ "text": "string | undefined"
1355
1375
  },
1356
1376
  "description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
1357
1377
  "attribute": "command"
@@ -1377,9 +1397,9 @@
1377
1397
  "name": "#initialValue",
1378
1398
  "privacy": "private",
1379
1399
  "type": {
1380
- "text": "string | null"
1400
+ "text": "string | undefined"
1381
1401
  },
1382
- "default": "null"
1402
+ "default": "undefined"
1383
1403
  },
1384
1404
  {
1385
1405
  "kind": "method",
@@ -1417,12 +1437,12 @@
1417
1437
  {
1418
1438
  "name": "type",
1419
1439
  "type": {
1420
- "text": "ButtonType"
1440
+ "text": "ButtonType | undefined"
1421
1441
  },
1422
1442
  "description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
1423
1443
  "fieldName": "type",
1424
1444
  "parsedType": {
1425
- "text": "'button' | 'submit' | 'reset'"
1445
+ "text": "'button' | 'submit' | 'reset' | undefined"
1426
1446
  }
1427
1447
  },
1428
1448
  {
@@ -1437,12 +1457,12 @@
1437
1457
  {
1438
1458
  "name": "variant",
1439
1459
  "type": {
1440
- "text": "ButtonVariant"
1460
+ "text": "ButtonVariant | undefined"
1441
1461
  },
1442
1462
  "description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
1443
1463
  "fieldName": "variant",
1444
1464
  "parsedType": {
1445
- "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'"
1465
+ "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link' | undefined"
1446
1466
  }
1447
1467
  },
1448
1468
  {
@@ -1485,7 +1505,7 @@
1485
1505
  {
1486
1506
  "name": "href",
1487
1507
  "type": {
1488
- "text": "string"
1508
+ "text": "string | undefined"
1489
1509
  },
1490
1510
  "description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
1491
1511
  "fieldName": "href"
@@ -1493,7 +1513,7 @@
1493
1513
  {
1494
1514
  "name": "target",
1495
1515
  "type": {
1496
- "text": "string"
1516
+ "text": "string | undefined"
1497
1517
  },
1498
1518
  "description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
1499
1519
  "fieldName": "target"
@@ -1510,7 +1530,7 @@
1510
1530
  {
1511
1531
  "name": "rel",
1512
1532
  "type": {
1513
- "text": "string"
1533
+ "text": "string | undefined"
1514
1534
  },
1515
1535
  "description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
1516
1536
  "fieldName": "rel"
@@ -1527,7 +1547,7 @@
1527
1547
  {
1528
1548
  "name": "button-class",
1529
1549
  "type": {
1530
- "text": "string"
1550
+ "text": "string | undefined"
1531
1551
  },
1532
1552
  "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.",
1533
1553
  "deprecated": "This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.",
@@ -1536,7 +1556,7 @@
1536
1556
  {
1537
1557
  "name": "name",
1538
1558
  "type": {
1539
- "text": "string"
1559
+ "text": "string | undefined"
1540
1560
  },
1541
1561
  "description": "Form control name.\nUsed when the button participates in form handling.",
1542
1562
  "fieldName": "name"
@@ -1544,7 +1564,7 @@
1544
1564
  {
1545
1565
  "name": "value",
1546
1566
  "type": {
1547
- "text": "string"
1567
+ "text": "string | undefined"
1548
1568
  },
1549
1569
  "description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
1550
1570
  "fieldName": "value"
@@ -1552,7 +1572,7 @@
1552
1572
  {
1553
1573
  "name": "commandfor",
1554
1574
  "type": {
1555
- "text": "string"
1575
+ "text": "string | undefined"
1556
1576
  },
1557
1577
  "description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
1558
1578
  "fieldName": "commandfor"
@@ -1560,7 +1580,7 @@
1560
1580
  {
1561
1581
  "name": "command",
1562
1582
  "type": {
1563
- "text": "string"
1583
+ "text": "string | undefined"
1564
1584
  },
1565
1585
  "description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
1566
1586
  "fieldName": "command"
@@ -1628,7 +1648,7 @@
1628
1648
  "text": "Directions"
1629
1649
  },
1630
1650
  "description": "Preferred placement relative to the trigger element.\nSets the initial direction for positioning, for example `top`, `right`, `bottom`, or `left` variants.",
1631
- "default": "'bottom'",
1651
+ "default": "\"bottom\"",
1632
1652
  "attribute": "placement",
1633
1653
  "parsedType": {
1634
1654
  "text": "'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'"
@@ -1828,7 +1848,7 @@
1828
1848
  "text": "Directions"
1829
1849
  },
1830
1850
  "description": "Preferred placement relative to the trigger element.\nSets the initial direction for positioning, for example `top`, `right`, `bottom`, or `left` variants.",
1831
- "default": "'bottom'",
1851
+ "default": "\"bottom\"",
1832
1852
  "fieldName": "placement",
1833
1853
  "parsedType": {
1834
1854
  "text": "'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'"
@@ -1982,39 +2002,51 @@
1982
2002
  "kind": "field",
1983
2003
  "name": "variant",
1984
2004
  "type": {
1985
- "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
2005
+ "text": "| \"neutral\"\n\t\t| \"info\"\n\t\t| \"positive\"\n\t\t| \"warning\"\n\t\t| \"negative\"\n\t\t| \"disabled\"\n\t\t| \"price\"\n\t\t| \"sponsored\"\n\t\t| undefined"
1986
2006
  },
1987
2007
  "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.",
1988
2008
  "attribute": "variant",
1989
- "reflects": true
2009
+ "reflects": true,
2010
+ "parsedType": {
2011
+ "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined"
2012
+ }
1990
2013
  },
1991
2014
  {
1992
2015
  "kind": "field",
1993
2016
  "name": "position",
1994
2017
  "type": {
1995
- "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
2018
+ "text": "| \"top-left\"\n\t\t| \"top-right\"\n\t\t| \"bottom-right\"\n\t\t| \"bottom-left\"\n\t\t| undefined"
1996
2019
  },
1997
2020
  "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`.",
1998
2021
  "attribute": "position",
1999
- "reflects": true
2022
+ "reflects": true,
2023
+ "parsedType": {
2024
+ "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined"
2025
+ }
2000
2026
  }
2001
2027
  ],
2002
2028
  "attributes": [
2003
2029
  {
2004
2030
  "name": "variant",
2005
2031
  "type": {
2006
- "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
2032
+ "text": "| \"neutral\"\n\t\t| \"info\"\n\t\t| \"positive\"\n\t\t| \"warning\"\n\t\t| \"negative\"\n\t\t| \"disabled\"\n\t\t| \"price\"\n\t\t| \"sponsored\"\n\t\t| undefined"
2007
2033
  },
2008
2034
  "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.",
2009
- "fieldName": "variant"
2035
+ "fieldName": "variant",
2036
+ "parsedType": {
2037
+ "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined"
2038
+ }
2010
2039
  },
2011
2040
  {
2012
2041
  "name": "position",
2013
2042
  "type": {
2014
- "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
2043
+ "text": "| \"top-left\"\n\t\t| \"top-right\"\n\t\t| \"bottom-right\"\n\t\t| \"bottom-left\"\n\t\t| undefined"
2015
2044
  },
2016
2045
  "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`.",
2017
- "fieldName": "position"
2046
+ "fieldName": "position",
2047
+ "parsedType": {
2048
+ "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined"
2049
+ }
2018
2050
  }
2019
2051
  ],
2020
2052
  "superclass": {
@@ -2105,7 +2137,7 @@
2105
2137
  "type": {
2106
2138
  "text": "string"
2107
2139
  },
2108
- "default": "'region'",
2140
+ "default": "\"region\"",
2109
2141
  "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.",
2110
2142
  "attribute": "role",
2111
2143
  "reflects": true
@@ -2153,7 +2185,7 @@
2153
2185
  "type": {
2154
2186
  "text": "string"
2155
2187
  },
2156
- "default": "'region'",
2188
+ "default": "\"region\"",
2157
2189
  "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.",
2158
2190
  "fieldName": "role"
2159
2191
  }
@@ -2210,6 +2242,14 @@
2210
2242
  },
2211
2243
  "privacy": "private"
2212
2244
  },
2245
+ {
2246
+ "kind": "field",
2247
+ "name": "_defaultLabel",
2248
+ "type": {
2249
+ "text": "string"
2250
+ },
2251
+ "privacy": "private"
2252
+ },
2213
2253
  {
2214
2254
  "kind": "field",
2215
2255
  "name": "ariaLabel",
@@ -2217,6 +2257,24 @@
2217
2257
  "text": "string | null"
2218
2258
  },
2219
2259
  "description": "Accessible label for the breadcrumb navigation.\nDefaults to the localized \"You are here\" label. Set `aria-label` when the default label is not specific enough for the page."
2260
+ },
2261
+ {
2262
+ "kind": "field",
2263
+ "name": "_label",
2264
+ "type": {
2265
+ "text": "string"
2266
+ },
2267
+ "privacy": "private",
2268
+ "readonly": true
2269
+ },
2270
+ {
2271
+ "kind": "field",
2272
+ "name": "_children",
2273
+ "type": {
2274
+ "text": "Array<Element | TemplateResult>"
2275
+ },
2276
+ "privacy": "private",
2277
+ "default": "[]"
2220
2278
  }
2221
2279
  ],
2222
2280
  "superclass": {
@@ -2250,36 +2308,125 @@
2250
2308
  },
2251
2309
  {
2252
2310
  "kind": "javascript-module",
2253
- "path": "packages/card/card.ts",
2311
+ "path": "packages/breadcrumb-item/breadcrumb-item.ts",
2254
2312
  "declarations": [
2255
2313
  {
2256
2314
  "kind": "class",
2257
- "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)",
2258
- "name": "WarpCard",
2315
+ "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)",
2316
+ "name": "WarpBreadcrumbItem",
2317
+ "slots": [
2318
+ {
2319
+ "description": "The breadcrumb label content.",
2320
+ "name": ""
2321
+ }
2322
+ ],
2259
2323
  "members": [
2260
2324
  {
2261
2325
  "kind": "field",
2262
- "name": "selected",
2326
+ "name": "currentPage",
2263
2327
  "type": {
2264
2328
  "text": "boolean"
2265
2329
  },
2266
2330
  "default": "false",
2267
- "description": "Whether the card is visually selected.\n\nUse this when the card represents a selected item or choice. This only controls the visual selected state; update it from your application state when the selection changes.",
2268
- "attribute": "selected",
2269
- "reflects": true
2331
+ "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.",
2332
+ "attribute": "current-page"
2270
2333
  },
2271
2334
  {
2272
2335
  "kind": "field",
2273
- "name": "flat",
2336
+ "name": "href",
2274
2337
  "type": {
2275
- "text": "boolean"
2338
+ "text": "string | null"
2276
2339
  },
2277
- "default": "false",
2278
- "description": "Whether the card uses the flat visual treatment.\n\nFlat cards use a bordered surface instead of the default elevated surface. Use this for denser layouts or when the card sits inside another surface.",
2279
- "attribute": "flat"
2280
- },
2281
- {
2282
- "kind": "field",
2340
+ "default": "null",
2341
+ "description": "URL for linked breadcrumb items.\nWhen omitted, the item renders as non-focusable text.",
2342
+ "attribute": "href"
2343
+ }
2344
+ ],
2345
+ "attributes": [
2346
+ {
2347
+ "name": "current-page",
2348
+ "type": {
2349
+ "text": "boolean"
2350
+ },
2351
+ "default": "false",
2352
+ "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.",
2353
+ "fieldName": "currentPage"
2354
+ },
2355
+ {
2356
+ "name": "href",
2357
+ "type": {
2358
+ "text": "string | null"
2359
+ },
2360
+ "default": "null",
2361
+ "description": "URL for linked breadcrumb items.\nWhen omitted, the item renders as non-focusable text.",
2362
+ "fieldName": "href"
2363
+ }
2364
+ ],
2365
+ "superclass": {
2366
+ "name": "LitElement",
2367
+ "package": "lit"
2368
+ },
2369
+ "parent": {
2370
+ "name": "w-breadcrumbs",
2371
+ "description": ""
2372
+ },
2373
+ "tagName": "w-breadcrumb-item",
2374
+ "customElement": true,
2375
+ "modulePath": "packages/breadcrumb-item/breadcrumb-item.ts",
2376
+ "definitionPath": "packages/breadcrumb-item/breadcrumb-item.ts"
2377
+ }
2378
+ ],
2379
+ "exports": [
2380
+ {
2381
+ "kind": "custom-element-definition",
2382
+ "name": "w-breadcrumb-item",
2383
+ "declaration": {
2384
+ "name": "WarpBreadcrumbItem",
2385
+ "module": "packages/breadcrumb-item/breadcrumb-item.ts"
2386
+ }
2387
+ },
2388
+ {
2389
+ "kind": "js",
2390
+ "name": "WarpBreadcrumbItem",
2391
+ "declaration": {
2392
+ "name": "WarpBreadcrumbItem",
2393
+ "module": "packages/breadcrumb-item/breadcrumb-item.ts"
2394
+ }
2395
+ }
2396
+ ]
2397
+ },
2398
+ {
2399
+ "kind": "javascript-module",
2400
+ "path": "packages/card/card.ts",
2401
+ "declarations": [
2402
+ {
2403
+ "kind": "class",
2404
+ "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)",
2405
+ "name": "WarpCard",
2406
+ "members": [
2407
+ {
2408
+ "kind": "field",
2409
+ "name": "selected",
2410
+ "type": {
2411
+ "text": "boolean"
2412
+ },
2413
+ "default": "false",
2414
+ "description": "Whether the card is visually selected.\n\nUse this when the card represents a selected item or choice. This only controls the visual selected state; update it from your application state when the selection changes.",
2415
+ "attribute": "selected",
2416
+ "reflects": true
2417
+ },
2418
+ {
2419
+ "kind": "field",
2420
+ "name": "flat",
2421
+ "type": {
2422
+ "text": "boolean"
2423
+ },
2424
+ "default": "false",
2425
+ "description": "Whether the card uses the flat visual treatment.\n\nFlat cards use a bordered surface instead of the default elevated surface. Use this for denser layouts or when the card sits inside another surface.",
2426
+ "attribute": "flat"
2427
+ },
2428
+ {
2429
+ "kind": "field",
2283
2430
  "name": "clickable",
2284
2431
  "type": {
2285
2432
  "text": "boolean"
@@ -2382,13 +2529,13 @@
2382
2529
  "text": "object"
2383
2530
  },
2384
2531
  "static": true,
2385
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }"
2532
+ "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
2386
2533
  },
2387
2534
  {
2388
2535
  "kind": "field",
2389
2536
  "name": "input",
2390
2537
  "type": {
2391
- "text": "HTMLInputElement | null"
2538
+ "text": "HTMLInputElement"
2392
2539
  }
2393
2540
  },
2394
2541
  {
@@ -2763,7 +2910,7 @@
2763
2910
  "declarations": [
2764
2911
  {
2765
2912
  "kind": "class",
2766
- "description": "",
2913
+ "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.).",
2767
2914
  "name": "WarpCheckboxGroup",
2768
2915
  "members": [
2769
2916
  {
@@ -2779,7 +2926,7 @@
2779
2926
  "kind": "field",
2780
2927
  "name": "label",
2781
2928
  "type": {
2782
- "text": "string"
2929
+ "text": "string | undefined"
2783
2930
  },
2784
2931
  "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.",
2785
2932
  "attribute": "label",
@@ -2789,7 +2936,7 @@
2789
2936
  "kind": "field",
2790
2937
  "name": "name",
2791
2938
  "type": {
2792
- "text": "string"
2939
+ "text": "string | undefined"
2793
2940
  },
2794
2941
  "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`.",
2795
2942
  "attribute": "name",
@@ -2810,7 +2957,7 @@
2810
2957
  "kind": "field",
2811
2958
  "name": "helpText",
2812
2959
  "type": {
2813
- "text": "string"
2960
+ "text": "string | undefined"
2814
2961
  },
2815
2962
  "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.",
2816
2963
  "attribute": "help-text",
@@ -3093,7 +3240,7 @@
3093
3240
  {
3094
3241
  "name": "label",
3095
3242
  "type": {
3096
- "text": "string"
3243
+ "text": "string | undefined"
3097
3244
  },
3098
3245
  "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.",
3099
3246
  "fieldName": "label"
@@ -3101,7 +3248,7 @@
3101
3248
  {
3102
3249
  "name": "name",
3103
3250
  "type": {
3104
- "text": "string"
3251
+ "text": "string | undefined"
3105
3252
  },
3106
3253
  "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`.",
3107
3254
  "fieldName": "name"
@@ -3118,7 +3265,7 @@
3118
3265
  {
3119
3266
  "name": "help-text",
3120
3267
  "type": {
3121
- "text": "string"
3268
+ "text": "string | undefined"
3122
3269
  },
3123
3270
  "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.",
3124
3271
  "fieldName": "helpText"
@@ -3216,7 +3363,7 @@
3216
3363
  "type": {
3217
3364
  "text": "string | undefined"
3218
3365
  },
3219
- "default": "''",
3366
+ "default": "\"\"",
3220
3367
  "description": "The label displayed above the input.\n\nUse this to give the combobox a visible and accessible name.",
3221
3368
  "attribute": "label",
3222
3369
  "reflects": true
@@ -3227,7 +3374,7 @@
3227
3374
  "type": {
3228
3375
  "text": "string | undefined"
3229
3376
  },
3230
- "default": "''",
3377
+ "default": "\"\"",
3231
3378
  "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.",
3232
3379
  "attribute": "placeholder",
3233
3380
  "reflects": true
@@ -3238,7 +3385,7 @@
3238
3385
  "type": {
3239
3386
  "text": "string"
3240
3387
  },
3241
- "default": "''",
3388
+ "default": "\"\"",
3242
3389
  "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.",
3243
3390
  "attribute": "value",
3244
3391
  "reflects": true
@@ -3304,7 +3451,7 @@
3304
3451
  "type": {
3305
3452
  "text": "string | undefined"
3306
3453
  },
3307
- "default": "''",
3454
+ "default": "\"\"",
3308
3455
  "description": "Help text displayed below the input.\n\nUse this for supporting guidance or validation feedback.",
3309
3456
  "attribute": "help-text",
3310
3457
  "reflects": true
@@ -3348,7 +3495,7 @@
3348
3495
  "type": {
3349
3496
  "text": "string | undefined"
3350
3497
  },
3351
- "default": "''",
3498
+ "default": "\"\"",
3352
3499
  "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.",
3353
3500
  "attribute": "name",
3354
3501
  "reflects": true
@@ -3359,7 +3506,7 @@
3359
3506
  "type": {
3360
3507
  "text": "string | undefined"
3361
3508
  },
3362
- "default": "'off'",
3509
+ "default": "\"off\"",
3363
3510
  "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.",
3364
3511
  "attribute": "autocomplete",
3365
3512
  "reflects": true
@@ -3369,9 +3516,9 @@
3369
3516
  "name": "#initialValue",
3370
3517
  "privacy": "private",
3371
3518
  "type": {
3372
- "text": "string | null"
3519
+ "text": "string"
3373
3520
  },
3374
- "default": "null"
3521
+ "default": "\"\""
3375
3522
  },
3376
3523
  {
3377
3524
  "kind": "field",
@@ -3652,7 +3799,7 @@
3652
3799
  "type": {
3653
3800
  "text": "string | undefined"
3654
3801
  },
3655
- "default": "''",
3802
+ "default": "\"\"",
3656
3803
  "description": "The label displayed above the input.\n\nUse this to give the combobox a visible and accessible name.",
3657
3804
  "fieldName": "label"
3658
3805
  },
@@ -3661,7 +3808,7 @@
3661
3808
  "type": {
3662
3809
  "text": "string | undefined"
3663
3810
  },
3664
- "default": "''",
3811
+ "default": "\"\"",
3665
3812
  "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.",
3666
3813
  "fieldName": "placeholder"
3667
3814
  },
@@ -3670,7 +3817,7 @@
3670
3817
  "type": {
3671
3818
  "text": "string"
3672
3819
  },
3673
- "default": "''",
3820
+ "default": "\"\"",
3674
3821
  "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.",
3675
3822
  "fieldName": "value"
3676
3823
  },
@@ -3724,7 +3871,7 @@
3724
3871
  "type": {
3725
3872
  "text": "string | undefined"
3726
3873
  },
3727
- "default": "''",
3874
+ "default": "\"\"",
3728
3875
  "description": "Help text displayed below the input.\n\nUse this for supporting guidance or validation feedback.",
3729
3876
  "fieldName": "helpText"
3730
3877
  },
@@ -3760,7 +3907,7 @@
3760
3907
  "type": {
3761
3908
  "text": "string | undefined"
3762
3909
  },
3763
- "default": "''",
3910
+ "default": "\"\"",
3764
3911
  "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.",
3765
3912
  "fieldName": "name"
3766
3913
  },
@@ -3769,7 +3916,7 @@
3769
3916
  "type": {
3770
3917
  "text": "string | undefined"
3771
3918
  },
3772
- "default": "'off'",
3919
+ "default": "\"off\"",
3773
3920
  "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.",
3774
3921
  "fieldName": "autocomplete"
3775
3922
  }
@@ -3831,7 +3978,7 @@
3831
3978
  "kind": "field",
3832
3979
  "name": "label",
3833
3980
  "type": {
3834
- "text": "string"
3981
+ "text": "string | undefined"
3835
3982
  },
3836
3983
  "description": "The label displayed above the date input.\n\nUse this to give the datepicker a visible and accessible name.",
3837
3984
  "attribute": "label",
@@ -3851,7 +3998,7 @@
3851
3998
  "kind": "field",
3852
3999
  "name": "name",
3853
4000
  "type": {
3854
- "text": "string"
4001
+ "text": "string | undefined"
3855
4002
  },
3856
4003
  "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.",
3857
4004
  "attribute": "name",
@@ -3861,7 +4008,7 @@
3861
4008
  "kind": "field",
3862
4009
  "name": "value",
3863
4010
  "type": {
3864
- "text": "string"
4011
+ "text": "string | undefined"
3865
4012
  },
3866
4013
  "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.",
3867
4014
  "attribute": "value",
@@ -3873,7 +4020,7 @@
3873
4020
  "type": {
3874
4021
  "text": "string"
3875
4022
  },
3876
- "default": "'MMMM yyyy'",
4023
+ "default": "\"MMMM yyyy\"",
3877
4024
  "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).",
3878
4025
  "attribute": "header-format"
3879
4026
  },
@@ -3883,7 +4030,7 @@
3883
4030
  "type": {
3884
4031
  "text": "string"
3885
4032
  },
3886
- "default": "'EEEEEE'",
4033
+ "default": "\"EEEEEE\"",
3887
4034
  "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).",
3888
4035
  "attribute": "weekday-format"
3889
4036
  },
@@ -3891,7 +4038,7 @@
3891
4038
  "kind": "field",
3892
4039
  "name": "isDayDisabled",
3893
4040
  "type": {
3894
- "text": "(day: Date) => boolean"
4041
+ "text": "((day: Date) => boolean) | undefined"
3895
4042
  },
3896
4043
  "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."
3897
4044
  },
@@ -3901,7 +4048,7 @@
3901
4048
  "type": {
3902
4049
  "text": "string"
3903
4050
  },
3904
- "default": "'PPPP'",
4051
+ "default": "\"PPPP\"",
3905
4052
  "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).",
3906
4053
  "attribute": "day-format"
3907
4054
  },
@@ -3938,9 +4085,9 @@
3938
4085
  "name": "#initialValue",
3939
4086
  "privacy": "private",
3940
4087
  "type": {
3941
- "text": "string | null"
4088
+ "text": "string | undefined"
3942
4089
  },
3943
- "default": "null"
4090
+ "default": "undefined"
3944
4091
  },
3945
4092
  {
3946
4093
  "kind": "field",
@@ -3997,6 +4144,18 @@
3997
4144
  "text": "HTMLTableCellElement"
3998
4145
  }
3999
4146
  },
4147
+ {
4148
+ "kind": "field",
4149
+ "name": "#inputLocale",
4150
+ "privacy": "private",
4151
+ "readonly": true
4152
+ },
4153
+ {
4154
+ "kind": "field",
4155
+ "name": "#inputValue",
4156
+ "privacy": "private",
4157
+ "readonly": true
4158
+ },
4000
4159
  {
4001
4160
  "kind": "method",
4002
4161
  "name": "resetFormControl",
@@ -4107,7 +4266,7 @@
4107
4266
  {
4108
4267
  "name": "label",
4109
4268
  "type": {
4110
- "text": "string"
4269
+ "text": "string | undefined"
4111
4270
  },
4112
4271
  "description": "The label displayed above the date input.\n\nUse this to give the datepicker a visible and accessible name.",
4113
4272
  "fieldName": "label"
@@ -4123,7 +4282,7 @@
4123
4282
  {
4124
4283
  "name": "name",
4125
4284
  "type": {
4126
- "text": "string"
4285
+ "text": "string | undefined"
4127
4286
  },
4128
4287
  "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.",
4129
4288
  "fieldName": "name"
@@ -4131,7 +4290,7 @@
4131
4290
  {
4132
4291
  "name": "value",
4133
4292
  "type": {
4134
- "text": "string"
4293
+ "text": "string | undefined"
4135
4294
  },
4136
4295
  "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.",
4137
4296
  "fieldName": "value"
@@ -4141,7 +4300,7 @@
4141
4300
  "type": {
4142
4301
  "text": "string"
4143
4302
  },
4144
- "default": "'MMMM yyyy'",
4303
+ "default": "\"MMMM yyyy\"",
4145
4304
  "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).",
4146
4305
  "fieldName": "headerFormat"
4147
4306
  },
@@ -4150,7 +4309,7 @@
4150
4309
  "type": {
4151
4310
  "text": "string"
4152
4311
  },
4153
- "default": "'EEEEEE'",
4312
+ "default": "\"EEEEEE\"",
4154
4313
  "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).",
4155
4314
  "fieldName": "weekdayFormat"
4156
4315
  },
@@ -4159,7 +4318,7 @@
4159
4318
  "type": {
4160
4319
  "text": "string"
4161
4320
  },
4162
- "default": "'PPPP'",
4321
+ "default": "\"PPPP\"",
4163
4322
  "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).",
4164
4323
  "fieldName": "dayFormat"
4165
4324
  }
@@ -4258,7 +4417,7 @@
4258
4417
  "kind": "field",
4259
4418
  "name": "buttonClass",
4260
4419
  "type": {
4261
- "text": "string"
4420
+ "text": "string | undefined"
4262
4421
  },
4263
4422
  "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
4264
4423
  "attribute": "button-class"
@@ -4267,7 +4426,7 @@
4267
4426
  "kind": "field",
4268
4427
  "name": "contentClass",
4269
4428
  "type": {
4270
- "text": "string"
4429
+ "text": "string | undefined"
4271
4430
  },
4272
4431
  "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
4273
4432
  "attribute": "content-class"
@@ -4296,7 +4455,7 @@
4296
4455
  "kind": "field",
4297
4456
  "name": "headingLevel",
4298
4457
  "type": {
4299
- "text": "number"
4458
+ "text": "number | undefined"
4300
4459
  },
4301
4460
  "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.",
4302
4461
  "attribute": "heading-level"
@@ -4397,7 +4556,7 @@
4397
4556
  {
4398
4557
  "name": "button-class",
4399
4558
  "type": {
4400
- "text": "string"
4559
+ "text": "string | undefined"
4401
4560
  },
4402
4561
  "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
4403
4562
  "fieldName": "buttonClass"
@@ -4405,7 +4564,7 @@
4405
4564
  {
4406
4565
  "name": "content-class",
4407
4566
  "type": {
4408
- "text": "string"
4567
+ "text": "string | undefined"
4409
4568
  },
4410
4569
  "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
4411
4570
  "fieldName": "contentClass"
@@ -4431,7 +4590,7 @@
4431
4590
  {
4432
4591
  "name": "heading-level",
4433
4592
  "type": {
4434
- "text": "number"
4593
+ "text": "number | undefined"
4435
4594
  },
4436
4595
  "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.",
4437
4596
  "fieldName": "headingLevel"
@@ -4490,6 +4649,49 @@
4490
4649
  "kind": "class",
4491
4650
  "description": "Modals (or dialogs) display important information that users need to acknowledge.",
4492
4651
  "name": "WarpModal",
4652
+ "cssProperties": [
4653
+ {
4654
+ "name": "--w-c-modal-backdrop-color"
4655
+ },
4656
+ {
4657
+ "name": "--w-c-modal-bg"
4658
+ },
4659
+ {
4660
+ "name": "--w-c-modal-box-shadow"
4661
+ },
4662
+ {
4663
+ "name": "--w-c-modal-color"
4664
+ },
4665
+ {
4666
+ "name": "--w-c-modal-height"
4667
+ },
4668
+ {
4669
+ "name": "--w-c-modal-max-height"
4670
+ },
4671
+ {
4672
+ "name": "--w-c-modal-min-height"
4673
+ },
4674
+ {
4675
+ "name": "--w-c-modal-translate-distance"
4676
+ },
4677
+ {
4678
+ "name": "--w-c-modal-width"
4679
+ }
4680
+ ],
4681
+ "cssParts": [
4682
+ {
4683
+ "description": "the root element inside the component (`<dialog>` element).",
4684
+ "name": "dialog"
4685
+ },
4686
+ {
4687
+ "description": "container for all elements, direct child of `<dialog>`.",
4688
+ "name": "wrapper"
4689
+ },
4690
+ {
4691
+ "description": "the container for the `content` slot items (children).",
4692
+ "name": "content"
4693
+ }
4694
+ ],
4493
4695
  "slots": [
4494
4696
  {
4495
4697
  "description": "Typically where you would use the `w-modal-header` component.",
@@ -4519,8 +4721,9 @@
4519
4721
  "kind": "field",
4520
4722
  "name": "contentId",
4521
4723
  "type": {
4522
- "text": "string"
4724
+ "text": "string | undefined"
4523
4725
  },
4726
+ "deprecated": "This ID has no effect",
4524
4727
  "attribute": "content-id"
4525
4728
  },
4526
4729
  {
@@ -4587,7 +4790,7 @@
4587
4790
  "parameters": [
4588
4791
  {
4589
4792
  "name": "verb",
4590
- "default": "'addEventListener'"
4793
+ "default": "\"addEventListener\""
4591
4794
  }
4592
4795
  ]
4593
4796
  },
@@ -4663,8 +4866,9 @@
4663
4866
  {
4664
4867
  "name": "content-id",
4665
4868
  "type": {
4666
- "text": "string"
4869
+ "text": "string | undefined"
4667
4870
  },
4871
+ "deprecated": "This ID has no effect",
4668
4872
  "fieldName": "contentId"
4669
4873
  },
4670
4874
  {
@@ -4734,6 +4938,18 @@
4734
4938
  "kind": "class",
4735
4939
  "description": "The footer section of a modal, typically where you place actions.",
4736
4940
  "name": "WarpModalFooter",
4941
+ "cssProperties": [
4942
+ {
4943
+ "description": " adjusts the flex gap between actions in the footer.",
4944
+ "name": "--w-c-modal-footer-gap"
4945
+ }
4946
+ ],
4947
+ "cssParts": [
4948
+ {
4949
+ "description": "the container for slotted items (children).",
4950
+ "name": "footer"
4951
+ }
4952
+ ],
4737
4953
  "members": [],
4738
4954
  "mixins": [
4739
4955
  {
@@ -4800,6 +5016,39 @@
4800
5016
  "kind": "class",
4801
5017
  "description": "The header section of a modal, typically where you place the title and a close button.",
4802
5018
  "name": "WarpModalHeader",
5019
+ "cssProperties": [
5020
+ {
5021
+ "name": "--w-c-modal-header-font-size"
5022
+ },
5023
+ {
5024
+ "name": "--w-c-modal-header-line-height"
5025
+ },
5026
+ {
5027
+ "name": "--w-c-modal-header-margin-bottom"
5028
+ }
5029
+ ],
5030
+ "cssParts": [
5031
+ {
5032
+ "description": "the root element inside the component.",
5033
+ "name": "header"
5034
+ },
5035
+ {
5036
+ "description": "the container for the image (`top` slot).",
5037
+ "name": "top"
5038
+ },
5039
+ {
5040
+ "description": "the back button, if visible.",
5041
+ "name": "back"
5042
+ },
5043
+ {
5044
+ "description": "the title element.",
5045
+ "name": "title"
5046
+ },
5047
+ {
5048
+ "description": "the close button, if visible.",
5049
+ "name": "close"
5050
+ }
5051
+ ],
4803
5052
  "slots": [
4804
5053
  {
4805
5054
  "description": "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.",
@@ -4853,24 +5102,6 @@
4853
5102
  },
4854
5103
  "privacy": "private"
4855
5104
  },
4856
- {
4857
- "kind": "field",
4858
- "name": "titleClasses",
4859
- "privacy": "private",
4860
- "readonly": true
4861
- },
4862
- {
4863
- "kind": "field",
4864
- "name": "backButton",
4865
- "privacy": "private",
4866
- "readonly": true
4867
- },
4868
- {
4869
- "kind": "field",
4870
- "name": "closeButton",
4871
- "privacy": "private",
4872
- "readonly": true
4873
- },
4874
5105
  {
4875
5106
  "kind": "method",
4876
5107
  "name": "emitBack",
@@ -4994,8 +5225,8 @@
4994
5225
  "type": {
4995
5226
  "text": "number"
4996
5227
  },
4997
- "description": "Currently selected page (1-based index)",
4998
5228
  "default": "1",
5229
+ "description": "Currently selected page (1-based index)",
4999
5230
  "attribute": "selected-page",
5000
5231
  "reflects": true
5001
5232
  },
@@ -5005,8 +5236,8 @@
5005
5236
  "type": {
5006
5237
  "text": "number"
5007
5238
  },
5008
- "description": "Total number of pages",
5009
5239
  "default": "1",
5240
+ "description": "Total number of pages",
5010
5241
  "attribute": "page-count",
5011
5242
  "reflects": true
5012
5243
  },
@@ -5037,8 +5268,8 @@
5037
5268
  "type": {
5038
5269
  "text": "number"
5039
5270
  },
5040
- "description": "Currently selected page (1-based index)",
5041
5271
  "default": "1",
5272
+ "description": "Currently selected page (1-based index)",
5042
5273
  "fieldName": "selectedPage"
5043
5274
  },
5044
5275
  {
@@ -5046,8 +5277,8 @@
5046
5277
  "type": {
5047
5278
  "text": "number"
5048
5279
  },
5049
- "description": "Total number of pages",
5050
5280
  "default": "1",
5281
+ "description": "Total number of pages",
5051
5282
  "fieldName": "pageCount"
5052
5283
  }
5053
5284
  ],
@@ -5093,7 +5324,7 @@
5093
5324
  "kind": "field",
5094
5325
  "name": "baseUrl",
5095
5326
  "type": {
5096
- "text": "string"
5327
+ "text": "string | undefined"
5097
5328
  },
5098
5329
  "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
5099
5330
  "attribute": "base-url",
@@ -5105,6 +5336,7 @@
5105
5336
  "type": {
5106
5337
  "text": "number"
5107
5338
  },
5339
+ "default": "0",
5108
5340
  "description": "The total number of pages.",
5109
5341
  "attribute": "pages",
5110
5342
  "reflects": true
@@ -5115,8 +5347,8 @@
5115
5347
  "type": {
5116
5348
  "text": "number"
5117
5349
  },
5118
- "description": "The currently active page number.",
5119
5350
  "default": "1",
5351
+ "description": "The currently active page number.",
5120
5352
  "attribute": "current-page",
5121
5353
  "reflects": true
5122
5354
  },
@@ -5126,8 +5358,8 @@
5126
5358
  "type": {
5127
5359
  "text": "number"
5128
5360
  },
5129
- "description": "The maximum number of page numbers visible.",
5130
5361
  "default": "7",
5362
+ "description": "The maximum number of page numbers visible.",
5131
5363
  "attribute": "visible-pages",
5132
5364
  "reflects": true
5133
5365
  },
@@ -5158,7 +5390,7 @@
5158
5390
  {
5159
5391
  "name": "base-url",
5160
5392
  "type": {
5161
- "text": "string"
5393
+ "text": "string | undefined"
5162
5394
  },
5163
5395
  "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
5164
5396
  "fieldName": "baseUrl"
@@ -5168,6 +5400,7 @@
5168
5400
  "type": {
5169
5401
  "text": "number"
5170
5402
  },
5403
+ "default": "0",
5171
5404
  "description": "The total number of pages.",
5172
5405
  "fieldName": "pages"
5173
5406
  },
@@ -5176,8 +5409,8 @@
5176
5409
  "type": {
5177
5410
  "text": "number"
5178
5411
  },
5179
- "description": "The currently active page number.",
5180
5412
  "default": "1",
5413
+ "description": "The currently active page number.",
5181
5414
  "fieldName": "currentPageNumber"
5182
5415
  },
5183
5416
  {
@@ -5185,8 +5418,8 @@
5185
5418
  "type": {
5186
5419
  "text": "number"
5187
5420
  },
5188
- "description": "The maximum number of page numbers visible.",
5189
5421
  "default": "7",
5422
+ "description": "The maximum number of page numbers visible.",
5190
5423
  "fieldName": "visiblePages"
5191
5424
  }
5192
5425
  ],
@@ -5252,7 +5485,7 @@
5252
5485
  "kind": "field",
5253
5486
  "name": "openSrLabel",
5254
5487
  "type": {
5255
- "text": "string"
5488
+ "text": "string | undefined"
5256
5489
  },
5257
5490
  "deprecated": "Used \"open-arial-label\" instead.",
5258
5491
  "attribute": "open-sr-label"
@@ -5261,7 +5494,7 @@
5261
5494
  "kind": "field",
5262
5495
  "name": "openAriaLabel",
5263
5496
  "type": {
5264
- "text": "string"
5497
+ "text": "string | undefined"
5265
5498
  },
5266
5499
  "description": "Label read by screen readers when targeting the pill.",
5267
5500
  "attribute": "open-aria-label"
@@ -5270,7 +5503,7 @@
5270
5503
  "kind": "field",
5271
5504
  "name": "closeSrLabel",
5272
5505
  "type": {
5273
- "text": "string"
5506
+ "text": "string | undefined"
5274
5507
  },
5275
5508
  "deprecated": "Used \"close-arial-label\" instead.",
5276
5509
  "attribute": "close-sr-label"
@@ -5279,7 +5512,7 @@
5279
5512
  "kind": "field",
5280
5513
  "name": "closeAriaLabel",
5281
5514
  "type": {
5282
- "text": "string"
5515
+ "text": "string | undefined"
5283
5516
  },
5284
5517
  "description": "Label read by screen readers when targeting the close button.",
5285
5518
  "attribute": "close-aria-label"
@@ -5361,7 +5594,7 @@
5361
5594
  {
5362
5595
  "name": "open-sr-label",
5363
5596
  "type": {
5364
- "text": "string"
5597
+ "text": "string | undefined"
5365
5598
  },
5366
5599
  "deprecated": "Used \"open-arial-label\" instead.",
5367
5600
  "fieldName": "openSrLabel"
@@ -5369,7 +5602,7 @@
5369
5602
  {
5370
5603
  "name": "open-aria-label",
5371
5604
  "type": {
5372
- "text": "string"
5605
+ "text": "string | undefined"
5373
5606
  },
5374
5607
  "description": "Label read by screen readers when targeting the pill.",
5375
5608
  "fieldName": "openAriaLabel"
@@ -5377,7 +5610,7 @@
5377
5610
  {
5378
5611
  "name": "close-sr-label",
5379
5612
  "type": {
5380
- "text": "string"
5613
+ "text": "string | undefined"
5381
5614
  },
5382
5615
  "deprecated": "Used \"close-arial-label\" instead.",
5383
5616
  "fieldName": "closeSrLabel"
@@ -5385,7 +5618,7 @@
5385
5618
  {
5386
5619
  "name": "close-aria-label",
5387
5620
  "type": {
5388
- "text": "string"
5621
+ "text": "string | undefined"
5389
5622
  },
5390
5623
  "description": "Label read by screen readers when targeting the close button.",
5391
5624
  "fieldName": "closeAriaLabel"
@@ -5768,7 +6001,7 @@
5768
6001
  "name": "label"
5769
6002
  },
5770
6003
  {
5771
- "description": "Alternative to the `help-text` attribute should you need custom HTML.",
6004
+ "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.).",
5772
6005
  "name": "help-text"
5773
6006
  }
5774
6007
  ],
@@ -5797,7 +6030,7 @@
5797
6030
  "type": {
5798
6031
  "text": "string"
5799
6032
  },
5800
- "default": "''",
6033
+ "default": "\"\"",
5801
6034
  "description": "Label for the radio group.",
5802
6035
  "attribute": "label"
5803
6036
  },
@@ -5807,7 +6040,7 @@
5807
6040
  "type": {
5808
6041
  "text": "string"
5809
6042
  },
5810
- "default": "''",
6043
+ "default": "\"\"",
5811
6044
  "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.",
5812
6045
  "attribute": "help-text"
5813
6046
  },
@@ -6046,7 +6279,7 @@
6046
6279
  {
6047
6280
  "name": "name",
6048
6281
  "type": {
6049
- "text": "'label' | 'help-text'"
6282
+ "text": "\"label\" | \"help-text\""
6050
6283
  }
6051
6284
  }
6052
6285
  ]
@@ -6135,7 +6368,7 @@
6135
6368
  "type": {
6136
6369
  "text": "string"
6137
6370
  },
6138
- "default": "''",
6371
+ "default": "\"\"",
6139
6372
  "description": "Label for the radio group.",
6140
6373
  "fieldName": "label"
6141
6374
  },
@@ -6144,7 +6377,7 @@
6144
6377
  "type": {
6145
6378
  "text": "string"
6146
6379
  },
6147
- "default": "''",
6380
+ "default": "\"\"",
6148
6381
  "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.",
6149
6382
  "fieldName": "helpText"
6150
6383
  },
@@ -6279,7 +6512,7 @@
6279
6512
  "kind": "field",
6280
6513
  "name": "helpText",
6281
6514
  "type": {
6282
- "text": "string"
6515
+ "text": "string | undefined"
6283
6516
  },
6284
6517
  "description": "The content displayed as the help text.\n\nPaired with `invalid` to show the text as a validation error.",
6285
6518
  "attribute": "help-text",
@@ -6312,7 +6545,7 @@
6312
6545
  "kind": "field",
6313
6546
  "name": "hint",
6314
6547
  "type": {
6315
- "text": "string"
6548
+ "text": "string | undefined"
6316
6549
  },
6317
6550
  "description": "The content displayed as the help text.",
6318
6551
  "deprecated": "Use `help-text` instead.",
@@ -6323,7 +6556,7 @@
6323
6556
  "kind": "field",
6324
6557
  "name": "label",
6325
6558
  "type": {
6326
- "text": "string"
6559
+ "text": "string | undefined"
6327
6560
  },
6328
6561
  "description": "The content to display as the label.",
6329
6562
  "attribute": "label",
@@ -6374,11 +6607,20 @@
6374
6607
  "attribute": "readonly",
6375
6608
  "reflects": true
6376
6609
  },
6610
+ {
6611
+ "kind": "field",
6612
+ "name": "_options",
6613
+ "type": {
6614
+ "text": "Array<TemplateResult>"
6615
+ },
6616
+ "privacy": "private",
6617
+ "default": "[]"
6618
+ },
6377
6619
  {
6378
6620
  "kind": "field",
6379
6621
  "name": "name",
6380
6622
  "type": {
6381
- "text": "string"
6623
+ "text": "string | undefined"
6382
6624
  },
6383
6625
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.",
6384
6626
  "attribute": "name",
@@ -6388,7 +6630,7 @@
6388
6630
  "kind": "field",
6389
6631
  "name": "value",
6390
6632
  "type": {
6391
- "text": "string"
6633
+ "text": "string | undefined"
6392
6634
  },
6393
6635
  "description": "Lets you set the current value.",
6394
6636
  "attribute": "value",
@@ -6399,9 +6641,9 @@
6399
6641
  "name": "#initialValue",
6400
6642
  "privacy": "private",
6401
6643
  "type": {
6402
- "text": "string | null"
6644
+ "text": "string | undefined"
6403
6645
  },
6404
- "default": "null"
6646
+ "default": "undefined"
6405
6647
  },
6406
6648
  {
6407
6649
  "kind": "field",
@@ -6450,7 +6692,7 @@
6450
6692
  "privacy": "private",
6451
6693
  "parameters": [
6452
6694
  {
6453
- "name": "{ allowDefaultFirstOption = false }",
6695
+ "name": "{\n\t\tallowDefaultFirstOption = false,\n\t}",
6454
6696
  "default": "{}",
6455
6697
  "type": {
6456
6698
  "text": "{ allowDefaultFirstOption?: boolean }"
@@ -6464,7 +6706,7 @@
6464
6706
  "privacy": "private",
6465
6707
  "parameters": [
6466
6708
  {
6467
- "name": "{ syncValueFromSelected = false }",
6709
+ "name": "{\n\t\tsyncValueFromSelected = false,\n\t}",
6468
6710
  "default": "{}",
6469
6711
  "type": {
6470
6712
  "text": "{ syncValueFromSelected?: boolean }"
@@ -6534,7 +6776,7 @@
6534
6776
  {
6535
6777
  "name": "help-text",
6536
6778
  "type": {
6537
- "text": "string"
6779
+ "text": "string | undefined"
6538
6780
  },
6539
6781
  "description": "The content displayed as the help text.\n\nPaired with `invalid` to show the text as a validation error.",
6540
6782
  "fieldName": "helpText"
@@ -6561,7 +6803,7 @@
6561
6803
  {
6562
6804
  "name": "hint",
6563
6805
  "type": {
6564
- "text": "string"
6806
+ "text": "string | undefined"
6565
6807
  },
6566
6808
  "description": "The content displayed as the help text.",
6567
6809
  "deprecated": "Use `help-text` instead.",
@@ -6570,7 +6812,7 @@
6570
6812
  {
6571
6813
  "name": "label",
6572
6814
  "type": {
6573
- "text": "string"
6815
+ "text": "string | undefined"
6574
6816
  },
6575
6817
  "description": "The content to display as the label.",
6576
6818
  "fieldName": "label"
@@ -6615,7 +6857,7 @@
6615
6857
  {
6616
6858
  "name": "name",
6617
6859
  "type": {
6618
- "text": "string"
6860
+ "text": "string | undefined"
6619
6861
  },
6620
6862
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.",
6621
6863
  "fieldName": "name"
@@ -6623,7 +6865,7 @@
6623
6865
  {
6624
6866
  "name": "value",
6625
6867
  "type": {
6626
- "text": "string"
6868
+ "text": "string | undefined"
6627
6869
  },
6628
6870
  "description": "Lets you set the current value.",
6629
6871
  "fieldName": "value"
@@ -6677,18 +6919,19 @@
6677
6919
  "kind": "field",
6678
6920
  "name": "ariaLabel",
6679
6921
  "type": {
6680
- "text": "string"
6922
+ "text": "string | null"
6681
6923
  },
6924
+ "default": "null",
6682
6925
  "description": "Label for the range input.",
6683
- "default": "`label` from `w-slider`",
6684
6926
  "attribute": "aria-label"
6685
6927
  },
6686
6928
  {
6687
6929
  "kind": "field",
6688
6930
  "name": "ariaDescription",
6689
6931
  "type": {
6690
- "text": "string"
6932
+ "text": "string | null"
6691
6933
  },
6934
+ "default": "null",
6692
6935
  "description": "Contextual information for assistive technology, should it be needed",
6693
6936
  "attribute": "aria-description"
6694
6937
  },
@@ -6696,7 +6939,7 @@
6696
6939
  "kind": "field",
6697
6940
  "name": "name",
6698
6941
  "type": {
6699
- "text": "string"
6942
+ "text": "string | undefined"
6700
6943
  },
6701
6944
  "description": "The name of this input field in the form. The canonical source of the value is the text field.",
6702
6945
  "attribute": "name",
@@ -6706,7 +6949,7 @@
6706
6949
  "kind": "field",
6707
6950
  "name": "value",
6708
6951
  "type": {
6709
- "text": "string"
6952
+ "text": "string | undefined"
6710
6953
  },
6711
6954
  "description": "The initial value, if any",
6712
6955
  "attribute": "value",
@@ -6716,7 +6959,7 @@
6716
6959
  "kind": "field",
6717
6960
  "name": "placeholder",
6718
6961
  "type": {
6719
- "text": "string"
6962
+ "text": "string | undefined"
6720
6963
  },
6721
6964
  "description": "Placeholder in empty text fields",
6722
6965
  "attribute": "placeholder",
@@ -6727,9 +6970,9 @@
6727
6970
  "name": "#initialValue",
6728
6971
  "privacy": "private",
6729
6972
  "type": {
6730
- "text": "string | null"
6973
+ "text": "string | undefined"
6731
6974
  },
6732
- "default": "null"
6975
+ "default": "undefined"
6733
6976
  },
6734
6977
  {
6735
6978
  "kind": "method",
@@ -6892,24 +7135,25 @@
6892
7135
  {
6893
7136
  "name": "aria-label",
6894
7137
  "type": {
6895
- "text": "string"
7138
+ "text": "string | null"
6896
7139
  },
7140
+ "default": "null",
6897
7141
  "description": "Label for the range input.",
6898
- "default": "`label` from `w-slider`",
6899
7142
  "fieldName": "ariaLabel"
6900
7143
  },
6901
7144
  {
6902
7145
  "name": "aria-description",
6903
7146
  "type": {
6904
- "text": "string"
7147
+ "text": "string | null"
6905
7148
  },
7149
+ "default": "null",
6906
7150
  "description": "Contextual information for assistive technology, should it be needed",
6907
7151
  "fieldName": "ariaDescription"
6908
7152
  },
6909
7153
  {
6910
7154
  "name": "name",
6911
7155
  "type": {
6912
- "text": "string"
7156
+ "text": "string | undefined"
6913
7157
  },
6914
7158
  "description": "The name of this input field in the form. The canonical source of the value is the text field.",
6915
7159
  "fieldName": "name"
@@ -6917,7 +7161,7 @@
6917
7161
  {
6918
7162
  "name": "value",
6919
7163
  "type": {
6920
- "text": "string"
7164
+ "text": "string | undefined"
6921
7165
  },
6922
7166
  "description": "The initial value, if any",
6923
7167
  "fieldName": "value"
@@ -6925,7 +7169,7 @@
6925
7169
  {
6926
7170
  "name": "placeholder",
6927
7171
  "type": {
6928
- "text": "string"
7172
+ "text": "string | undefined"
6929
7173
  },
6930
7174
  "description": "Placeholder in empty text fields",
6931
7175
  "fieldName": "placeholder"
@@ -7005,7 +7249,7 @@
7005
7249
  "kind": "field",
7006
7250
  "name": "label",
7007
7251
  "type": {
7008
- "text": "string"
7252
+ "text": "string | undefined"
7009
7253
  },
7010
7254
  "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>`)",
7011
7255
  "attribute": "label",
@@ -7035,7 +7279,7 @@
7035
7279
  "kind": "field",
7036
7280
  "name": "error",
7037
7281
  "type": {
7038
- "text": "string"
7282
+ "text": "string | undefined"
7039
7283
  },
7040
7284
  "description": "Validation error text, if any",
7041
7285
  "attribute": "error",
@@ -7045,7 +7289,7 @@
7045
7289
  "kind": "field",
7046
7290
  "name": "helpText",
7047
7291
  "type": {
7048
- "text": "string"
7292
+ "text": "string | undefined"
7049
7293
  },
7050
7294
  "description": "Additional description to show below the fieldset",
7051
7295
  "attribute": "help-text",
@@ -7073,11 +7317,22 @@
7073
7317
  "attribute": "required",
7074
7318
  "reflects": true
7075
7319
  },
7320
+ {
7321
+ "kind": "field",
7322
+ "name": "optional",
7323
+ "type": {
7324
+ "text": "boolean"
7325
+ },
7326
+ "default": "false",
7327
+ "description": "Whether to show the optional indicator after the label.",
7328
+ "attribute": "optional",
7329
+ "reflects": true
7330
+ },
7076
7331
  {
7077
7332
  "kind": "field",
7078
7333
  "name": "min",
7079
7334
  "type": {
7080
- "text": "string"
7335
+ "text": "string | undefined"
7081
7336
  },
7082
7337
  "description": "The minimum allowed value in the range inputs",
7083
7338
  "default": "0",
@@ -7088,7 +7343,7 @@
7088
7343
  "kind": "field",
7089
7344
  "name": "max",
7090
7345
  "type": {
7091
- "text": "string"
7346
+ "text": "string | undefined"
7092
7347
  },
7093
7348
  "description": "The maximum allowed value in the range inputs",
7094
7349
  "default": "100",
@@ -7099,7 +7354,7 @@
7099
7354
  "kind": "field",
7100
7355
  "name": "markers",
7101
7356
  "type": {
7102
- "text": "number"
7357
+ "text": "number | undefined"
7103
7358
  },
7104
7359
  "description": "Pass a value similar to step to create visual markers at that interval",
7105
7360
  "attribute": "markers",
@@ -7109,7 +7364,7 @@
7109
7364
  "kind": "field",
7110
7365
  "name": "step",
7111
7366
  "type": {
7112
- "text": "number"
7367
+ "text": "number | undefined"
7113
7368
  },
7114
7369
  "description": "ets step on the range input to jump between values when dragging",
7115
7370
  "attribute": "step",
@@ -7119,7 +7374,7 @@
7119
7374
  "kind": "field",
7120
7375
  "name": "suffix",
7121
7376
  "type": {
7122
- "text": "string"
7377
+ "text": "string | undefined"
7123
7378
  },
7124
7379
  "description": "Suffix used in text input fields and for the min and max values of the slider",
7125
7380
  "attribute": "suffix",
@@ -7140,7 +7395,7 @@
7140
7395
  "kind": "field",
7141
7396
  "name": "valueFormatter",
7142
7397
  "type": {
7143
- "text": "(value: string, slot: SliderSlot) => string"
7398
+ "text": "((value: string, slot: SliderSlot) => string) | undefined"
7144
7399
  },
7145
7400
  "description": "Formatter for the tooltip and input mask values"
7146
7401
  },
@@ -7148,7 +7403,7 @@
7148
7403
  "kind": "field",
7149
7404
  "name": "tooltipFormatter",
7150
7405
  "type": {
7151
- "text": "(value: string, slot: SliderSlot) => string"
7406
+ "text": "((value: string, slot: SliderSlot) => string) | undefined"
7152
7407
  },
7153
7408
  "description": "Overrides valueFormatter for the tooltip.\n\nUse in open-ended sliders to show for example \"300+ hk\" instead of \"Max\" in the tooltip."
7154
7409
  },
@@ -7156,7 +7411,7 @@
7156
7411
  "kind": "field",
7157
7412
  "name": "labelFormatter",
7158
7413
  "type": {
7159
- "text": "(slot: SliderSlot) => string"
7414
+ "text": "((slot: SliderSlot) => string) | undefined"
7160
7415
  },
7161
7416
  "description": "Formatter for the min and max labels below the range."
7162
7417
  },
@@ -7269,145 +7524,544 @@
7269
7524
  }
7270
7525
  ],
7271
7526
  "description": "We use CSS variables to fill the active track with a background color."
7527
+ },
7528
+ {
7529
+ "kind": "method",
7530
+ "name": "_handleLabelSlotChange",
7531
+ "privacy": "private",
7532
+ "parameters": [
7533
+ {
7534
+ "name": "e",
7535
+ "type": {
7536
+ "text": "Event"
7537
+ }
7538
+ }
7539
+ ]
7540
+ },
7541
+ {
7542
+ "kind": "field",
7543
+ "name": "_label",
7544
+ "readonly": true
7272
7545
  }
7273
7546
  ],
7274
7547
  "attributes": [
7275
7548
  {
7276
- "name": "label",
7549
+ "name": "label",
7550
+ "type": {
7551
+ "text": "string | undefined"
7552
+ },
7553
+ "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>`)",
7554
+ "fieldName": "label"
7555
+ },
7556
+ {
7557
+ "name": "disabled",
7558
+ "type": {
7559
+ "text": "boolean"
7560
+ },
7561
+ "default": "false",
7562
+ "fieldName": "disabled"
7563
+ },
7564
+ {
7565
+ "name": "open-ended",
7566
+ "type": {
7567
+ "text": "boolean"
7568
+ },
7569
+ "default": "false",
7570
+ "description": "Whether or not to allow values outside the range such as \"Before 1950\" and \"2025+\".",
7571
+ "fieldName": "openEnded"
7572
+ },
7573
+ {
7574
+ "name": "error",
7575
+ "type": {
7576
+ "text": "string | undefined"
7577
+ },
7578
+ "description": "Validation error text, if any",
7579
+ "fieldName": "error"
7580
+ },
7581
+ {
7582
+ "name": "help-text",
7583
+ "type": {
7584
+ "text": "string | undefined"
7585
+ },
7586
+ "description": "Additional description to show below the fieldset",
7587
+ "fieldName": "helpText"
7588
+ },
7589
+ {
7590
+ "name": "invalid",
7591
+ "type": {
7592
+ "text": "boolean"
7593
+ },
7594
+ "default": "false",
7595
+ "description": "Sets the form fields and fieldset in an invalid state",
7596
+ "fieldName": "invalid"
7597
+ },
7598
+ {
7599
+ "name": "required",
7600
+ "type": {
7601
+ "text": "boolean"
7602
+ },
7603
+ "default": "false",
7604
+ "description": "Ensures a child slider thumb has a value before allowing the containing form to submit",
7605
+ "fieldName": "required"
7606
+ },
7607
+ {
7608
+ "name": "optional",
7609
+ "type": {
7610
+ "text": "boolean"
7611
+ },
7612
+ "default": "false",
7613
+ "description": "Whether to show the optional indicator after the label.",
7614
+ "fieldName": "optional"
7615
+ },
7616
+ {
7617
+ "name": "min",
7618
+ "type": {
7619
+ "text": "string | undefined"
7620
+ },
7621
+ "description": "The minimum allowed value in the range inputs",
7622
+ "default": "0",
7623
+ "fieldName": "min"
7624
+ },
7625
+ {
7626
+ "name": "max",
7627
+ "type": {
7628
+ "text": "string | undefined"
7629
+ },
7630
+ "description": "The maximum allowed value in the range inputs",
7631
+ "default": "100",
7632
+ "fieldName": "max"
7633
+ },
7634
+ {
7635
+ "name": "markers",
7636
+ "type": {
7637
+ "text": "number | undefined"
7638
+ },
7639
+ "description": "Pass a value similar to step to create visual markers at that interval",
7640
+ "fieldName": "markers"
7641
+ },
7642
+ {
7643
+ "name": "step",
7644
+ "type": {
7645
+ "text": "number | undefined"
7646
+ },
7647
+ "description": "ets step on the range input to jump between values when dragging",
7648
+ "fieldName": "step"
7649
+ },
7650
+ {
7651
+ "name": "suffix",
7652
+ "type": {
7653
+ "text": "string | undefined"
7654
+ },
7655
+ "description": "Suffix used in text input fields and for the min and max values of the slider",
7656
+ "fieldName": "suffix"
7657
+ },
7658
+ {
7659
+ "name": "hidden-textfield",
7660
+ "type": {
7661
+ "text": "boolean"
7662
+ },
7663
+ "default": "false",
7664
+ "description": "Should only be used in special cases",
7665
+ "fieldName": "hiddenTextfield"
7666
+ }
7667
+ ],
7668
+ "superclass": {
7669
+ "name": "LitElement",
7670
+ "package": "lit"
7671
+ },
7672
+ "tagName": "w-slider",
7673
+ "customElement": true,
7674
+ "modulePath": "packages/slider/slider.ts",
7675
+ "definitionPath": "packages/slider/slider.ts"
7676
+ }
7677
+ ],
7678
+ "exports": [
7679
+ {
7680
+ "kind": "custom-element-definition",
7681
+ "name": "w-slider",
7682
+ "declaration": {
7683
+ "name": "WarpSlider",
7684
+ "module": "packages/slider/slider.ts"
7685
+ }
7686
+ },
7687
+ {
7688
+ "kind": "js",
7689
+ "name": "WarpSlider",
7690
+ "declaration": {
7691
+ "name": "WarpSlider",
7692
+ "module": "packages/slider/slider.ts"
7693
+ }
7694
+ }
7695
+ ]
7696
+ },
7697
+ {
7698
+ "kind": "javascript-module",
7699
+ "path": "packages/snackbar-item/snackbar-item.ts",
7700
+ "declarations": [
7701
+ {
7702
+ "kind": "class",
7703
+ "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.",
7704
+ "name": "WarpSnackbarItem",
7705
+ "cssProperties": [
7706
+ {
7707
+ "name": "--w-c-snackbar-item-radius"
7708
+ },
7709
+ {
7710
+ "name": "--w-c-snackbar-item-max-width"
7711
+ },
7712
+ {
7713
+ "name": "--w-c-snackbar-item-min-width"
7714
+ },
7715
+ {
7716
+ "name": "--w-c-snackbar-item-padding"
7717
+ },
7718
+ {
7719
+ "name": "--w-c-snackbar-item-bg"
7720
+ },
7721
+ {
7722
+ "name": "--w-c-snackbar-item-action-bg-active"
7723
+ },
7724
+ {
7725
+ "name": "--w-c-snackbar-item-action-bg-hover"
7726
+ },
7727
+ {
7728
+ "name": "--w-c-snackbar-item-color"
7729
+ },
7730
+ {
7731
+ "name": "--w-c-snackbar-item-action-color-active"
7732
+ },
7733
+ {
7734
+ "name": "--w-c-snackbar-item-action-color-hover"
7735
+ },
7736
+ {
7737
+ "name": "--w-c-snackbar-item-box-shadow"
7738
+ }
7739
+ ],
7740
+ "cssParts": [
7741
+ {
7742
+ "description": "the container wrapping the message, icon and actions.",
7743
+ "name": "item"
7744
+ },
7745
+ {
7746
+ "description": "the icon for the variant.",
7747
+ "name": "icon"
7748
+ },
7749
+ {
7750
+ "description": "the default slot, body of the snackbar item.",
7751
+ "name": "message"
7752
+ },
7753
+ {
7754
+ "description": "close and action button.",
7755
+ "name": "action"
7756
+ }
7757
+ ],
7758
+ "slots": [
7759
+ {
7760
+ "description": "the snackbar message.",
7761
+ "name": "default"
7762
+ },
7763
+ {
7764
+ "description": "icon preceeding the message.",
7765
+ "name": "icon"
7766
+ },
7767
+ {
7768
+ "description": "action following the message.",
7769
+ "name": "action"
7770
+ }
7771
+ ],
7772
+ "members": [
7773
+ {
7774
+ "kind": "field",
7775
+ "name": "actionPlacement",
7776
+ "type": {
7777
+ "text": "SnackbarActionPlacement"
7778
+ },
7779
+ "default": "\"inline\"",
7780
+ "description": "The placement of the action and close buttons.",
7781
+ "attribute": "action-placement",
7782
+ "reflects": true,
7783
+ "parsedType": {
7784
+ "text": "'inline' | 'block'"
7785
+ }
7786
+ },
7787
+ {
7788
+ "kind": "field",
7789
+ "name": "duration",
7790
+ "type": {
7791
+ "text": "number"
7792
+ },
7793
+ "description": "How long the message should stay in the document before removing itself.",
7794
+ "attribute": "duration",
7795
+ "reflects": true
7796
+ },
7797
+ {
7798
+ "kind": "field",
7799
+ "name": "root",
7277
7800
  "type": {
7278
- "text": "string"
7801
+ "text": "HTMLDivElement | null"
7279
7802
  },
7280
- "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>`)",
7281
- "fieldName": "label"
7803
+ "privacy": "private"
7282
7804
  },
7283
7805
  {
7284
- "name": "disabled",
7806
+ "kind": "field",
7807
+ "name": "hasAction",
7285
7808
  "type": {
7286
7809
  "text": "boolean"
7287
7810
  },
7288
- "default": "false",
7289
- "fieldName": "disabled"
7811
+ "privacy": "private",
7812
+ "default": "false"
7290
7813
  },
7291
7814
  {
7292
- "name": "open-ended",
7815
+ "kind": "field",
7816
+ "name": "#expanded",
7817
+ "privacy": "private",
7293
7818
  "type": {
7294
7819
  "text": "boolean"
7295
7820
  },
7296
- "default": "false",
7297
- "description": "Whether or not to allow values outside the range such as \"Before 1950\" and \"2025+\".",
7298
- "fieldName": "openEnded"
7821
+ "default": "false"
7299
7822
  },
7300
7823
  {
7301
- "name": "error",
7824
+ "kind": "field",
7825
+ "name": "#durationLeft",
7826
+ "privacy": "private",
7302
7827
  "type": {
7303
- "text": "string"
7304
- },
7305
- "description": "Validation error text, if any",
7306
- "fieldName": "error"
7828
+ "text": "number"
7829
+ }
7307
7830
  },
7308
7831
  {
7309
- "name": "help-text",
7832
+ "kind": "field",
7833
+ "name": "#lastFocused",
7834
+ "privacy": "private",
7310
7835
  "type": {
7311
- "text": "string"
7836
+ "text": "HTMLElement | null"
7312
7837
  },
7313
- "description": "Additional description to show below the fieldset",
7314
- "fieldName": "helpText"
7838
+ "default": "null"
7315
7839
  },
7316
7840
  {
7317
- "name": "invalid",
7841
+ "kind": "field",
7842
+ "name": "#timer",
7843
+ "privacy": "private",
7318
7844
  "type": {
7319
- "text": "boolean"
7845
+ "text": "ReturnType<typeof setTimeout> | null"
7320
7846
  },
7321
- "default": "false",
7322
- "description": "Sets the form fields and fieldset in an invalid state",
7323
- "fieldName": "invalid"
7847
+ "default": "null"
7324
7848
  },
7325
7849
  {
7326
- "name": "required",
7850
+ "kind": "field",
7851
+ "name": "#timerPaused",
7852
+ "privacy": "private",
7327
7853
  "type": {
7328
7854
  "text": "boolean"
7329
7855
  },
7330
- "default": "false",
7331
- "description": "Ensures a child slider thumb has a value before allowing the containing form to submit",
7332
- "fieldName": "required"
7856
+ "default": "false"
7333
7857
  },
7334
7858
  {
7335
- "name": "min",
7336
- "type": {
7337
- "text": "string"
7859
+ "kind": "method",
7860
+ "name": "close",
7861
+ "return": {
7862
+ "type": {
7863
+ "text": "void"
7864
+ }
7338
7865
  },
7339
- "description": "The minimum allowed value in the range inputs",
7340
- "default": "0",
7341
- "fieldName": "min"
7866
+ "description": "Remove the snackbar item from the document.\n\nMoves focus to the last focused element outside of the snackbar item, if available.",
7867
+ "type": {
7868
+ "text": "close() => void"
7869
+ }
7342
7870
  },
7343
7871
  {
7344
- "name": "max",
7345
- "type": {
7346
- "text": "string"
7347
- },
7348
- "description": "The maximum allowed value in the range inputs",
7349
- "default": "100",
7350
- "fieldName": "max"
7872
+ "kind": "method",
7873
+ "name": "#onFocusIn",
7874
+ "privacy": "private",
7875
+ "parameters": [
7876
+ {
7877
+ "name": "e",
7878
+ "type": {
7879
+ "text": "FocusEvent"
7880
+ }
7881
+ }
7882
+ ],
7883
+ "description": "Listen to focusin, not focus, as focus does not bubble.\n\nWe're interested in running code when an action button gets focus,\nsuch as pausing the countdown and storing the last focused element\noutside of the snackbar so we can return there when it closes.\n\nOnly save the first instance of `relatedTarget` so we don't overwrite\nit when focus moves from an action button to the close button."
7351
7884
  },
7352
7885
  {
7353
- "name": "markers",
7886
+ "kind": "method",
7887
+ "name": "#onFocusOut",
7888
+ "privacy": "private",
7889
+ "parameters": [
7890
+ {
7891
+ "name": "e",
7892
+ "type": {
7893
+ "text": "FocusEvent"
7894
+ }
7895
+ }
7896
+ ],
7897
+ "description": "Listen to focusout, not blur, as blur does not bubble.\n\nUnpause the countdown by clearing this.#lastFocused\nif the focus is moving outside of the snackbar item."
7898
+ },
7899
+ {
7900
+ "kind": "method",
7901
+ "name": "#onMouseEnter",
7902
+ "privacy": "private"
7903
+ },
7904
+ {
7905
+ "kind": "method",
7906
+ "name": "#onMouseLeave",
7907
+ "privacy": "private"
7908
+ },
7909
+ {
7910
+ "kind": "method",
7911
+ "name": "#hasAction",
7912
+ "privacy": "private"
7913
+ }
7914
+ ],
7915
+ "attributes": [
7916
+ {
7917
+ "name": "action-placement",
7354
7918
  "type": {
7355
- "text": "number"
7919
+ "text": "SnackbarActionPlacement"
7356
7920
  },
7357
- "description": "Pass a value similar to step to create visual markers at that interval",
7358
- "fieldName": "markers"
7921
+ "default": "\"inline\"",
7922
+ "description": "The placement of the action and close buttons.",
7923
+ "fieldName": "actionPlacement",
7924
+ "parsedType": {
7925
+ "text": "'inline' | 'block'"
7926
+ }
7359
7927
  },
7360
7928
  {
7361
- "name": "step",
7929
+ "name": "duration",
7362
7930
  "type": {
7363
7931
  "text": "number"
7364
7932
  },
7365
- "description": "ets step on the range input to jump between values when dragging",
7366
- "fieldName": "step"
7933
+ "description": "How long the message should stay in the document before removing itself.",
7934
+ "fieldName": "duration"
7935
+ }
7936
+ ],
7937
+ "superclass": {
7938
+ "name": "LitElement",
7939
+ "package": "lit"
7940
+ },
7941
+ "parent": {
7942
+ "name": "w-snackbar",
7943
+ "description": ""
7944
+ },
7945
+ "tagName": "w-snackbar-item",
7946
+ "customElement": true,
7947
+ "modulePath": "packages/snackbar-item/snackbar-item.ts",
7948
+ "definitionPath": "packages/snackbar-item/snackbar-item.ts"
7949
+ }
7950
+ ],
7951
+ "exports": [
7952
+ {
7953
+ "kind": "js",
7954
+ "name": "WarpSnackbarItem",
7955
+ "declaration": {
7956
+ "name": "WarpSnackbarItem",
7957
+ "module": "packages/snackbar-item/snackbar-item.ts"
7958
+ }
7959
+ },
7960
+ {
7961
+ "kind": "custom-element-definition",
7962
+ "name": "w-snackbar-item",
7963
+ "declaration": {
7964
+ "name": "WarpSnackbarItem",
7965
+ "module": "packages/snackbar-item/snackbar-item.ts"
7966
+ }
7967
+ }
7968
+ ]
7969
+ },
7970
+ {
7971
+ "kind": "javascript-module",
7972
+ "path": "packages/snackbar/snackbar.ts",
7973
+ "declarations": [
7974
+ {
7975
+ "kind": "class",
7976
+ "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.",
7977
+ "name": "WarpSnackbar",
7978
+ "cssProperties": [
7979
+ {
7980
+ "name": "--w-c-snackbar-container-gap"
7367
7981
  },
7368
7982
  {
7369
- "name": "suffix",
7370
- "type": {
7371
- "text": "string"
7372
- },
7373
- "description": "Suffix used in text input fields and for the min and max values of the slider",
7374
- "fieldName": "suffix"
7983
+ "name": "--w-c-snackbar-position-bottom"
7375
7984
  },
7376
7985
  {
7377
- "name": "hidden-textfield",
7378
- "type": {
7379
- "text": "boolean"
7986
+ "name": "--w-c-snackbar-position-left"
7987
+ },
7988
+ {
7989
+ "name": "--w-c-snackbar-position-right"
7990
+ },
7991
+ {
7992
+ "name": "--w-c-snackbar-position-top"
7993
+ },
7994
+ {
7995
+ "name": "--w-c-snackbar-z-index"
7996
+ }
7997
+ ],
7998
+ "cssParts": [
7999
+ {
8000
+ "description": "the live region that positions messages on the screen.",
8001
+ "name": "container"
8002
+ }
8003
+ ],
8004
+ "slots": [
8005
+ {
8006
+ "description": "`w-snackbar-item` gets placed inside the default slot by the `create` function.",
8007
+ "name": "default"
8008
+ }
8009
+ ],
8010
+ "members": [
8011
+ {
8012
+ "kind": "method",
8013
+ "name": "create",
8014
+ "return": {
8015
+ "type": {
8016
+ "text": ""
8017
+ }
7380
8018
  },
7381
- "default": "false",
7382
- "description": "Should only be used in special cases",
7383
- "fieldName": "hiddenTextfield"
8019
+ "parameters": [
8020
+ {
8021
+ "name": "message",
8022
+ "type": {
8023
+ "text": "string"
8024
+ }
8025
+ },
8026
+ {
8027
+ "name": "options",
8028
+ "default": "{}",
8029
+ "type": {
8030
+ "text": "CreateSnackbarOptions"
8031
+ }
8032
+ }
8033
+ ],
8034
+ "description": "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.",
8035
+ "type": {
8036
+ "text": "create(message: string, options: CreateSnackbarOptions = {}) => void"
8037
+ }
7384
8038
  }
7385
8039
  ],
7386
8040
  "superclass": {
7387
8041
  "name": "LitElement",
7388
8042
  "package": "lit"
7389
8043
  },
7390
- "tagName": "w-slider",
8044
+ "tagName": "w-snackbar",
7391
8045
  "customElement": true,
7392
- "modulePath": "packages/slider/slider.ts",
7393
- "definitionPath": "packages/slider/slider.ts"
8046
+ "modulePath": "packages/snackbar/snackbar.ts",
8047
+ "definitionPath": "packages/snackbar/snackbar.ts"
7394
8048
  }
7395
8049
  ],
7396
8050
  "exports": [
7397
8051
  {
7398
- "kind": "custom-element-definition",
7399
- "name": "w-slider",
8052
+ "kind": "js",
8053
+ "name": "WarpSnackbar",
7400
8054
  "declaration": {
7401
- "name": "WarpSlider",
7402
- "module": "packages/slider/slider.ts"
8055
+ "name": "WarpSnackbar",
8056
+ "module": "packages/snackbar/snackbar.ts"
7403
8057
  }
7404
8058
  },
7405
8059
  {
7406
- "kind": "js",
7407
- "name": "WarpSlider",
8060
+ "kind": "custom-element-definition",
8061
+ "name": "w-snackbar",
7408
8062
  "declaration": {
7409
- "name": "WarpSlider",
7410
- "module": "packages/slider/slider.ts"
8063
+ "name": "WarpSnackbar",
8064
+ "module": "packages/snackbar/snackbar.ts"
7411
8065
  }
7412
8066
  }
7413
8067
  ]
@@ -7450,7 +8104,7 @@
7450
8104
  "text": "StepsContext"
7451
8105
  },
7452
8106
  "privacy": "private",
7453
- "default": "{ horizontal: false, right: false, isLast: false, isFirst: false }"
8107
+ "default": "{ horizontal: false, right: false, isLast: false, isFirst: false, }"
7454
8108
  },
7455
8109
  {
7456
8110
  "kind": "field",
@@ -7673,9 +8327,9 @@
7673
8327
  "name": "#initialState",
7674
8328
  "privacy": "private",
7675
8329
  "type": {
7676
- "text": "boolean | null"
8330
+ "text": "boolean"
7677
8331
  },
7678
- "default": "null"
8332
+ "default": "false"
7679
8333
  },
7680
8334
  {
7681
8335
  "kind": "method",
@@ -7815,7 +8469,7 @@
7815
8469
  "kind": "field",
7816
8470
  "name": "_ownAriaSelected",
7817
8471
  "type": {
7818
- "text": "'true' | 'false' | undefined"
8472
+ "text": "\"true\" | \"false\" | undefined"
7819
8473
  },
7820
8474
  "privacy": "private"
7821
8475
  },
@@ -7997,7 +8651,7 @@
7997
8651
  "kind": "field",
7998
8652
  "name": "active",
7999
8653
  "type": {
8000
- "text": "string"
8654
+ "text": "string | undefined"
8001
8655
  },
8002
8656
  "description": "The `id` of the panel that should be active.",
8003
8657
  "default": "\"\" (Shows the first tab)",
@@ -8029,10 +8683,10 @@
8029
8683
  "kind": "field",
8030
8684
  "name": "_activeTabFor",
8031
8685
  "type": {
8032
- "text": "string"
8686
+ "text": "string | undefined"
8033
8687
  },
8034
8688
  "privacy": "private",
8035
- "default": "''"
8689
+ "default": "\"\""
8036
8690
  },
8037
8691
  {
8038
8692
  "kind": "field",
@@ -8108,7 +8762,7 @@
8108
8762
  {
8109
8763
  "name": "active",
8110
8764
  "type": {
8111
- "text": "string"
8765
+ "text": "string | undefined"
8112
8766
  },
8113
8767
  "description": "The `id` of the panel that should be active.",
8114
8768
  "default": "\"\" (Shows the first tab)",
@@ -8180,7 +8834,7 @@
8180
8834
  "kind": "field",
8181
8835
  "name": "label",
8182
8836
  "type": {
8183
- "text": "string"
8837
+ "text": "string | undefined"
8184
8838
  },
8185
8839
  "description": "Either a `label` or an `aria-label` must be provided.",
8186
8840
  "attribute": "label",
@@ -8190,7 +8844,7 @@
8190
8844
  "kind": "field",
8191
8845
  "name": "helpText",
8192
8846
  "type": {
8193
- "text": "string"
8847
+ "text": "string | undefined"
8194
8848
  },
8195
8849
  "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
8196
8850
  "summary": "Description shown below the input field",
@@ -8201,7 +8855,7 @@
8201
8855
  "kind": "field",
8202
8856
  "name": "maxRows",
8203
8857
  "type": {
8204
- "text": "number"
8858
+ "text": "number | undefined"
8205
8859
  },
8206
8860
  "description": "Sets the maximum number of text rows before the content starts scrolling.",
8207
8861
  "attribute": "maximum-rows",
@@ -8211,7 +8865,7 @@
8211
8865
  "kind": "field",
8212
8866
  "name": "minRows",
8213
8867
  "type": {
8214
- "text": "number"
8868
+ "text": "number | undefined"
8215
8869
  },
8216
8870
  "description": "Sets the minimum number of text rows the textarea should display",
8217
8871
  "attribute": "minimum-rows",
@@ -8221,7 +8875,7 @@
8221
8875
  "kind": "field",
8222
8876
  "name": "name",
8223
8877
  "type": {
8224
- "text": "string"
8878
+ "text": "string | undefined"
8225
8879
  },
8226
8880
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form",
8227
8881
  "attribute": "name",
@@ -8231,7 +8885,7 @@
8231
8885
  "kind": "field",
8232
8886
  "name": "placeholder",
8233
8887
  "type": {
8234
- "text": "string"
8888
+ "text": "string | undefined"
8235
8889
  },
8236
8890
  "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.",
8237
8891
  "summary": "Shown in the textarea when it doesn't have a value",
@@ -8275,7 +8929,7 @@
8275
8929
  "kind": "field",
8276
8930
  "name": "value",
8277
8931
  "type": {
8278
- "text": "string"
8932
+ "text": "string | undefined"
8279
8933
  },
8280
8934
  "description": "Lets you set the current value",
8281
8935
  "attribute": "value",
@@ -8292,6 +8946,16 @@
8292
8946
  "attribute": "optional",
8293
8947
  "reflects": true
8294
8948
  },
8949
+ {
8950
+ "kind": "field",
8951
+ "name": "minHeight",
8952
+ "privacy": "private"
8953
+ },
8954
+ {
8955
+ "kind": "field",
8956
+ "name": "maxHeight",
8957
+ "privacy": "private"
8958
+ },
8295
8959
  {
8296
8960
  "kind": "field",
8297
8961
  "name": "_textarea",
@@ -8305,9 +8969,9 @@
8305
8969
  "name": "#initialValue",
8306
8970
  "privacy": "private",
8307
8971
  "type": {
8308
- "text": "string | null"
8972
+ "text": "string | undefined"
8309
8973
  },
8310
- "default": "null"
8974
+ "default": "undefined"
8311
8975
  },
8312
8976
  {
8313
8977
  "kind": "field",
@@ -8471,7 +9135,7 @@
8471
9135
  {
8472
9136
  "name": "label",
8473
9137
  "type": {
8474
- "text": "string"
9138
+ "text": "string | undefined"
8475
9139
  },
8476
9140
  "description": "Either a `label` or an `aria-label` must be provided.",
8477
9141
  "fieldName": "label"
@@ -8479,7 +9143,7 @@
8479
9143
  {
8480
9144
  "name": "help-text",
8481
9145
  "type": {
8482
- "text": "string"
9146
+ "text": "string | undefined"
8483
9147
  },
8484
9148
  "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
8485
9149
  "summary": "Description shown below the input field",
@@ -8488,7 +9152,7 @@
8488
9152
  {
8489
9153
  "name": "maximum-rows",
8490
9154
  "type": {
8491
- "text": "number"
9155
+ "text": "number | undefined"
8492
9156
  },
8493
9157
  "description": "Sets the maximum number of text rows before the content starts scrolling.",
8494
9158
  "fieldName": "maxRows"
@@ -8496,7 +9160,7 @@
8496
9160
  {
8497
9161
  "name": "minimum-rows",
8498
9162
  "type": {
8499
- "text": "number"
9163
+ "text": "number | undefined"
8500
9164
  },
8501
9165
  "description": "Sets the minimum number of text rows the textarea should display",
8502
9166
  "fieldName": "minRows"
@@ -8504,7 +9168,7 @@
8504
9168
  {
8505
9169
  "name": "name",
8506
9170
  "type": {
8507
- "text": "string"
9171
+ "text": "string | undefined"
8508
9172
  },
8509
9173
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form",
8510
9174
  "fieldName": "name"
@@ -8512,7 +9176,7 @@
8512
9176
  {
8513
9177
  "name": "placeholder",
8514
9178
  "type": {
8515
- "text": "string"
9179
+ "text": "string | undefined"
8516
9180
  },
8517
9181
  "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.",
8518
9182
  "summary": "Shown in the textarea when it doesn't have a value",
@@ -8548,7 +9212,7 @@
8548
9212
  {
8549
9213
  "name": "value",
8550
9214
  "type": {
8551
- "text": "string"
9215
+ "text": "string | undefined"
8552
9216
  },
8553
9217
  "description": "Lets you set the current value",
8554
9218
  "fieldName": "value"