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