@warp-ds/elements 2.10.0-next.9 → 2.10.1-next.1

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 (724) hide show
  1. package/dist/.storybook/utilities.js +4 -4
  2. package/dist/api.js.map +2 -2
  3. package/dist/custom-elements.json +1211 -542
  4. package/dist/docs/affix/affix.md +111 -2
  5. package/dist/docs/affix/api.md +2 -2
  6. package/dist/docs/affix/styling.md +107 -0
  7. package/dist/docs/alert/alert.md +5 -5
  8. package/dist/docs/alert/api.md +4 -4
  9. package/dist/docs/attention/api.md +50 -2
  10. package/dist/docs/attention/attention.md +53 -3
  11. package/dist/docs/badge/api.md +50 -4
  12. package/dist/docs/badge/badge.md +50 -4
  13. package/dist/docs/box/api.md +2 -2
  14. package/dist/docs/box/box.md +4 -2
  15. package/dist/docs/breadcrumb-item/api.md +27 -0
  16. package/dist/docs/breadcrumb-item/breadcrumb-item.md +36 -0
  17. package/dist/docs/breadcrumbs/accessibility.md +8 -18
  18. package/dist/docs/breadcrumbs/breadcrumbs.md +123 -34
  19. package/dist/docs/breadcrumbs/examples.md +8 -8
  20. package/dist/docs/breadcrumbs/styling.md +96 -0
  21. package/dist/docs/breadcrumbs/usage.md +8 -8
  22. package/dist/docs/button/api.md +32 -24
  23. package/dist/docs/button/button.md +35 -24
  24. package/dist/docs/card/api.md +8 -0
  25. package/dist/docs/card/card.md +10 -0
  26. package/dist/docs/checkbox/api.md +52 -13
  27. package/dist/docs/checkbox/checkbox.md +231 -14
  28. package/dist/docs/checkbox/styling.md +173 -0
  29. package/dist/docs/checkbox-group/api.md +30 -6
  30. package/dist/docs/checkbox-group/checkbox-group.md +66 -36
  31. package/dist/docs/checkbox-group/styling.md +31 -29
  32. package/dist/docs/combobox/api.md +20 -12
  33. package/dist/docs/combobox/combobox.md +22 -12
  34. package/dist/docs/datepicker/api.md +22 -14
  35. package/dist/docs/datepicker/datepicker.md +24 -16
  36. package/dist/docs/expandable/api.md +6 -6
  37. package/dist/docs/expandable/expandable.md +8 -6
  38. package/dist/docs/icon/api.md +4 -4
  39. package/dist/docs/icon/icon.md +5 -5
  40. package/dist/docs/index.md +35 -32
  41. package/dist/docs/link/api.md +10 -10
  42. package/dist/docs/link/link.md +13 -11
  43. package/dist/docs/modal/api.md +20 -2
  44. package/dist/docs/modal/modal.md +101 -10
  45. package/dist/docs/modal/styling.md +75 -0
  46. package/dist/docs/modal/usage.md +4 -8
  47. package/dist/docs/modal-footer/modal-footer.md +2 -0
  48. package/dist/docs/modal-header/modal-header.md +2 -0
  49. package/dist/docs/page-indicator/page-indicator.md +2 -0
  50. package/dist/docs/pagination/api.md +4 -4
  51. package/dist/docs/pagination/pagination.md +6 -4
  52. package/dist/docs/pill/api.md +8 -8
  53. package/dist/docs/pill/pill.md +10 -8
  54. package/dist/docs/radio/radio.md +5 -1
  55. package/dist/docs/radio-group/api.md +4 -4
  56. package/dist/docs/radio-group/radio-group.md +186 -69
  57. package/dist/docs/radio-group/styling.md +179 -64
  58. package/dist/docs/select/api.md +10 -10
  59. package/dist/docs/select/select.md +103 -10
  60. package/dist/docs/select/styling.md +91 -0
  61. package/dist/docs/slider/api.md +38 -22
  62. package/dist/docs/slider/slider.md +40 -22
  63. package/dist/docs/slider-thumb/api.md +28 -12
  64. package/dist/docs/slider-thumb/slider-thumb.md +28 -12
  65. package/dist/docs/snackbar/accessibility.md +20 -0
  66. package/dist/docs/snackbar/api.md +30 -0
  67. package/dist/docs/snackbar/examples.md +191 -0
  68. package/dist/docs/snackbar/snackbar.md +387 -0
  69. package/dist/docs/snackbar/styling.md +72 -0
  70. package/dist/docs/snackbar/usage.md +60 -0
  71. package/dist/docs/snackbar-item/api.md +41 -0
  72. package/dist/docs/snackbar-item/snackbar-item.md +51 -0
  73. package/dist/docs/step/api.md +16 -0
  74. package/dist/docs/step/step.md +19 -1
  75. package/dist/docs/step-indicator/step-indicator.md +2 -0
  76. package/dist/docs/switch/api.md +8 -0
  77. package/dist/docs/switch/switch.md +10 -0
  78. package/dist/docs/tab/tab.md +2 -0
  79. package/dist/docs/tab-panel/tab-panel.md +3 -0
  80. package/dist/docs/tabs/api.md +3 -3
  81. package/dist/docs/tabs/tabs.md +5 -3
  82. package/dist/docs/textarea/api.md +54 -14
  83. package/dist/docs/textarea/styling.md +91 -0
  84. package/dist/docs/textarea/textarea.md +146 -19
  85. package/dist/docs/textfield/api.md +74 -34
  86. package/dist/docs/textfield/styling.md +95 -0
  87. package/dist/docs/textfield/textfield.md +171 -34
  88. package/dist/entrypoint-react.d.ts +38 -0
  89. package/dist/entrypoint-react.js +39 -0
  90. package/dist/index.d.ts +1007 -154
  91. package/dist/packages/affix/affix-styles.d.ts +8 -0
  92. package/dist/packages/affix/affix-styles.js +108 -0
  93. package/dist/packages/affix/affix.d.ts +12 -14
  94. package/dist/packages/affix/affix.hydration.test.d.ts +1 -1
  95. package/dist/packages/affix/affix.hydration.test.js +15 -15
  96. package/dist/packages/affix/affix.js +451 -320
  97. package/dist/packages/affix/affix.js.map +4 -4
  98. package/dist/packages/affix/affix.react.stories.d.ts +3 -3
  99. package/dist/packages/affix/affix.react.stories.js +3 -3
  100. package/dist/packages/affix/affix.react.test.js +5 -3
  101. package/dist/packages/affix/affix.stories.d.ts +3 -3
  102. package/dist/packages/affix/affix.stories.js +10 -10
  103. package/dist/packages/affix/affix.test.d.ts +1 -1
  104. package/dist/packages/affix/affix.test.js +10 -10
  105. package/dist/packages/affix/react.d.ts +8 -3
  106. package/dist/packages/affix/react.js +11 -6
  107. package/dist/packages/affix/styles.js +2 -2
  108. package/dist/packages/alert/alert.d.ts +9 -6
  109. package/dist/packages/alert/alert.hydration.test.d.ts +1 -1
  110. package/dist/packages/alert/alert.hydration.test.js +21 -21
  111. package/dist/packages/alert/alert.js +349 -324
  112. package/dist/packages/alert/alert.js.map +3 -3
  113. package/dist/packages/alert/alert.react.stories.d.ts +2 -2
  114. package/dist/packages/alert/alert.react.stories.js +13 -13
  115. package/dist/packages/alert/alert.stories.d.ts +4 -4
  116. package/dist/packages/alert/alert.stories.js +29 -27
  117. package/dist/packages/alert/alert.test.d.ts +1 -1
  118. package/dist/packages/alert/alert.test.js +34 -21
  119. package/dist/packages/alert/react.d.ts +8 -1
  120. package/dist/packages/alert/react.js +11 -4
  121. package/dist/packages/alert/styles.js +2 -2
  122. package/dist/packages/attention/attention.d.ts +14 -7
  123. package/dist/packages/attention/attention.hydration.test.d.ts +1 -1
  124. package/dist/packages/attention/attention.hydration.test.js +29 -29
  125. package/dist/packages/attention/attention.js +1744 -1681
  126. package/dist/packages/attention/attention.js.map +4 -4
  127. package/dist/packages/attention/attention.react.stories.d.ts +3 -3
  128. package/dist/packages/attention/attention.react.stories.js +13 -13
  129. package/dist/packages/attention/attention.react.test.js +11 -7
  130. package/dist/packages/attention/attention.stories.d.ts +4 -4
  131. package/dist/packages/attention/attention.stories.js +126 -117
  132. package/dist/packages/attention/attention.test.d.ts +1 -1
  133. package/dist/packages/attention/attention.test.js +18 -10
  134. package/dist/packages/attention/layout-styles.js +900 -900
  135. package/dist/packages/attention/react.d.ts +16 -6
  136. package/dist/packages/attention/react.js +22 -11
  137. package/dist/packages/attention/styles.js +2 -2
  138. package/dist/packages/badge/badge.d.ts +8 -3
  139. package/dist/packages/badge/badge.hydration.test.d.ts +1 -1
  140. package/dist/packages/badge/badge.hydration.test.js +25 -25
  141. package/dist/packages/badge/badge.js +281 -281
  142. package/dist/packages/badge/badge.js.map +3 -3
  143. package/dist/packages/badge/badge.react.stories.d.ts +3 -3
  144. package/dist/packages/badge/badge.react.stories.js +17 -17
  145. package/dist/packages/badge/badge.stories.d.ts +3 -3
  146. package/dist/packages/badge/badge.stories.js +22 -20
  147. package/dist/packages/badge/badge.test.d.ts +1 -1
  148. package/dist/packages/badge/badge.test.js +13 -11
  149. package/dist/packages/badge/react.d.ts +6 -1
  150. package/dist/packages/badge/react.js +9 -4
  151. package/dist/packages/badge/styles.js +2 -2
  152. package/dist/packages/box/box.d.ts +7 -2
  153. package/dist/packages/box/box.hydration.test.d.ts +1 -1
  154. package/dist/packages/box/box.hydration.test.js +14 -14
  155. package/dist/packages/box/box.js +288 -288
  156. package/dist/packages/box/box.js.map +3 -3
  157. package/dist/packages/box/box.react.stories.d.ts +4 -4
  158. package/dist/packages/box/box.react.stories.js +8 -8
  159. package/dist/packages/box/box.stories.d.ts +3 -3
  160. package/dist/packages/box/box.stories.js +25 -19
  161. package/dist/packages/box/box.test.d.ts +1 -1
  162. package/dist/packages/box/box.test.js +6 -6
  163. package/dist/packages/box/react.d.ts +6 -1
  164. package/dist/packages/box/react.js +9 -4
  165. package/dist/packages/box/slot.test.d.ts +1 -1
  166. package/dist/packages/box/slot.test.js +6 -6
  167. package/dist/packages/box/styles.js +2 -2
  168. package/dist/packages/breadcrumb-item/breadcrumb-item.d.ts +34 -0
  169. package/dist/packages/breadcrumb-item/breadcrumb-item.js +2529 -0
  170. package/dist/packages/breadcrumb-item/breadcrumb-item.js.map +7 -0
  171. package/dist/packages/breadcrumb-item/react.d.ts +8 -0
  172. package/dist/packages/breadcrumb-item/react.js +17 -0
  173. package/dist/packages/breadcrumb-item/styles.d.ts +4 -0
  174. package/dist/packages/breadcrumb-item/styles.js +81 -0
  175. package/dist/packages/breadcrumbs/breadcrumbs.d.ts +11 -4
  176. package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.d.ts +1 -1
  177. package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.js +55 -49
  178. package/dist/packages/breadcrumbs/breadcrumbs.js +288 -284
  179. package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
  180. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +4 -4
  181. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.js +17 -16
  182. package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +7 -8
  183. package/dist/packages/breadcrumbs/breadcrumbs.stories.js +30 -26
  184. package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -1
  185. package/dist/packages/breadcrumbs/breadcrumbs.test.js +19 -17
  186. package/dist/packages/breadcrumbs/react.d.ts +8 -1
  187. package/dist/packages/breadcrumbs/react.js +11 -4
  188. package/dist/packages/breadcrumbs/styles.js +2 -2
  189. package/dist/packages/button/button.d.ts +22 -16
  190. package/dist/packages/button/button.hydration.test.d.ts +1 -1
  191. package/dist/packages/button/button.hydration.test.js +19 -19
  192. package/dist/packages/button/button.js +758 -711
  193. package/dist/packages/button/button.js.map +4 -4
  194. package/dist/packages/button/button.react.stories.d.ts +5 -5
  195. package/dist/packages/button/button.react.stories.js +30 -30
  196. package/dist/packages/button/button.react.test.js +13 -13
  197. package/dist/packages/button/button.stories.d.ts +4 -4
  198. package/dist/packages/button/button.stories.js +276 -167
  199. package/dist/packages/button/button.test.d.ts +1 -1
  200. package/dist/packages/button/button.test.js +36 -35
  201. package/dist/packages/button/react.d.ts +10 -3
  202. package/dist/packages/button/react.js +14 -7
  203. package/dist/packages/button/styles.js +373 -331
  204. package/dist/packages/card/card.d.ts +7 -2
  205. package/dist/packages/card/card.hydration.test.d.ts +1 -1
  206. package/dist/packages/card/card.hydration.test.js +14 -14
  207. package/dist/packages/card/card.js +310 -295
  208. package/dist/packages/card/card.js.map +4 -4
  209. package/dist/packages/card/card.react.stories.d.ts +4 -4
  210. package/dist/packages/card/card.react.stories.js +11 -11
  211. package/dist/packages/card/card.stories.d.ts +3 -3
  212. package/dist/packages/card/card.stories.js +36 -24
  213. package/dist/packages/card/card.test.d.ts +1 -1
  214. package/dist/packages/card/card.test.js +6 -6
  215. package/dist/packages/card/react.d.ts +6 -1
  216. package/dist/packages/card/react.js +9 -4
  217. package/dist/packages/card/styles.js +2 -2
  218. package/dist/packages/checkbox/checkbox.a11y.test.d.ts +1 -1
  219. package/dist/packages/checkbox/checkbox.a11y.test.js +47 -33
  220. package/dist/packages/checkbox/checkbox.d.ts +10 -4
  221. package/dist/packages/checkbox/checkbox.hydration.test.d.ts +1 -1
  222. package/dist/packages/checkbox/checkbox.hydration.test.js +21 -21
  223. package/dist/packages/checkbox/checkbox.js +481 -430
  224. package/dist/packages/checkbox/checkbox.js.map +3 -3
  225. package/dist/packages/checkbox/checkbox.react.stories.d.ts +4 -4
  226. package/dist/packages/checkbox/checkbox.react.stories.js +3 -3
  227. package/dist/packages/checkbox/checkbox.stories.d.ts +4 -4
  228. package/dist/packages/checkbox/checkbox.stories.js +99 -91
  229. package/dist/packages/checkbox/checkbox.test.d.ts +1 -1
  230. package/dist/packages/checkbox/checkbox.test.js +64 -64
  231. package/dist/packages/checkbox/react.d.ts +12 -3
  232. package/dist/packages/checkbox/react.js +13 -6
  233. package/dist/packages/checkbox/styles.js +183 -132
  234. package/dist/packages/checkbox-group/checkbox-group.a11y.test.d.ts +2 -2
  235. package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +83 -73
  236. package/dist/packages/checkbox-group/checkbox-group.d.ts +13 -6
  237. package/dist/packages/checkbox-group/checkbox-group.hydration.test.d.ts +2 -2
  238. package/dist/packages/checkbox-group/checkbox-group.hydration.test.js +36 -19
  239. package/dist/packages/checkbox-group/checkbox-group.js +62 -57
  240. package/dist/packages/checkbox-group/checkbox-group.js.map +3 -3
  241. package/dist/packages/checkbox-group/checkbox-group.react.test.js +4 -4
  242. package/dist/packages/checkbox-group/checkbox-group.test.d.ts +2 -2
  243. package/dist/packages/checkbox-group/checkbox-group.test.js +183 -90
  244. package/dist/packages/checkbox-group/react.d.ts +10 -3
  245. package/dist/packages/checkbox-group/react.js +13 -6
  246. package/dist/packages/combobox/combobox.a11y.test.d.ts +2 -2
  247. package/dist/packages/combobox/combobox.a11y.test.js +72 -49
  248. package/dist/packages/combobox/combobox.d.ts +8 -3
  249. package/dist/packages/combobox/combobox.hydration.test.d.ts +1 -1
  250. package/dist/packages/combobox/combobox.hydration.test.js +45 -45
  251. package/dist/packages/combobox/combobox.js +337 -338
  252. package/dist/packages/combobox/combobox.js.map +4 -4
  253. package/dist/packages/combobox/combobox.react.stories.d.ts +45 -13
  254. package/dist/packages/combobox/combobox.react.stories.js +29 -29
  255. package/dist/packages/combobox/combobox.react.test.js +8 -8
  256. package/dist/packages/combobox/combobox.stories.d.ts +4 -4
  257. package/dist/packages/combobox/combobox.stories.js +100 -94
  258. package/dist/packages/combobox/combobox.test.d.ts +2 -2
  259. package/dist/packages/combobox/combobox.test.js +249 -133
  260. package/dist/packages/combobox/react.d.ts +28 -7
  261. package/dist/packages/combobox/react.js +23 -14
  262. package/dist/packages/combobox/styles.js +2 -3
  263. package/dist/packages/datepicker/DatePicker.test.d.ts +2 -2
  264. package/dist/packages/datepicker/DatePicker.test.js +49 -42
  265. package/dist/packages/datepicker/datepicker.d.ts +15 -12
  266. package/dist/packages/datepicker/datepicker.hydration.test.d.ts +1 -1
  267. package/dist/packages/datepicker/datepicker.hydration.test.js +21 -21
  268. package/dist/packages/datepicker/datepicker.js +673 -632
  269. package/dist/packages/datepicker/datepicker.js.map +4 -4
  270. package/dist/packages/datepicker/datepicker.react.stories.d.ts +17 -17
  271. package/dist/packages/datepicker/datepicker.react.stories.js +9 -9
  272. package/dist/packages/datepicker/datepicker.react.test.js +6 -6
  273. package/dist/packages/datepicker/datepicker.stories.d.ts +4 -4
  274. package/dist/packages/datepicker/datepicker.stories.js +32 -32
  275. package/dist/packages/datepicker/datepicker.test.d.ts +2 -2
  276. package/dist/packages/datepicker/datepicker.test.js +77 -79
  277. package/dist/packages/datepicker/react.d.ts +15 -9
  278. package/dist/packages/datepicker/react.js +21 -14
  279. package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.js +13 -12
  280. package/dist/packages/datepicker/styles/w-datepicker-day.styles.js +58 -55
  281. package/dist/packages/datepicker/styles/w-datepicker-month.styles.js +60 -57
  282. package/dist/packages/datepicker/styles/w-datepicker.styles.js +87 -87
  283. package/dist/packages/datepicker/utils.d.ts +3 -0
  284. package/dist/packages/datepicker/utils.js +40 -1
  285. package/dist/packages/datepicker/utils.test.d.ts +1 -0
  286. package/dist/packages/datepicker/utils.test.js +29 -0
  287. package/dist/packages/expandable/expandable.d.ts +14 -7
  288. package/dist/packages/expandable/expandable.hydration.test.d.ts +1 -1
  289. package/dist/packages/expandable/expandable.hydration.test.js +21 -21
  290. package/dist/packages/expandable/expandable.js +359 -332
  291. package/dist/packages/expandable/expandable.js.map +4 -4
  292. package/dist/packages/expandable/expandable.react.stories.d.ts +3 -3
  293. package/dist/packages/expandable/expandable.react.stories.js +7 -7
  294. package/dist/packages/expandable/expandable.react.test.js +15 -7
  295. package/dist/packages/expandable/expandable.stories.d.ts +5 -5
  296. package/dist/packages/expandable/expandable.stories.js +51 -45
  297. package/dist/packages/expandable/expandable.test.d.ts +1 -1
  298. package/dist/packages/expandable/expandable.test.js +19 -17
  299. package/dist/packages/expandable/react.d.ts +7 -2
  300. package/dist/packages/expandable/react.js +14 -9
  301. package/dist/packages/expandable/styles.js +2 -2
  302. package/dist/packages/global.d.ts +1 -0
  303. package/dist/packages/global.js +5 -0
  304. package/dist/packages/i18n.d.ts +1 -1
  305. package/dist/packages/i18n.js +37 -29
  306. package/dist/packages/icon/icon.d.ts +10 -2
  307. package/dist/packages/icon/icon.hydration.test.d.ts +1 -1
  308. package/dist/packages/icon/icon.hydration.test.js +25 -25
  309. package/dist/packages/icon/icon.js +31 -26
  310. package/dist/packages/icon/icon.js.map +2 -2
  311. package/dist/packages/icon/icon.react.stories.d.ts +3 -2
  312. package/dist/packages/icon/icon.react.stories.js +284 -283
  313. package/dist/packages/icon/icon.stories.d.ts +7 -30
  314. package/dist/packages/icon/icon.stories.js +307 -297
  315. package/dist/packages/icon/icon.test.d.ts +1 -1
  316. package/dist/packages/icon/icon.test.js +36 -28
  317. package/dist/packages/icon/react.d.ts +4 -1
  318. package/dist/packages/icon/react.js +7 -4
  319. package/dist/packages/icon/style.js +24 -25
  320. package/dist/packages/interaction-type-detection.d.ts +22 -0
  321. package/dist/packages/interaction-type-detection.js +38 -0
  322. package/dist/packages/link/link.d.ts +14 -9
  323. package/dist/packages/link/link.hydration.test.d.ts +1 -1
  324. package/dist/packages/link/link.hydration.test.js +27 -27
  325. package/dist/packages/link/link.js +726 -679
  326. package/dist/packages/link/link.js.map +3 -3
  327. package/dist/packages/link/link.react.stories.d.ts +5 -5
  328. package/dist/packages/link/link.react.stories.js +42 -42
  329. package/dist/packages/link/link.react.test.js +5 -3
  330. package/dist/packages/link/link.stories.d.ts +3 -3
  331. package/dist/packages/link/link.stories.js +51 -51
  332. package/dist/packages/link/link.test.d.ts +1 -1
  333. package/dist/packages/link/link.test.js +11 -7
  334. package/dist/packages/link/react.d.ts +8 -3
  335. package/dist/packages/link/react.js +11 -6
  336. package/dist/packages/link/styles.js +63 -58
  337. package/dist/packages/modal/index.d.ts +7 -7
  338. package/dist/packages/modal/index.js +7 -7
  339. package/dist/packages/modal/modal.d.ts +26 -4
  340. package/dist/packages/modal/modal.hydration.test.d.ts +1 -1
  341. package/dist/packages/modal/modal.hydration.test.js +12 -12
  342. package/dist/packages/modal/modal.js +456 -409
  343. package/dist/packages/modal/modal.js.map +4 -4
  344. package/dist/packages/modal/modal.react.stories.d.ts +7 -7
  345. package/dist/packages/modal/modal.react.stories.js +15 -6
  346. package/dist/packages/modal/modal.react.test.js +5 -5
  347. package/dist/packages/modal/modal.stories.d.ts +9 -8
  348. package/dist/packages/modal/modal.stories.js +266 -248
  349. package/dist/packages/modal/react.d.ts +40 -8
  350. package/dist/packages/modal/react.js +45 -13
  351. package/dist/packages/modal/styles.d.ts +1 -0
  352. package/dist/packages/modal/styles.js +171 -0
  353. package/dist/packages/modal/util.js +3 -1
  354. package/dist/packages/modal-footer/modal-footer.d.ts +13 -2
  355. package/dist/packages/modal-footer/modal-footer.js +299 -296
  356. package/dist/packages/modal-footer/modal-footer.js.map +4 -4
  357. package/dist/packages/modal-footer/react.d.ts +6 -1
  358. package/dist/packages/modal-footer/react.js +9 -4
  359. package/dist/packages/modal-footer/styles.d.ts +1 -0
  360. package/dist/packages/modal-footer/styles.js +22 -0
  361. package/dist/packages/modal-header/modal-header.d.ts +21 -7
  362. package/dist/packages/modal-header/modal-header.js +451 -422
  363. package/dist/packages/modal-header/modal-header.js.map +4 -4
  364. package/dist/packages/modal-header/modal-header.react.test.js +5 -3
  365. package/dist/packages/modal-header/react.d.ts +9 -4
  366. package/dist/packages/modal-header/react.js +13 -8
  367. package/dist/packages/modal-header/styles.d.ts +1 -0
  368. package/dist/packages/modal-header/styles.js +96 -0
  369. package/dist/packages/page-indicator/page-indicator.d.ts +8 -5
  370. package/dist/packages/page-indicator/page-indicator.hydration.test.d.ts +1 -1
  371. package/dist/packages/page-indicator/page-indicator.hydration.test.js +22 -22
  372. package/dist/packages/page-indicator/page-indicator.js +29 -29
  373. package/dist/packages/page-indicator/page-indicator.js.map +4 -4
  374. package/dist/packages/page-indicator/page-indicator.react.stories.d.ts +3 -3
  375. package/dist/packages/page-indicator/page-indicator.react.stories.js +11 -11
  376. package/dist/packages/page-indicator/page-indicator.react.test.js +5 -5
  377. package/dist/packages/page-indicator/page-indicator.stories.d.ts +9 -27
  378. package/dist/packages/page-indicator/page-indicator.stories.js +63 -32
  379. package/dist/packages/page-indicator/page-indicator.test.d.ts +1 -1
  380. package/dist/packages/page-indicator/page-indicator.test.js +110 -70
  381. package/dist/packages/page-indicator/react.d.ts +9 -2
  382. package/dist/packages/page-indicator/react.js +14 -7
  383. package/dist/packages/page-indicator/style.js +21 -21
  384. package/dist/packages/pagination/pagination.a11y.test.d.ts +1 -1
  385. package/dist/packages/pagination/pagination.a11y.test.js +59 -25
  386. package/dist/packages/pagination/pagination.d.ts +17 -11
  387. package/dist/packages/pagination/pagination.hydration.test.d.ts +1 -1
  388. package/dist/packages/pagination/pagination.hydration.test.js +19 -19
  389. package/dist/packages/pagination/pagination.js +385 -354
  390. package/dist/packages/pagination/pagination.js.map +4 -4
  391. package/dist/packages/pagination/pagination.react.stories.d.ts +19 -11
  392. package/dist/packages/pagination/pagination.react.stories.js +8 -8
  393. package/dist/packages/pagination/pagination.react.test.js +6 -6
  394. package/dist/packages/pagination/pagination.stories.d.ts +3 -3
  395. package/dist/packages/pagination/pagination.stories.js +18 -18
  396. package/dist/packages/pagination/pagination.test.d.ts +1 -1
  397. package/dist/packages/pagination/pagination.test.js +146 -72
  398. package/dist/packages/pagination/react.d.ts +15 -6
  399. package/dist/packages/pagination/react.js +17 -10
  400. package/dist/packages/pagination/styles.js +2 -2
  401. package/dist/packages/pill/pill.d.ts +13 -6
  402. package/dist/packages/pill/pill.hydration.test.d.ts +1 -1
  403. package/dist/packages/pill/pill.hydration.test.js +14 -14
  404. package/dist/packages/pill/pill.js +337 -314
  405. package/dist/packages/pill/pill.js.map +4 -4
  406. package/dist/packages/pill/pill.react.stories.d.ts +15 -11
  407. package/dist/packages/pill/pill.react.stories.js +7 -3
  408. package/dist/packages/pill/pill.react.test.js +8 -8
  409. package/dist/packages/pill/pill.stories.d.ts +3 -3
  410. package/dist/packages/pill/pill.stories.js +8 -8
  411. package/dist/packages/pill/pill.test.d.ts +1 -1
  412. package/dist/packages/pill/pill.test.js +17 -15
  413. package/dist/packages/pill/react.d.ts +11 -6
  414. package/dist/packages/pill/react.js +23 -14
  415. package/dist/packages/pill/styles.js +2 -2
  416. package/dist/packages/radio/base-element.d.ts +3 -3
  417. package/dist/packages/radio/base-element.js +3 -3
  418. package/dist/packages/radio/custom-error-validator.d.ts +1 -1
  419. package/dist/packages/radio/custom-error-validator.js +3 -3
  420. package/dist/packages/radio/form-associated-element.d.ts +9 -9
  421. package/dist/packages/radio/form-associated-element.js +27 -26
  422. package/dist/packages/radio/host-styles.js +9 -9
  423. package/dist/packages/radio/invalid.d.ts +1 -1
  424. package/dist/packages/radio/invalid.js +1 -1
  425. package/dist/packages/radio/radio-styles.js +199 -160
  426. package/dist/packages/radio/radio.a11y.test.d.ts +2 -2
  427. package/dist/packages/radio/radio.a11y.test.js +60 -58
  428. package/dist/packages/radio/radio.d.ts +10 -4
  429. package/dist/packages/radio/radio.hydration.test.d.ts +1 -1
  430. package/dist/packages/radio/radio.hydration.test.js +23 -14
  431. package/dist/packages/radio/radio.js +491 -452
  432. package/dist/packages/radio/radio.js.map +3 -3
  433. package/dist/packages/radio/radio.react.stories.d.ts +2 -2
  434. package/dist/packages/radio/radio.react.stories.js +3 -3
  435. package/dist/packages/radio/radio.stories.d.ts +4 -4
  436. package/dist/packages/radio/radio.stories.js +152 -136
  437. package/dist/packages/radio/radio.test.d.ts +1 -1
  438. package/dist/packages/radio/radio.test.js +74 -73
  439. package/dist/packages/radio/react.d.ts +8 -1
  440. package/dist/packages/radio/react.js +11 -4
  441. package/dist/packages/radio/required-validator.d.ts +1 -1
  442. package/dist/packages/radio/required-validator.js +12 -7
  443. package/dist/packages/radio/slot.d.ts +1 -1
  444. package/dist/packages/radio/slot.js +11 -8
  445. package/dist/packages/radio/watch.d.ts +1 -1
  446. package/dist/packages/radio/watch.js +3 -1
  447. package/dist/packages/radio-group/radio-group-styles.js +121 -88
  448. package/dist/packages/radio-group/radio-group.a11y.test.d.ts +2 -2
  449. package/dist/packages/radio-group/radio-group.a11y.test.js +81 -79
  450. package/dist/packages/radio-group/radio-group.d.ts +10 -8
  451. package/dist/packages/radio-group/radio-group.hydration.test.d.ts +2 -2
  452. package/dist/packages/radio-group/radio-group.hydration.test.js +29 -18
  453. package/dist/packages/radio-group/radio-group.js +654 -566
  454. package/dist/packages/radio-group/radio-group.js.map +4 -4
  455. package/dist/packages/radio-group/radio-group.react.test.js +4 -4
  456. package/dist/packages/radio-group/radio-group.test.d.ts +2 -2
  457. package/dist/packages/radio-group/radio-group.test.js +304 -230
  458. package/dist/packages/radio-group/react.d.ts +14 -7
  459. package/dist/packages/radio-group/react.js +18 -10
  460. package/dist/packages/select/input-styles.d.ts +11 -0
  461. package/dist/packages/select/input-styles.js +88 -0
  462. package/dist/packages/select/locales/da/messages.mjs +1 -1
  463. package/dist/packages/select/locales/en/messages.mjs +1 -1
  464. package/dist/packages/select/locales/fi/messages.mjs +1 -1
  465. package/dist/packages/select/locales/nb/messages.mjs +1 -1
  466. package/dist/packages/select/locales/sv/messages.mjs +1 -1
  467. package/dist/packages/select/react.d.ts +11 -5
  468. package/dist/packages/select/react.js +16 -11
  469. package/dist/packages/select/select.a11y.test.d.ts +1 -1
  470. package/dist/packages/select/select.a11y.test.js +98 -91
  471. package/dist/packages/select/select.d.ts +18 -13
  472. package/dist/packages/select/select.hydration.test.d.ts +1 -1
  473. package/dist/packages/select/select.hydration.test.js +16 -16
  474. package/dist/packages/select/select.js +432 -336
  475. package/dist/packages/select/select.js.map +4 -4
  476. package/dist/packages/select/select.react.stories.d.ts +10 -10
  477. package/dist/packages/select/select.react.stories.js +19 -14
  478. package/dist/packages/select/select.react.test.js +6 -6
  479. package/dist/packages/select/select.stories.d.ts +3 -3
  480. package/dist/packages/select/select.stories.js +51 -48
  481. package/dist/packages/select/select.test.d.ts +1 -1
  482. package/dist/packages/select/select.test.js +227 -178
  483. package/dist/packages/select/styles.js +2 -2
  484. package/dist/packages/slider/index.d.ts +2 -2
  485. package/dist/packages/slider/index.js +2 -2
  486. package/dist/packages/slider/locales/da/messages.mjs +1 -1
  487. package/dist/packages/slider/locales/en/messages.mjs +1 -1
  488. package/dist/packages/slider/locales/fi/messages.mjs +1 -1
  489. package/dist/packages/slider/locales/nb/messages.mjs +1 -1
  490. package/dist/packages/slider/locales/sv/messages.mjs +1 -1
  491. package/dist/packages/slider/react.d.ts +9 -4
  492. package/dist/packages/slider/react.js +14 -9
  493. package/dist/packages/slider/slider.d.ts +32 -17
  494. package/dist/packages/slider/slider.hydration.test.d.ts +1 -1
  495. package/dist/packages/slider/slider.hydration.test.js +39 -20
  496. package/dist/packages/slider/slider.js +523 -466
  497. package/dist/packages/slider/slider.js.map +4 -4
  498. package/dist/packages/slider/slider.react.stories.d.ts +4 -4
  499. package/dist/packages/slider/slider.react.stories.js +31 -34
  500. package/dist/packages/slider/slider.react.test.js +6 -6
  501. package/dist/packages/slider/slider.stories.d.ts +9 -7
  502. package/dist/packages/slider/slider.stories.js +369 -340
  503. package/dist/packages/slider/slider.test.d.ts +5 -5
  504. package/dist/packages/slider/slider.test.js +476 -336
  505. package/dist/packages/slider/styles/w-slider.styles.js +166 -148
  506. package/dist/packages/slider/styles.js +2 -2
  507. package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.d.ts +1 -1
  508. package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.js +1 -1
  509. package/dist/packages/slider-thumb/react.d.ts +16 -5
  510. package/dist/packages/slider-thumb/react.js +16 -9
  511. package/dist/packages/slider-thumb/slider-thumb.d.ts +22 -17
  512. package/dist/packages/slider-thumb/slider-thumb.hydration.test.d.ts +1 -1
  513. package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +26 -17
  514. package/dist/packages/slider-thumb/slider-thumb.js +549 -552
  515. package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
  516. package/dist/packages/slider-thumb/slider-thumb.react.test.js +9 -5
  517. package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.js +189 -188
  518. package/dist/packages/slider-thumb/styles.d.ts +1 -0
  519. package/dist/packages/slider-thumb/styles.js +2 -0
  520. package/dist/packages/snackbar/locales/da/messages.d.mts +1 -0
  521. package/dist/packages/snackbar/locales/da/messages.mjs +1 -0
  522. package/dist/packages/snackbar/locales/en/messages.d.mts +1 -0
  523. package/dist/packages/snackbar/locales/en/messages.mjs +1 -0
  524. package/dist/packages/snackbar/locales/fi/messages.d.mts +1 -0
  525. package/dist/packages/snackbar/locales/fi/messages.mjs +1 -0
  526. package/dist/packages/snackbar/locales/nb/messages.d.mts +1 -0
  527. package/dist/packages/snackbar/locales/nb/messages.mjs +1 -0
  528. package/dist/packages/snackbar/locales/sv/messages.d.mts +1 -0
  529. package/dist/packages/snackbar/locales/sv/messages.mjs +1 -0
  530. package/dist/packages/snackbar/react.d.ts +41 -0
  531. package/dist/packages/snackbar/react.js +50 -0
  532. package/dist/packages/snackbar/snackbar.d.ts +134 -0
  533. package/dist/packages/snackbar/snackbar.hydration.test.d.ts +1 -0
  534. package/dist/packages/snackbar/snackbar.hydration.test.js +13 -0
  535. package/dist/packages/snackbar/snackbar.js +2665 -0
  536. package/dist/packages/snackbar/snackbar.js.map +7 -0
  537. package/dist/packages/snackbar/snackbar.react.stories.d.ts +12 -0
  538. package/dist/packages/snackbar/snackbar.react.stories.js +160 -0
  539. package/dist/packages/snackbar/snackbar.stories.d.ts +20 -0
  540. package/dist/packages/snackbar/snackbar.stories.js +363 -0
  541. package/dist/packages/snackbar/snackbar.test.d.ts +4 -0
  542. package/dist/packages/snackbar/snackbar.test.js +17 -0
  543. package/dist/packages/snackbar/styles.d.ts +1 -0
  544. package/dist/packages/snackbar/styles.js +35 -0
  545. package/dist/packages/snackbar-item/react.d.ts +12 -0
  546. package/dist/packages/snackbar-item/react.js +23 -0
  547. package/dist/packages/snackbar-item/snackbar-item.d.ts +71 -0
  548. package/dist/packages/snackbar-item/snackbar-item.js +2620 -0
  549. package/dist/packages/snackbar-item/snackbar-item.js.map +7 -0
  550. package/dist/packages/snackbar-item/snackbar-item.react.test.d.ts +1 -0
  551. package/dist/packages/snackbar-item/snackbar-item.react.test.js +5 -0
  552. package/dist/packages/snackbar-item/styles.d.ts +1 -0
  553. package/dist/packages/snackbar-item/styles.js +133 -0
  554. package/dist/packages/step/react.d.ts +6 -1
  555. package/dist/packages/step/react.js +9 -4
  556. package/dist/packages/step/step.d.ts +10 -3
  557. package/dist/packages/step/step.hydration.test.d.ts +1 -1
  558. package/dist/packages/step/step.hydration.test.js +10 -10
  559. package/dist/packages/step/step.js +336 -314
  560. package/dist/packages/step/step.js.map +4 -4
  561. package/dist/packages/step/styles.d.ts +1 -0
  562. package/dist/packages/step/styles.js +2 -0
  563. package/dist/packages/step-indicator/index.d.ts +2 -2
  564. package/dist/packages/step-indicator/index.js +2 -2
  565. package/dist/packages/step-indicator/react.d.ts +7 -2
  566. package/dist/packages/step-indicator/react.js +10 -5
  567. package/dist/packages/step-indicator/step-indicator.a11y.test.d.ts +2 -2
  568. package/dist/packages/step-indicator/step-indicator.a11y.test.js +48 -46
  569. package/dist/packages/step-indicator/step-indicator.d.ts +8 -1
  570. package/dist/packages/step-indicator/step-indicator.hydration.test.d.ts +1 -1
  571. package/dist/packages/step-indicator/step-indicator.hydration.test.js +10 -10
  572. package/dist/packages/step-indicator/step-indicator.js +285 -281
  573. package/dist/packages/step-indicator/step-indicator.js.map +3 -3
  574. package/dist/packages/step-indicator/stepindicator.react.stories.d.ts +2 -2
  575. package/dist/packages/step-indicator/stepindicator.react.stories.js +3 -3
  576. package/dist/packages/step-indicator/stepindicator.stories.d.ts +3 -3
  577. package/dist/packages/step-indicator/stepindicator.stories.js +129 -129
  578. package/dist/packages/step-indicator/styles.js +2 -2
  579. package/dist/packages/styles.js +277 -275
  580. package/dist/packages/switch/react.d.ts +9 -3
  581. package/dist/packages/switch/react.js +11 -6
  582. package/dist/packages/switch/styles.js +2 -2
  583. package/dist/packages/switch/switch.a11y.test.d.ts +1 -1
  584. package/dist/packages/switch/switch.a11y.test.js +46 -38
  585. package/dist/packages/switch/switch.d.ts +10 -3
  586. package/dist/packages/switch/switch.hydration.test.d.ts +1 -1
  587. package/dist/packages/switch/switch.hydration.test.js +23 -23
  588. package/dist/packages/switch/switch.js +304 -304
  589. package/dist/packages/switch/switch.js.map +3 -3
  590. package/dist/packages/switch/switch.react.stories.d.ts +4 -4
  591. package/dist/packages/switch/switch.react.stories.js +2 -2
  592. package/dist/packages/switch/switch.stories.d.ts +2 -2
  593. package/dist/packages/switch/switch.stories.js +42 -37
  594. package/dist/packages/switch/switch.test.d.ts +1 -1
  595. package/dist/packages/switch/switch.test.js +30 -35
  596. package/dist/packages/tab/react.d.ts +12 -7
  597. package/dist/packages/tab/react.js +14 -10
  598. package/dist/packages/tab/styles.d.ts +1 -0
  599. package/dist/packages/tab/styles.js +2 -0
  600. package/dist/packages/tab/tab.d.ts +13 -6
  601. package/dist/packages/tab/tab.hydration.test.d.ts +1 -1
  602. package/dist/packages/tab/tab.hydration.test.js +18 -12
  603. package/dist/packages/tab/tab.js +309 -308
  604. package/dist/packages/tab/tab.js.map +4 -4
  605. package/dist/packages/tab/tab.react.test.js +5 -3
  606. package/dist/packages/tab-panel/react.d.ts +10 -2
  607. package/dist/packages/tab-panel/react.js +18 -5
  608. package/dist/packages/tab-panel/tab-panel.d.ts +6 -3
  609. package/dist/packages/tab-panel/tab-panel.hydration.test.d.ts +1 -1
  610. package/dist/packages/tab-panel/tab-panel.hydration.test.js +13 -10
  611. package/dist/packages/tab-panel/tab-panel.js +293 -291
  612. package/dist/packages/tab-panel/tab-panel.js.map +3 -3
  613. package/dist/packages/tabs/index.d.ts +4 -4
  614. package/dist/packages/tabs/index.js +3 -3
  615. package/dist/packages/tabs/react.d.ts +31 -8
  616. package/dist/packages/tabs/react.js +34 -9
  617. package/dist/packages/tabs/styles.js +2 -2
  618. package/dist/packages/tabs/tabs.a11y.test.d.ts +3 -3
  619. package/dist/packages/tabs/tabs.a11y.test.js +188 -169
  620. package/dist/packages/tabs/tabs.d.ts +9 -6
  621. package/dist/packages/tabs/tabs.hydration.test.d.ts +3 -1
  622. package/dist/packages/tabs/tabs.hydration.test.js +22 -8
  623. package/dist/packages/tabs/tabs.js +293 -286
  624. package/dist/packages/tabs/tabs.js.map +3 -3
  625. package/dist/packages/tabs/tabs.react.stories.d.ts +12 -10
  626. package/dist/packages/tabs/tabs.react.stories.js +28 -28
  627. package/dist/packages/tabs/tabs.stories.d.ts +4 -4
  628. package/dist/packages/tabs/tabs.stories.js +101 -95
  629. package/dist/packages/tabs/tabs.test.d.ts +3 -3
  630. package/dist/packages/tabs/tabs.test.js +136 -122
  631. package/dist/packages/textarea/input-styles.d.ts +11 -0
  632. package/dist/packages/textarea/input-styles.js +88 -0
  633. package/dist/packages/textarea/locales/da/messages.mjs +1 -1
  634. package/dist/packages/textarea/locales/en/messages.mjs +1 -1
  635. package/dist/packages/textarea/locales/fi/messages.mjs +1 -1
  636. package/dist/packages/textarea/locales/nb/messages.mjs +1 -1
  637. package/dist/packages/textarea/locales/sv/messages.mjs +1 -1
  638. package/dist/packages/textarea/react.d.ts +17 -11
  639. package/dist/packages/textarea/react.js +22 -17
  640. package/dist/packages/textarea/styles.js +2 -2
  641. package/dist/packages/textarea/textarea.a11y.test.d.ts +1 -1
  642. package/dist/packages/textarea/textarea.a11y.test.js +90 -58
  643. package/dist/packages/textarea/textarea.d.ts +20 -20
  644. package/dist/packages/textarea/textarea.hydration.test.d.ts +1 -1
  645. package/dist/packages/textarea/textarea.hydration.test.js +19 -19
  646. package/dist/packages/textarea/textarea.js +385 -304
  647. package/dist/packages/textarea/textarea.js.map +4 -4
  648. package/dist/packages/textarea/textarea.react.stories.d.ts +38 -21
  649. package/dist/packages/textarea/textarea.react.stories.js +30 -13
  650. package/dist/packages/textarea/textarea.react.test.js +7 -7
  651. package/dist/packages/textarea/textarea.stories.d.ts +3 -3
  652. package/dist/packages/textarea/textarea.stories.js +44 -42
  653. package/dist/packages/textarea/textarea.test.d.ts +1 -1
  654. package/dist/packages/textarea/textarea.test.js +197 -88
  655. package/dist/packages/textfield/input-styles.d.ts +11 -0
  656. package/dist/packages/textfield/input-styles.js +88 -0
  657. package/dist/packages/textfield/locales/da/messages.d.mts +1 -0
  658. package/dist/packages/textfield/locales/da/messages.mjs +1 -0
  659. package/dist/packages/textfield/locales/en/messages.d.mts +1 -0
  660. package/dist/packages/textfield/locales/en/messages.mjs +1 -0
  661. package/dist/packages/textfield/locales/fi/messages.d.mts +1 -0
  662. package/dist/packages/textfield/locales/fi/messages.mjs +1 -0
  663. package/dist/packages/textfield/locales/nb/messages.d.mts +1 -0
  664. package/dist/packages/textfield/locales/nb/messages.mjs +1 -0
  665. package/dist/packages/textfield/locales/sv/messages.d.mts +1 -0
  666. package/dist/packages/textfield/locales/sv/messages.mjs +1 -0
  667. package/dist/packages/textfield/react.d.ts +17 -11
  668. package/dist/packages/textfield/react.js +22 -17
  669. package/dist/packages/textfield/react.test.d.ts +1 -0
  670. package/dist/packages/textfield/react.test.js +20 -0
  671. package/dist/packages/textfield/styles/w-textfield.styles.js +60 -58
  672. package/dist/packages/textfield/styles.js +2 -2
  673. package/dist/packages/textfield/textfield.d.ts +38 -26
  674. package/dist/packages/textfield/textfield.hydration.test.d.ts +1 -1
  675. package/dist/packages/textfield/textfield.hydration.test.js +19 -19
  676. package/dist/packages/textfield/textfield.js +468 -373
  677. package/dist/packages/textfield/textfield.js.map +4 -4
  678. package/dist/packages/textfield/textfield.react.stories.d.ts +51 -21
  679. package/dist/packages/textfield/textfield.react.stories.js +63 -31
  680. package/dist/packages/textfield/textfield.react.test.js +7 -7
  681. package/dist/packages/textfield/textfield.stories.d.ts +4 -4
  682. package/dist/packages/textfield/textfield.stories.js +107 -89
  683. package/dist/packages/textfield/textfield.test.d.ts +2 -2
  684. package/dist/packages/textfield/textfield.test.js +174 -71
  685. package/dist/packages/toast/api.d.ts +2 -2
  686. package/dist/packages/toast/api.js +3 -3
  687. package/dist/packages/toast/index.d.ts +5 -5
  688. package/dist/packages/toast/index.js +5 -5
  689. package/dist/packages/toast/styles.js +2 -2
  690. package/dist/packages/toast/toast.d.ts +10 -5
  691. package/dist/packages/toast/toast.js +349 -320
  692. package/dist/packages/toast/toast.js.map +4 -4
  693. package/dist/packages/toast/toast.stories.d.ts +4 -4
  694. package/dist/packages/toast/toast.stories.js +37 -16
  695. package/dist/packages/toast/toast.test.d.ts +1 -1
  696. package/dist/packages/toast/toast.test.js +48 -31
  697. package/dist/packages/toast/types.d.ts +1 -1
  698. package/dist/packages/toast-container/styles.d.ts +1 -0
  699. package/dist/packages/toast-container/styles.js +2 -0
  700. package/dist/packages/toast-container/toast-container.d.ts +8 -3
  701. package/dist/packages/toast-container/toast-container.js +295 -294
  702. package/dist/packages/toast-container/toast-container.js.map +4 -4
  703. package/dist/packages/types.d.ts +16 -0
  704. package/dist/packages/types.js +1 -0
  705. package/dist/packages/utils/element-collapse.d.ts +12 -0
  706. package/dist/packages/utils/element-collapse.js +102 -0
  707. package/dist/packages/utils/expand-transition.d.ts +1 -1
  708. package/dist/packages/utils/expand-transition.js +12 -10
  709. package/dist/packages/utils/unstyled-heading.d.ts +1 -1
  710. package/dist/packages/utils/unstyled-heading.js +4 -4
  711. package/dist/packages/utils/window-exists.js +1 -1
  712. package/dist/packages/utils.js +2 -2
  713. package/dist/setup-tests.d.ts +3 -3
  714. package/dist/setup-tests.js +16 -13
  715. package/dist/tests/react-hydration.js +29 -30
  716. package/dist/tests/react-ssr-attributes.d.ts +1 -1
  717. package/dist/tests/react-ssr-attributes.js +4 -4
  718. package/dist/web-types.json +458 -256
  719. package/eik/index.js +20 -2460
  720. package/package.json +21 -129
  721. package/dist/packages/slider/Slider.d.ts +0 -2
  722. package/dist/packages/slider/Slider.js +0 -8
  723. package/dist/packages/slider-thumb/SliderThumb.d.ts +0 -2
  724. package/dist/packages/slider-thumb/SliderThumb.js +0 -8
package/dist/custom-elements.json CHANGED
@@ -2,170 +2,13 @@
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",
165
8
  "declarations": [
166
9
  {
167
10
  "kind": "class",
168
- "description": "A single-line input component used for entering and editing textual or numeric data.",
11
+ "description": "A single-line input component used for entering and editing textual or numeric data.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/text-area/frameworks/elements)",
169
12
  "name": "WarpTextField",
170
13
  "slots": [
171
14
  {
@@ -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,43 +551,200 @@
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": "[Warp component reference](https://warp-ds.github.io/docs/components/icons/frameworks/elements)",
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"
725
590
  },
726
- "default": "false",
727
- "description": "Add this property to render a clickable Warp search icon.",
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[Warp component reference](https://warp-ds.github.io/docs/components/text-field/frameworks/elements#prefix-label)",
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"
745
+ },
746
+ "default": "false",
747
+ "description": "Add this property to render a clickable Warp search icon.",
728
748
  "summary": "Renders a search icon button.",
729
749
  "attribute": "search"
730
750
  },
@@ -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
  },
@@ -846,7 +866,7 @@
846
866
  "declarations": [
847
867
  {
848
868
  "kind": "class",
849
- "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)",
869
+ "description": "Alert is an inline component used for displaying different types of messages.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/alert/frameworks/elements)",
850
870
  "name": "WarpAlert",
851
871
  "members": [
852
872
  {
@@ -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
  }
@@ -961,7 +981,7 @@
961
981
  "declarations": [
962
982
  {
963
983
  "kind": "class",
964
- "description": "Buttons are used to perform actions, with different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-link--docs)",
984
+ "description": "Link component to use when creating links that look like buttons.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/link/frameworks/elements)",
965
985
  "name": "WarpLink",
966
986
  "members": [
967
987
  {
@@ -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"
@@ -1160,7 +1180,7 @@
1160
1180
  "declarations": [
1161
1181
  {
1162
1182
  "kind": "class",
1163
- "description": "Performs an action or renders a link with button styling.\nUse button variants to match action priority, risk, and context.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)",
1183
+ "description": "Performs an action or renders a link with button styling.\n\nUse button variants to match action priority, risk, and context.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/button/frameworks/elements)",
1164
1184
  "name": "WarpButton",
1165
1185
  "members": [
1166
1186
  {
@@ -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"
@@ -1607,7 +1627,7 @@
1607
1627
  "declarations": [
1608
1628
  {
1609
1629
  "kind": "class",
1610
- "description": "Attention is a versatile component for displaying contextual information and messages. It can be used for a wide range of purposes, such as tooltips, callouts, popovers, and highlights.\n\nThe component is designed to be anchored to a trigger element, providing contextual information related to that element. It supports various placements and styling options to accommodate different use cases and design needs.\n\nNote: attention will soon be split into multiple components (tooltip, callout, popover, highlight) at which time this component will be deprecated. For now, use the `tooltip`, `callout`, `popover`, and `highlight` boolean properties to achieve the desired style and behavior.",
1630
+ "description": "Note: attention will soon be split into multiple components (tooltip, callout, popover, highlight) at which time this component will be deprecated. For now, use the `tooltip`, `callout`, `popover`, and `highlight` boolean properties to achieve the desired style and behavior.\n\nAttention is a versatile component for displaying contextual information and messages. It can be used for a wide range of purposes, such as tooltips, callouts, popovers, and highlights.\n\nThe component is designed to be anchored to a trigger element, providing contextual information related to that element. It supports various placements and styling options to accommodate different use cases and design needs.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/tooltip/frameworks/elements)",
1611
1631
  "name": "WarpAttention",
1612
1632
  "members": [
1613
1633
  {
@@ -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": {
@@ -2052,7 +2084,7 @@
2052
2084
  "declarations": [
2053
2085
  {
2054
2086
  "kind": "class",
2055
- "description": "Box 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/layout-box--docs)",
2087
+ "description": "Box is a layout component used for separating content areas on a page.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/box/frameworks/elements)",
2056
2088
  "name": "WarpBox",
2057
2089
  "members": [
2058
2090
  {
@@ -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
  }
@@ -2199,7 +2231,7 @@
2199
2231
  "declarations": [
2200
2232
  {
2201
2233
  "kind": "class",
2202
- "description": "Shows the navigation structure for the current page.\nRenders direct child links and non-link elements as a breadcrumb trail, inserts separators between items, and exposes the trail as navigation.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-breadcrumbs--docs)",
2234
+ "description": "Shows the navigation structure for the current page.\n\nRenders direct child links and non-link elements as a breadcrumb trail, inserts separators between items, and exposes the trail as navigation.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/breadcrumbs/frameworks/elements)",
2203
2235
  "name": "WarpBreadcrumbs",
2204
2236
  "members": [
2205
2237
  {
@@ -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,35 +2308,124 @@
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[Warp component reference](https://warp-ds.github.io/docs/components/breadcrumbs/frameworks/elements)",
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
- {
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[Warp component reference](https://warp-ds.github.io/docs/components/card/frameworks/elements)",
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
+ {
2282
2429
  "kind": "field",
2283
2430
  "name": "clickable",
2284
2431
  "type": {
@@ -2372,7 +2519,7 @@
2372
2519
  "declarations": [
2373
2520
  {
2374
2521
  "kind": "class",
2375
- "description": "",
2522
+ "description": "Checkboxes allow users to select one or more options from a number of choices.\n\nWrap individual checkboxes in a checkbox group.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/checkbox/frameworks/elements)",
2376
2523
  "name": "WarpCheckbox",
2377
2524
  "members": [
2378
2525
  {
@@ -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
  {
@@ -2632,14 +2779,6 @@
2632
2779
  }
2633
2780
  }
2634
2781
  ],
2635
- "events": [
2636
- {
2637
- "name": "change",
2638
- "type": {
2639
- "text": "Event"
2640
- }
2641
- }
2642
- ],
2643
2782
  "attributes": [
2644
2783
  {
2645
2784
  "name": "name",
@@ -2763,7 +2902,7 @@
2763
2902
  "declarations": [
2764
2903
  {
2765
2904
  "kind": "class",
2766
- "description": "",
2905
+ "description": "Checkboxes allow users to select one or more options from a number of choices.\n\nWrap individual checkboxes in a checkbox group.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/checkbox/frameworks/elements)",
2767
2906
  "name": "WarpCheckboxGroup",
2768
2907
  "members": [
2769
2908
  {
@@ -2779,7 +2918,7 @@
2779
2918
  "kind": "field",
2780
2919
  "name": "label",
2781
2920
  "type": {
2782
- "text": "string"
2921
+ "text": "string | undefined"
2783
2922
  },
2784
2923
  "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
2924
  "attribute": "label",
@@ -2789,7 +2928,7 @@
2789
2928
  "kind": "field",
2790
2929
  "name": "name",
2791
2930
  "type": {
2792
- "text": "string"
2931
+ "text": "string | undefined"
2793
2932
  },
2794
2933
  "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
2934
  "attribute": "name",
@@ -2810,7 +2949,7 @@
2810
2949
  "kind": "field",
2811
2950
  "name": "helpText",
2812
2951
  "type": {
2813
- "text": "string"
2952
+ "text": "string | undefined"
2814
2953
  },
2815
2954
  "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
2955
  "attribute": "help-text",
@@ -3093,7 +3232,7 @@
3093
3232
  {
3094
3233
  "name": "label",
3095
3234
  "type": {
3096
- "text": "string"
3235
+ "text": "string | undefined"
3097
3236
  },
3098
3237
  "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
3238
  "fieldName": "label"
@@ -3101,7 +3240,7 @@
3101
3240
  {
3102
3241
  "name": "name",
3103
3242
  "type": {
3104
- "text": "string"
3243
+ "text": "string | undefined"
3105
3244
  },
3106
3245
  "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
3246
  "fieldName": "name"
@@ -3118,7 +3257,7 @@
3118
3257
  {
3119
3258
  "name": "help-text",
3120
3259
  "type": {
3121
- "text": "string"
3260
+ "text": "string | undefined"
3122
3261
  },
3123
3262
  "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
3263
  "fieldName": "helpText"
@@ -3197,7 +3336,7 @@
3197
3336
  "declarations": [
3198
3337
  {
3199
3338
  "kind": "class",
3200
- "description": "A combobox element for text input with selectable options.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-combobox--docs)",
3339
+ "description": "A combobox element for text input with selectable options.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/combo-box/frameworks/elements)",
3201
3340
  "name": "WarpCombobox",
3202
3341
  "members": [
3203
3342
  {
@@ -3216,7 +3355,7 @@
3216
3355
  "type": {
3217
3356
  "text": "string | undefined"
3218
3357
  },
3219
- "default": "''",
3358
+ "default": "\"\"",
3220
3359
  "description": "The label displayed above the input.\n\nUse this to give the combobox a visible and accessible name.",
3221
3360
  "attribute": "label",
3222
3361
  "reflects": true
@@ -3227,7 +3366,7 @@
3227
3366
  "type": {
3228
3367
  "text": "string | undefined"
3229
3368
  },
3230
- "default": "''",
3369
+ "default": "\"\"",
3231
3370
  "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
3371
  "attribute": "placeholder",
3233
3372
  "reflects": true
@@ -3238,7 +3377,7 @@
3238
3377
  "type": {
3239
3378
  "text": "string"
3240
3379
  },
3241
- "default": "''",
3380
+ "default": "\"\"",
3242
3381
  "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
3382
  "attribute": "value",
3244
3383
  "reflects": true
@@ -3304,7 +3443,7 @@
3304
3443
  "type": {
3305
3444
  "text": "string | undefined"
3306
3445
  },
3307
- "default": "''",
3446
+ "default": "\"\"",
3308
3447
  "description": "Help text displayed below the input.\n\nUse this for supporting guidance or validation feedback.",
3309
3448
  "attribute": "help-text",
3310
3449
  "reflects": true
@@ -3348,7 +3487,7 @@
3348
3487
  "type": {
3349
3488
  "text": "string | undefined"
3350
3489
  },
3351
- "default": "''",
3490
+ "default": "\"\"",
3352
3491
  "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
3492
  "attribute": "name",
3354
3493
  "reflects": true
@@ -3359,7 +3498,7 @@
3359
3498
  "type": {
3360
3499
  "text": "string | undefined"
3361
3500
  },
3362
- "default": "'off'",
3501
+ "default": "\"off\"",
3363
3502
  "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
3503
  "attribute": "autocomplete",
3365
3504
  "reflects": true
@@ -3369,9 +3508,9 @@
3369
3508
  "name": "#initialValue",
3370
3509
  "privacy": "private",
3371
3510
  "type": {
3372
- "text": "string | null"
3511
+ "text": "string"
3373
3512
  },
3374
- "default": "null"
3513
+ "default": "\"\""
3375
3514
  },
3376
3515
  {
3377
3516
  "kind": "field",
@@ -3652,7 +3791,7 @@
3652
3791
  "type": {
3653
3792
  "text": "string | undefined"
3654
3793
  },
3655
- "default": "''",
3794
+ "default": "\"\"",
3656
3795
  "description": "The label displayed above the input.\n\nUse this to give the combobox a visible and accessible name.",
3657
3796
  "fieldName": "label"
3658
3797
  },
@@ -3661,7 +3800,7 @@
3661
3800
  "type": {
3662
3801
  "text": "string | undefined"
3663
3802
  },
3664
- "default": "''",
3803
+ "default": "\"\"",
3665
3804
  "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
3805
  "fieldName": "placeholder"
3667
3806
  },
@@ -3670,7 +3809,7 @@
3670
3809
  "type": {
3671
3810
  "text": "string"
3672
3811
  },
3673
- "default": "''",
3812
+ "default": "\"\"",
3674
3813
  "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
3814
  "fieldName": "value"
3676
3815
  },
@@ -3724,7 +3863,7 @@
3724
3863
  "type": {
3725
3864
  "text": "string | undefined"
3726
3865
  },
3727
- "default": "''",
3866
+ "default": "\"\"",
3728
3867
  "description": "Help text displayed below the input.\n\nUse this for supporting guidance or validation feedback.",
3729
3868
  "fieldName": "helpText"
3730
3869
  },
@@ -3760,7 +3899,7 @@
3760
3899
  "type": {
3761
3900
  "text": "string | undefined"
3762
3901
  },
3763
- "default": "''",
3902
+ "default": "\"\"",
3764
3903
  "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
3904
  "fieldName": "name"
3766
3905
  },
@@ -3769,7 +3908,7 @@
3769
3908
  "type": {
3770
3909
  "text": "string | undefined"
3771
3910
  },
3772
- "default": "'off'",
3911
+ "default": "\"off\"",
3773
3912
  "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
3913
  "fieldName": "autocomplete"
3775
3914
  }
@@ -3815,7 +3954,7 @@
3815
3954
  "declarations": [
3816
3955
  {
3817
3956
  "kind": "class",
3818
- "description": "An input for dates.\n\nUses the `lang` attribute on either the element or on `<html>` to determine the locale options.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-datepicker--docs)",
3957
+ "description": "A date picker allows the user to select a specific calendar date.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/date-picker/frameworks/elements)",
3819
3958
  "name": "WarpDatepicker",
3820
3959
  "members": [
3821
3960
  {
@@ -3831,7 +3970,7 @@
3831
3970
  "kind": "field",
3832
3971
  "name": "label",
3833
3972
  "type": {
3834
- "text": "string"
3973
+ "text": "string | undefined"
3835
3974
  },
3836
3975
  "description": "The label displayed above the date input.\n\nUse this to give the datepicker a visible and accessible name.",
3837
3976
  "attribute": "label",
@@ -3851,7 +3990,7 @@
3851
3990
  "kind": "field",
3852
3991
  "name": "name",
3853
3992
  "type": {
3854
- "text": "string"
3993
+ "text": "string | undefined"
3855
3994
  },
3856
3995
  "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
3996
  "attribute": "name",
@@ -3861,7 +4000,7 @@
3861
4000
  "kind": "field",
3862
4001
  "name": "value",
3863
4002
  "type": {
3864
- "text": "string"
4003
+ "text": "string | undefined"
3865
4004
  },
3866
4005
  "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
4006
  "attribute": "value",
@@ -3873,7 +4012,7 @@
3873
4012
  "type": {
3874
4013
  "text": "string"
3875
4014
  },
3876
- "default": "'MMMM yyyy'",
4015
+ "default": "\"MMMM yyyy\"",
3877
4016
  "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
4017
  "attribute": "header-format"
3879
4018
  },
@@ -3883,7 +4022,7 @@
3883
4022
  "type": {
3884
4023
  "text": "string"
3885
4024
  },
3886
- "default": "'EEEEEE'",
4025
+ "default": "\"EEEEEE\"",
3887
4026
  "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
4027
  "attribute": "weekday-format"
3889
4028
  },
@@ -3891,7 +4030,7 @@
3891
4030
  "kind": "field",
3892
4031
  "name": "isDayDisabled",
3893
4032
  "type": {
3894
- "text": "(day: Date) => boolean"
4033
+ "text": "((day: Date) => boolean) | undefined"
3895
4034
  },
3896
4035
  "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
4036
  },
@@ -3901,7 +4040,7 @@
3901
4040
  "type": {
3902
4041
  "text": "string"
3903
4042
  },
3904
- "default": "'PPPP'",
4043
+ "default": "\"PPPP\"",
3905
4044
  "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
4045
  "attribute": "day-format"
3907
4046
  },
@@ -3938,9 +4077,9 @@
3938
4077
  "name": "#initialValue",
3939
4078
  "privacy": "private",
3940
4079
  "type": {
3941
- "text": "string | null"
4080
+ "text": "string | undefined"
3942
4081
  },
3943
- "default": "null"
4082
+ "default": "undefined"
3944
4083
  },
3945
4084
  {
3946
4085
  "kind": "field",
@@ -3997,6 +4136,18 @@
3997
4136
  "text": "HTMLTableCellElement"
3998
4137
  }
3999
4138
  },
4139
+ {
4140
+ "kind": "field",
4141
+ "name": "#inputLocale",
4142
+ "privacy": "private",
4143
+ "readonly": true
4144
+ },
4145
+ {
4146
+ "kind": "field",
4147
+ "name": "#inputValue",
4148
+ "privacy": "private",
4149
+ "readonly": true
4150
+ },
4000
4151
  {
4001
4152
  "kind": "method",
4002
4153
  "name": "resetFormControl",
@@ -4107,7 +4258,7 @@
4107
4258
  {
4108
4259
  "name": "label",
4109
4260
  "type": {
4110
- "text": "string"
4261
+ "text": "string | undefined"
4111
4262
  },
4112
4263
  "description": "The label displayed above the date input.\n\nUse this to give the datepicker a visible and accessible name.",
4113
4264
  "fieldName": "label"
@@ -4123,7 +4274,7 @@
4123
4274
  {
4124
4275
  "name": "name",
4125
4276
  "type": {
4126
- "text": "string"
4277
+ "text": "string | undefined"
4127
4278
  },
4128
4279
  "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
4280
  "fieldName": "name"
@@ -4131,7 +4282,7 @@
4131
4282
  {
4132
4283
  "name": "value",
4133
4284
  "type": {
4134
- "text": "string"
4285
+ "text": "string | undefined"
4135
4286
  },
4136
4287
  "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
4288
  "fieldName": "value"
@@ -4141,7 +4292,7 @@
4141
4292
  "type": {
4142
4293
  "text": "string"
4143
4294
  },
4144
- "default": "'MMMM yyyy'",
4295
+ "default": "\"MMMM yyyy\"",
4145
4296
  "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
4297
  "fieldName": "headerFormat"
4147
4298
  },
@@ -4150,7 +4301,7 @@
4150
4301
  "type": {
4151
4302
  "text": "string"
4152
4303
  },
4153
- "default": "'EEEEEE'",
4304
+ "default": "\"EEEEEE\"",
4154
4305
  "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
4306
  "fieldName": "weekdayFormat"
4156
4307
  },
@@ -4159,7 +4310,7 @@
4159
4310
  "type": {
4160
4311
  "text": "string"
4161
4312
  },
4162
- "default": "'PPPP'",
4313
+ "default": "\"PPPP\"",
4163
4314
  "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
4315
  "fieldName": "dayFormat"
4165
4316
  }
@@ -4205,7 +4356,7 @@
4205
4356
  "declarations": [
4206
4357
  {
4207
4358
  "kind": "class",
4208
- "description": "Expandable is a layout component used for creating expandable content areas on a page.",
4359
+ "description": "Expandable is a layout component used for creating expandable content areas on a page.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/expandable/frameworks/elements)",
4209
4360
  "name": "WarpExpandable",
4210
4361
  "slots": [
4211
4362
  {
@@ -4258,7 +4409,7 @@
4258
4409
  "kind": "field",
4259
4410
  "name": "buttonClass",
4260
4411
  "type": {
4261
- "text": "string"
4412
+ "text": "string | undefined"
4262
4413
  },
4263
4414
  "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
4264
4415
  "attribute": "button-class"
@@ -4267,7 +4418,7 @@
4267
4418
  "kind": "field",
4268
4419
  "name": "contentClass",
4269
4420
  "type": {
4270
- "text": "string"
4421
+ "text": "string | undefined"
4271
4422
  },
4272
4423
  "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
4273
4424
  "attribute": "content-class"
@@ -4296,7 +4447,7 @@
4296
4447
  "kind": "field",
4297
4448
  "name": "headingLevel",
4298
4449
  "type": {
4299
- "text": "number"
4450
+ "text": "number | undefined"
4300
4451
  },
4301
4452
  "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
4453
  "attribute": "heading-level"
@@ -4397,7 +4548,7 @@
4397
4548
  {
4398
4549
  "name": "button-class",
4399
4550
  "type": {
4400
- "text": "string"
4551
+ "text": "string | undefined"
4401
4552
  },
4402
4553
  "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
4403
4554
  "fieldName": "buttonClass"
@@ -4405,7 +4556,7 @@
4405
4556
  {
4406
4557
  "name": "content-class",
4407
4558
  "type": {
4408
- "text": "string"
4559
+ "text": "string | undefined"
4409
4560
  },
4410
4561
  "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
4411
4562
  "fieldName": "contentClass"
@@ -4431,7 +4582,7 @@
4431
4582
  {
4432
4583
  "name": "heading-level",
4433
4584
  "type": {
4434
- "text": "number"
4585
+ "text": "number | undefined"
4435
4586
  },
4436
4587
  "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
4588
  "fieldName": "headingLevel"
@@ -4488,8 +4639,51 @@
4488
4639
  "declarations": [
4489
4640
  {
4490
4641
  "kind": "class",
4491
- "description": "Modals (or dialogs) display important information that users need to acknowledge.",
4642
+ "description": "Modals (or dialogs) display important information that users need to acknowledge.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)",
4492
4643
  "name": "WarpModal",
4644
+ "cssProperties": [
4645
+ {
4646
+ "name": "--w-c-modal-backdrop-color"
4647
+ },
4648
+ {
4649
+ "name": "--w-c-modal-bg"
4650
+ },
4651
+ {
4652
+ "name": "--w-c-modal-box-shadow"
4653
+ },
4654
+ {
4655
+ "name": "--w-c-modal-color"
4656
+ },
4657
+ {
4658
+ "name": "--w-c-modal-height"
4659
+ },
4660
+ {
4661
+ "name": "--w-c-modal-max-height"
4662
+ },
4663
+ {
4664
+ "name": "--w-c-modal-min-height"
4665
+ },
4666
+ {
4667
+ "name": "--w-c-modal-translate-distance"
4668
+ },
4669
+ {
4670
+ "name": "--w-c-modal-width"
4671
+ }
4672
+ ],
4673
+ "cssParts": [
4674
+ {
4675
+ "description": "the root element inside the component (`<dialog>` element).",
4676
+ "name": "dialog"
4677
+ },
4678
+ {
4679
+ "description": "container for all elements, direct child of `<dialog>`.",
4680
+ "name": "wrapper"
4681
+ },
4682
+ {
4683
+ "description": "the container for the `content` slot items (children).",
4684
+ "name": "content"
4685
+ }
4686
+ ],
4493
4687
  "slots": [
4494
4688
  {
4495
4689
  "description": "Typically where you would use the `w-modal-header` component.",
@@ -4519,8 +4713,9 @@
4519
4713
  "kind": "field",
4520
4714
  "name": "contentId",
4521
4715
  "type": {
4522
- "text": "string"
4716
+ "text": "string | undefined"
4523
4717
  },
4718
+ "deprecated": "This ID has no effect",
4524
4719
  "attribute": "content-id"
4525
4720
  },
4526
4721
  {
@@ -4587,7 +4782,7 @@
4587
4782
  "parameters": [
4588
4783
  {
4589
4784
  "name": "verb",
4590
- "default": "'addEventListener'"
4785
+ "default": "\"addEventListener\""
4591
4786
  }
4592
4787
  ]
4593
4788
  },
@@ -4663,8 +4858,9 @@
4663
4858
  {
4664
4859
  "name": "content-id",
4665
4860
  "type": {
4666
- "text": "string"
4861
+ "text": "string | undefined"
4667
4862
  },
4863
+ "deprecated": "This ID has no effect",
4668
4864
  "fieldName": "contentId"
4669
4865
  },
4670
4866
  {
@@ -4732,8 +4928,20 @@
4732
4928
  "declarations": [
4733
4929
  {
4734
4930
  "kind": "class",
4735
- "description": "The footer section of a modal, typically where you place actions.",
4931
+ "description": "The footer section of a modal, typically where you place actions.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)",
4736
4932
  "name": "WarpModalFooter",
4933
+ "cssProperties": [
4934
+ {
4935
+ "description": " adjusts the flex gap between actions in the footer.",
4936
+ "name": "--w-c-modal-footer-gap"
4937
+ }
4938
+ ],
4939
+ "cssParts": [
4940
+ {
4941
+ "description": "the container for slotted items (children).",
4942
+ "name": "footer"
4943
+ }
4944
+ ],
4737
4945
  "members": [],
4738
4946
  "mixins": [
4739
4947
  {
@@ -4798,8 +5006,41 @@
4798
5006
  "declarations": [
4799
5007
  {
4800
5008
  "kind": "class",
4801
- "description": "The header section of a modal, typically where you place the title and a close button.",
5009
+ "description": "The header section of a modal, typically where you place the title and a close button.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)",
4802
5010
  "name": "WarpModalHeader",
5011
+ "cssProperties": [
5012
+ {
5013
+ "name": "--w-c-modal-header-font-size"
5014
+ },
5015
+ {
5016
+ "name": "--w-c-modal-header-line-height"
5017
+ },
5018
+ {
5019
+ "name": "--w-c-modal-header-margin-bottom"
5020
+ }
5021
+ ],
5022
+ "cssParts": [
5023
+ {
5024
+ "description": "the root element inside the component.",
5025
+ "name": "header"
5026
+ },
5027
+ {
5028
+ "description": "the container for the image (`top` slot).",
5029
+ "name": "top"
5030
+ },
5031
+ {
5032
+ "description": "the back button, if visible.",
5033
+ "name": "back"
5034
+ },
5035
+ {
5036
+ "description": "the title element.",
5037
+ "name": "title"
5038
+ },
5039
+ {
5040
+ "description": "the close button, if visible.",
5041
+ "name": "close"
5042
+ }
5043
+ ],
4803
5044
  "slots": [
4804
5045
  {
4805
5046
  "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 +5094,6 @@
4853
5094
  },
4854
5095
  "privacy": "private"
4855
5096
  },
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
5097
  {
4875
5098
  "kind": "method",
4876
5099
  "name": "emitBack",
@@ -4985,7 +5208,7 @@
4985
5208
  "declarations": [
4986
5209
  {
4987
5210
  "kind": "class",
4988
- "description": "A page indicator component that displays a series of dots representing pages.\n\nOne dot is highlighted to indicate the currently selected page.",
5211
+ "description": "A page indicator component that displays a series of dots representing pages.\n\nOne dot is highlighted to indicate the currently selected page.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/page-indicator/frameworks/elements)",
4989
5212
  "name": "WarpPageIndicator",
4990
5213
  "members": [
4991
5214
  {
@@ -4994,8 +5217,8 @@
4994
5217
  "type": {
4995
5218
  "text": "number"
4996
5219
  },
4997
- "description": "Currently selected page (1-based index)",
4998
5220
  "default": "1",
5221
+ "description": "Currently selected page (1-based index)",
4999
5222
  "attribute": "selected-page",
5000
5223
  "reflects": true
5001
5224
  },
@@ -5005,8 +5228,8 @@
5005
5228
  "type": {
5006
5229
  "text": "number"
5007
5230
  },
5008
- "description": "Total number of pages",
5009
5231
  "default": "1",
5232
+ "description": "Total number of pages",
5010
5233
  "attribute": "page-count",
5011
5234
  "reflects": true
5012
5235
  },
@@ -5037,8 +5260,8 @@
5037
5260
  "type": {
5038
5261
  "text": "number"
5039
5262
  },
5040
- "description": "Currently selected page (1-based index)",
5041
5263
  "default": "1",
5264
+ "description": "Currently selected page (1-based index)",
5042
5265
  "fieldName": "selectedPage"
5043
5266
  },
5044
5267
  {
@@ -5046,8 +5269,8 @@
5046
5269
  "type": {
5047
5270
  "text": "number"
5048
5271
  },
5049
- "description": "Total number of pages",
5050
5272
  "default": "1",
5273
+ "description": "Total number of pages",
5051
5274
  "fieldName": "pageCount"
5052
5275
  }
5053
5276
  ],
@@ -5086,14 +5309,14 @@
5086
5309
  "declarations": [
5087
5310
  {
5088
5311
  "kind": "class",
5089
- "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.",
5312
+ "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/pagination/frameworks/elements)",
5090
5313
  "name": "WarpPagination",
5091
5314
  "members": [
5092
5315
  {
5093
5316
  "kind": "field",
5094
5317
  "name": "baseUrl",
5095
5318
  "type": {
5096
- "text": "string"
5319
+ "text": "string | undefined"
5097
5320
  },
5098
5321
  "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
5099
5322
  "attribute": "base-url",
@@ -5105,6 +5328,7 @@
5105
5328
  "type": {
5106
5329
  "text": "number"
5107
5330
  },
5331
+ "default": "0",
5108
5332
  "description": "The total number of pages.",
5109
5333
  "attribute": "pages",
5110
5334
  "reflects": true
@@ -5115,8 +5339,8 @@
5115
5339
  "type": {
5116
5340
  "text": "number"
5117
5341
  },
5118
- "description": "The currently active page number.",
5119
5342
  "default": "1",
5343
+ "description": "The currently active page number.",
5120
5344
  "attribute": "current-page",
5121
5345
  "reflects": true
5122
5346
  },
@@ -5126,8 +5350,8 @@
5126
5350
  "type": {
5127
5351
  "text": "number"
5128
5352
  },
5129
- "description": "The maximum number of page numbers visible.",
5130
5353
  "default": "7",
5354
+ "description": "The maximum number of page numbers visible.",
5131
5355
  "attribute": "visible-pages",
5132
5356
  "reflects": true
5133
5357
  },
@@ -5158,7 +5382,7 @@
5158
5382
  {
5159
5383
  "name": "base-url",
5160
5384
  "type": {
5161
- "text": "string"
5385
+ "text": "string | undefined"
5162
5386
  },
5163
5387
  "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
5164
5388
  "fieldName": "baseUrl"
@@ -5168,6 +5392,7 @@
5168
5392
  "type": {
5169
5393
  "text": "number"
5170
5394
  },
5395
+ "default": "0",
5171
5396
  "description": "The total number of pages.",
5172
5397
  "fieldName": "pages"
5173
5398
  },
@@ -5176,8 +5401,8 @@
5176
5401
  "type": {
5177
5402
  "text": "number"
5178
5403
  },
5179
- "description": "The currently active page number.",
5180
5404
  "default": "1",
5405
+ "description": "The currently active page number.",
5181
5406
  "fieldName": "currentPageNumber"
5182
5407
  },
5183
5408
  {
@@ -5185,8 +5410,8 @@
5185
5410
  "type": {
5186
5411
  "text": "number"
5187
5412
  },
5188
- "description": "The maximum number of page numbers visible.",
5189
5413
  "default": "7",
5414
+ "description": "The maximum number of page numbers visible.",
5190
5415
  "fieldName": "visiblePages"
5191
5416
  }
5192
5417
  ],
@@ -5225,7 +5450,7 @@
5225
5450
  "declarations": [
5226
5451
  {
5227
5452
  "kind": "class",
5228
- "description": "Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.",
5453
+ "description": "Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/pill/frameworks/elements)",
5229
5454
  "name": "WarpPill",
5230
5455
  "members": [
5231
5456
  {
@@ -5252,7 +5477,7 @@
5252
5477
  "kind": "field",
5253
5478
  "name": "openSrLabel",
5254
5479
  "type": {
5255
- "text": "string"
5480
+ "text": "string | undefined"
5256
5481
  },
5257
5482
  "deprecated": "Used \"open-arial-label\" instead.",
5258
5483
  "attribute": "open-sr-label"
@@ -5261,7 +5486,7 @@
5261
5486
  "kind": "field",
5262
5487
  "name": "openAriaLabel",
5263
5488
  "type": {
5264
- "text": "string"
5489
+ "text": "string | undefined"
5265
5490
  },
5266
5491
  "description": "Label read by screen readers when targeting the pill.",
5267
5492
  "attribute": "open-aria-label"
@@ -5270,7 +5495,7 @@
5270
5495
  "kind": "field",
5271
5496
  "name": "closeSrLabel",
5272
5497
  "type": {
5273
- "text": "string"
5498
+ "text": "string | undefined"
5274
5499
  },
5275
5500
  "deprecated": "Used \"close-arial-label\" instead.",
5276
5501
  "attribute": "close-sr-label"
@@ -5279,7 +5504,7 @@
5279
5504
  "kind": "field",
5280
5505
  "name": "closeAriaLabel",
5281
5506
  "type": {
5282
- "text": "string"
5507
+ "text": "string | undefined"
5283
5508
  },
5284
5509
  "description": "Label read by screen readers when targeting the close button.",
5285
5510
  "attribute": "close-aria-label"
@@ -5361,7 +5586,7 @@
5361
5586
  {
5362
5587
  "name": "open-sr-label",
5363
5588
  "type": {
5364
- "text": "string"
5589
+ "text": "string | undefined"
5365
5590
  },
5366
5591
  "deprecated": "Used \"open-arial-label\" instead.",
5367
5592
  "fieldName": "openSrLabel"
@@ -5369,7 +5594,7 @@
5369
5594
  {
5370
5595
  "name": "open-aria-label",
5371
5596
  "type": {
5372
- "text": "string"
5597
+ "text": "string | undefined"
5373
5598
  },
5374
5599
  "description": "Label read by screen readers when targeting the pill.",
5375
5600
  "fieldName": "openAriaLabel"
@@ -5377,7 +5602,7 @@
5377
5602
  {
5378
5603
  "name": "close-sr-label",
5379
5604
  "type": {
5380
- "text": "string"
5605
+ "text": "string | undefined"
5381
5606
  },
5382
5607
  "deprecated": "Used \"close-arial-label\" instead.",
5383
5608
  "fieldName": "closeSrLabel"
@@ -5385,7 +5610,7 @@
5385
5610
  {
5386
5611
  "name": "close-aria-label",
5387
5612
  "type": {
5388
- "text": "string"
5613
+ "text": "string | undefined"
5389
5614
  },
5390
5615
  "description": "Label read by screen readers when targeting the close button.",
5391
5616
  "fieldName": "closeAriaLabel"
@@ -5426,7 +5651,7 @@
5426
5651
  "declarations": [
5427
5652
  {
5428
5653
  "kind": "class",
5429
- "description": "",
5654
+ "description": "Radios allow users to select a single option from a list of choices.\n\nWrap individual radio components in a radio group.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/radio/frameworks/elements)",
5430
5655
  "name": "WarpRadio",
5431
5656
  "members": [
5432
5657
  {
@@ -5760,7 +5985,7 @@
5760
5985
  "declarations": [
5761
5986
  {
5762
5987
  "kind": "class",
5763
- "description": "Radios allow users to select a single option from a list of choices.\n\nUse with `w-radio`.",
5988
+ "description": "Radios allow users to select a single option from a list of choices.\n\nWrap individual radio components in a radio group.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/radio/frameworks/elements)",
5764
5989
  "name": "WarpRadioGroup",
5765
5990
  "slots": [
5766
5991
  {
@@ -5797,7 +6022,7 @@
5797
6022
  "type": {
5798
6023
  "text": "string"
5799
6024
  },
5800
- "default": "''",
6025
+ "default": "\"\"",
5801
6026
  "description": "Label for the radio group.",
5802
6027
  "attribute": "label"
5803
6028
  },
@@ -5807,7 +6032,7 @@
5807
6032
  "type": {
5808
6033
  "text": "string"
5809
6034
  },
5810
- "default": "''",
6035
+ "default": "\"\"",
5811
6036
  "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
6037
  "attribute": "help-text"
5813
6038
  },
@@ -6046,7 +6271,7 @@
6046
6271
  {
6047
6272
  "name": "name",
6048
6273
  "type": {
6049
- "text": "'label' | 'help-text'"
6274
+ "text": "\"label\" | \"help-text\""
6050
6275
  }
6051
6276
  }
6052
6277
  ]
@@ -6135,7 +6360,7 @@
6135
6360
  "type": {
6136
6361
  "text": "string"
6137
6362
  },
6138
- "default": "''",
6363
+ "default": "\"\"",
6139
6364
  "description": "Label for the radio group.",
6140
6365
  "fieldName": "label"
6141
6366
  },
@@ -6144,7 +6369,7 @@
6144
6369
  "type": {
6145
6370
  "text": "string"
6146
6371
  },
6147
- "default": "''",
6372
+ "default": "\"\"",
6148
6373
  "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
6374
  "fieldName": "helpText"
6150
6375
  },
@@ -6249,7 +6474,7 @@
6249
6474
  "declarations": [
6250
6475
  {
6251
6476
  "kind": "class",
6252
- "description": "A dropdown component for selecting a single value.",
6477
+ "description": "A dropdown component for selecting a single value.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/select/frameworks/elements)",
6253
6478
  "name": "WarpSelect",
6254
6479
  "members": [
6255
6480
  {
@@ -6279,7 +6504,7 @@
6279
6504
  "kind": "field",
6280
6505
  "name": "helpText",
6281
6506
  "type": {
6282
- "text": "string"
6507
+ "text": "string | undefined"
6283
6508
  },
6284
6509
  "description": "The content displayed as the help text.\n\nPaired with `invalid` to show the text as a validation error.",
6285
6510
  "attribute": "help-text",
@@ -6312,7 +6537,7 @@
6312
6537
  "kind": "field",
6313
6538
  "name": "hint",
6314
6539
  "type": {
6315
- "text": "string"
6540
+ "text": "string | undefined"
6316
6541
  },
6317
6542
  "description": "The content displayed as the help text.",
6318
6543
  "deprecated": "Use `help-text` instead.",
@@ -6323,7 +6548,7 @@
6323
6548
  "kind": "field",
6324
6549
  "name": "label",
6325
6550
  "type": {
6326
- "text": "string"
6551
+ "text": "string | undefined"
6327
6552
  },
6328
6553
  "description": "The content to display as the label.",
6329
6554
  "attribute": "label",
@@ -6376,19 +6601,28 @@
6376
6601
  },
6377
6602
  {
6378
6603
  "kind": "field",
6379
- "name": "name",
6604
+ "name": "_options",
6380
6605
  "type": {
6381
- "text": "string"
6606
+ "text": "Array<TemplateResult>"
6382
6607
  },
6383
- "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.",
6384
- "attribute": "name",
6385
- "reflects": true
6608
+ "privacy": "private",
6609
+ "default": "[]"
6610
+ },
6611
+ {
6612
+ "kind": "field",
6613
+ "name": "name",
6614
+ "type": {
6615
+ "text": "string | undefined"
6616
+ },
6617
+ "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.",
6618
+ "attribute": "name",
6619
+ "reflects": true
6386
6620
  },
6387
6621
  {
6388
6622
  "kind": "field",
6389
6623
  "name": "value",
6390
6624
  "type": {
6391
- "text": "string"
6625
+ "text": "string | undefined"
6392
6626
  },
6393
6627
  "description": "Lets you set the current value.",
6394
6628
  "attribute": "value",
@@ -6399,9 +6633,9 @@
6399
6633
  "name": "#initialValue",
6400
6634
  "privacy": "private",
6401
6635
  "type": {
6402
- "text": "string | null"
6636
+ "text": "string | undefined"
6403
6637
  },
6404
- "default": "null"
6638
+ "default": "undefined"
6405
6639
  },
6406
6640
  {
6407
6641
  "kind": "field",
@@ -6450,7 +6684,7 @@
6450
6684
  "privacy": "private",
6451
6685
  "parameters": [
6452
6686
  {
6453
- "name": "{ allowDefaultFirstOption = false }",
6687
+ "name": "{\n\t\tallowDefaultFirstOption = false,\n\t}",
6454
6688
  "default": "{}",
6455
6689
  "type": {
6456
6690
  "text": "{ allowDefaultFirstOption?: boolean }"
@@ -6464,7 +6698,7 @@
6464
6698
  "privacy": "private",
6465
6699
  "parameters": [
6466
6700
  {
6467
- "name": "{ syncValueFromSelected = false }",
6701
+ "name": "{\n\t\tsyncValueFromSelected = false,\n\t}",
6468
6702
  "default": "{}",
6469
6703
  "type": {
6470
6704
  "text": "{ syncValueFromSelected?: boolean }"
@@ -6501,6 +6735,19 @@
6501
6735
  "name": "#helpId",
6502
6736
  "privacy": "private",
6503
6737
  "readonly": true
6738
+ },
6739
+ {
6740
+ "kind": "method",
6741
+ "name": "onChange",
6742
+ "privacy": "private",
6743
+ "parameters": [
6744
+ {
6745
+ "name": "event",
6746
+ "type": {
6747
+ "text": "Event"
6748
+ }
6749
+ }
6750
+ ]
6504
6751
  }
6505
6752
  ],
6506
6753
  "events": [
@@ -6534,7 +6781,7 @@
6534
6781
  {
6535
6782
  "name": "help-text",
6536
6783
  "type": {
6537
- "text": "string"
6784
+ "text": "string | undefined"
6538
6785
  },
6539
6786
  "description": "The content displayed as the help text.\n\nPaired with `invalid` to show the text as a validation error.",
6540
6787
  "fieldName": "helpText"
@@ -6561,7 +6808,7 @@
6561
6808
  {
6562
6809
  "name": "hint",
6563
6810
  "type": {
6564
- "text": "string"
6811
+ "text": "string | undefined"
6565
6812
  },
6566
6813
  "description": "The content displayed as the help text.",
6567
6814
  "deprecated": "Use `help-text` instead.",
@@ -6570,7 +6817,7 @@
6570
6817
  {
6571
6818
  "name": "label",
6572
6819
  "type": {
6573
- "text": "string"
6820
+ "text": "string | undefined"
6574
6821
  },
6575
6822
  "description": "The content to display as the label.",
6576
6823
  "fieldName": "label"
@@ -6615,7 +6862,7 @@
6615
6862
  {
6616
6863
  "name": "name",
6617
6864
  "type": {
6618
- "text": "string"
6865
+ "text": "string | undefined"
6619
6866
  },
6620
6867
  "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.",
6621
6868
  "fieldName": "name"
@@ -6623,7 +6870,7 @@
6623
6870
  {
6624
6871
  "name": "value",
6625
6872
  "type": {
6626
- "text": "string"
6873
+ "text": "string | undefined"
6627
6874
  },
6628
6875
  "description": "Lets you set the current value.",
6629
6876
  "fieldName": "value"
@@ -6677,18 +6924,19 @@
6677
6924
  "kind": "field",
6678
6925
  "name": "ariaLabel",
6679
6926
  "type": {
6680
- "text": "string"
6927
+ "text": "string | null"
6681
6928
  },
6929
+ "default": "null",
6682
6930
  "description": "Label for the range input.",
6683
- "default": "`label` from `w-slider`",
6684
6931
  "attribute": "aria-label"
6685
6932
  },
6686
6933
  {
6687
6934
  "kind": "field",
6688
6935
  "name": "ariaDescription",
6689
6936
  "type": {
6690
- "text": "string"
6937
+ "text": "string | null"
6691
6938
  },
6939
+ "default": "null",
6692
6940
  "description": "Contextual information for assistive technology, should it be needed",
6693
6941
  "attribute": "aria-description"
6694
6942
  },
@@ -6696,7 +6944,7 @@
6696
6944
  "kind": "field",
6697
6945
  "name": "name",
6698
6946
  "type": {
6699
- "text": "string"
6947
+ "text": "string | undefined"
6700
6948
  },
6701
6949
  "description": "The name of this input field in the form. The canonical source of the value is the text field.",
6702
6950
  "attribute": "name",
@@ -6706,7 +6954,7 @@
6706
6954
  "kind": "field",
6707
6955
  "name": "value",
6708
6956
  "type": {
6709
- "text": "string"
6957
+ "text": "string | undefined"
6710
6958
  },
6711
6959
  "description": "The initial value, if any",
6712
6960
  "attribute": "value",
@@ -6716,7 +6964,7 @@
6716
6964
  "kind": "field",
6717
6965
  "name": "placeholder",
6718
6966
  "type": {
6719
- "text": "string"
6967
+ "text": "string | undefined"
6720
6968
  },
6721
6969
  "description": "Placeholder in empty text fields",
6722
6970
  "attribute": "placeholder",
@@ -6727,9 +6975,9 @@
6727
6975
  "name": "#initialValue",
6728
6976
  "privacy": "private",
6729
6977
  "type": {
6730
- "text": "string | null"
6978
+ "text": "string | undefined"
6731
6979
  },
6732
- "default": "null"
6980
+ "default": "undefined"
6733
6981
  },
6734
6982
  {
6735
6983
  "kind": "method",
@@ -6892,24 +7140,25 @@
6892
7140
  {
6893
7141
  "name": "aria-label",
6894
7142
  "type": {
6895
- "text": "string"
7143
+ "text": "string | null"
6896
7144
  },
7145
+ "default": "null",
6897
7146
  "description": "Label for the range input.",
6898
- "default": "`label` from `w-slider`",
6899
7147
  "fieldName": "ariaLabel"
6900
7148
  },
6901
7149
  {
6902
7150
  "name": "aria-description",
6903
7151
  "type": {
6904
- "text": "string"
7152
+ "text": "string | null"
6905
7153
  },
7154
+ "default": "null",
6906
7155
  "description": "Contextual information for assistive technology, should it be needed",
6907
7156
  "fieldName": "ariaDescription"
6908
7157
  },
6909
7158
  {
6910
7159
  "name": "name",
6911
7160
  "type": {
6912
- "text": "string"
7161
+ "text": "string | undefined"
6913
7162
  },
6914
7163
  "description": "The name of this input field in the form. The canonical source of the value is the text field.",
6915
7164
  "fieldName": "name"
@@ -6917,7 +7166,7 @@
6917
7166
  {
6918
7167
  "name": "value",
6919
7168
  "type": {
6920
- "text": "string"
7169
+ "text": "string | undefined"
6921
7170
  },
6922
7171
  "description": "The initial value, if any",
6923
7172
  "fieldName": "value"
@@ -6925,7 +7174,7 @@
6925
7174
  {
6926
7175
  "name": "placeholder",
6927
7176
  "type": {
6928
- "text": "string"
7177
+ "text": "string | undefined"
6929
7178
  },
6930
7179
  "description": "Placeholder in empty text fields",
6931
7180
  "fieldName": "placeholder"
@@ -6976,7 +7225,7 @@
6976
7225
  "declarations": [
6977
7226
  {
6978
7227
  "kind": "class",
6979
- "description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.",
7228
+ "description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/slider/frameworks/elements)",
6980
7229
  "name": "WarpSlider",
6981
7230
  "slots": [
6982
7231
  {
@@ -7005,7 +7254,7 @@
7005
7254
  "kind": "field",
7006
7255
  "name": "label",
7007
7256
  "type": {
7008
- "text": "string"
7257
+ "text": "string | undefined"
7009
7258
  },
7010
7259
  "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
7260
  "attribute": "label",
@@ -7035,7 +7284,7 @@
7035
7284
  "kind": "field",
7036
7285
  "name": "error",
7037
7286
  "type": {
7038
- "text": "string"
7287
+ "text": "string | undefined"
7039
7288
  },
7040
7289
  "description": "Validation error text, if any",
7041
7290
  "attribute": "error",
@@ -7045,7 +7294,7 @@
7045
7294
  "kind": "field",
7046
7295
  "name": "helpText",
7047
7296
  "type": {
7048
- "text": "string"
7297
+ "text": "string | undefined"
7049
7298
  },
7050
7299
  "description": "Additional description to show below the fieldset",
7051
7300
  "attribute": "help-text",
@@ -7073,11 +7322,22 @@
7073
7322
  "attribute": "required",
7074
7323
  "reflects": true
7075
7324
  },
7325
+ {
7326
+ "kind": "field",
7327
+ "name": "optional",
7328
+ "type": {
7329
+ "text": "boolean"
7330
+ },
7331
+ "default": "false",
7332
+ "description": "Whether to show the optional indicator after the label.",
7333
+ "attribute": "optional",
7334
+ "reflects": true
7335
+ },
7076
7336
  {
7077
7337
  "kind": "field",
7078
7338
  "name": "min",
7079
7339
  "type": {
7080
- "text": "string"
7340
+ "text": "string | undefined"
7081
7341
  },
7082
7342
  "description": "The minimum allowed value in the range inputs",
7083
7343
  "default": "0",
@@ -7088,7 +7348,7 @@
7088
7348
  "kind": "field",
7089
7349
  "name": "max",
7090
7350
  "type": {
7091
- "text": "string"
7351
+ "text": "string | undefined"
7092
7352
  },
7093
7353
  "description": "The maximum allowed value in the range inputs",
7094
7354
  "default": "100",
@@ -7099,7 +7359,7 @@
7099
7359
  "kind": "field",
7100
7360
  "name": "markers",
7101
7361
  "type": {
7102
- "text": "number"
7362
+ "text": "number | undefined"
7103
7363
  },
7104
7364
  "description": "Pass a value similar to step to create visual markers at that interval",
7105
7365
  "attribute": "markers",
@@ -7109,7 +7369,7 @@
7109
7369
  "kind": "field",
7110
7370
  "name": "step",
7111
7371
  "type": {
7112
- "text": "number"
7372
+ "text": "number | undefined"
7113
7373
  },
7114
7374
  "description": "ets step on the range input to jump between values when dragging",
7115
7375
  "attribute": "step",
@@ -7119,7 +7379,7 @@
7119
7379
  "kind": "field",
7120
7380
  "name": "suffix",
7121
7381
  "type": {
7122
- "text": "string"
7382
+ "text": "string | undefined"
7123
7383
  },
7124
7384
  "description": "Suffix used in text input fields and for the min and max values of the slider",
7125
7385
  "attribute": "suffix",
@@ -7140,7 +7400,7 @@
7140
7400
  "kind": "field",
7141
7401
  "name": "valueFormatter",
7142
7402
  "type": {
7143
- "text": "(value: string, slot: SliderSlot) => string"
7403
+ "text": "((value: string, slot: SliderSlot) => string) | undefined"
7144
7404
  },
7145
7405
  "description": "Formatter for the tooltip and input mask values"
7146
7406
  },
@@ -7148,7 +7408,7 @@
7148
7408
  "kind": "field",
7149
7409
  "name": "tooltipFormatter",
7150
7410
  "type": {
7151
- "text": "(value: string, slot: SliderSlot) => string"
7411
+ "text": "((value: string, slot: SliderSlot) => string) | undefined"
7152
7412
  },
7153
7413
  "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
7414
  },
@@ -7156,7 +7416,7 @@
7156
7416
  "kind": "field",
7157
7417
  "name": "labelFormatter",
7158
7418
  "type": {
7159
- "text": "(slot: SliderSlot) => string"
7419
+ "text": "((slot: SliderSlot) => string) | undefined"
7160
7420
  },
7161
7421
  "description": "Formatter for the min and max labels below the range."
7162
7422
  },
@@ -7269,145 +7529,544 @@
7269
7529
  }
7270
7530
  ],
7271
7531
  "description": "We use CSS variables to fill the active track with a background color."
7532
+ },
7533
+ {
7534
+ "kind": "method",
7535
+ "name": "_handleLabelSlotChange",
7536
+ "privacy": "private",
7537
+ "parameters": [
7538
+ {
7539
+ "name": "e",
7540
+ "type": {
7541
+ "text": "Event"
7542
+ }
7543
+ }
7544
+ ]
7545
+ },
7546
+ {
7547
+ "kind": "field",
7548
+ "name": "_label",
7549
+ "readonly": true
7272
7550
  }
7273
7551
  ],
7274
7552
  "attributes": [
7275
7553
  {
7276
- "name": "label",
7554
+ "name": "label",
7555
+ "type": {
7556
+ "text": "string | undefined"
7557
+ },
7558
+ "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>`)",
7559
+ "fieldName": "label"
7560
+ },
7561
+ {
7562
+ "name": "disabled",
7563
+ "type": {
7564
+ "text": "boolean"
7565
+ },
7566
+ "default": "false",
7567
+ "fieldName": "disabled"
7568
+ },
7569
+ {
7570
+ "name": "open-ended",
7571
+ "type": {
7572
+ "text": "boolean"
7573
+ },
7574
+ "default": "false",
7575
+ "description": "Whether or not to allow values outside the range such as \"Before 1950\" and \"2025+\".",
7576
+ "fieldName": "openEnded"
7577
+ },
7578
+ {
7579
+ "name": "error",
7580
+ "type": {
7581
+ "text": "string | undefined"
7582
+ },
7583
+ "description": "Validation error text, if any",
7584
+ "fieldName": "error"
7585
+ },
7586
+ {
7587
+ "name": "help-text",
7588
+ "type": {
7589
+ "text": "string | undefined"
7590
+ },
7591
+ "description": "Additional description to show below the fieldset",
7592
+ "fieldName": "helpText"
7593
+ },
7594
+ {
7595
+ "name": "invalid",
7596
+ "type": {
7597
+ "text": "boolean"
7598
+ },
7599
+ "default": "false",
7600
+ "description": "Sets the form fields and fieldset in an invalid state",
7601
+ "fieldName": "invalid"
7602
+ },
7603
+ {
7604
+ "name": "required",
7605
+ "type": {
7606
+ "text": "boolean"
7607
+ },
7608
+ "default": "false",
7609
+ "description": "Ensures a child slider thumb has a value before allowing the containing form to submit",
7610
+ "fieldName": "required"
7611
+ },
7612
+ {
7613
+ "name": "optional",
7614
+ "type": {
7615
+ "text": "boolean"
7616
+ },
7617
+ "default": "false",
7618
+ "description": "Whether to show the optional indicator after the label.",
7619
+ "fieldName": "optional"
7620
+ },
7621
+ {
7622
+ "name": "min",
7623
+ "type": {
7624
+ "text": "string | undefined"
7625
+ },
7626
+ "description": "The minimum allowed value in the range inputs",
7627
+ "default": "0",
7628
+ "fieldName": "min"
7629
+ },
7630
+ {
7631
+ "name": "max",
7632
+ "type": {
7633
+ "text": "string | undefined"
7634
+ },
7635
+ "description": "The maximum allowed value in the range inputs",
7636
+ "default": "100",
7637
+ "fieldName": "max"
7638
+ },
7639
+ {
7640
+ "name": "markers",
7641
+ "type": {
7642
+ "text": "number | undefined"
7643
+ },
7644
+ "description": "Pass a value similar to step to create visual markers at that interval",
7645
+ "fieldName": "markers"
7646
+ },
7647
+ {
7648
+ "name": "step",
7649
+ "type": {
7650
+ "text": "number | undefined"
7651
+ },
7652
+ "description": "ets step on the range input to jump between values when dragging",
7653
+ "fieldName": "step"
7654
+ },
7655
+ {
7656
+ "name": "suffix",
7657
+ "type": {
7658
+ "text": "string | undefined"
7659
+ },
7660
+ "description": "Suffix used in text input fields and for the min and max values of the slider",
7661
+ "fieldName": "suffix"
7662
+ },
7663
+ {
7664
+ "name": "hidden-textfield",
7665
+ "type": {
7666
+ "text": "boolean"
7667
+ },
7668
+ "default": "false",
7669
+ "description": "Should only be used in special cases",
7670
+ "fieldName": "hiddenTextfield"
7671
+ }
7672
+ ],
7673
+ "superclass": {
7674
+ "name": "LitElement",
7675
+ "package": "lit"
7676
+ },
7677
+ "tagName": "w-slider",
7678
+ "customElement": true,
7679
+ "modulePath": "packages/slider/slider.ts",
7680
+ "definitionPath": "packages/slider/slider.ts"
7681
+ }
7682
+ ],
7683
+ "exports": [
7684
+ {
7685
+ "kind": "custom-element-definition",
7686
+ "name": "w-slider",
7687
+ "declaration": {
7688
+ "name": "WarpSlider",
7689
+ "module": "packages/slider/slider.ts"
7690
+ }
7691
+ },
7692
+ {
7693
+ "kind": "js",
7694
+ "name": "WarpSlider",
7695
+ "declaration": {
7696
+ "name": "WarpSlider",
7697
+ "module": "packages/slider/slider.ts"
7698
+ }
7699
+ }
7700
+ ]
7701
+ },
7702
+ {
7703
+ "kind": "javascript-module",
7704
+ "path": "packages/snackbar-item/snackbar-item.ts",
7705
+ "declarations": [
7706
+ {
7707
+ "kind": "class",
7708
+ "description": "An item to show in a `w-snackbar`.\n\nSee the `create` function on `w-snackbar` for a convenience API which helps you make snackbar items.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/snackbar/frameworks/elements)",
7709
+ "name": "WarpSnackbarItem",
7710
+ "cssProperties": [
7711
+ {
7712
+ "name": "--w-c-snackbar-item-radius"
7713
+ },
7714
+ {
7715
+ "name": "--w-c-snackbar-item-max-width"
7716
+ },
7717
+ {
7718
+ "name": "--w-c-snackbar-item-min-width"
7719
+ },
7720
+ {
7721
+ "name": "--w-c-snackbar-item-padding"
7722
+ },
7723
+ {
7724
+ "name": "--w-c-snackbar-item-bg"
7725
+ },
7726
+ {
7727
+ "name": "--w-c-snackbar-item-action-bg-active"
7728
+ },
7729
+ {
7730
+ "name": "--w-c-snackbar-item-action-bg-hover"
7731
+ },
7732
+ {
7733
+ "name": "--w-c-snackbar-item-color"
7734
+ },
7735
+ {
7736
+ "name": "--w-c-snackbar-item-action-color-active"
7737
+ },
7738
+ {
7739
+ "name": "--w-c-snackbar-item-action-color-hover"
7740
+ },
7741
+ {
7742
+ "name": "--w-c-snackbar-item-box-shadow"
7743
+ }
7744
+ ],
7745
+ "cssParts": [
7746
+ {
7747
+ "description": "the container wrapping the message, icon and actions.",
7748
+ "name": "item"
7749
+ },
7750
+ {
7751
+ "description": "the icon for the variant.",
7752
+ "name": "icon"
7753
+ },
7754
+ {
7755
+ "description": "the default slot, body of the snackbar item.",
7756
+ "name": "message"
7757
+ },
7758
+ {
7759
+ "description": "close and action button.",
7760
+ "name": "action"
7761
+ }
7762
+ ],
7763
+ "slots": [
7764
+ {
7765
+ "description": "the snackbar message.",
7766
+ "name": "default"
7767
+ },
7768
+ {
7769
+ "description": "icon preceeding the message.",
7770
+ "name": "icon"
7771
+ },
7772
+ {
7773
+ "description": "action following the message.",
7774
+ "name": "action"
7775
+ }
7776
+ ],
7777
+ "members": [
7778
+ {
7779
+ "kind": "field",
7780
+ "name": "actionPlacement",
7781
+ "type": {
7782
+ "text": "SnackbarActionPlacement"
7783
+ },
7784
+ "default": "\"inline\"",
7785
+ "description": "The placement of the action and close buttons.",
7786
+ "attribute": "action-placement",
7787
+ "reflects": true,
7788
+ "parsedType": {
7789
+ "text": "'inline' | 'block'"
7790
+ }
7791
+ },
7792
+ {
7793
+ "kind": "field",
7794
+ "name": "duration",
7795
+ "type": {
7796
+ "text": "number"
7797
+ },
7798
+ "description": "How long the message should stay in the document before removing itself.",
7799
+ "attribute": "duration",
7800
+ "reflects": true
7801
+ },
7802
+ {
7803
+ "kind": "field",
7804
+ "name": "root",
7277
7805
  "type": {
7278
- "text": "string"
7806
+ "text": "HTMLDivElement | null"
7279
7807
  },
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"
7808
+ "privacy": "private"
7282
7809
  },
7283
7810
  {
7284
- "name": "disabled",
7811
+ "kind": "field",
7812
+ "name": "hasAction",
7285
7813
  "type": {
7286
7814
  "text": "boolean"
7287
7815
  },
7288
- "default": "false",
7289
- "fieldName": "disabled"
7816
+ "privacy": "private",
7817
+ "default": "false"
7290
7818
  },
7291
7819
  {
7292
- "name": "open-ended",
7820
+ "kind": "field",
7821
+ "name": "#expanded",
7822
+ "privacy": "private",
7293
7823
  "type": {
7294
7824
  "text": "boolean"
7295
7825
  },
7296
- "default": "false",
7297
- "description": "Whether or not to allow values outside the range such as \"Before 1950\" and \"2025+\".",
7298
- "fieldName": "openEnded"
7826
+ "default": "false"
7299
7827
  },
7300
7828
  {
7301
- "name": "error",
7829
+ "kind": "field",
7830
+ "name": "#durationLeft",
7831
+ "privacy": "private",
7302
7832
  "type": {
7303
- "text": "string"
7304
- },
7305
- "description": "Validation error text, if any",
7306
- "fieldName": "error"
7833
+ "text": "number"
7834
+ }
7307
7835
  },
7308
7836
  {
7309
- "name": "help-text",
7837
+ "kind": "field",
7838
+ "name": "#lastFocused",
7839
+ "privacy": "private",
7310
7840
  "type": {
7311
- "text": "string"
7841
+ "text": "HTMLElement | null"
7312
7842
  },
7313
- "description": "Additional description to show below the fieldset",
7314
- "fieldName": "helpText"
7843
+ "default": "null"
7315
7844
  },
7316
7845
  {
7317
- "name": "invalid",
7846
+ "kind": "field",
7847
+ "name": "#timer",
7848
+ "privacy": "private",
7318
7849
  "type": {
7319
- "text": "boolean"
7850
+ "text": "ReturnType<typeof setTimeout> | null"
7320
7851
  },
7321
- "default": "false",
7322
- "description": "Sets the form fields and fieldset in an invalid state",
7323
- "fieldName": "invalid"
7852
+ "default": "null"
7324
7853
  },
7325
7854
  {
7326
- "name": "required",
7855
+ "kind": "field",
7856
+ "name": "#timerPaused",
7857
+ "privacy": "private",
7327
7858
  "type": {
7328
7859
  "text": "boolean"
7329
7860
  },
7330
- "default": "false",
7331
- "description": "Ensures a child slider thumb has a value before allowing the containing form to submit",
7332
- "fieldName": "required"
7861
+ "default": "false"
7333
7862
  },
7334
7863
  {
7335
- "name": "min",
7336
- "type": {
7337
- "text": "string"
7864
+ "kind": "method",
7865
+ "name": "close",
7866
+ "return": {
7867
+ "type": {
7868
+ "text": "void"
7869
+ }
7338
7870
  },
7339
- "description": "The minimum allowed value in the range inputs",
7340
- "default": "0",
7341
- "fieldName": "min"
7871
+ "description": "Remove the snackbar item from the document.\n\nMoves focus to the last focused element outside of the snackbar item, if available.",
7872
+ "type": {
7873
+ "text": "close() => void"
7874
+ }
7342
7875
  },
7343
7876
  {
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"
7877
+ "kind": "method",
7878
+ "name": "#onFocusIn",
7879
+ "privacy": "private",
7880
+ "parameters": [
7881
+ {
7882
+ "name": "e",
7883
+ "type": {
7884
+ "text": "FocusEvent"
7885
+ }
7886
+ }
7887
+ ],
7888
+ "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
7889
  },
7352
7890
  {
7353
- "name": "markers",
7891
+ "kind": "method",
7892
+ "name": "#onFocusOut",
7893
+ "privacy": "private",
7894
+ "parameters": [
7895
+ {
7896
+ "name": "e",
7897
+ "type": {
7898
+ "text": "FocusEvent"
7899
+ }
7900
+ }
7901
+ ],
7902
+ "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."
7903
+ },
7904
+ {
7905
+ "kind": "method",
7906
+ "name": "#onMouseEnter",
7907
+ "privacy": "private"
7908
+ },
7909
+ {
7910
+ "kind": "method",
7911
+ "name": "#onMouseLeave",
7912
+ "privacy": "private"
7913
+ },
7914
+ {
7915
+ "kind": "method",
7916
+ "name": "#hasAction",
7917
+ "privacy": "private"
7918
+ }
7919
+ ],
7920
+ "attributes": [
7921
+ {
7922
+ "name": "action-placement",
7354
7923
  "type": {
7355
- "text": "number"
7924
+ "text": "SnackbarActionPlacement"
7356
7925
  },
7357
- "description": "Pass a value similar to step to create visual markers at that interval",
7358
- "fieldName": "markers"
7926
+ "default": "\"inline\"",
7927
+ "description": "The placement of the action and close buttons.",
7928
+ "fieldName": "actionPlacement",
7929
+ "parsedType": {
7930
+ "text": "'inline' | 'block'"
7931
+ }
7359
7932
  },
7360
7933
  {
7361
- "name": "step",
7934
+ "name": "duration",
7362
7935
  "type": {
7363
7936
  "text": "number"
7364
7937
  },
7365
- "description": "ets step on the range input to jump between values when dragging",
7366
- "fieldName": "step"
7938
+ "description": "How long the message should stay in the document before removing itself.",
7939
+ "fieldName": "duration"
7940
+ }
7941
+ ],
7942
+ "superclass": {
7943
+ "name": "LitElement",
7944
+ "package": "lit"
7945
+ },
7946
+ "parent": {
7947
+ "name": "w-snackbar",
7948
+ "description": ""
7949
+ },
7950
+ "tagName": "w-snackbar-item",
7951
+ "customElement": true,
7952
+ "modulePath": "packages/snackbar-item/snackbar-item.ts",
7953
+ "definitionPath": "packages/snackbar-item/snackbar-item.ts"
7954
+ }
7955
+ ],
7956
+ "exports": [
7957
+ {
7958
+ "kind": "js",
7959
+ "name": "WarpSnackbarItem",
7960
+ "declaration": {
7961
+ "name": "WarpSnackbarItem",
7962
+ "module": "packages/snackbar-item/snackbar-item.ts"
7963
+ }
7964
+ },
7965
+ {
7966
+ "kind": "custom-element-definition",
7967
+ "name": "w-snackbar-item",
7968
+ "declaration": {
7969
+ "name": "WarpSnackbarItem",
7970
+ "module": "packages/snackbar-item/snackbar-item.ts"
7971
+ }
7972
+ }
7973
+ ]
7974
+ },
7975
+ {
7976
+ "kind": "javascript-module",
7977
+ "path": "packages/snackbar/snackbar.ts",
7978
+ "declarations": [
7979
+ {
7980
+ "kind": "class",
7981
+ "description": "A Snackbar shows brief user feedback messages that overlay content, with an optional action such as Undo.\n\nInclude one `<w-snackbar></w-snackbar>` in the document `<body>`. Use the `create` function to create messages.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/snackbar/frameworks/elements)",
7982
+ "name": "WarpSnackbar",
7983
+ "cssProperties": [
7984
+ {
7985
+ "name": "--w-c-snackbar-container-gap"
7367
7986
  },
7368
7987
  {
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"
7988
+ "name": "--w-c-snackbar-position-bottom"
7375
7989
  },
7376
7990
  {
7377
- "name": "hidden-textfield",
7378
- "type": {
7379
- "text": "boolean"
7991
+ "name": "--w-c-snackbar-position-left"
7992
+ },
7993
+ {
7994
+ "name": "--w-c-snackbar-position-right"
7995
+ },
7996
+ {
7997
+ "name": "--w-c-snackbar-position-top"
7998
+ },
7999
+ {
8000
+ "name": "--w-c-snackbar-z-index"
8001
+ }
8002
+ ],
8003
+ "cssParts": [
8004
+ {
8005
+ "description": "the live region that positions messages on the screen.",
8006
+ "name": "container"
8007
+ }
8008
+ ],
8009
+ "slots": [
8010
+ {
8011
+ "description": "`w-snackbar-item` gets placed inside the default slot by the `create` function.",
8012
+ "name": "default"
8013
+ }
8014
+ ],
8015
+ "members": [
8016
+ {
8017
+ "kind": "method",
8018
+ "name": "create",
8019
+ "return": {
8020
+ "type": {
8021
+ "text": ""
8022
+ }
7380
8023
  },
7381
- "default": "false",
7382
- "description": "Should only be used in special cases",
7383
- "fieldName": "hiddenTextfield"
8024
+ "parameters": [
8025
+ {
8026
+ "name": "message",
8027
+ "type": {
8028
+ "text": "string"
8029
+ }
8030
+ },
8031
+ {
8032
+ "name": "options",
8033
+ "default": "{}",
8034
+ "type": {
8035
+ "text": "CreateSnackbarOptions"
8036
+ }
8037
+ }
8038
+ ],
8039
+ "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.",
8040
+ "type": {
8041
+ "text": "create(message: string, options: CreateSnackbarOptions = {}) => void"
8042
+ }
7384
8043
  }
7385
8044
  ],
7386
8045
  "superclass": {
7387
8046
  "name": "LitElement",
7388
8047
  "package": "lit"
7389
8048
  },
7390
- "tagName": "w-slider",
8049
+ "tagName": "w-snackbar",
7391
8050
  "customElement": true,
7392
- "modulePath": "packages/slider/slider.ts",
7393
- "definitionPath": "packages/slider/slider.ts"
8051
+ "modulePath": "packages/snackbar/snackbar.ts",
8052
+ "definitionPath": "packages/snackbar/snackbar.ts"
7394
8053
  }
7395
8054
  ],
7396
8055
  "exports": [
7397
8056
  {
7398
- "kind": "custom-element-definition",
7399
- "name": "w-slider",
8057
+ "kind": "js",
8058
+ "name": "WarpSnackbar",
7400
8059
  "declaration": {
7401
- "name": "WarpSlider",
7402
- "module": "packages/slider/slider.ts"
8060
+ "name": "WarpSnackbar",
8061
+ "module": "packages/snackbar/snackbar.ts"
7403
8062
  }
7404
8063
  },
7405
8064
  {
7406
- "kind": "js",
7407
- "name": "WarpSlider",
8065
+ "kind": "custom-element-definition",
8066
+ "name": "w-snackbar",
7408
8067
  "declaration": {
7409
- "name": "WarpSlider",
7410
- "module": "packages/slider/slider.ts"
8068
+ "name": "WarpSnackbar",
8069
+ "module": "packages/snackbar/snackbar.ts"
7411
8070
  }
7412
8071
  }
7413
8072
  ]
@@ -7418,7 +8077,7 @@
7418
8077
  "declarations": [
7419
8078
  {
7420
8079
  "kind": "class",
7421
- "description": "Individual step component that shows a single step in a process",
8080
+ "description": "Individual step component that shows a single step in a process.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/steps/frameworks/elements)",
7422
8081
  "name": "WarpStep",
7423
8082
  "members": [
7424
8083
  {
@@ -7450,7 +8109,7 @@
7450
8109
  "text": "StepsContext"
7451
8110
  },
7452
8111
  "privacy": "private",
7453
- "default": "{ horizontal: false, right: false, isLast: false, isFirst: false }"
8112
+ "default": "{ horizontal: false, right: false, isLast: false, isFirst: false, }"
7454
8113
  },
7455
8114
  {
7456
8115
  "kind": "field",
@@ -7542,7 +8201,7 @@
7542
8201
  "declarations": [
7543
8202
  {
7544
8203
  "kind": "class",
7545
- "description": "Steps are used to show progress through a process or to guide users through a multi-step task.",
8204
+ "description": "Steps are used to show progress through a process or to guide users through a multi-step task.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/steps/frameworks/elements)",
7546
8205
  "name": "WarpStepIndicator",
7547
8206
  "members": [
7548
8207
  {
@@ -7623,7 +8282,7 @@
7623
8282
  "declarations": [
7624
8283
  {
7625
8284
  "kind": "class",
7626
- "description": "The Switch component allows users to toggle between two states.",
8285
+ "description": "The Switch component allows users to toggle between two states.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/switch/frameworks/elements)",
7627
8286
  "name": "WarpSwitch",
7628
8287
  "members": [
7629
8288
  {
@@ -7673,9 +8332,9 @@
7673
8332
  "name": "#initialState",
7674
8333
  "privacy": "private",
7675
8334
  "type": {
7676
- "text": "boolean | null"
8335
+ "text": "boolean"
7677
8336
  },
7678
- "default": "null"
8337
+ "default": "false"
7679
8338
  },
7680
8339
  {
7681
8340
  "kind": "method",
@@ -7776,7 +8435,7 @@
7776
8435
  "declarations": [
7777
8436
  {
7778
8437
  "kind": "class",
7779
- "description": "Individual tab component used within w-tabs container.",
8438
+ "description": "Individual tab component used within w-tabs container.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/tabs/frameworks/elements)",
7780
8439
  "name": "WarpTab",
7781
8440
  "members": [
7782
8441
  {
@@ -7815,7 +8474,7 @@
7815
8474
  "kind": "field",
7816
8475
  "name": "_ownAriaSelected",
7817
8476
  "type": {
7818
- "text": "'true' | 'false' | undefined"
8477
+ "text": "\"true\" | \"false\" | undefined"
7819
8478
  },
7820
8479
  "privacy": "private"
7821
8480
  },
@@ -7906,7 +8565,7 @@
7906
8565
  "declarations": [
7907
8566
  {
7908
8567
  "kind": "class",
7909
- "description": "Tab panel component that holds content for individual tabs.\nEach tab panel should have a name that matches a corresponding tab.",
8568
+ "description": "Tab panel component that holds content for individual tabs.\n\nEach tab panel should have a name that matches a corresponding tab.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/tabs/frameworks/elements)",
7910
8569
  "name": "WarpTabPanel",
7911
8570
  "members": [
7912
8571
  {
@@ -7990,14 +8649,14 @@
7990
8649
  "declarations": [
7991
8650
  {
7992
8651
  "kind": "class",
7993
- "description": "Tabs are used to organize content by grouping similar information on the same page.",
8652
+ "description": "Tabs are used to organize content by grouping similar information on the same page.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/tabs/frameworks/elements)",
7994
8653
  "name": "WarpTabs",
7995
8654
  "members": [
7996
8655
  {
7997
8656
  "kind": "field",
7998
8657
  "name": "active",
7999
8658
  "type": {
8000
- "text": "string"
8659
+ "text": "string | undefined"
8001
8660
  },
8002
8661
  "description": "The `id` of the panel that should be active.",
8003
8662
  "default": "\"\" (Shows the first tab)",
@@ -8029,10 +8688,10 @@
8029
8688
  "kind": "field",
8030
8689
  "name": "_activeTabFor",
8031
8690
  "type": {
8032
- "text": "string"
8691
+ "text": "string | undefined"
8033
8692
  },
8034
8693
  "privacy": "private",
8035
- "default": "''"
8694
+ "default": "\"\""
8036
8695
  },
8037
8696
  {
8038
8697
  "kind": "field",
@@ -8101,14 +8760,14 @@
8101
8760
  "type": {
8102
8761
  "text": "WarpTabsChangeEvent"
8103
8762
  },
8104
- "description": "Includes `details.panelId` with the now active tab's ID"
8763
+ "description": "Includes `details.panelId` with the now active tab panel's ID"
8105
8764
  }
8106
8765
  ],
8107
8766
  "attributes": [
8108
8767
  {
8109
8768
  "name": "active",
8110
8769
  "type": {
8111
- "text": "string"
8770
+ "text": "string | undefined"
8112
8771
  },
8113
8772
  "description": "The `id` of the panel that should be active.",
8114
8773
  "default": "\"\" (Shows the first tab)",
@@ -8150,7 +8809,7 @@
8150
8809
  "declarations": [
8151
8810
  {
8152
8811
  "kind": "class",
8153
- "description": "A multi-line text input with built-in form validation, auto-resizing, and styling support.\n\nThe component automatically handles:\n - Form integration\n - Auto-resizing based on content and row constraints\n - Built-in validation with customizable error messages\n - Accessibility attributes and labeling",
8812
+ "description": "A multi-line text input with built-in form validation, auto-resizing, and styling support.\n\n[Warp component reference](https://warp-ds.github.io/docs/components/text-area/frameworks/elements)",
8154
8813
  "name": "WarpTextarea",
8155
8814
  "members": [
8156
8815
  {
@@ -8180,7 +8839,7 @@
8180
8839
  "kind": "field",
8181
8840
  "name": "label",
8182
8841
  "type": {
8183
- "text": "string"
8842
+ "text": "string | undefined"
8184
8843
  },
8185
8844
  "description": "Either a `label` or an `aria-label` must be provided.",
8186
8845
  "attribute": "label",
@@ -8190,7 +8849,7 @@
8190
8849
  "kind": "field",
8191
8850
  "name": "helpText",
8192
8851
  "type": {
8193
- "text": "string"
8852
+ "text": "string | undefined"
8194
8853
  },
8195
8854
  "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
8196
8855
  "summary": "Description shown below the input field",
@@ -8201,7 +8860,7 @@
8201
8860
  "kind": "field",
8202
8861
  "name": "maxRows",
8203
8862
  "type": {
8204
- "text": "number"
8863
+ "text": "number | undefined"
8205
8864
  },
8206
8865
  "description": "Sets the maximum number of text rows before the content starts scrolling.",
8207
8866
  "attribute": "maximum-rows",
@@ -8211,7 +8870,7 @@
8211
8870
  "kind": "field",
8212
8871
  "name": "minRows",
8213
8872
  "type": {
8214
- "text": "number"
8873
+ "text": "number | undefined"
8215
8874
  },
8216
8875
  "description": "Sets the minimum number of text rows the textarea should display",
8217
8876
  "attribute": "minimum-rows",
@@ -8221,7 +8880,7 @@
8221
8880
  "kind": "field",
8222
8881
  "name": "name",
8223
8882
  "type": {
8224
- "text": "string"
8883
+ "text": "string | undefined"
8225
8884
  },
8226
8885
  "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
8886
  "attribute": "name",
@@ -8231,7 +8890,7 @@
8231
8890
  "kind": "field",
8232
8891
  "name": "placeholder",
8233
8892
  "type": {
8234
- "text": "string"
8893
+ "text": "string | undefined"
8235
8894
  },
8236
8895
  "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
8896
  "summary": "Shown in the textarea when it doesn't have a value",
@@ -8275,7 +8934,7 @@
8275
8934
  "kind": "field",
8276
8935
  "name": "value",
8277
8936
  "type": {
8278
- "text": "string"
8937
+ "text": "string | undefined"
8279
8938
  },
8280
8939
  "description": "Lets you set the current value",
8281
8940
  "attribute": "value",
@@ -8292,6 +8951,16 @@
8292
8951
  "attribute": "optional",
8293
8952
  "reflects": true
8294
8953
  },
8954
+ {
8955
+ "kind": "field",
8956
+ "name": "minHeight",
8957
+ "privacy": "private"
8958
+ },
8959
+ {
8960
+ "kind": "field",
8961
+ "name": "maxHeight",
8962
+ "privacy": "private"
8963
+ },
8295
8964
  {
8296
8965
  "kind": "field",
8297
8966
  "name": "_textarea",
@@ -8305,9 +8974,9 @@
8305
8974
  "name": "#initialValue",
8306
8975
  "privacy": "private",
8307
8976
  "type": {
8308
- "text": "string | null"
8977
+ "text": "string | undefined"
8309
8978
  },
8310
- "default": "null"
8979
+ "default": "undefined"
8311
8980
  },
8312
8981
  {
8313
8982
  "kind": "field",
@@ -8471,7 +9140,7 @@
8471
9140
  {
8472
9141
  "name": "label",
8473
9142
  "type": {
8474
- "text": "string"
9143
+ "text": "string | undefined"
8475
9144
  },
8476
9145
  "description": "Either a `label` or an `aria-label` must be provided.",
8477
9146
  "fieldName": "label"
@@ -8479,7 +9148,7 @@
8479
9148
  {
8480
9149
  "name": "help-text",
8481
9150
  "type": {
8482
- "text": "string"
9151
+ "text": "string | undefined"
8483
9152
  },
8484
9153
  "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
8485
9154
  "summary": "Description shown below the input field",
@@ -8488,7 +9157,7 @@
8488
9157
  {
8489
9158
  "name": "maximum-rows",
8490
9159
  "type": {
8491
- "text": "number"
9160
+ "text": "number | undefined"
8492
9161
  },
8493
9162
  "description": "Sets the maximum number of text rows before the content starts scrolling.",
8494
9163
  "fieldName": "maxRows"
@@ -8496,7 +9165,7 @@
8496
9165
  {
8497
9166
  "name": "minimum-rows",
8498
9167
  "type": {
8499
- "text": "number"
9168
+ "text": "number | undefined"
8500
9169
  },
8501
9170
  "description": "Sets the minimum number of text rows the textarea should display",
8502
9171
  "fieldName": "minRows"
@@ -8504,7 +9173,7 @@
8504
9173
  {
8505
9174
  "name": "name",
8506
9175
  "type": {
8507
- "text": "string"
9176
+ "text": "string | undefined"
8508
9177
  },
8509
9178
  "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
9179
  "fieldName": "name"
@@ -8512,7 +9181,7 @@
8512
9181
  {
8513
9182
  "name": "placeholder",
8514
9183
  "type": {
8515
- "text": "string"
9184
+ "text": "string | undefined"
8516
9185
  },
8517
9186
  "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
9187
  "summary": "Shown in the textarea when it doesn't have a value",
@@ -8548,7 +9217,7 @@
8548
9217
  {
8549
9218
  "name": "value",
8550
9219
  "type": {
8551
- "text": "string"
9220
+ "text": "string | undefined"
8552
9221
  },
8553
9222
  "description": "Lets you set the current value",
8554
9223
  "fieldName": "value"