@warp-ds/elements 2.3.0-next.9 → 2.3.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 (282) hide show
  1. package/dist/custom-elements.json +156 -3728
  2. package/dist/index.d.ts +34 -717
  3. package/dist/packages/affix/index.js.map +2 -2
  4. package/dist/packages/alert/index.js.map +2 -2
  5. package/dist/packages/attention/attention.stories.js +4 -1
  6. package/dist/packages/attention/index.js +55 -19
  7. package/dist/packages/attention/index.js.map +3 -3
  8. package/dist/packages/attention/styles.js +1 -1
  9. package/dist/packages/badge/index.js.map +2 -2
  10. package/dist/packages/box/index.js.map +2 -2
  11. package/dist/packages/breadcrumbs/index.js.map +2 -2
  12. package/dist/packages/button/button.react.stories.d.ts +1 -1
  13. package/dist/packages/button/button.stories.d.ts +4 -4
  14. package/dist/packages/button/button.stories.js +4 -4
  15. package/dist/packages/button/button.test.js +30 -1
  16. package/dist/packages/button/index.d.ts +2 -0
  17. package/dist/packages/button/index.js +49 -13
  18. package/dist/packages/button/index.js.map +3 -3
  19. package/dist/packages/card/index.js.map +2 -2
  20. package/dist/packages/datepicker/datepicker.d.ts +1 -0
  21. package/dist/packages/datepicker/datepicker.js +439 -2732
  22. package/dist/packages/datepicker/datepicker.react.stories.d.ts +1 -1
  23. package/dist/packages/datepicker/datepicker.test.js +27 -0
  24. package/dist/packages/datepicker/index.js +2785 -1
  25. package/dist/packages/datepicker/{datepicker.js.map → index.js.map} +3 -3
  26. package/dist/packages/expandable/index.js.map +2 -2
  27. package/dist/packages/link/index.d.ts +2 -8
  28. package/dist/packages/link/index.js +43 -7
  29. package/dist/packages/link/index.js.map +4 -4
  30. package/dist/packages/link/link.react.stories.d.ts +6 -4
  31. package/dist/packages/link/link.react.stories.js +22 -12
  32. package/dist/packages/link/link.stories.d.ts +5 -3
  33. package/dist/packages/link/link.stories.js +22 -12
  34. package/dist/packages/link/styles.js +36 -0
  35. package/dist/packages/modal/index.js.map +2 -2
  36. package/dist/packages/modal/modal-header.js.map +2 -2
  37. package/dist/packages/modal/modal.stories.d.ts +3 -3
  38. package/dist/packages/modal/modal.stories.js +32 -32
  39. package/dist/packages/pill/index.js.map +2 -2
  40. package/dist/packages/select/index.d.ts +26 -5
  41. package/dist/packages/select/index.js +17 -16
  42. package/dist/packages/select/index.js.map +3 -3
  43. package/dist/packages/select/select.react.stories.d.ts +1 -1
  44. package/dist/packages/select/select.stories.d.ts +1 -1
  45. package/dist/packages/select/select.stories.js +3 -4
  46. package/dist/packages/select/select.test.js +30 -0
  47. package/dist/packages/textfield/index.d.ts +4 -0
  48. package/dist/packages/textfield/index.js +20 -19
  49. package/dist/packages/textfield/index.js.map +3 -3
  50. package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
  51. package/dist/packages/textfield/textfield.stories.d.ts +1 -0
  52. package/dist/packages/textfield/textfield.stories.js +17 -0
  53. package/dist/web-types.json +44 -707
  54. package/package.json +11 -89
  55. package/dist/packages/combobox/combobox.react.stories.d.ts +0 -28
  56. package/dist/packages/combobox/combobox.react.stories.js +0 -90
  57. package/dist/packages/combobox/combobox.stories.d.ts +0 -18
  58. package/dist/packages/combobox/combobox.stories.js +0 -117
  59. package/dist/packages/combobox/index.d.ts +0 -85
  60. package/dist/packages/combobox/index.js +0 -2492
  61. package/dist/packages/combobox/index.js.map +0 -7
  62. package/dist/packages/combobox/locales/da/messages.d.mts +0 -1
  63. package/dist/packages/combobox/locales/da/messages.mjs +0 -1
  64. package/dist/packages/combobox/locales/en/messages.d.mts +0 -1
  65. package/dist/packages/combobox/locales/en/messages.mjs +0 -1
  66. package/dist/packages/combobox/locales/fi/messages.d.mts +0 -1
  67. package/dist/packages/combobox/locales/fi/messages.mjs +0 -1
  68. package/dist/packages/combobox/locales/nb/messages.d.mts +0 -1
  69. package/dist/packages/combobox/locales/nb/messages.mjs +0 -1
  70. package/dist/packages/combobox/locales/sv/messages.d.mts +0 -1
  71. package/dist/packages/combobox/locales/sv/messages.mjs +0 -1
  72. package/dist/packages/combobox/react.d.ts +0 -7
  73. package/dist/packages/combobox/react.js +0 -17
  74. package/dist/packages/combobox/styles.d.ts +0 -1
  75. package/dist/packages/combobox/styles.js +0 -2
  76. package/dist/packages/dead-toggle/dead-toggle.react.stories.d.ts +0 -15
  77. package/dist/packages/dead-toggle/dead-toggle.react.stories.js +0 -34
  78. package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +0 -14
  79. package/dist/packages/dead-toggle/dead-toggle.stories.js +0 -45
  80. package/dist/packages/dead-toggle/dead-toggle.test.d.ts +0 -1
  81. package/dist/packages/dead-toggle/dead-toggle.test.js +0 -9
  82. package/dist/packages/dead-toggle/index.d.ts +0 -17
  83. package/dist/packages/dead-toggle/index.js +0 -2547
  84. package/dist/packages/dead-toggle/index.js.map +0 -7
  85. package/dist/packages/dead-toggle/react.d.ts +0 -2
  86. package/dist/packages/dead-toggle/react.js +0 -11
  87. package/dist/packages/pageindicator/index.d.ts +0 -10
  88. package/dist/packages/pageindicator/index.js +0 -32
  89. package/dist/packages/pageindicator/index.js.map +0 -7
  90. package/dist/packages/pageindicator/pageindicator.react.stories.d.ts +0 -19
  91. package/dist/packages/pageindicator/pageindicator.react.stories.js +0 -20
  92. package/dist/packages/pageindicator/pageindicator.stories.d.ts +0 -32
  93. package/dist/packages/pageindicator/pageindicator.stories.js +0 -71
  94. package/dist/packages/pageindicator/react.d.ts +0 -2
  95. package/dist/packages/pageindicator/react.js +0 -11
  96. package/dist/packages/pageindicator/style.d.ts +0 -1
  97. package/dist/packages/pageindicator/style.js +0 -26
  98. package/dist/packages/pagination/index.d.ts +0 -32
  99. package/dist/packages/pagination/index.js +0 -2500
  100. package/dist/packages/pagination/index.js.map +0 -7
  101. package/dist/packages/pagination/locales/da/messages.d.mts +0 -1
  102. package/dist/packages/pagination/locales/da/messages.mjs +0 -1
  103. package/dist/packages/pagination/locales/en/messages.d.mts +0 -1
  104. package/dist/packages/pagination/locales/en/messages.mjs +0 -1
  105. package/dist/packages/pagination/locales/fi/messages.d.mts +0 -1
  106. package/dist/packages/pagination/locales/fi/messages.mjs +0 -1
  107. package/dist/packages/pagination/locales/nb/messages.d.mts +0 -1
  108. package/dist/packages/pagination/locales/nb/messages.mjs +0 -1
  109. package/dist/packages/pagination/locales/sv/messages.d.mts +0 -1
  110. package/dist/packages/pagination/locales/sv/messages.mjs +0 -1
  111. package/dist/packages/pagination/pagination.react.stories.d.ts +0 -21
  112. package/dist/packages/pagination/pagination.react.stories.js +0 -45
  113. package/dist/packages/pagination/pagination.stories.d.ts +0 -14
  114. package/dist/packages/pagination/pagination.stories.js +0 -56
  115. package/dist/packages/pagination/pagination.test.d.ts +0 -1
  116. package/dist/packages/pagination/pagination.test.js +0 -76
  117. package/dist/packages/pagination/react.d.ts +0 -5
  118. package/dist/packages/pagination/react.js +0 -15
  119. package/dist/packages/pagination/styles.d.ts +0 -1
  120. package/dist/packages/pagination/styles.js +0 -2
  121. package/dist/packages/rip-and-tear-checkbox/checkbox-group.d.ts +0 -10
  122. package/dist/packages/rip-and-tear-checkbox/checkbox-group.js +0 -7
  123. package/dist/packages/rip-and-tear-checkbox/checkbox-group.js.map +0 -7
  124. package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +0 -66
  125. package/dist/packages/rip-and-tear-checkbox/checkbox.js +0 -2591
  126. package/dist/packages/rip-and-tear-checkbox/checkbox.js.map +0 -7
  127. package/dist/packages/rip-and-tear-checkbox/checkbox.stories.d.ts +0 -11
  128. package/dist/packages/rip-and-tear-checkbox/checkbox.stories.js +0 -25
  129. package/dist/packages/rip-and-tear-checkbox/index.d.ts +0 -1
  130. package/dist/packages/rip-and-tear-checkbox/index.js +0 -6
  131. package/dist/packages/rip-and-tear-checkbox/react.d.ts +0 -7
  132. package/dist/packages/rip-and-tear-checkbox/react.js +0 -20
  133. package/dist/packages/rip-and-tear-checkbox/rip-and-tear-checkbox.react.stories.d.ts +0 -12
  134. package/dist/packages/rip-and-tear-checkbox/rip-and-tear-checkbox.react.stories.js +0 -10
  135. package/dist/packages/rip-and-tear-checkbox/styles.d.ts +0 -0
  136. package/dist/packages/rip-and-tear-checkbox/styles.js +0 -0
  137. package/dist/packages/rip-and-tear-radio/base-element.d.ts +0 -46
  138. package/dist/packages/rip-and-tear-radio/base-element.js +0 -100
  139. package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts +0 -6
  140. package/dist/packages/rip-and-tear-radio/custom-error-validator.js +0 -22
  141. package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts +0 -103
  142. package/dist/packages/rip-and-tear-radio/form-associated-element.js +0 -282
  143. package/dist/packages/rip-and-tear-radio/host-styles.d.ts +0 -1
  144. package/dist/packages/rip-and-tear-radio/host-styles.js +0 -12
  145. package/dist/packages/rip-and-tear-radio/index.d.ts +0 -1
  146. package/dist/packages/rip-and-tear-radio/index.js +0 -6
  147. package/dist/packages/rip-and-tear-radio/invalid.d.ts +0 -8
  148. package/dist/packages/rip-and-tear-radio/invalid.js +0 -5
  149. package/dist/packages/rip-and-tear-radio/math.d.ts +0 -1
  150. package/dist/packages/rip-and-tear-radio/math.js +0 -4
  151. package/dist/packages/rip-and-tear-radio/radio-group-styles.d.ts +0 -1
  152. package/dist/packages/rip-and-tear-radio/radio-group-styles.js +0 -59
  153. package/dist/packages/rip-and-tear-radio/radio-group-styles.js.map +0 -7
  154. package/dist/packages/rip-and-tear-radio/radio-group.d.ts +0 -72
  155. package/dist/packages/rip-and-tear-radio/radio-group.js +0 -2648
  156. package/dist/packages/rip-and-tear-radio/radio-group.js.map +0 -7
  157. package/dist/packages/rip-and-tear-radio/radio-styles.d.ts +0 -0
  158. package/dist/packages/rip-and-tear-radio/radio-styles.js +0 -1
  159. package/dist/packages/rip-and-tear-radio/radio-styles.js.map +0 -7
  160. package/dist/packages/rip-and-tear-radio/radio.d.ts +0 -38
  161. package/dist/packages/rip-and-tear-radio/radio.js +0 -2562
  162. package/dist/packages/rip-and-tear-radio/radio.js.map +0 -7
  163. package/dist/packages/rip-and-tear-radio/radio.stories.d.ts +0 -8
  164. package/dist/packages/rip-and-tear-radio/radio.stories.js +0 -2653
  165. package/dist/packages/rip-and-tear-radio/radio.stories.js.map +0 -7
  166. package/dist/packages/rip-and-tear-radio/react.d.ts +0 -9
  167. package/dist/packages/rip-and-tear-radio/react.js +0 -22
  168. package/dist/packages/rip-and-tear-radio/required-validator.d.ts +0 -11
  169. package/dist/packages/rip-and-tear-radio/required-validator.js +0 -34
  170. package/dist/packages/rip-and-tear-radio/rip-and-tear-radio.react.stories.d.ts +0 -9
  171. package/dist/packages/rip-and-tear-radio/rip-and-tear-radio.react.stories.js +0 -10
  172. package/dist/packages/rip-and-tear-radio/slot.d.ts +0 -20
  173. package/dist/packages/rip-and-tear-radio/slot.js +0 -71
  174. package/dist/packages/rip-and-tear-radio/watch.d.ts +0 -26
  175. package/dist/packages/rip-and-tear-radio/watch.js +0 -39
  176. package/dist/packages/slider/Slider.d.ts +0 -2
  177. package/dist/packages/slider/Slider.js +0 -8
  178. package/dist/packages/slider/SliderThumb.d.ts +0 -2
  179. package/dist/packages/slider/SliderThumb.js +0 -8
  180. package/dist/packages/slider/index.d.ts +0 -2
  181. package/dist/packages/slider/index.js +0 -2
  182. package/dist/packages/slider/oddbird-css-anchor-positioning.d.ts +0 -2
  183. package/dist/packages/slider/oddbird-css-anchor-positioning.js +0 -3
  184. package/dist/packages/slider/react.d.ts +0 -8
  185. package/dist/packages/slider/react.js +0 -20
  186. package/dist/packages/slider/slider-thumb.d.ts +0 -57
  187. package/dist/packages/slider/slider-thumb.js +0 -2705
  188. package/dist/packages/slider/slider-thumb.js.map +0 -7
  189. package/dist/packages/slider/slider.d.ts +0 -46
  190. package/dist/packages/slider/slider.js +0 -2587
  191. package/dist/packages/slider/slider.js.map +0 -7
  192. package/dist/packages/slider/slider.react.stories.d.ts +0 -18
  193. package/dist/packages/slider/slider.react.stories.js +0 -118
  194. package/dist/packages/slider/slider.stories.d.ts +0 -18
  195. package/dist/packages/slider/slider.stories.js +0 -197
  196. package/dist/packages/slider/slider.test.d.ts +0 -4
  197. package/dist/packages/slider/slider.test.js +0 -83
  198. package/dist/packages/slider/styles/w-slider-thumb.styles.d.ts +0 -1
  199. package/dist/packages/slider/styles/w-slider-thumb.styles.js +0 -167
  200. package/dist/packages/slider/styles/w-slider.styles.d.ts +0 -1
  201. package/dist/packages/slider/styles/w-slider.styles.js +0 -134
  202. package/dist/packages/slider/styles.d.ts +0 -1
  203. package/dist/packages/slider/styles.js +0 -2
  204. package/dist/packages/steps/index.d.ts +0 -36
  205. package/dist/packages/steps/index.js +0 -2465
  206. package/dist/packages/steps/index.js.map +0 -7
  207. package/dist/packages/steps/locales/da/messages.d.mts +0 -1
  208. package/dist/packages/steps/locales/da/messages.mjs +0 -1
  209. package/dist/packages/steps/locales/en/messages.d.mts +0 -1
  210. package/dist/packages/steps/locales/en/messages.mjs +0 -1
  211. package/dist/packages/steps/locales/fi/messages.d.mts +0 -1
  212. package/dist/packages/steps/locales/fi/messages.mjs +0 -1
  213. package/dist/packages/steps/locales/nb/messages.d.mts +0 -1
  214. package/dist/packages/steps/locales/nb/messages.mjs +0 -1
  215. package/dist/packages/steps/locales/sv/messages.d.mts +0 -1
  216. package/dist/packages/steps/locales/sv/messages.mjs +0 -1
  217. package/dist/packages/steps/react.d.ts +0 -3
  218. package/dist/packages/steps/react.js +0 -16
  219. package/dist/packages/steps/steps.react.stories.d.ts +0 -15
  220. package/dist/packages/steps/steps.react.stories.js +0 -112
  221. package/dist/packages/steps/steps.stories.d.ts +0 -12
  222. package/dist/packages/steps/steps.stories.js +0 -172
  223. package/dist/packages/steps/styles.d.ts +0 -1
  224. package/dist/packages/steps/styles.js +0 -2
  225. package/dist/packages/switch/index.d.ts +0 -15
  226. package/dist/packages/switch/index.js +0 -2455
  227. package/dist/packages/switch/index.js.map +0 -7
  228. package/dist/packages/switch/react.d.ts +0 -5
  229. package/dist/packages/switch/react.js +0 -15
  230. package/dist/packages/switch/styles.d.ts +0 -1
  231. package/dist/packages/switch/styles.js +0 -2
  232. package/dist/packages/switch/switch.react.stories.d.ts +0 -15
  233. package/dist/packages/switch/switch.react.stories.js +0 -29
  234. package/dist/packages/switch/switch.stories.d.ts +0 -9
  235. package/dist/packages/switch/switch.stories.js +0 -34
  236. package/dist/packages/tabs/index.d.ts +0 -4
  237. package/dist/packages/tabs/index.js +0 -3
  238. package/dist/packages/tabs/react.d.ts +0 -12
  239. package/dist/packages/tabs/react.js +0 -31
  240. package/dist/packages/tabs/styles.d.ts +0 -1
  241. package/dist/packages/tabs/styles.js +0 -2
  242. package/dist/packages/tabs/tab-panel.d.ts +0 -20
  243. package/dist/packages/tabs/tab-panel.js +0 -51
  244. package/dist/packages/tabs/tab.d.ts +0 -18
  245. package/dist/packages/tabs/tab.js +0 -2464
  246. package/dist/packages/tabs/tab.js.map +0 -7
  247. package/dist/packages/tabs/tabs.d.ts +0 -40
  248. package/dist/packages/tabs/tabs.js +0 -2448
  249. package/dist/packages/tabs/tabs.js.map +0 -7
  250. package/dist/packages/tabs/tabs.react.stories.d.ts +0 -15
  251. package/dist/packages/tabs/tabs.react.stories.js +0 -51
  252. package/dist/packages/tabs/tabs.stories.d.ts +0 -11
  253. package/dist/packages/tabs/tabs.stories.js +0 -93
  254. package/dist/packages/textarea/index.d.ts +0 -1
  255. package/dist/packages/textarea/index.js +0 -1
  256. package/dist/packages/textarea/locales/da/messages.d.mts +0 -1
  257. package/dist/packages/textarea/locales/da/messages.mjs +0 -1
  258. package/dist/packages/textarea/locales/en/messages.d.mts +0 -1
  259. package/dist/packages/textarea/locales/en/messages.mjs +0 -1
  260. package/dist/packages/textarea/locales/fi/messages.d.mts +0 -1
  261. package/dist/packages/textarea/locales/fi/messages.mjs +0 -1
  262. package/dist/packages/textarea/locales/nb/messages.d.mts +0 -1
  263. package/dist/packages/textarea/locales/nb/messages.mjs +0 -1
  264. package/dist/packages/textarea/locales/sv/messages.d.mts +0 -1
  265. package/dist/packages/textarea/locales/sv/messages.mjs +0 -1
  266. package/dist/packages/textarea/react.d.ts +0 -11
  267. package/dist/packages/textarea/react.js +0 -21
  268. package/dist/packages/textarea/styles.d.ts +0 -1
  269. package/dist/packages/textarea/styles.js +0 -2
  270. package/dist/packages/textarea/textarea.d.ts +0 -48
  271. package/dist/packages/textarea/textarea.js +0 -2475
  272. package/dist/packages/textarea/textarea.js.map +0 -7
  273. package/dist/packages/textarea/textarea.react.stories.d.ts +0 -33
  274. package/dist/packages/textarea/textarea.react.stories.js +0 -41
  275. package/dist/packages/textarea/textarea.stories.d.ts +0 -19
  276. package/dist/packages/textarea/textarea.stories.js +0 -85
  277. package/dist/packages/textarea/textarea.test.d.ts +0 -1
  278. package/dist/packages/textarea/textarea.test.js +0 -49
  279. package/dist/packages/toggle-styles.d.ts +0 -1
  280. package/dist/packages/toggle-styles.js +0 -108
  281. package/dist/setup-tests.d.ts +0 -1
  282. package/dist/setup-tests.js +0 -1
@@ -249,18 +249,9 @@
249
249
  "attribute": "variant",
250
250
  "reflects": true,
251
251
  "parsedType": {
252
- "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
252
+ "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
253
253
  }
254
254
  },
255
- {
256
- "kind": "field",
257
- "name": "quiet",
258
- "type": {
259
- "text": "boolean"
260
- },
261
- "attribute": "quiet",
262
- "reflects": true
263
- },
264
255
  {
265
256
  "kind": "field",
266
257
  "name": "small",
@@ -314,31 +305,6 @@
314
305
  },
315
306
  "attribute": "full-width",
316
307
  "reflects": true
317
- },
318
- {
319
- "kind": "field",
320
- "name": "buttonClass",
321
- "type": {
322
- "text": "string"
323
- },
324
- "attribute": "button-class",
325
- "reflects": true
326
- },
327
- {
328
- "kind": "field",
329
- "name": "name",
330
- "type": {
331
- "text": "string"
332
- },
333
- "attribute": "name",
334
- "reflects": true
335
- },
336
- {
337
- "kind": "field",
338
- "name": "classes",
339
- "type": {
340
- "text": "string"
341
- }
342
308
  }
343
309
  ],
344
310
  "attributes": [
@@ -357,16 +323,9 @@
357
323
  "default": "'secondary'",
358
324
  "fieldName": "variant",
359
325
  "parsedType": {
360
- "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
326
+ "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
361
327
  }
362
328
  },
363
- {
364
- "name": "quiet",
365
- "type": {
366
- "text": "boolean"
367
- },
368
- "fieldName": "quiet"
369
- },
370
329
  {
371
330
  "name": "small",
372
331
  "type": {
@@ -408,26 +367,6 @@
408
367
  "text": "boolean"
409
368
  },
410
369
  "fieldName": "fullWidth"
411
- },
412
- {
413
- "name": "button-class",
414
- "type": {
415
- "text": "string"
416
- },
417
- "fieldName": "buttonClass"
418
- },
419
- {
420
- "name": "name",
421
- "type": {
422
- "text": "string"
423
- },
424
- "fieldName": "name"
425
- }
426
- ],
427
- "mixins": [
428
- {
429
- "name": "FormControlMixin",
430
- "package": "@open-wc/form-control"
431
370
  }
432
371
  ],
433
372
  "superclass": {
@@ -602,6 +541,27 @@
602
541
  "attribute": "value",
603
542
  "reflects": true
604
543
  },
544
+ {
545
+ "kind": "field",
546
+ "name": "#initialValue",
547
+ "privacy": "private",
548
+ "type": {
549
+ "text": "string | null"
550
+ },
551
+ "default": "null"
552
+ },
553
+ {
554
+ "kind": "method",
555
+ "name": "resetFormControl",
556
+ "return": {
557
+ "type": {
558
+ "text": "void"
559
+ }
560
+ },
561
+ "type": {
562
+ "text": "resetFormControl() => void"
563
+ }
564
+ },
605
565
  {
606
566
  "kind": "field",
607
567
  "name": "ariaValueTextLoading"
@@ -1884,17 +1844,38 @@
1884
1844
  "type": {
1885
1845
  "text": "boolean"
1886
1846
  },
1887
- "description": "Whether the element should receive focus on render",
1847
+ "description": "Whether the element should receive focus on render.",
1848
+ "deprecated": "Use the native `autofocus` attribute instead.",
1888
1849
  "attribute": "auto-focus",
1889
1850
  "reflects": true
1890
1851
  },
1852
+ {
1853
+ "kind": "field",
1854
+ "name": "autofocus",
1855
+ "type": {
1856
+ "text": "boolean"
1857
+ },
1858
+ "description": "Whether the element should receive focus on render",
1859
+ "attribute": "autofocus",
1860
+ "reflects": true
1861
+ },
1862
+ {
1863
+ "kind": "field",
1864
+ "name": "helpText",
1865
+ "type": {
1866
+ "text": "string"
1867
+ },
1868
+ "description": "The content displayed as the help text. Paired with `invalid` to show the text as a validation error.",
1869
+ "attribute": "help-text",
1870
+ "reflects": true
1871
+ },
1891
1872
  {
1892
1873
  "kind": "field",
1893
1874
  "name": "invalid",
1894
1875
  "type": {
1895
1876
  "text": "boolean"
1896
1877
  },
1897
- "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
1878
+ "description": "Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.",
1898
1879
  "attribute": "invalid",
1899
1880
  "reflects": true
1900
1881
  },
@@ -1904,7 +1885,8 @@
1904
1885
  "type": {
1905
1886
  "text": "boolean"
1906
1887
  },
1907
- "description": "Whether to always show a hint",
1888
+ "description": "Whether to always show a hint.",
1889
+ "deprecated": "Use `help-text` instead and only set it if you want to display the help text.",
1908
1890
  "attribute": "always",
1909
1891
  "reflects": true
1910
1892
  },
@@ -1914,7 +1896,8 @@
1914
1896
  "type": {
1915
1897
  "text": "string"
1916
1898
  },
1917
- "description": "The content displayed as the help text",
1899
+ "description": "The content displayed as the help text.",
1900
+ "deprecated": "Use `help-text` instead.",
1918
1901
  "attribute": "hint",
1919
1902
  "reflects": true
1920
1903
  },
@@ -1955,9 +1938,20 @@
1955
1938
  "text": "boolean"
1956
1939
  },
1957
1940
  "description": "Renders the field in a readonly state.",
1941
+ "deprecated": "Use the native readonly attribute instead.",
1958
1942
  "attribute": "read-only",
1959
1943
  "reflects": true
1960
1944
  },
1945
+ {
1946
+ "kind": "field",
1947
+ "name": "readonly",
1948
+ "type": {
1949
+ "text": "boolean"
1950
+ },
1951
+ "description": "Renders the field in a readonly state.",
1952
+ "attribute": "readonly",
1953
+ "reflects": true
1954
+ },
1961
1955
  {
1962
1956
  "kind": "field",
1963
1957
  "name": "name",
@@ -1976,6 +1970,27 @@
1976
1970
  "attribute": "value",
1977
1971
  "reflects": true
1978
1972
  },
1973
+ {
1974
+ "kind": "field",
1975
+ "name": "#initialValue",
1976
+ "privacy": "private",
1977
+ "type": {
1978
+ "text": "string | null"
1979
+ },
1980
+ "default": "null"
1981
+ },
1982
+ {
1983
+ "kind": "method",
1984
+ "name": "resetFormControl",
1985
+ "return": {
1986
+ "type": {
1987
+ "text": "void"
1988
+ }
1989
+ },
1990
+ "type": {
1991
+ "text": "resetFormControl() => void"
1992
+ }
1993
+ },
1979
1994
  {
1980
1995
  "kind": "method",
1981
1996
  "name": "handleKeyDown",
@@ -2040,15 +2055,32 @@
2040
2055
  "type": {
2041
2056
  "text": "boolean"
2042
2057
  },
2043
- "description": "Whether the element should receive focus on render",
2058
+ "description": "Whether the element should receive focus on render.",
2059
+ "deprecated": "Use the native `autofocus` attribute instead.",
2044
2060
  "fieldName": "autoFocus"
2045
2061
  },
2062
+ {
2063
+ "name": "autofocus",
2064
+ "type": {
2065
+ "text": "boolean"
2066
+ },
2067
+ "description": "Whether the element should receive focus on render",
2068
+ "fieldName": "autofocus"
2069
+ },
2070
+ {
2071
+ "name": "help-text",
2072
+ "type": {
2073
+ "text": "string"
2074
+ },
2075
+ "description": "The content displayed as the help text. Paired with `invalid` to show the text as a validation error.",
2076
+ "fieldName": "helpText"
2077
+ },
2046
2078
  {
2047
2079
  "name": "invalid",
2048
2080
  "type": {
2049
2081
  "text": "boolean"
2050
2082
  },
2051
- "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
2083
+ "description": "Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.",
2052
2084
  "fieldName": "invalid"
2053
2085
  },
2054
2086
  {
@@ -2056,7 +2088,8 @@
2056
2088
  "type": {
2057
2089
  "text": "boolean"
2058
2090
  },
2059
- "description": "Whether to always show a hint",
2091
+ "description": "Whether to always show a hint.",
2092
+ "deprecated": "Use `help-text` instead and only set it if you want to display the help text.",
2060
2093
  "fieldName": "always"
2061
2094
  },
2062
2095
  {
@@ -2064,7 +2097,8 @@
2064
2097
  "type": {
2065
2098
  "text": "string"
2066
2099
  },
2067
- "description": "The content displayed as the help text",
2100
+ "description": "The content displayed as the help text.",
2101
+ "deprecated": "Use `help-text` instead.",
2068
2102
  "fieldName": "hint"
2069
2103
  },
2070
2104
  {
@@ -2097,8 +2131,17 @@
2097
2131
  "text": "boolean"
2098
2132
  },
2099
2133
  "description": "Renders the field in a readonly state.",
2134
+ "deprecated": "Use the native readonly attribute instead.",
2100
2135
  "fieldName": "readOnly"
2101
2136
  },
2137
+ {
2138
+ "name": "readonly",
2139
+ "type": {
2140
+ "text": "boolean"
2141
+ },
2142
+ "description": "Renders the field in a readonly state.",
2143
+ "fieldName": "readonly"
2144
+ },
2102
2145
  {
2103
2146
  "name": "name",
2104
2147
  "type": {
@@ -2331,6 +2374,15 @@
2331
2374
  "attribute": "name",
2332
2375
  "reflects": true
2333
2376
  },
2377
+ {
2378
+ "kind": "field",
2379
+ "name": "step",
2380
+ "type": {
2381
+ "text": "number"
2382
+ },
2383
+ "attribute": "step",
2384
+ "reflects": true
2385
+ },
2334
2386
  {
2335
2387
  "kind": "field",
2336
2388
  "name": "formatter",
@@ -2339,6 +2391,27 @@
2339
2391
  },
2340
2392
  "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\n\nhttps://css-tricks.com/input-masking/\nhttps://filamentgroup.github.io/politespace/demo/demo.html"
2341
2393
  },
2394
+ {
2395
+ "kind": "field",
2396
+ "name": "#initialValue",
2397
+ "privacy": "private",
2398
+ "type": {
2399
+ "text": "string | null"
2400
+ },
2401
+ "default": "null"
2402
+ },
2403
+ {
2404
+ "kind": "method",
2405
+ "name": "resetFormControl",
2406
+ "return": {
2407
+ "type": {
2408
+ "text": "void"
2409
+ }
2410
+ },
2411
+ "type": {
2412
+ "text": "resetFormControl() => void"
2413
+ }
2414
+ },
2342
2415
  {
2343
2416
  "kind": "method",
2344
2417
  "name": "handler",
@@ -2497,6 +2570,13 @@
2497
2570
  "text": "string"
2498
2571
  },
2499
2572
  "fieldName": "name"
2573
+ },
2574
+ {
2575
+ "name": "step",
2576
+ "type": {
2577
+ "text": "number"
2578
+ },
2579
+ "fieldName": "step"
2500
2580
  }
2501
2581
  ],
2502
2582
  "mixins": [
@@ -3176,3667 +3256,15 @@
3176
3256
  },
3177
3257
  {
3178
3258
  "kind": "javascript-module",
3179
- "path": "packages/combobox/index.ts",
3180
- "declarations": [
3181
- {
3182
- "kind": "class",
3183
- "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)",
3184
- "name": "WarpCombobox",
3185
- "members": [
3186
- {
3187
- "kind": "field",
3188
- "name": "options",
3189
- "type": {
3190
- "text": "ComboboxOption[]"
3191
- },
3192
- "default": "[]",
3193
- "description": "The available options to select from",
3194
- "attribute": "options"
3195
- },
3196
- {
3197
- "kind": "field",
3198
- "name": "label",
3199
- "type": {
3200
- "text": "string | undefined"
3201
- },
3202
- "description": "Label above input",
3203
- "attribute": "label",
3204
- "reflects": true
3205
- },
3206
- {
3207
- "kind": "field",
3208
- "name": "placeholder",
3209
- "type": {
3210
- "text": "string | undefined"
3211
- },
3212
- "description": "Input placeholder",
3213
- "attribute": "placeholder",
3214
- "reflects": true
3215
- },
3216
- {
3217
- "kind": "field",
3218
- "name": "value",
3219
- "type": {
3220
- "text": "string"
3221
- },
3222
- "default": "''",
3223
- "description": "The input value",
3224
- "attribute": "value",
3225
- "reflects": true
3226
- },
3227
- {
3228
- "kind": "field",
3229
- "name": "openOnFocus",
3230
- "type": {
3231
- "text": "boolean"
3232
- },
3233
- "default": "false",
3234
- "description": "Whether the popover opens when focus is on the text field",
3235
- "attribute": "open-on-focus"
3236
- },
3237
- {
3238
- "kind": "field",
3239
- "name": "selectOnBlur",
3240
- "type": {
3241
- "text": "boolean"
3242
- },
3243
- "default": "true",
3244
- "description": "Select active option on blur",
3245
- "attribute": "select-on-blur"
3246
- },
3247
- {
3248
- "kind": "field",
3249
- "name": "matchTextSegments",
3250
- "type": {
3251
- "text": "boolean"
3252
- },
3253
- "default": "false",
3254
- "description": "Whether the matching text segments in the options should be highlighted",
3255
- "attribute": "match-text-segments"
3256
- },
3257
- {
3258
- "kind": "field",
3259
- "name": "disableStaticFiltering",
3260
- "type": {
3261
- "text": "boolean"
3262
- },
3263
- "default": "false",
3264
- "description": "Disable client-side static filtering",
3265
- "attribute": "disable-static-filtering"
3266
- },
3267
- {
3268
- "kind": "field",
3269
- "name": "invalid",
3270
- "type": {
3271
- "text": "boolean"
3272
- },
3273
- "default": "false",
3274
- "description": "Renders the input field in an invalid state",
3275
- "attribute": "invalid",
3276
- "reflects": true
3277
- },
3278
- {
3279
- "kind": "field",
3280
- "name": "helpText",
3281
- "type": {
3282
- "text": "string | undefined"
3283
- },
3284
- "description": "The content to display as the help text",
3285
- "attribute": "help-text",
3286
- "reflects": true
3287
- },
3288
- {
3289
- "kind": "field",
3290
- "name": "disabled",
3291
- "type": {
3292
- "text": "boolean"
3293
- },
3294
- "default": "false",
3295
- "description": "Whether the element is disabled",
3296
- "attribute": "disabled",
3297
- "reflects": true
3298
- },
3299
- {
3300
- "kind": "field",
3301
- "name": "required",
3302
- "type": {
3303
- "text": "boolean"
3304
- },
3305
- "default": "false",
3306
- "description": "Whether the element is required",
3307
- "attribute": "required",
3308
- "reflects": true
3309
- },
3310
- {
3311
- "kind": "field",
3312
- "name": "optional",
3313
- "type": {
3314
- "text": "boolean"
3315
- },
3316
- "default": "false",
3317
- "description": "Whether to show optional text",
3318
- "attribute": "optional",
3319
- "reflects": true
3320
- },
3321
- {
3322
- "kind": "field",
3323
- "name": "containerClassName",
3324
- "type": {
3325
- "text": "string | undefined"
3326
- },
3327
- "description": "Additional container styling",
3328
- "attribute": "class-name",
3329
- "reflects": true
3330
- },
3331
- {
3332
- "kind": "field",
3333
- "name": "listClassName",
3334
- "type": {
3335
- "text": "string | undefined"
3336
- },
3337
- "description": "Additional list styling",
3338
- "attribute": "list-class-name",
3339
- "reflects": true
3340
- },
3341
- {
3342
- "kind": "field",
3343
- "name": "name",
3344
- "type": {
3345
- "text": "string | undefined"
3346
- },
3347
- "description": "Name attribute for form submission",
3348
- "attribute": "name",
3349
- "reflects": true
3350
- },
3351
- {
3352
- "kind": "field",
3353
- "name": "_listboxId",
3354
- "privacy": "private",
3355
- "readonly": true
3356
- },
3357
- {
3358
- "kind": "field",
3359
- "name": "_id",
3360
- "privacy": "private",
3361
- "readonly": true
3362
- },
3363
- {
3364
- "kind": "field",
3365
- "name": "_helpId",
3366
- "privacy": "private",
3367
- "readonly": true
3368
- },
3369
- {
3370
- "kind": "field",
3371
- "name": "_navigationValueOrInputValue",
3372
- "privacy": "private",
3373
- "readonly": true
3374
- },
3375
- {
3376
- "kind": "method",
3377
- "name": "_createOptionsWithIdAndMatch",
3378
- "privacy": "private",
3379
- "return": {
3380
- "type": {
3381
- "text": "OptionWithIdAndMatch[]"
3382
- }
3383
- },
3384
- "parameters": [
3385
- {
3386
- "name": "options",
3387
- "type": {
3388
- "text": "ComboboxOption[]"
3389
- }
3390
- },
3391
- {
3392
- "name": "currentInputValue",
3393
- "type": {
3394
- "text": "string"
3395
- }
3396
- }
3397
- ],
3398
- "description": "Generate options with unique IDs and match information"
3399
- },
3400
- {
3401
- "kind": "method",
3402
- "name": "_getAriaText",
3403
- "privacy": "private",
3404
- "parameters": [
3405
- {
3406
- "name": "options",
3407
- "type": {
3408
- "text": "OptionWithIdAndMatch[]"
3409
- }
3410
- },
3411
- {
3412
- "name": "value",
3413
- "type": {
3414
- "text": "string"
3415
- }
3416
- }
3417
- ],
3418
- "description": "Get ARIA text for screen readers"
3419
- },
3420
- {
3421
- "kind": "method",
3422
- "name": "_getOptionClasses",
3423
- "privacy": "private",
3424
- "parameters": [
3425
- {
3426
- "name": "option",
3427
- "type": {
3428
- "text": "OptionWithIdAndMatch"
3429
- }
3430
- }
3431
- ],
3432
- "description": "Get option classes"
3433
- },
3434
- {
3435
- "kind": "method",
3436
- "name": "_handleKeyDown",
3437
- "privacy": "private",
3438
- "parameters": [
3439
- {
3440
- "name": "e",
3441
- "type": {
3442
- "text": "KeyboardEvent"
3443
- }
3444
- }
3445
- ],
3446
- "description": "Handle keyboard navigation"
3447
- },
3448
- {
3449
- "kind": "method",
3450
- "name": "_findAndSetActiveOption",
3451
- "privacy": "private",
3452
- "parameters": [
3453
- {
3454
- "name": "e",
3455
- "type": {
3456
- "text": "KeyboardEvent"
3457
- }
3458
- }
3459
- ],
3460
- "description": "Find and set active option based on keyboard navigation"
3461
- },
3462
- {
3463
- "kind": "method",
3464
- "name": "_handleSelect",
3465
- "privacy": "private",
3466
- "parameters": [
3467
- {
3468
- "name": "option",
3469
- "type": {
3470
- "text": "OptionWithIdAndMatch"
3471
- }
3472
- }
3473
- ],
3474
- "description": "Handle option selection"
3475
- },
3476
- {
3477
- "kind": "method",
3478
- "name": "_handleChange",
3479
- "privacy": "private",
3480
- "parameters": [
3481
- {
3482
- "name": "newValue",
3483
- "type": {
3484
- "text": "string"
3485
- }
3486
- }
3487
- ],
3488
- "description": "Handle input change"
3489
- },
3490
- {
3491
- "kind": "method",
3492
- "name": "_handleFocus",
3493
- "privacy": "private",
3494
- "description": "Handle input focus"
3495
- },
3496
- {
3497
- "kind": "method",
3498
- "name": "_handleBlur",
3499
- "privacy": "private",
3500
- "parameters": [
3501
- {
3502
- "name": "e",
3503
- "type": {
3504
- "text": "FocusEvent"
3505
- }
3506
- }
3507
- ],
3508
- "description": "Handle input blur"
3509
- },
3510
- {
3511
- "kind": "method",
3512
- "name": "_handleOptionClick",
3513
- "privacy": "private",
3514
- "parameters": [
3515
- {
3516
- "name": "e",
3517
- "type": {
3518
- "text": "MouseEvent"
3519
- }
3520
- },
3521
- {
3522
- "name": "option",
3523
- "type": {
3524
- "text": "OptionWithIdAndMatch"
3525
- }
3526
- }
3527
- ],
3528
- "description": "Handle option click"
3529
- },
3530
- {
3531
- "kind": "method",
3532
- "name": "_handleContainerBlur",
3533
- "privacy": "private",
3534
- "parameters": [
3535
- {
3536
- "name": "e",
3537
- "type": {
3538
- "text": "FocusEvent"
3539
- }
3540
- }
3541
- ],
3542
- "description": "Handle container blur"
3543
- },
3544
- {
3545
- "kind": "method",
3546
- "name": "_renderTextMatch",
3547
- "privacy": "private",
3548
- "parameters": [
3549
- {
3550
- "name": "display",
3551
- "type": {
3552
- "text": "string"
3553
- }
3554
- },
3555
- {
3556
- "name": "option",
3557
- "type": {
3558
- "text": "OptionWithIdAndMatch"
3559
- }
3560
- }
3561
- ],
3562
- "description": "Render highlighted text match"
3563
- }
3564
- ],
3565
- "attributes": [
3566
- {
3567
- "name": "options",
3568
- "type": {
3569
- "text": "ComboboxOption[]"
3570
- },
3571
- "default": "[]",
3572
- "description": "The available options to select from",
3573
- "fieldName": "options"
3574
- },
3575
- {
3576
- "name": "label",
3577
- "type": {
3578
- "text": "string | undefined"
3579
- },
3580
- "description": "Label above input",
3581
- "fieldName": "label"
3582
- },
3583
- {
3584
- "name": "placeholder",
3585
- "type": {
3586
- "text": "string | undefined"
3587
- },
3588
- "description": "Input placeholder",
3589
- "fieldName": "placeholder"
3590
- },
3591
- {
3592
- "name": "value",
3593
- "type": {
3594
- "text": "string"
3595
- },
3596
- "default": "''",
3597
- "description": "The input value",
3598
- "fieldName": "value"
3599
- },
3600
- {
3601
- "name": "open-on-focus",
3602
- "type": {
3603
- "text": "boolean"
3604
- },
3605
- "default": "false",
3606
- "description": "Whether the popover opens when focus is on the text field",
3607
- "fieldName": "openOnFocus"
3608
- },
3609
- {
3610
- "name": "select-on-blur",
3611
- "type": {
3612
- "text": "boolean"
3613
- },
3614
- "default": "true",
3615
- "description": "Select active option on blur",
3616
- "fieldName": "selectOnBlur"
3617
- },
3618
- {
3619
- "name": "match-text-segments",
3620
- "type": {
3621
- "text": "boolean"
3622
- },
3623
- "default": "false",
3624
- "description": "Whether the matching text segments in the options should be highlighted",
3625
- "fieldName": "matchTextSegments"
3626
- },
3627
- {
3628
- "name": "disable-static-filtering",
3629
- "type": {
3630
- "text": "boolean"
3631
- },
3632
- "default": "false",
3633
- "description": "Disable client-side static filtering",
3634
- "fieldName": "disableStaticFiltering"
3635
- },
3636
- {
3637
- "name": "invalid",
3638
- "type": {
3639
- "text": "boolean"
3640
- },
3641
- "default": "false",
3642
- "description": "Renders the input field in an invalid state",
3643
- "fieldName": "invalid"
3644
- },
3645
- {
3646
- "name": "help-text",
3647
- "type": {
3648
- "text": "string | undefined"
3649
- },
3650
- "description": "The content to display as the help text",
3651
- "fieldName": "helpText"
3652
- },
3653
- {
3654
- "name": "disabled",
3655
- "type": {
3656
- "text": "boolean"
3657
- },
3658
- "default": "false",
3659
- "description": "Whether the element is disabled",
3660
- "fieldName": "disabled"
3661
- },
3662
- {
3663
- "name": "required",
3664
- "type": {
3665
- "text": "boolean"
3666
- },
3667
- "default": "false",
3668
- "description": "Whether the element is required",
3669
- "fieldName": "required"
3670
- },
3671
- {
3672
- "name": "optional",
3673
- "type": {
3674
- "text": "boolean"
3675
- },
3676
- "default": "false",
3677
- "description": "Whether to show optional text",
3678
- "fieldName": "optional"
3679
- },
3680
- {
3681
- "name": "class-name",
3682
- "type": {
3683
- "text": "string | undefined"
3684
- },
3685
- "description": "Additional container styling",
3686
- "fieldName": "containerClassName"
3687
- },
3688
- {
3689
- "name": "list-class-name",
3690
- "type": {
3691
- "text": "string | undefined"
3692
- },
3693
- "description": "Additional list styling",
3694
- "fieldName": "listClassName"
3695
- },
3696
- {
3697
- "name": "name",
3698
- "type": {
3699
- "text": "string | undefined"
3700
- },
3701
- "description": "Name attribute for form submission",
3702
- "fieldName": "name"
3703
- }
3704
- ],
3705
- "superclass": {
3706
- "name": "LitElement",
3707
- "package": "lit"
3708
- },
3709
- "tagName": "w-combobox",
3710
- "customElement": true,
3711
- "modulePath": "packages/combobox/index.ts",
3712
- "definitionPath": "packages/combobox/index.ts"
3713
- }
3714
- ],
3715
- "exports": [
3716
- {
3717
- "kind": "js",
3718
- "name": "WarpCombobox",
3719
- "declaration": {
3720
- "name": "WarpCombobox",
3721
- "module": "packages/combobox/index.ts"
3722
- }
3723
- },
3724
- {
3725
- "kind": "custom-element-definition",
3726
- "name": "w-combobox",
3727
- "declaration": {
3728
- "name": "WarpCombobox",
3729
- "module": "packages/combobox/index.ts"
3730
- }
3731
- }
3732
- ]
3733
- },
3734
- {
3735
- "kind": "javascript-module",
3736
- "path": "packages/datepicker/datepicker.ts",
3737
- "declarations": [
3738
- {
3739
- "kind": "class",
3740
- "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)",
3741
- "name": "WarpDatepicker",
3742
- "members": [
3743
- {
3744
- "kind": "field",
3745
- "name": "shadowRootOptions",
3746
- "type": {
3747
- "text": "object"
3748
- },
3749
- "static": true,
3750
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
3751
- },
3752
- {
3753
- "kind": "field",
3754
- "name": "label",
3755
- "type": {
3756
- "text": "string"
3757
- },
3758
- "attribute": "label",
3759
- "reflects": true
3760
- },
3761
- {
3762
- "kind": "field",
3763
- "name": "lang",
3764
- "type": {
3765
- "text": "string"
3766
- },
3767
- "description": "Takes precedence over the `<html>` lang attribute.",
3768
- "attribute": "lang",
3769
- "reflects": true
3770
- },
3771
- {
3772
- "kind": "field",
3773
- "name": "name",
3774
- "type": {
3775
- "text": "string"
3776
- },
3777
- "attribute": "name",
3778
- "reflects": true
3779
- },
3780
- {
3781
- "kind": "field",
3782
- "name": "value",
3783
- "type": {
3784
- "text": "string"
3785
- },
3786
- "attribute": "value",
3787
- "reflects": true
3788
- },
3789
- {
3790
- "kind": "field",
3791
- "name": "headerFormat",
3792
- "type": {
3793
- "text": "string"
3794
- },
3795
- "default": "'MMMM yyyy'",
3796
- "description": "Decides the format of the date as shown in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
3797
- "attribute": "header-format"
3798
- },
3799
- {
3800
- "kind": "field",
3801
- "name": "weekdayFormat",
3802
- "type": {
3803
- "text": "string"
3804
- },
3805
- "default": "'EEEEEE'",
3806
- "description": "Decides the format of the weekday as shown above the grid of dates in the calendar.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
3807
- "attribute": "weekday-format"
3808
- },
3809
- {
3810
- "kind": "field",
3811
- "name": "isDayDisabled",
3812
- "type": {
3813
- "text": "(day: Date) => boolean"
3814
- },
3815
- "description": "Lets you control if a date in the calendar should be disabled.\n\nThis needs to be set on the element instance in JavaScript, not as an HTML attribute."
3816
- },
3817
- {
3818
- "kind": "field",
3819
- "name": "dayFormat",
3820
- "type": {
3821
- "text": "string"
3822
- },
3823
- "default": "'PPPP'",
3824
- "description": "Decides the format of the day in the calendar as read to screen readers.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
3825
- "attribute": "day-format"
3826
- },
3827
- {
3828
- "kind": "field",
3829
- "name": "isCalendarOpen",
3830
- "type": {
3831
- "text": "boolean"
3832
- },
3833
- "default": "false"
3834
- },
3835
- {
3836
- "kind": "field",
3837
- "name": "navigationDate",
3838
- "type": {
3839
- "text": "Date"
3840
- }
3841
- },
3842
- {
3843
- "kind": "field",
3844
- "name": "selectedDate",
3845
- "type": {
3846
- "text": "Date | null"
3847
- },
3848
- "readonly": true
3849
- },
3850
- {
3851
- "kind": "field",
3852
- "name": "month",
3853
- "readonly": true
3854
- },
3855
- {
3856
- "kind": "field",
3857
- "name": "weeks",
3858
- "readonly": true
3859
- },
3860
- {
3861
- "kind": "field",
3862
- "name": "calendar",
3863
- "type": {
3864
- "text": "HTMLDivElement"
3865
- }
3866
- },
3867
- {
3868
- "kind": "field",
3869
- "name": "input",
3870
- "type": {
3871
- "text": "HTMLInputElement"
3872
- }
3873
- },
3874
- {
3875
- "kind": "field",
3876
- "name": "toggleButton",
3877
- "type": {
3878
- "text": "HTMLButtonElement"
3879
- }
3880
- },
3881
- {
3882
- "kind": "field",
3883
- "name": "wrapper",
3884
- "type": {
3885
- "text": "HTMLDivElement"
3886
- }
3887
- },
3888
- {
3889
- "kind": "field",
3890
- "name": "previousMonthButton",
3891
- "type": {
3892
- "text": "HTMLButtonElement"
3893
- },
3894
- "description": "This is the first focusable element, needed for the modal focus trap.\n\nDon't cache this and other `@query` fields from inside the calendar modal.\nThey work the first time, but once the calendar is closed and reopened\nthe query will point to an element that doesn't exist anymore."
3895
- },
3896
- {
3897
- "kind": "field",
3898
- "name": "todayCell",
3899
- "type": {
3900
- "text": "HTMLTableCellElement"
3901
- }
3902
- },
3903
- {
3904
- "kind": "field",
3905
- "name": "selectedCell",
3906
- "type": {
3907
- "text": "HTMLTableCellElement"
3908
- }
3909
- },
3910
- {
3911
- "kind": "method",
3912
- "name": "#toggleCalendarOpen",
3913
- "privacy": "private",
3914
- "parameters": [
3915
- {
3916
- "name": "e",
3917
- "type": {
3918
- "text": "MouseEvent | KeyboardEvent"
3919
- }
3920
- }
3921
- ]
3922
- },
3923
- {
3924
- "kind": "method",
3925
- "name": "#nextMonth",
3926
- "privacy": "private"
3927
- },
3928
- {
3929
- "kind": "method",
3930
- "name": "#previousMonth",
3931
- "privacy": "private"
3932
- },
3933
- {
3934
- "kind": "method",
3935
- "name": "#dispatchChangeEvent",
3936
- "privacy": "private"
3937
- },
3938
- {
3939
- "kind": "method",
3940
- "name": "#onInput",
3941
- "privacy": "private",
3942
- "parameters": [
3943
- {
3944
- "name": "e",
3945
- "type": {
3946
- "text": "InputEvent"
3947
- }
3948
- }
3949
- ]
3950
- },
3951
- {
3952
- "kind": "method",
3953
- "name": "#onInputClick",
3954
- "privacy": "private",
3955
- "parameters": [
3956
- {
3957
- "name": "e",
3958
- "type": {
3959
- "text": "PointerEvent"
3960
- }
3961
- }
3962
- ]
3963
- },
3964
- {
3965
- "kind": "method",
3966
- "name": "#onInputKeyDown",
3967
- "privacy": "private",
3968
- "parameters": [
3969
- {
3970
- "name": "e",
3971
- "type": {
3972
- "text": "KeyboardEvent"
3973
- }
3974
- }
3975
- ]
3976
- },
3977
- {
3978
- "kind": "method",
3979
- "name": "#onCalendarKeyDown",
3980
- "privacy": "private",
3981
- "parameters": [
3982
- {
3983
- "name": "e",
3984
- "type": {
3985
- "text": "KeyboardEvent"
3986
- }
3987
- }
3988
- ]
3989
- },
3990
- {
3991
- "kind": "method",
3992
- "name": "#onCalendarSelect",
3993
- "privacy": "private",
3994
- "parameters": [
3995
- {
3996
- "name": "event",
3997
- "type": {
3998
- "text": "MouseEvent | KeyboardEvent"
3999
- }
4000
- }
4001
- ]
4002
- }
4003
- ],
4004
- "attributes": [
4005
- {
4006
- "name": "label",
4007
- "type": {
4008
- "text": "string"
4009
- },
4010
- "fieldName": "label"
4011
- },
4012
- {
4013
- "name": "lang",
4014
- "type": {
4015
- "text": "string"
4016
- },
4017
- "description": "Takes precedence over the `<html>` lang attribute.",
4018
- "fieldName": "lang"
4019
- },
4020
- {
4021
- "name": "name",
4022
- "type": {
4023
- "text": "string"
4024
- },
4025
- "fieldName": "name"
4026
- },
4027
- {
4028
- "name": "value",
4029
- "type": {
4030
- "text": "string"
4031
- },
4032
- "fieldName": "value"
4033
- },
4034
- {
4035
- "name": "header-format",
4036
- "type": {
4037
- "text": "string"
4038
- },
4039
- "default": "'MMMM yyyy'",
4040
- "description": "Decides the format of the date as shown in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
4041
- "fieldName": "headerFormat"
4042
- },
4043
- {
4044
- "name": "weekday-format",
4045
- "type": {
4046
- "text": "string"
4047
- },
4048
- "default": "'EEEEEE'",
4049
- "description": "Decides the format of the weekday as shown above the grid of dates in the calendar.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
4050
- "fieldName": "weekdayFormat"
4051
- },
4052
- {
4053
- "name": "day-format",
4054
- "type": {
4055
- "text": "string"
4056
- },
4057
- "default": "'PPPP'",
4058
- "description": "Decides the format of the day in the calendar as read to screen readers.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
4059
- "fieldName": "dayFormat"
4060
- }
4061
- ],
4062
- "mixins": [
4063
- {
4064
- "name": "FormControlMixin",
4065
- "package": "@open-wc/form-control"
4066
- }
4067
- ],
4068
- "superclass": {
4069
- "name": "LitElement",
4070
- "package": "lit"
4071
- },
4072
- "tagName": "w-datepicker",
4073
- "customElement": true,
4074
- "modulePath": "packages/datepicker/datepicker.ts",
4075
- "definitionPath": "packages/datepicker/datepicker.ts"
4076
- }
4077
- ],
4078
- "exports": [
4079
- {
4080
- "kind": "custom-element-definition",
4081
- "name": "w-datepicker",
4082
- "declaration": {
4083
- "name": "WarpDatepicker",
4084
- "module": "packages/datepicker/datepicker.ts"
4085
- }
4086
- },
4087
- {
4088
- "kind": "js",
4089
- "name": "WarpDatepicker",
4090
- "declaration": {
4091
- "name": "WarpDatepicker",
4092
- "module": "packages/datepicker/datepicker.ts"
4093
- }
4094
- }
4095
- ]
4096
- },
4097
- {
4098
- "kind": "javascript-module",
4099
- "path": "packages/dead-toggle/index.ts",
4100
- "declarations": [
4101
- {
4102
- "kind": "class",
4103
- "description": "Dead toggle can be used where the appearance of a checkbox or radio is needed - but for accessibility purposes an actual input element should not be present.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-dead-toggle--docs)",
4104
- "name": "WarpDeadToggle",
4105
- "members": [
4106
- {
4107
- "kind": "field",
4108
- "name": "type",
4109
- "type": {
4110
- "text": "'radio' | 'checkbox'"
4111
- },
4112
- "default": "'radio'",
4113
- "attribute": "type",
4114
- "reflects": true
4115
- },
4116
- {
4117
- "kind": "field",
4118
- "name": "checked",
4119
- "type": {
4120
- "text": "boolean"
4121
- },
4122
- "default": "false",
4123
- "attribute": "checked",
4124
- "reflects": true
4125
- },
4126
- {
4127
- "kind": "field",
4128
- "name": "indeterminate",
4129
- "type": {
4130
- "text": "boolean"
4131
- },
4132
- "default": "false",
4133
- "attribute": "indeterminate",
4134
- "reflects": true
4135
- },
4136
- {
4137
- "kind": "field",
4138
- "name": "invalid",
4139
- "type": {
4140
- "text": "boolean"
4141
- },
4142
- "default": "false",
4143
- "attribute": "invalid",
4144
- "reflects": true
4145
- },
4146
- {
4147
- "kind": "field",
4148
- "name": "disabled",
4149
- "type": {
4150
- "text": "boolean"
4151
- },
4152
- "default": "false",
4153
- "attribute": "disabled",
4154
- "reflects": true
4155
- }
4156
- ],
4157
- "attributes": [
4158
- {
4159
- "name": "type",
4160
- "type": {
4161
- "text": "'radio' | 'checkbox'"
4162
- },
4163
- "default": "'radio'",
4164
- "fieldName": "type"
4165
- },
4166
- {
4167
- "name": "checked",
4168
- "type": {
4169
- "text": "boolean"
4170
- },
4171
- "default": "false",
4172
- "fieldName": "checked"
4173
- },
4174
- {
4175
- "name": "indeterminate",
4176
- "type": {
4177
- "text": "boolean"
4178
- },
4179
- "default": "false",
4180
- "fieldName": "indeterminate"
4181
- },
4182
- {
4183
- "name": "invalid",
4184
- "type": {
4185
- "text": "boolean"
4186
- },
4187
- "default": "false",
4188
- "fieldName": "invalid"
4189
- },
4190
- {
4191
- "name": "disabled",
4192
- "type": {
4193
- "text": "boolean"
4194
- },
4195
- "default": "false",
4196
- "fieldName": "disabled"
4197
- }
4198
- ],
4199
- "superclass": {
4200
- "name": "LitElement",
4201
- "package": "lit"
4202
- },
4203
- "tagName": "w-dead-toggle",
4204
- "customElement": true,
4205
- "modulePath": "packages/dead-toggle/index.ts",
4206
- "definitionPath": "packages/dead-toggle/index.ts"
4207
- }
4208
- ],
4209
- "exports": [
4210
- {
4211
- "kind": "js",
4212
- "name": "WarpDeadToggle",
4213
- "declaration": {
4214
- "name": "WarpDeadToggle",
4215
- "module": "packages/dead-toggle/index.ts"
4216
- }
4217
- },
4218
- {
4219
- "kind": "custom-element-definition",
4220
- "name": "w-dead-toggle",
4221
- "declaration": {
4222
- "name": "WarpDeadToggle",
4223
- "module": "packages/dead-toggle/index.ts"
4224
- }
4225
- }
4226
- ]
4227
- },
4228
- {
4229
- "kind": "javascript-module",
4230
- "path": "packages/pageindicator/index.ts",
4231
- "declarations": [
4232
- {
4233
- "kind": "class",
4234
- "description": "",
4235
- "name": "WarpPageIndicator",
4236
- "members": [
4237
- {
4238
- "kind": "field",
4239
- "name": "selectedPage",
4240
- "type": {
4241
- "text": "number"
4242
- },
4243
- "default": "1",
4244
- "description": "Currently selected page (1-based index)",
4245
- "attribute": "selected-page"
4246
- },
4247
- {
4248
- "kind": "field",
4249
- "name": "pageCount",
4250
- "type": {
4251
- "text": "number"
4252
- },
4253
- "default": "1",
4254
- "description": "Total number of pages",
4255
- "attribute": "page-count"
4256
- }
4257
- ],
4258
- "attributes": [
4259
- {
4260
- "name": "selected-page",
4261
- "type": {
4262
- "text": "number"
4263
- },
4264
- "default": "1",
4265
- "description": "Currently selected page (1-based index)",
4266
- "fieldName": "selectedPage"
4267
- },
4268
- {
4269
- "name": "page-count",
4270
- "type": {
4271
- "text": "number"
4272
- },
4273
- "default": "1",
4274
- "description": "Total number of pages",
4275
- "fieldName": "pageCount"
4276
- }
4277
- ],
4278
- "superclass": {
4279
- "name": "LitElement",
4280
- "package": "lit"
4281
- },
4282
- "tagName": "w-pageindicator",
4283
- "customElement": true,
4284
- "modulePath": "packages/pageindicator/index.ts",
4285
- "definitionPath": "packages/pageindicator/index.ts"
4286
- }
4287
- ],
4288
- "exports": [
4289
- {
4290
- "kind": "custom-element-definition",
4291
- "name": "w-pageindicator",
4292
- "declaration": {
4293
- "name": "WarpPageIndicator",
4294
- "module": "packages/pageindicator/index.ts"
4295
- }
4296
- },
4297
- {
4298
- "kind": "js",
4299
- "name": "WarpPageIndicator",
4300
- "declaration": {
4301
- "name": "WarpPageIndicator",
4302
- "module": "packages/pageindicator/index.ts"
4303
- }
4304
- }
4305
- ]
4306
- },
4307
- {
4308
- "kind": "javascript-module",
4309
- "path": "packages/pagination/index.ts",
4310
- "declarations": [
4311
- {
4312
- "kind": "class",
4313
- "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)",
4314
- "name": "WarpPagination",
4315
- "members": [
4316
- {
4317
- "kind": "field",
4318
- "name": "baseUrl",
4319
- "type": {
4320
- "text": "string"
4321
- },
4322
- "attribute": "base-url",
4323
- "reflects": true
4324
- },
4325
- {
4326
- "kind": "field",
4327
- "name": "pages",
4328
- "type": {
4329
- "text": "number"
4330
- },
4331
- "attribute": "pages",
4332
- "reflects": true
4333
- },
4334
- {
4335
- "kind": "field",
4336
- "name": "currentPageNumber",
4337
- "type": {
4338
- "text": "number"
4339
- },
4340
- "default": "1",
4341
- "attribute": "current-page",
4342
- "reflects": true
4343
- },
4344
- {
4345
- "kind": "field",
4346
- "name": "visiblePages",
4347
- "type": {
4348
- "text": "number"
4349
- },
4350
- "default": "7",
4351
- "attribute": "visible-pages",
4352
- "reflects": true
4353
- },
4354
- {
4355
- "kind": "method",
4356
- "name": "#dispatchClickPage",
4357
- "privacy": "private",
4358
- "parameters": [
4359
- {
4360
- "name": "e",
4361
- "type": {
4362
- "text": "PointerEvent"
4363
- }
4364
- }
4365
- ]
4366
- }
4367
- ],
4368
- "events": [
4369
- {
4370
- "name": "page-click",
4371
- "type": {
4372
- "text": "CustomEvent"
4373
- },
4374
- "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
4375
- }
4376
- ],
4377
- "attributes": [
4378
- {
4379
- "name": "base-url",
4380
- "type": {
4381
- "text": "string"
4382
- },
4383
- "fieldName": "baseUrl"
4384
- },
4385
- {
4386
- "name": "pages",
4387
- "type": {
4388
- "text": "number"
4389
- },
4390
- "fieldName": "pages"
4391
- },
4392
- {
4393
- "name": "current-page",
4394
- "type": {
4395
- "text": "number"
4396
- },
4397
- "default": "1",
4398
- "fieldName": "currentPageNumber"
4399
- },
4400
- {
4401
- "name": "visible-pages",
4402
- "type": {
4403
- "text": "number"
4404
- },
4405
- "default": "7",
4406
- "fieldName": "visiblePages"
4407
- }
4408
- ],
4409
- "superclass": {
4410
- "name": "LitElement",
4411
- "package": "lit"
4412
- },
4413
- "tagName": "w-pagination",
4414
- "customElement": true,
4415
- "modulePath": "packages/pagination/index.ts",
4416
- "definitionPath": "packages/pagination/index.ts"
4417
- }
4418
- ],
4419
- "exports": [
4420
- {
4421
- "kind": "custom-element-definition",
4422
- "name": "w-pagination",
4423
- "declaration": {
4424
- "name": "WarpPagination",
4425
- "module": "packages/pagination/index.ts"
4426
- }
4427
- },
4428
- {
4429
- "kind": "js",
4430
- "name": "WarpPagination",
4431
- "declaration": {
4432
- "name": "WarpPagination",
4433
- "module": "packages/pagination/index.ts"
4434
- }
4435
- }
4436
- ]
4437
- },
4438
- {
4439
- "kind": "javascript-module",
4440
- "path": "packages/rip-and-tear-radio/radio-group-styles.ts",
4441
- "declarations": [
4442
- {
4443
- "kind": "variable",
4444
- "name": "styles",
4445
- "default": "css` :host { display: block; } .form-control { position: relative; border: none; padding: 0; margin: 0; } .label { font-size: var(--w-font-size-s); line-height: var(--w-line-height-s); font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: grayscale; cursor: pointer; padding-bottom: 0.4rem; color: var(--w-s-color-text); display: block; } .radio-group-required .label::after { content: var(--wa-form-control-required-content); margin-inline-start: var(--wa-form-control-required-content-offset); } .button-group { display: flex; } [part~='form-control-input'] { display: flex; flex-direction: column; flex-wrap: wrap; } /* Horizontal */ :host([orientation='horizontal']) [part~='form-control-input'] { flex-direction: row; gap: 1em; } /* Help text */ [part~='hint'] { margin-block-start: 0.5em; } /* Radios have the \"button\" appearance */ :host fieldset.has-radio-buttons { [part~='form-control-input'] { gap: 0; } } `"
4446
- }
4447
- ],
4448
- "exports": [
4449
- {
4450
- "kind": "js",
4451
- "name": "styles",
4452
- "declaration": {
4453
- "name": "styles",
4454
- "module": "packages/rip-and-tear-radio/radio-group-styles.ts"
4455
- }
4456
- }
4457
- ]
4458
- },
4459
- {
4460
- "kind": "javascript-module",
4461
- "path": "packages/rip-and-tear-radio/radio.ts",
4462
- "declarations": [
4463
- {
4464
- "kind": "class",
4465
- "description": "",
4466
- "name": "WRadio",
4467
- "members": [
4468
- {
4469
- "kind": "field",
4470
- "name": "css",
4471
- "type": {
4472
- "text": "array"
4473
- },
4474
- "static": true,
4475
- "default": "[reset, toggleStyles]"
4476
- },
4477
- {
4478
- "kind": "field",
4479
- "name": "checked",
4480
- "type": {
4481
- "text": "boolean"
4482
- },
4483
- "default": "false"
4484
- },
4485
- {
4486
- "kind": "field",
4487
- "name": "form",
4488
- "type": {
4489
- "text": "string | null"
4490
- },
4491
- "default": "null",
4492
- "description": "The string pointing to a form's id.",
4493
- "attribute": "form",
4494
- "reflects": true
4495
- },
4496
- {
4497
- "kind": "field",
4498
- "name": "value",
4499
- "type": {
4500
- "text": "string"
4501
- },
4502
- "description": "The radio's value. When selected, the radio group will receive this value.",
4503
- "attribute": "value",
4504
- "reflects": true
4505
- },
4506
- {
4507
- "kind": "field",
4508
- "name": "appearance",
4509
- "type": {
4510
- "text": "'default' | 'button' | 'clickable'"
4511
- },
4512
- "default": "'default'",
4513
- "description": "The radio's value. When selected, the radio group will receive this value.",
4514
- "attribute": "appearance",
4515
- "reflects": true
4516
- },
4517
- {
4518
- "kind": "field",
4519
- "name": "size",
4520
- "type": {
4521
- "text": "'small' | 'medium' | 'large'"
4522
- },
4523
- "default": "'medium'",
4524
- "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
4525
- "attribute": "size",
4526
- "reflects": true
4527
- },
4528
- {
4529
- "kind": "field",
4530
- "name": "disabled",
4531
- "type": {
4532
- "text": "boolean"
4533
- },
4534
- "default": "false",
4535
- "description": "Disables the radio.",
4536
- "attribute": "disabled"
4537
- },
4538
- {
4539
- "kind": "method",
4540
- "name": "setInitialAttributes",
4541
- "privacy": "private"
4542
- },
4543
- {
4544
- "kind": "method",
4545
- "name": "setValue",
4546
- "return": {
4547
- "type": {
4548
- "text": "void"
4549
- }
4550
- }
4551
- },
4552
- {
4553
- "kind": "field",
4554
- "name": "handleClick",
4555
- "privacy": "private"
4556
- }
4557
- ],
4558
- "attributes": [
4559
- {
4560
- "name": "form",
4561
- "type": {
4562
- "text": "string | null"
4563
- },
4564
- "default": "null",
4565
- "description": "The string pointing to a form's id.",
4566
- "fieldName": "form"
4567
- },
4568
- {
4569
- "name": "value",
4570
- "type": {
4571
- "text": "string"
4572
- },
4573
- "description": "The radio's value. When selected, the radio group will receive this value.",
4574
- "fieldName": "value"
4575
- },
4576
- {
4577
- "name": "appearance",
4578
- "type": {
4579
- "text": "'default' | 'button' | 'clickable'"
4580
- },
4581
- "default": "'default'",
4582
- "description": "The radio's value. When selected, the radio group will receive this value.",
4583
- "fieldName": "appearance"
4584
- },
4585
- {
4586
- "name": "size",
4587
- "type": {
4588
- "text": "'small' | 'medium' | 'large'"
4589
- },
4590
- "default": "'medium'",
4591
- "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
4592
- "fieldName": "size"
4593
- },
4594
- {
4595
- "name": "disabled",
4596
- "type": {
4597
- "text": "boolean"
4598
- },
4599
- "default": "false",
4600
- "description": "Disables the radio.",
4601
- "fieldName": "disabled"
4602
- }
4603
- ],
4604
- "superclass": {
4605
- "name": "BaseFormAssociatedElement",
4606
- "module": "/packages/rip-and-tear-radio/form-associated-element"
4607
- }
4608
- }
4609
- ],
4610
- "exports": [
4611
- {
4612
- "kind": "js",
4613
- "name": "WRadio",
4614
- "declaration": {
4615
- "name": "WRadio",
4616
- "module": "packages/rip-and-tear-radio/radio.ts"
4617
- }
4618
- }
4619
- ]
4620
- },
4621
- {
4622
- "kind": "javascript-module",
4623
- "path": "packages/rip-and-tear-radio/radio-group.ts",
4624
- "declarations": [
4625
- {
4626
- "kind": "class",
4627
- "description": "",
4628
- "name": "WRadioGroup",
4629
- "slots": [
4630
- {
4631
- "description": "Alternative to the `label` attribute should you need custom HTML.",
4632
- "name": "label"
4633
- }
4634
- ],
4635
- "members": [
4636
- {
4637
- "kind": "field",
4638
- "name": "css",
4639
- "type": {
4640
- "text": "array"
4641
- },
4642
- "static": true,
4643
- "default": "[styles]"
4644
- },
4645
- {
4646
- "kind": "field",
4647
- "name": "validators",
4648
- "static": true,
4649
- "readonly": true
4650
- },
4651
- {
4652
- "kind": "field",
4653
- "name": "hasSlotController",
4654
- "privacy": "private",
4655
- "readonly": true,
4656
- "default": "new HasSlotController(this, 'hint', 'label')"
4657
- },
4658
- {
4659
- "kind": "field",
4660
- "name": "hasRadioButtons",
4661
- "type": {
4662
- "text": "boolean"
4663
- },
4664
- "default": "false"
4665
- },
4666
- {
4667
- "kind": "field",
4668
- "name": "defaultSlot",
4669
- "type": {
4670
- "text": "HTMLSlotElement"
4671
- }
4672
- },
4673
- {
4674
- "kind": "field",
4675
- "name": "label",
4676
- "type": {
4677
- "text": "string"
4678
- },
4679
- "default": "''",
4680
- "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
4681
- "attribute": "label"
4682
- },
4683
- {
4684
- "kind": "field",
4685
- "name": "hint",
4686
- "type": {
4687
- "text": "string"
4688
- },
4689
- "default": "''",
4690
- "description": "The radio groups's hint. If you need to display HTML, use the `hint` slot instead.",
4691
- "attribute": "hint"
4692
- },
4693
- {
4694
- "kind": "field",
4695
- "name": "name",
4696
- "type": {
4697
- "text": "string | null"
4698
- },
4699
- "default": "null",
4700
- "description": "The name of the radio group, submitted as a name/value pair with form data.",
4701
- "attribute": "name",
4702
- "reflects": true
4703
- },
4704
- {
4705
- "kind": "field",
4706
- "name": "disabled",
4707
- "type": {
4708
- "text": "boolean"
4709
- },
4710
- "default": "false",
4711
- "description": "Disables the radio group and all child radios.",
4712
- "attribute": "disabled",
4713
- "reflects": true
4714
- },
4715
- {
4716
- "kind": "field",
4717
- "name": "orientation",
4718
- "type": {
4719
- "text": "'horizontal' | 'vertical'"
4720
- },
4721
- "default": "'vertical'",
4722
- "description": "The orientation in which to show radio items.",
4723
- "attribute": "orientation",
4724
- "reflects": true
4725
- },
4726
- {
4727
- "kind": "field",
4728
- "name": "_value",
4729
- "type": {
4730
- "text": "string | null"
4731
- },
4732
- "privacy": "private",
4733
- "default": "null"
4734
- },
4735
- {
4736
- "kind": "field",
4737
- "name": "value",
4738
- "description": "The current value of the radio group, submitted as a name/value pair with form data."
4739
- },
4740
- {
4741
- "kind": "field",
4742
- "name": "defaultValue",
4743
- "type": {
4744
- "text": "string | null"
4745
- },
4746
- "description": "The default value of the form control. Primarily used for resetting the form control.",
4747
- "attribute": "value",
4748
- "reflects": true
4749
- },
4750
- {
4751
- "kind": "field",
4752
- "name": "size",
4753
- "type": {
4754
- "text": "'small' | 'medium' | 'large'"
4755
- },
4756
- "default": "'medium'",
4757
- "description": "The radio group's size. This size will be applied to all child radios and radio buttons, except when explicitly overridden.",
4758
- "attribute": "size",
4759
- "reflects": true
4760
- },
4761
- {
4762
- "kind": "field",
4763
- "name": "required",
4764
- "type": {
4765
- "text": "boolean"
4766
- },
4767
- "default": "false",
4768
- "description": "Ensures a child radio is checked before allowing the containing form to submit.",
4769
- "attribute": "required",
4770
- "reflects": true
4771
- },
4772
- {
4773
- "kind": "field",
4774
- "name": "withLabel",
4775
- "type": {
4776
- "text": "boolean"
4777
- },
4778
- "default": "false",
4779
- "description": "Used for SSR. if true, will show slotted label on initial render.",
4780
- "attribute": "with-label"
4781
- },
4782
- {
4783
- "kind": "field",
4784
- "name": "withHint",
4785
- "type": {
4786
- "text": "boolean"
4787
- },
4788
- "default": "false",
4789
- "description": "Used for SSR. if true, will show slotted hint on initial render.",
4790
- "attribute": "with-hint"
4791
- },
4792
- {
4793
- "kind": "field",
4794
- "name": "shadowRootOptions",
4795
- "type": {
4796
- "text": "object"
4797
- },
4798
- "static": true,
4799
- "default": "{ ...BaseFormAssociatedElement.shadowRootOptions, delegatesFocus: true }"
4800
- },
4801
- {
4802
- "kind": "field",
4803
- "name": "validationTarget",
4804
- "description": "We use the first available radio as the validationTarget similar to native HTML that shows the validation popup on\nthe first radio element.",
4805
- "readonly": true
4806
- },
4807
- {
4808
- "kind": "method",
4809
- "name": "formResetCallback",
4810
- "parameters": [
4811
- {
4812
- "name": "args",
4813
- "type": {
4814
- "text": "Parameters<BaseFormAssociatedElement['formResetCallback']>"
4815
- }
4816
- }
4817
- ]
4818
- },
4819
- {
4820
- "kind": "field",
4821
- "name": "handleRadioClick",
4822
- "privacy": "private"
4823
- },
4824
- {
4825
- "kind": "method",
4826
- "name": "getAllRadios",
4827
- "privacy": "private"
4828
- },
4829
- {
4830
- "kind": "method",
4831
- "name": "handleLabelClick",
4832
- "privacy": "private"
4833
- },
4834
- {
4835
- "kind": "method",
4836
- "name": "syncRadioElements",
4837
- "privacy": "private"
4838
- },
4839
- {
4840
- "kind": "method",
4841
- "name": "handleKeyDown",
4842
- "privacy": "private",
4843
- "parameters": [
4844
- {
4845
- "name": "event",
4846
- "type": {
4847
- "text": "KeyboardEvent"
4848
- }
4849
- }
4850
- ]
4851
- },
4852
- {
4853
- "kind": "method",
4854
- "name": "focus",
4855
- "privacy": "public",
4856
- "parameters": [
4857
- {
4858
- "name": "options",
4859
- "optional": true,
4860
- "type": {
4861
- "text": "FocusOptions"
4862
- }
4863
- }
4864
- ],
4865
- "description": "Sets focus on the radio group."
4866
- }
4867
- ],
4868
- "events": [
4869
- {
4870
- "name": "input",
4871
- "type": {
4872
- "text": "InputEvent"
4873
- }
4874
- },
4875
- {
4876
- "name": "change",
4877
- "type": {
4878
- "text": "Event"
4879
- }
4880
- }
4881
- ],
4882
- "attributes": [
4883
- {
4884
- "name": "label",
4885
- "type": {
4886
- "text": "string"
4887
- },
4888
- "default": "''",
4889
- "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
4890
- "fieldName": "label"
4891
- },
4892
- {
4893
- "name": "hint",
4894
- "type": {
4895
- "text": "string"
4896
- },
4897
- "default": "''",
4898
- "description": "The radio groups's hint. If you need to display HTML, use the `hint` slot instead.",
4899
- "fieldName": "hint"
4900
- },
4901
- {
4902
- "name": "name",
4903
- "type": {
4904
- "text": "string | null"
4905
- },
4906
- "default": "null",
4907
- "description": "The name of the radio group, submitted as a name/value pair with form data.",
4908
- "fieldName": "name"
4909
- },
4910
- {
4911
- "name": "disabled",
4912
- "type": {
4913
- "text": "boolean"
4914
- },
4915
- "default": "false",
4916
- "description": "Disables the radio group and all child radios.",
4917
- "fieldName": "disabled"
4918
- },
4919
- {
4920
- "name": "orientation",
4921
- "type": {
4922
- "text": "'horizontal' | 'vertical'"
4923
- },
4924
- "default": "'vertical'",
4925
- "description": "The orientation in which to show radio items.",
4926
- "fieldName": "orientation"
4927
- },
4928
- {
4929
- "name": "value",
4930
- "type": {
4931
- "text": "string | null"
4932
- },
4933
- "description": "The default value of the form control. Primarily used for resetting the form control.",
4934
- "fieldName": "defaultValue"
4935
- },
4936
- {
4937
- "name": "size",
4938
- "type": {
4939
- "text": "'small' | 'medium' | 'large'"
4940
- },
4941
- "default": "'medium'",
4942
- "description": "The radio group's size. This size will be applied to all child radios and radio buttons, except when explicitly overridden.",
4943
- "fieldName": "size"
4944
- },
4945
- {
4946
- "name": "required",
4947
- "type": {
4948
- "text": "boolean"
4949
- },
4950
- "default": "false",
4951
- "description": "Ensures a child radio is checked before allowing the containing form to submit.",
4952
- "fieldName": "required"
4953
- },
4954
- {
4955
- "name": "with-label",
4956
- "type": {
4957
- "text": "boolean"
4958
- },
4959
- "default": "false",
4960
- "description": "Used for SSR. if true, will show slotted label on initial render.",
4961
- "fieldName": "withLabel"
4962
- },
4963
- {
4964
- "name": "with-hint",
4965
- "type": {
4966
- "text": "boolean"
4967
- },
4968
- "default": "false",
4969
- "description": "Used for SSR. if true, will show slotted hint on initial render.",
4970
- "fieldName": "withHint"
4971
- }
4972
- ],
4973
- "superclass": {
4974
- "name": "BaseFormAssociatedElement",
4975
- "module": "/packages/rip-and-tear-radio/form-associated-element"
4976
- }
4977
- }
4978
- ],
4979
- "exports": [
4980
- {
4981
- "kind": "js",
4982
- "name": "WRadioGroup",
4983
- "declaration": {
4984
- "name": "WRadioGroup",
4985
- "module": "packages/rip-and-tear-radio/radio-group.ts"
4986
- }
4987
- }
4988
- ]
4989
- },
4990
- {
4991
- "kind": "javascript-module",
4992
- "path": "packages/rip-and-tear-radio/radio-styles.ts",
4993
- "declarations": [],
4994
- "exports": []
4995
- },
4996
- {
4997
- "kind": "javascript-module",
4998
- "path": "packages/rip-and-tear-radio/radio.stories.ts",
4999
- "declarations": [
5000
- {
5001
- "kind": "variable",
5002
- "name": "Default",
5003
- "type": {
5004
- "text": "StoryObj"
5005
- },
5006
- "default": "{}"
5007
- }
5008
- ],
5009
- "exports": [
5010
- {
5011
- "kind": "js",
5012
- "name": "default",
5013
- "declaration": {
5014
- "module": "packages/rip-and-tear-radio/radio.stories.ts"
5015
- }
5016
- },
5017
- {
5018
- "kind": "js",
5019
- "name": "Default",
5020
- "declaration": {
5021
- "name": "Default",
5022
- "module": "packages/rip-and-tear-radio/radio.stories.ts"
5023
- }
5024
- }
5025
- ]
5026
- },
5027
- {
5028
- "kind": "javascript-module",
5029
- "path": "packages/rip-and-tear-checkbox/checkbox.ts",
5030
- "declarations": [
5031
- {
5032
- "kind": "class",
5033
- "description": "",
5034
- "name": "WCheckbox",
5035
- "members": [
5036
- {
5037
- "kind": "field",
5038
- "name": "css",
5039
- "type": {
5040
- "text": "array"
5041
- },
5042
- "static": true,
5043
- "default": "[reset, toggleStyles]"
5044
- },
5045
- {
5046
- "kind": "field",
5047
- "name": "shadowRootOptions",
5048
- "type": {
5049
- "text": "object"
5050
- },
5051
- "static": true,
5052
- "default": "{ ...BaseFormAssociatedElement.shadowRootOptions, delegatesFocus: true }"
5053
- },
5054
- {
5055
- "kind": "field",
5056
- "name": "validators",
5057
- "static": true,
5058
- "readonly": true
5059
- },
5060
- {
5061
- "kind": "field",
5062
- "name": "hasSlotController",
5063
- "privacy": "private",
5064
- "readonly": true,
5065
- "default": "new HasSlotController(this, 'hint')"
5066
- },
5067
- {
5068
- "kind": "field",
5069
- "name": "input",
5070
- "type": {
5071
- "text": "HTMLInputElement"
5072
- }
5073
- },
5074
- {
5075
- "kind": "field",
5076
- "name": "title",
5077
- "type": {
5078
- "text": "string"
5079
- },
5080
- "default": "''",
5081
- "attribute": "title"
5082
- },
5083
- {
5084
- "kind": "field",
5085
- "name": "name",
5086
- "type": {
5087
- "text": "string"
5088
- },
5089
- "default": "''",
5090
- "description": "The name of the checkbox, submitted as a name/value pair with form data.",
5091
- "attribute": "name",
5092
- "reflects": true
5093
- },
5094
- {
5095
- "kind": "field",
5096
- "name": "_value",
5097
- "type": {
5098
- "text": "string | null"
5099
- },
5100
- "privacy": "private"
5101
- },
5102
- {
5103
- "kind": "field",
5104
- "name": "value",
5105
- "type": {
5106
- "text": "string | null"
5107
- },
5108
- "description": "The value of the checkbox, submitted as a name/value pair with form data.",
5109
- "attribute": "value",
5110
- "reflects": true
5111
- },
5112
- {
5113
- "kind": "field",
5114
- "name": "size",
5115
- "type": {
5116
- "text": "'small' | 'medium' | 'large'"
5117
- },
5118
- "default": "'medium'",
5119
- "description": "The checkbox's size.",
5120
- "attribute": "size",
5121
- "reflects": true
5122
- },
5123
- {
5124
- "kind": "field",
5125
- "name": "disabled",
5126
- "type": {
5127
- "text": "boolean"
5128
- },
5129
- "default": "false",
5130
- "description": "Disables the checkbox.",
5131
- "attribute": "disabled"
5132
- },
5133
- {
5134
- "kind": "field",
5135
- "name": "indeterminate",
5136
- "type": {
5137
- "text": "boolean"
5138
- },
5139
- "default": "false",
5140
- "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
5141
- "attribute": "indeterminate",
5142
- "reflects": true
5143
- },
5144
- {
5145
- "kind": "field",
5146
- "name": "checked",
5147
- "type": {
5148
- "text": "boolean"
5149
- },
5150
- "description": "Draws the checkbox in a checked state."
5151
- },
5152
- {
5153
- "kind": "field",
5154
- "name": "defaultChecked",
5155
- "type": {
5156
- "text": "boolean"
5157
- },
5158
- "description": "The default value of the form control. Primarily used for resetting the form control.",
5159
- "attribute": "checked",
5160
- "reflects": true
5161
- },
5162
- {
5163
- "kind": "field",
5164
- "name": "form",
5165
- "type": {
5166
- "text": "null"
5167
- },
5168
- "default": "null",
5169
- "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
5170
- "attribute": "form",
5171
- "reflects": true
5172
- },
5173
- {
5174
- "kind": "field",
5175
- "name": "required",
5176
- "type": {
5177
- "text": "boolean"
5178
- },
5179
- "default": "false",
5180
- "description": "Makes the checkbox a required field.",
5181
- "attribute": "required",
5182
- "reflects": true
5183
- },
5184
- {
5185
- "kind": "field",
5186
- "name": "hint",
5187
- "type": {
5188
- "text": "string"
5189
- },
5190
- "default": "''",
5191
- "description": "The checkbox's hint. If you need to display HTML, use the `hint` slot instead.",
5192
- "attribute": "hint"
5193
- },
5194
- {
5195
- "kind": "method",
5196
- "name": "setInitialAttributes",
5197
- "privacy": "private"
5198
- },
5199
- {
5200
- "kind": "method",
5201
- "name": "handleClick",
5202
- "privacy": "private"
5203
- },
5204
- {
5205
- "kind": "method",
5206
- "name": "handleDefaultCheckedChange"
5207
- },
5208
- {
5209
- "kind": "method",
5210
- "name": "handleValueOrCheckedChange"
5211
- },
5212
- {
5213
- "kind": "method",
5214
- "name": "handleStateChange"
5215
- },
5216
- {
5217
- "kind": "method",
5218
- "name": "handleDisabledChange"
5219
- },
5220
- {
5221
- "kind": "method",
5222
- "name": "formResetCallback"
5223
- },
5224
- {
5225
- "kind": "method",
5226
- "name": "click",
5227
- "description": "Simulates a click on the checkbox."
5228
- },
5229
- {
5230
- "kind": "method",
5231
- "name": "focus",
5232
- "parameters": [
5233
- {
5234
- "name": "options",
5235
- "optional": true,
5236
- "type": {
5237
- "text": "FocusOptions"
5238
- }
5239
- }
5240
- ],
5241
- "description": "Sets focus on the checkbox."
5242
- },
5243
- {
5244
- "kind": "method",
5245
- "name": "blur",
5246
- "description": "Removes focus from the checkbox."
5247
- }
5248
- ],
5249
- "events": [
5250
- {
5251
- "name": "change",
5252
- "type": {
5253
- "text": "Event"
5254
- }
5255
- }
5256
- ],
5257
- "attributes": [
5258
- {
5259
- "name": "title",
5260
- "type": {
5261
- "text": "string"
5262
- },
5263
- "default": "''",
5264
- "fieldName": "title"
5265
- },
5266
- {
5267
- "name": "name",
5268
- "type": {
5269
- "text": "string"
5270
- },
5271
- "default": "''",
5272
- "description": "The name of the checkbox, submitted as a name/value pair with form data.",
5273
- "fieldName": "name"
5274
- },
5275
- {
5276
- "name": "value",
5277
- "type": {
5278
- "text": "string | null"
5279
- },
5280
- "description": "The value of the checkbox, submitted as a name/value pair with form data.",
5281
- "fieldName": "value"
5282
- },
5283
- {
5284
- "name": "size",
5285
- "type": {
5286
- "text": "'small' | 'medium' | 'large'"
5287
- },
5288
- "default": "'medium'",
5289
- "description": "The checkbox's size.",
5290
- "fieldName": "size"
5291
- },
5292
- {
5293
- "name": "disabled",
5294
- "type": {
5295
- "text": "boolean"
5296
- },
5297
- "default": "false",
5298
- "description": "Disables the checkbox.",
5299
- "fieldName": "disabled"
5300
- },
5301
- {
5302
- "name": "indeterminate",
5303
- "type": {
5304
- "text": "boolean"
5305
- },
5306
- "default": "false",
5307
- "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
5308
- "fieldName": "indeterminate"
5309
- },
5310
- {
5311
- "name": "checked",
5312
- "type": {
5313
- "text": "boolean"
5314
- },
5315
- "description": "The default value of the form control. Primarily used for resetting the form control.",
5316
- "fieldName": "defaultChecked"
5317
- },
5318
- {
5319
- "name": "form",
5320
- "type": {
5321
- "text": "null"
5322
- },
5323
- "default": "null",
5324
- "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
5325
- "fieldName": "form"
5326
- },
5327
- {
5328
- "name": "required",
5329
- "type": {
5330
- "text": "boolean"
5331
- },
5332
- "default": "false",
5333
- "description": "Makes the checkbox a required field.",
5334
- "fieldName": "required"
5335
- },
5336
- {
5337
- "name": "hint",
5338
- "type": {
5339
- "text": "string"
5340
- },
5341
- "default": "''",
5342
- "description": "The checkbox's hint. If you need to display HTML, use the `hint` slot instead.",
5343
- "fieldName": "hint"
5344
- }
5345
- ],
5346
- "superclass": {
5347
- "name": "BaseFormAssociatedElement",
5348
- "module": "/packages/rip-and-tear-radio/form-associated-element"
5349
- }
5350
- }
5351
- ],
5352
- "exports": [
5353
- {
5354
- "kind": "js",
5355
- "name": "WCheckbox",
5356
- "declaration": {
5357
- "name": "WCheckbox",
5358
- "module": "packages/rip-and-tear-checkbox/checkbox.ts"
5359
- }
5360
- }
5361
- ]
5362
- },
5363
- {
5364
- "kind": "javascript-module",
5365
- "path": "packages/rip-and-tear-checkbox/checkbox-group.ts",
5366
- "declarations": [
5367
- {
5368
- "kind": "class",
5369
- "description": "",
5370
- "name": "WCheckboxGroup",
5371
- "members": [],
5372
- "superclass": {
5373
- "name": "LitElement",
5374
- "package": "lit"
5375
- },
5376
- "customElement": true,
5377
- "modulePath": "packages/rip-and-tear-checkbox/checkbox-group.ts"
5378
- }
5379
- ],
5380
- "exports": [
5381
- {
5382
- "kind": "js",
5383
- "name": "WCheckboxGroup",
5384
- "declaration": {
5385
- "name": "WCheckboxGroup",
5386
- "module": "packages/rip-and-tear-checkbox/checkbox-group.ts"
5387
- }
5388
- }
5389
- ]
5390
- },
5391
- {
5392
- "kind": "javascript-module",
5393
- "path": "packages/slider/slider-thumb.ts",
5394
- "declarations": [
5395
- {
5396
- "kind": "class",
5397
- "description": "Component to place inside a `<w-slider>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
5398
- "name": "WarpSliderThumb",
5399
- "members": [
5400
- {
5401
- "kind": "field",
5402
- "name": "shadowRootOptions",
5403
- "type": {
5404
- "text": "object"
5405
- },
5406
- "static": true,
5407
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
5408
- },
5409
- {
5410
- "kind": "field",
5411
- "name": "ariaLabel",
5412
- "type": {
5413
- "text": "string"
5414
- },
5415
- "attribute": "aria-label",
5416
- "reflects": true
5417
- },
5418
- {
5419
- "kind": "field",
5420
- "name": "ariaDescription",
5421
- "type": {
5422
- "text": "string"
5423
- },
5424
- "attribute": "aria-description",
5425
- "reflects": true
5426
- },
5427
- {
5428
- "kind": "field",
5429
- "name": "label",
5430
- "type": {
5431
- "text": "string"
5432
- },
5433
- "attribute": "label",
5434
- "reflects": true
5435
- },
5436
- {
5437
- "kind": "field",
5438
- "name": "name",
5439
- "type": {
5440
- "text": "string"
5441
- },
5442
- "attribute": "name",
5443
- "reflects": true
5444
- },
5445
- {
5446
- "kind": "field",
5447
- "name": "value",
5448
- "type": {
5449
- "text": "string"
5450
- },
5451
- "attribute": "value",
5452
- "reflects": true
5453
- },
5454
- {
5455
- "kind": "field",
5456
- "name": "disabled",
5457
- "type": {
5458
- "text": "boolean"
5459
- },
5460
- "attribute": "disabled",
5461
- "reflects": true
5462
- },
5463
- {
5464
- "kind": "field",
5465
- "name": "markers",
5466
- "type": {
5467
- "text": "string"
5468
- },
5469
- "description": "Set by `<w-slider>`"
5470
- },
5471
- {
5472
- "kind": "field",
5473
- "name": "required",
5474
- "type": {
5475
- "text": "boolean"
5476
- },
5477
- "description": "Set by `<w-slider>`"
5478
- },
5479
- {
5480
- "kind": "field",
5481
- "name": "step",
5482
- "type": {
5483
- "text": "number"
5484
- },
5485
- "description": "Set by `<w-slider>`"
5486
- },
5487
- {
5488
- "kind": "field",
5489
- "name": "min",
5490
- "type": {
5491
- "text": "string"
5492
- },
5493
- "description": "Set by `<w-slider>`"
5494
- },
5495
- {
5496
- "kind": "field",
5497
- "name": "max",
5498
- "type": {
5499
- "text": "string"
5500
- },
5501
- "description": "Set by `<w-slider>`"
5502
- },
5503
- {
5504
- "kind": "field",
5505
- "name": "suffix",
5506
- "type": {
5507
- "text": "string"
5508
- },
5509
- "description": "Set by `<w-slider>`"
5510
- },
5511
- {
5512
- "kind": "field",
5513
- "name": "formatter",
5514
- "type": {
5515
- "text": "(value: string) => string"
5516
- },
5517
- "description": "JS hook to help you format the numeric value how you want."
5518
- },
5519
- {
5520
- "kind": "field",
5521
- "name": "range",
5522
- "type": {
5523
- "text": "HTMLInputElement"
5524
- }
5525
- },
5526
- {
5527
- "kind": "field",
5528
- "name": "textfield",
5529
- "type": {
5530
- "text": "WarpTextField"
5531
- }
5532
- },
5533
- {
5534
- "kind": "method",
5535
- "name": "#showTooltip",
5536
- "privacy": "private",
5537
- "return": {
5538
- "type": {
5539
- "text": "void"
5540
- }
5541
- }
5542
- },
5543
- {
5544
- "kind": "method",
5545
- "name": "#hideTooltip",
5546
- "privacy": "private",
5547
- "return": {
5548
- "type": {
5549
- "text": "void"
5550
- }
5551
- }
5552
- },
5553
- {
5554
- "kind": "method",
5555
- "name": "#onInput",
5556
- "privacy": "private",
5557
- "return": {
5558
- "type": {
5559
- "text": "boolean"
5560
- }
5561
- },
5562
- "parameters": [
5563
- {
5564
- "name": "e",
5565
- "type": {
5566
- "text": "InputEvent | CustomEvent"
5567
- }
5568
- }
5569
- ]
5570
- }
5571
- ],
5572
- "events": [
5573
- {
5574
- "name": "slidervalidity",
5575
- "type": {
5576
- "text": "CustomEvent"
5577
- }
5578
- }
5579
- ],
5580
- "attributes": [
5581
- {
5582
- "name": "aria-label",
5583
- "type": {
5584
- "text": "string"
5585
- },
5586
- "fieldName": "ariaLabel"
5587
- },
5588
- {
5589
- "name": "aria-description",
5590
- "type": {
5591
- "text": "string"
5592
- },
5593
- "fieldName": "ariaDescription"
5594
- },
5595
- {
5596
- "name": "label",
5597
- "type": {
5598
- "text": "string"
5599
- },
5600
- "fieldName": "label"
5601
- },
5602
- {
5603
- "name": "name",
5604
- "type": {
5605
- "text": "string"
5606
- },
5607
- "fieldName": "name"
5608
- },
5609
- {
5610
- "name": "value",
5611
- "type": {
5612
- "text": "string"
5613
- },
5614
- "fieldName": "value"
5615
- },
5616
- {
5617
- "name": "disabled",
5618
- "type": {
5619
- "text": "boolean"
5620
- },
5621
- "fieldName": "disabled"
5622
- }
5623
- ],
5624
- "mixins": [
5625
- {
5626
- "name": "FormControlMixin",
5627
- "package": "@open-wc/form-control"
5628
- }
5629
- ],
5630
- "superclass": {
5631
- "name": "LitElement",
5632
- "package": "lit"
5633
- },
5634
- "tagName": "w-slider-thumb",
5635
- "customElement": true,
5636
- "modulePath": "packages/slider/slider-thumb.ts",
5637
- "definitionPath": "packages/slider/slider-thumb.ts"
5638
- }
5639
- ],
5640
- "exports": [
5641
- {
5642
- "kind": "custom-element-definition",
5643
- "name": "w-slider-thumb",
5644
- "declaration": {
5645
- "name": "WarpSliderThumb",
5646
- "module": "packages/slider/slider-thumb.ts"
5647
- }
5648
- },
5649
- {
5650
- "kind": "js",
5651
- "name": "WarpSliderThumb",
5652
- "declaration": {
5653
- "name": "WarpSliderThumb",
5654
- "module": "packages/slider/slider-thumb.ts"
5655
- }
5656
- }
5657
- ]
5658
- },
5659
- {
5660
- "kind": "javascript-module",
5661
- "path": "packages/slider/slider.ts",
5662
- "declarations": [
5663
- {
5664
- "kind": "class",
5665
- "description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
5666
- "name": "WarpSlider",
5667
- "slots": [
5668
- {
5669
- "description": "For single sliders place a `<w-slider-thumb>` in the default slot.",
5670
- "name": ""
5671
- },
5672
- {
5673
- "description": "Label for the slider or range slider as a whole.",
5674
- "name": "label"
5675
- },
5676
- {
5677
- "description": "Optional description between the label and slider.",
5678
- "name": "description"
5679
- },
5680
- {
5681
- "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
5682
- "name": "from"
5683
- },
5684
- {
5685
- "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
5686
- "name": "to"
5687
- }
5688
- ],
5689
- "members": [
5690
- {
5691
- "kind": "field",
5692
- "name": "shadowRootOptions",
5693
- "type": {
5694
- "text": "object"
5695
- },
5696
- "static": true,
5697
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
5698
- },
5699
- {
5700
- "kind": "field",
5701
- "name": "label",
5702
- "type": {
5703
- "text": "string"
5704
- },
5705
- "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
5706
- "attribute": "label",
5707
- "reflects": true
5708
- },
5709
- {
5710
- "kind": "field",
5711
- "name": "disabled",
5712
- "type": {
5713
- "text": "boolean"
5714
- },
5715
- "default": "false",
5716
- "attribute": "disabled",
5717
- "reflects": true
5718
- },
5719
- {
5720
- "kind": "field",
5721
- "name": "invalid",
5722
- "type": {
5723
- "text": "boolean"
5724
- },
5725
- "default": "false",
5726
- "attribute": "invalid",
5727
- "reflects": true
5728
- },
5729
- {
5730
- "kind": "field",
5731
- "name": "required",
5732
- "type": {
5733
- "text": "boolean"
5734
- },
5735
- "default": "false",
5736
- "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
5737
- "attribute": "required",
5738
- "reflects": true
5739
- },
5740
- {
5741
- "kind": "field",
5742
- "name": "min",
5743
- "type": {
5744
- "text": "string"
5745
- },
5746
- "attribute": "min",
5747
- "reflects": true
5748
- },
5749
- {
5750
- "kind": "field",
5751
- "name": "max",
5752
- "type": {
5753
- "text": "string"
5754
- },
5755
- "attribute": "max",
5756
- "reflects": true
5757
- },
5758
- {
5759
- "kind": "field",
5760
- "name": "markers",
5761
- "type": {
5762
- "text": "number"
5763
- },
5764
- "description": "Pass a value similar to step to create visual markers at that interval",
5765
- "attribute": "markers",
5766
- "reflects": true
5767
- },
5768
- {
5769
- "kind": "field",
5770
- "name": "step",
5771
- "type": {
5772
- "text": "number"
5773
- },
5774
- "attribute": "step",
5775
- "reflects": true
5776
- },
5777
- {
5778
- "kind": "field",
5779
- "name": "suffix",
5780
- "type": {
5781
- "text": "string"
5782
- },
5783
- "description": "Suffix used in text input fields and for the min and max values of the slider.",
5784
- "attribute": "suffix",
5785
- "reflects": true
5786
- },
5787
- {
5788
- "kind": "field",
5789
- "name": "formatter",
5790
- "type": {
5791
- "text": "(value: string) => string"
5792
- },
5793
- "description": "Function to format the to- and from labels and value in the slider thumb tooltip."
5794
- },
5795
- {
5796
- "kind": "method",
5797
- "name": "#syncSliderThumbs",
5798
- "privacy": "private",
5799
- "return": {
5800
- "type": {
5801
- "text": "void"
5802
- }
5803
- }
5804
- },
5805
- {
5806
- "kind": "method",
5807
- "name": "#onInput",
5808
- "privacy": "private",
5809
- "parameters": [
5810
- {
5811
- "name": "e",
5812
- "type": {
5813
- "text": "InputEvent"
5814
- }
5815
- }
5816
- ]
5817
- },
5818
- {
5819
- "kind": "method",
5820
- "name": "#onSliderValidity",
5821
- "privacy": "private",
5822
- "parameters": [
5823
- {
5824
- "name": "e",
5825
- "type": {
5826
- "text": "CustomEvent"
5827
- }
5828
- }
5829
- ]
5830
- },
5831
- {
5832
- "kind": "method",
5833
- "name": "#updateActiveTrack",
5834
- "privacy": "private",
5835
- "parameters": [
5836
- {
5837
- "name": "input",
5838
- "type": {
5839
- "text": "WarpSliderThumb"
5840
- }
5841
- }
5842
- ],
5843
- "description": "We use CSS variables to fill the active track with a background color."
5844
- }
5845
- ],
5846
- "attributes": [
5847
- {
5848
- "name": "label",
5849
- "type": {
5850
- "text": "string"
5851
- },
5852
- "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
5853
- "fieldName": "label"
5854
- },
5855
- {
5856
- "name": "disabled",
5857
- "type": {
5858
- "text": "boolean"
5859
- },
5860
- "default": "false",
5861
- "fieldName": "disabled"
5862
- },
5863
- {
5864
- "name": "invalid",
5865
- "type": {
5866
- "text": "boolean"
5867
- },
5868
- "default": "false",
5869
- "fieldName": "invalid"
5870
- },
5871
- {
5872
- "name": "required",
5873
- "type": {
5874
- "text": "boolean"
5875
- },
5876
- "default": "false",
5877
- "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
5878
- "fieldName": "required"
5879
- },
5880
- {
5881
- "name": "min",
5882
- "type": {
5883
- "text": "string"
5884
- },
5885
- "fieldName": "min"
5886
- },
5887
- {
5888
- "name": "max",
5889
- "type": {
5890
- "text": "string"
5891
- },
5892
- "fieldName": "max"
5893
- },
5894
- {
5895
- "name": "markers",
5896
- "type": {
5897
- "text": "number"
5898
- },
5899
- "description": "Pass a value similar to step to create visual markers at that interval",
5900
- "fieldName": "markers"
5901
- },
5902
- {
5903
- "name": "step",
5904
- "type": {
5905
- "text": "number"
5906
- },
5907
- "fieldName": "step"
5908
- },
5909
- {
5910
- "name": "suffix",
5911
- "type": {
5912
- "text": "string"
5913
- },
5914
- "description": "Suffix used in text input fields and for the min and max values of the slider.",
5915
- "fieldName": "suffix"
5916
- }
5917
- ],
5918
- "mixins": [
5919
- {
5920
- "name": "FormControlMixin",
5921
- "package": "@open-wc/form-control"
5922
- }
5923
- ],
5924
- "superclass": {
5925
- "name": "LitElement",
5926
- "package": "lit"
5927
- },
5928
- "tagName": "w-slider",
5929
- "customElement": true,
5930
- "modulePath": "packages/slider/slider.ts",
5931
- "definitionPath": "packages/slider/slider.ts"
5932
- }
5933
- ],
5934
- "exports": [
5935
- {
5936
- "kind": "custom-element-definition",
5937
- "name": "w-slider",
5938
- "declaration": {
5939
- "name": "WarpSlider",
5940
- "module": "packages/slider/slider.ts"
5941
- }
5942
- },
5943
- {
5944
- "kind": "js",
5945
- "name": "WarpSlider",
5946
- "declaration": {
5947
- "name": "WarpSlider",
5948
- "module": "packages/slider/slider.ts"
5949
- }
5950
- }
5951
- ]
5952
- },
5953
- {
5954
- "kind": "javascript-module",
5955
- "path": "packages/steps/index.ts",
5956
- "declarations": [
5957
- {
5958
- "kind": "class",
5959
- "description": "Steps are used to show progress through a process or to guide users through a multi-step task.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)",
5960
- "name": "WarpSteps",
5961
- "members": [
5962
- {
5963
- "kind": "field",
5964
- "name": "horizontal",
5965
- "type": {
5966
- "text": "boolean"
5967
- },
5968
- "default": "false",
5969
- "attribute": "horizontal",
5970
- "reflects": true
5971
- },
5972
- {
5973
- "kind": "field",
5974
- "name": "right",
5975
- "type": {
5976
- "text": "boolean"
5977
- },
5978
- "default": "false",
5979
- "attribute": "right",
5980
- "reflects": true
5981
- },
5982
- {
5983
- "kind": "method",
5984
- "name": "updateStepsContext",
5985
- "type": {
5986
- "text": "updateStepsContext() => void"
5987
- }
5988
- }
5989
- ],
5990
- "attributes": [
5991
- {
5992
- "name": "horizontal",
5993
- "type": {
5994
- "text": "boolean"
5995
- },
5996
- "default": "false",
5997
- "fieldName": "horizontal"
5998
- },
5999
- {
6000
- "name": "right",
6001
- "type": {
6002
- "text": "boolean"
6003
- },
6004
- "default": "false",
6005
- "fieldName": "right"
6006
- }
6007
- ],
6008
- "superclass": {
6009
- "name": "LitElement",
6010
- "package": "lit"
6011
- },
6012
- "tagName": "w-steps",
6013
- "customElement": true,
6014
- "modulePath": "packages/steps/index.ts",
6015
- "definitionPath": "packages/steps/index.ts"
6016
- },
6017
- {
6018
- "kind": "class",
6019
- "description": "Individual step component that shows a single step in a process",
6020
- "name": "WarpStep",
6021
- "members": [
6022
- {
6023
- "kind": "field",
6024
- "name": "active",
6025
- "type": {
6026
- "text": "boolean"
6027
- },
6028
- "default": "false",
6029
- "attribute": "active",
6030
- "reflects": true
6031
- },
6032
- {
6033
- "kind": "field",
6034
- "name": "completed",
6035
- "type": {
6036
- "text": "boolean"
6037
- },
6038
- "default": "false",
6039
- "attribute": "completed",
6040
- "reflects": true
6041
- },
6042
- {
6043
- "kind": "field",
6044
- "name": "_context",
6045
- "type": {
6046
- "text": "StepsContext"
6047
- },
6048
- "privacy": "private",
6049
- "default": "{ horizontal: false, right: false, isLast: false, isFirst: false }"
6050
- },
6051
- {
6052
- "kind": "method",
6053
- "name": "setContext",
6054
- "parameters": [
6055
- {
6056
- "name": "context",
6057
- "type": {
6058
- "text": "StepsContext"
6059
- }
6060
- }
6061
- ],
6062
- "type": {
6063
- "text": "setContext(context: StepsContext) => void"
6064
- }
6065
- },
6066
- {
6067
- "kind": "method",
6068
- "name": "getAriaLabel",
6069
- "type": {
6070
- "text": "getAriaLabel() => void"
6071
- }
6072
- }
6073
- ],
6074
- "attributes": [
6075
- {
6076
- "name": "active",
6077
- "type": {
6078
- "text": "boolean"
6079
- },
6080
- "default": "false",
6081
- "fieldName": "active"
6082
- },
6083
- {
6084
- "name": "completed",
6085
- "type": {
6086
- "text": "boolean"
6087
- },
6088
- "default": "false",
6089
- "fieldName": "completed"
6090
- }
6091
- ],
6092
- "superclass": {
6093
- "name": "LitElement",
6094
- "package": "lit"
6095
- },
6096
- "tagName": "w-step",
6097
- "customElement": true,
6098
- "modulePath": "packages/steps/index.ts",
6099
- "definitionPath": "packages/steps/index.ts"
6100
- }
6101
- ],
6102
- "exports": [
6103
- {
6104
- "kind": "custom-element-definition",
6105
- "name": "w-steps",
6106
- "declaration": {
6107
- "name": "WarpSteps",
6108
- "module": "packages/steps/index.ts"
6109
- }
6110
- },
6111
- {
6112
- "kind": "custom-element-definition",
6113
- "name": "w-step",
6114
- "declaration": {
6115
- "name": "WarpStep",
6116
- "module": "packages/steps/index.ts"
6117
- }
6118
- },
6119
- {
6120
- "kind": "js",
6121
- "name": "WarpSteps",
6122
- "declaration": {
6123
- "name": "WarpSteps",
6124
- "module": "packages/steps/index.ts"
6125
- }
6126
- },
6127
- {
6128
- "kind": "js",
6129
- "name": "WarpStep",
6130
- "declaration": {
6131
- "name": "WarpStep",
6132
- "module": "packages/steps/index.ts"
6133
- }
6134
- }
6135
- ]
6136
- },
6137
- {
6138
- "kind": "javascript-module",
6139
- "path": "packages/switch/index.ts",
6140
- "declarations": [
6141
- {
6142
- "kind": "class",
6143
- "description": "",
6144
- "name": "WarpSwitch",
6145
- "members": [
6146
- {
6147
- "kind": "field",
6148
- "name": "value",
6149
- "type": {
6150
- "text": "boolean"
6151
- },
6152
- "default": "false",
6153
- "attribute": "value",
6154
- "reflects": true
6155
- },
6156
- {
6157
- "kind": "field",
6158
- "name": "disabled",
6159
- "type": {
6160
- "text": "boolean"
6161
- },
6162
- "default": "false",
6163
- "attribute": "disabled",
6164
- "reflects": true
6165
- }
6166
- ],
6167
- "events": [
6168
- {
6169
- "name": "change",
6170
- "type": {
6171
- "text": "CustomEvent"
6172
- }
6173
- }
6174
- ],
6175
- "attributes": [
6176
- {
6177
- "name": "value",
6178
- "type": {
6179
- "text": "boolean"
6180
- },
6181
- "default": "false",
6182
- "fieldName": "value"
6183
- },
6184
- {
6185
- "name": "disabled",
6186
- "type": {
6187
- "text": "boolean"
6188
- },
6189
- "default": "false",
6190
- "fieldName": "disabled"
6191
- }
6192
- ],
6193
- "superclass": {
6194
- "name": "LitElement",
6195
- "package": "lit"
6196
- },
6197
- "tagName": "w-switch",
6198
- "customElement": true,
6199
- "modulePath": "packages/switch/index.ts",
6200
- "definitionPath": "packages/switch/index.ts"
6201
- }
6202
- ],
6203
- "exports": [
6204
- {
6205
- "kind": "js",
6206
- "name": "WarpSwitch",
6207
- "declaration": {
6208
- "name": "WarpSwitch",
6209
- "module": "packages/switch/index.ts"
6210
- }
6211
- },
6212
- {
6213
- "kind": "custom-element-definition",
6214
- "name": "w-switch",
6215
- "declaration": {
6216
- "name": "WarpSwitch",
6217
- "module": "packages/switch/index.ts"
6218
- }
6219
- }
6220
- ]
6221
- },
6222
- {
6223
- "kind": "javascript-module",
6224
- "path": "packages/tabs/tab.ts",
6225
- "declarations": [
6226
- {
6227
- "kind": "class",
6228
- "description": "Individual tab component used within w-tabs container.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
6229
- "name": "WarpTab",
6230
- "members": [
6231
- {
6232
- "kind": "field",
6233
- "name": "name",
6234
- "type": {
6235
- "text": "string"
6236
- },
6237
- "attribute": "name",
6238
- "reflects": true
6239
- },
6240
- {
6241
- "kind": "field",
6242
- "name": "label",
6243
- "type": {
6244
- "text": "string"
6245
- },
6246
- "default": "''",
6247
- "attribute": "label",
6248
- "reflects": true
6249
- },
6250
- {
6251
- "kind": "field",
6252
- "name": "active",
6253
- "type": {
6254
- "text": "boolean"
6255
- },
6256
- "default": "false",
6257
- "attribute": "active",
6258
- "reflects": true
6259
- },
6260
- {
6261
- "kind": "field",
6262
- "name": "over",
6263
- "type": {
6264
- "text": "boolean"
6265
- },
6266
- "default": "false",
6267
- "attribute": "over",
6268
- "reflects": true
6269
- },
6270
- {
6271
- "kind": "field",
6272
- "name": "tabClass",
6273
- "type": {
6274
- "text": "string"
6275
- },
6276
- "default": "''",
6277
- "attribute": "tab-class",
6278
- "reflects": true
6279
- },
6280
- {
6281
- "kind": "field",
6282
- "name": "_handleClick",
6283
- "privacy": "private"
6284
- },
6285
- {
6286
- "kind": "field",
6287
- "name": "_classes",
6288
- "privacy": "private",
6289
- "readonly": true
6290
- },
6291
- {
6292
- "kind": "field",
6293
- "name": "_hasChildren",
6294
- "privacy": "private",
6295
- "readonly": true
6296
- }
6297
- ],
6298
- "attributes": [
6299
- {
6300
- "name": "name",
6301
- "type": {
6302
- "text": "string"
6303
- },
6304
- "fieldName": "name"
6305
- },
6306
- {
6307
- "name": "label",
6308
- "type": {
6309
- "text": "string"
6310
- },
6311
- "default": "''",
6312
- "fieldName": "label"
6313
- },
6314
- {
6315
- "name": "active",
6316
- "type": {
6317
- "text": "boolean"
6318
- },
6319
- "default": "false",
6320
- "fieldName": "active"
6321
- },
6322
- {
6323
- "name": "over",
6324
- "type": {
6325
- "text": "boolean"
6326
- },
6327
- "default": "false",
6328
- "fieldName": "over"
6329
- },
6330
- {
6331
- "name": "tab-class",
6332
- "type": {
6333
- "text": "string"
6334
- },
6335
- "default": "''",
6336
- "fieldName": "tabClass"
6337
- }
6338
- ],
6339
- "superclass": {
6340
- "name": "LitElement",
6341
- "package": "lit"
6342
- },
6343
- "tagName": "w-tab",
6344
- "customElement": true,
6345
- "modulePath": "packages/tabs/tab.ts",
6346
- "definitionPath": "packages/tabs/tab.ts"
6347
- }
6348
- ],
6349
- "exports": [
6350
- {
6351
- "kind": "js",
6352
- "name": "WarpTab",
6353
- "declaration": {
6354
- "name": "WarpTab",
6355
- "module": "packages/tabs/tab.ts"
6356
- }
6357
- },
6358
- {
6359
- "kind": "custom-element-definition",
6360
- "name": "w-tab",
6361
- "declaration": {
6362
- "name": "WarpTab",
6363
- "module": "packages/tabs/tab.ts"
6364
- }
6365
- }
6366
- ]
6367
- },
6368
- {
6369
- "kind": "javascript-module",
6370
- "path": "packages/tabs/tabs.ts",
6371
- "declarations": [
6372
- {
6373
- "kind": "class",
6374
- "description": "Tabs are used to organize content by grouping similar information on the same page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
6375
- "name": "WarpTabs",
6376
- "members": [
6377
- {
6378
- "kind": "field",
6379
- "name": "active",
6380
- "type": {
6381
- "text": "string"
6382
- },
6383
- "default": "''",
6384
- "attribute": "active",
6385
- "reflects": true
6386
- },
6387
- {
6388
- "kind": "field",
6389
- "name": "tabClass",
6390
- "type": {
6391
- "text": "string"
6392
- },
6393
- "default": "''",
6394
- "attribute": "tab-class",
6395
- "reflects": true
6396
- },
6397
- {
6398
- "kind": "field",
6399
- "name": "tabList",
6400
- "type": {
6401
- "text": "HTMLElement"
6402
- },
6403
- "privacy": "private"
6404
- },
6405
- {
6406
- "kind": "field",
6407
- "name": "selectionIndicator",
6408
- "type": {
6409
- "text": "HTMLElement"
6410
- },
6411
- "privacy": "private"
6412
- },
6413
- {
6414
- "kind": "field",
6415
- "name": "_activeTab",
6416
- "type": {
6417
- "text": "string"
6418
- },
6419
- "privacy": "private",
6420
- "default": "''"
6421
- },
6422
- {
6423
- "kind": "field",
6424
- "name": "_resizeObserver",
6425
- "type": {
6426
- "text": "ResizeObserver | undefined"
6427
- },
6428
- "privacy": "private"
6429
- },
6430
- {
6431
- "kind": "field",
6432
- "name": "_updateSelectionIndicatorDebounced",
6433
- "privacy": "private"
6434
- },
6435
- {
6436
- "kind": "field",
6437
- "name": "tabs",
6438
- "readonly": true
6439
- },
6440
- {
6441
- "kind": "field",
6442
- "name": "activeTab",
6443
- "readonly": true
6444
- },
6445
- {
6446
- "kind": "method",
6447
- "name": "_initializeActiveTab",
6448
- "privacy": "private"
6449
- },
6450
- {
6451
- "kind": "field",
6452
- "name": "_handleTabClick",
6453
- "privacy": "private"
6454
- },
6455
- {
6456
- "kind": "method",
6457
- "name": "_notifyTabChange",
6458
- "privacy": "private"
6459
- },
6460
- {
6461
- "kind": "method",
6462
- "name": "updateSelectionIndicator",
6463
- "privacy": "private"
6464
- },
6465
- {
6466
- "kind": "method",
6467
- "name": "updatePanels",
6468
- "privacy": "private"
6469
- },
6470
- {
6471
- "kind": "field",
6472
- "name": "_handleKeyDown",
6473
- "privacy": "private"
6474
- },
6475
- {
6476
- "kind": "field",
6477
- "name": "_tabCount",
6478
- "privacy": "private",
6479
- "readonly": true
6480
- },
6481
- {
6482
- "kind": "field",
6483
- "name": "_gridClass",
6484
- "privacy": "private",
6485
- "readonly": true
6486
- }
6487
- ],
6488
- "events": [
6489
- {
6490
- "name": "change",
6491
- "type": {
6492
- "text": "CustomEvent"
6493
- }
6494
- }
6495
- ],
6496
- "attributes": [
6497
- {
6498
- "name": "active",
6499
- "type": {
6500
- "text": "string"
6501
- },
6502
- "default": "''",
6503
- "fieldName": "active"
6504
- },
6505
- {
6506
- "name": "tab-class",
6507
- "type": {
6508
- "text": "string"
6509
- },
6510
- "default": "''",
6511
- "fieldName": "tabClass"
6512
- }
6513
- ],
6514
- "superclass": {
6515
- "name": "LitElement",
6516
- "package": "lit"
6517
- },
6518
- "tagName": "w-tabs",
6519
- "customElement": true,
6520
- "modulePath": "packages/tabs/tabs.ts",
6521
- "definitionPath": "packages/tabs/tabs.ts"
6522
- }
6523
- ],
6524
- "exports": [
6525
- {
6526
- "kind": "js",
6527
- "name": "WarpTabs",
6528
- "declaration": {
6529
- "name": "WarpTabs",
6530
- "module": "packages/tabs/tabs.ts"
6531
- }
6532
- },
6533
- {
6534
- "kind": "custom-element-definition",
6535
- "name": "w-tabs",
6536
- "declaration": {
6537
- "name": "WarpTabs",
6538
- "module": "packages/tabs/tabs.ts"
6539
- }
6540
- }
6541
- ]
6542
- },
6543
- {
6544
- "kind": "javascript-module",
6545
- "path": "packages/textarea/textarea.ts",
6546
- "declarations": [
6547
- {
6548
- "kind": "class",
6549
- "description": "A single line text input element.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)",
6550
- "name": "WarpTextarea",
6551
- "members": [
6552
- {
6553
- "kind": "field",
6554
- "name": "shadowRootOptions",
6555
- "type": {
6556
- "text": "object"
6557
- },
6558
- "static": true,
6559
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
6560
- },
6561
- {
6562
- "kind": "field",
6563
- "name": "disabled",
6564
- "type": {
6565
- "text": "boolean"
6566
- },
6567
- "attribute": "disabled",
6568
- "reflects": true
6569
- },
6570
- {
6571
- "kind": "field",
6572
- "name": "invalid",
6573
- "type": {
6574
- "text": "boolean"
6575
- },
6576
- "attribute": "invalid",
6577
- "reflects": true
6578
- },
6579
- {
6580
- "kind": "field",
6581
- "name": "label",
6582
- "type": {
6583
- "text": "string"
6584
- },
6585
- "attribute": "label",
6586
- "reflects": true
6587
- },
6588
- {
6589
- "kind": "field",
6590
- "name": "helpText",
6591
- "type": {
6592
- "text": "string"
6593
- },
6594
- "attribute": "help-text",
6595
- "reflects": true
6596
- },
6597
- {
6598
- "kind": "field",
6599
- "name": "maxRows",
6600
- "type": {
6601
- "text": "number"
6602
- },
6603
- "attribute": "maximum-rows",
6604
- "reflects": true
6605
- },
6606
- {
6607
- "kind": "field",
6608
- "name": "minRows",
6609
- "type": {
6610
- "text": "number"
6611
- },
6612
- "attribute": "minimum-rows",
6613
- "reflects": true
6614
- },
6615
- {
6616
- "kind": "field",
6617
- "name": "name",
6618
- "type": {
6619
- "text": "string"
6620
- },
6621
- "attribute": "name"
6622
- },
6623
- {
6624
- "kind": "field",
6625
- "name": "placeholder",
6626
- "type": {
6627
- "text": "string"
6628
- },
6629
- "attribute": "placeholder"
6630
- },
6631
- {
6632
- "kind": "field",
6633
- "name": "readOnly",
6634
- "type": {
6635
- "text": "boolean"
6636
- },
6637
- "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
6638
- "attribute": "read-only",
6639
- "reflects": true
6640
- },
6641
- {
6642
- "kind": "field",
6643
- "name": "readonly",
6644
- "type": {
6645
- "text": "boolean"
6646
- },
6647
- "attribute": "readonly",
6648
- "reflects": true
6649
- },
6650
- {
6651
- "kind": "field",
6652
- "name": "required",
6653
- "type": {
6654
- "text": "boolean"
6655
- },
6656
- "attribute": "required",
6657
- "reflects": true
6658
- },
6659
- {
6660
- "kind": "field",
6661
- "name": "value",
6662
- "type": {
6663
- "text": "string"
6664
- },
6665
- "attribute": "value",
6666
- "reflects": true
6667
- },
6668
- {
6669
- "kind": "field",
6670
- "name": "optional",
6671
- "type": {
6672
- "text": "boolean"
6673
- },
6674
- "attribute": "optional",
6675
- "reflects": true
6676
- },
6677
- {
6678
- "kind": "field",
6679
- "name": "minHeight"
6680
- },
6681
- {
6682
- "kind": "field",
6683
- "name": "maxHeight"
6684
- },
6685
- {
6686
- "kind": "method",
6687
- "name": "handler",
6688
- "parameters": [
6689
- {
6690
- "name": "e",
6691
- "type": {
6692
- "text": "InputEvent"
6693
- }
6694
- }
6695
- ],
6696
- "type": {
6697
- "text": "handler(e: InputEvent) => void"
6698
- }
6699
- },
6700
- {
6701
- "kind": "method",
6702
- "name": "#resize",
6703
- "privacy": "private",
6704
- "parameters": [
6705
- {
6706
- "name": "target",
6707
- "type": {
6708
- "text": "HTMLTextAreaElement"
6709
- }
6710
- }
6711
- ],
6712
- "description": "Calculate the new height for the area on input"
6713
- }
6714
- ],
6715
- "attributes": [
6716
- {
6717
- "name": "disabled",
6718
- "type": {
6719
- "text": "boolean"
6720
- },
6721
- "fieldName": "disabled"
6722
- },
6723
- {
6724
- "name": "invalid",
6725
- "type": {
6726
- "text": "boolean"
6727
- },
6728
- "fieldName": "invalid"
6729
- },
6730
- {
6731
- "name": "label",
6732
- "type": {
6733
- "text": "string"
6734
- },
6735
- "fieldName": "label"
6736
- },
6737
- {
6738
- "name": "help-text",
6739
- "type": {
6740
- "text": "string"
6741
- },
6742
- "fieldName": "helpText"
6743
- },
6744
- {
6745
- "name": "maximum-rows",
6746
- "type": {
6747
- "text": "number"
6748
- },
6749
- "fieldName": "maxRows"
6750
- },
6751
- {
6752
- "name": "minimum-rows",
6753
- "type": {
6754
- "text": "number"
6755
- },
6756
- "fieldName": "minRows"
6757
- },
6758
- {
6759
- "name": "name",
6760
- "type": {
6761
- "text": "string"
6762
- },
6763
- "fieldName": "name"
6764
- },
6765
- {
6766
- "name": "placeholder",
6767
- "type": {
6768
- "text": "string"
6769
- },
6770
- "fieldName": "placeholder"
6771
- },
6772
- {
6773
- "name": "read-only",
6774
- "type": {
6775
- "text": "boolean"
6776
- },
6777
- "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
6778
- "fieldName": "readOnly"
6779
- },
6780
- {
6781
- "name": "readonly",
6782
- "type": {
6783
- "text": "boolean"
6784
- },
6785
- "fieldName": "readonly"
6786
- },
6787
- {
6788
- "name": "required",
6789
- "type": {
6790
- "text": "boolean"
6791
- },
6792
- "fieldName": "required"
6793
- },
6794
- {
6795
- "name": "value",
6796
- "type": {
6797
- "text": "string"
6798
- },
6799
- "fieldName": "value"
6800
- },
6801
- {
6802
- "name": "optional",
6803
- "type": {
6804
- "text": "boolean"
6805
- },
6806
- "fieldName": "optional"
6807
- }
6808
- ],
6809
- "mixins": [
6810
- {
6811
- "name": "FormControlMixin",
6812
- "package": "@open-wc/form-control"
6813
- }
6814
- ],
6815
- "superclass": {
6816
- "name": "LitElement",
6817
- "package": "lit"
6818
- },
6819
- "tagName": "w-textarea",
6820
- "customElement": true,
6821
- "modulePath": "packages/textarea/textarea.ts",
6822
- "definitionPath": "packages/textarea/textarea.ts"
6823
- }
6824
- ],
3259
+ "path": "packages/datepicker/index.ts",
3260
+ "declarations": [],
6825
3261
  "exports": [
6826
- {
6827
- "kind": "custom-element-definition",
6828
- "name": "w-textarea",
6829
- "declaration": {
6830
- "name": "WarpTextarea",
6831
- "module": "packages/textarea/textarea.ts"
6832
- }
6833
- },
6834
3262
  {
6835
3263
  "kind": "js",
6836
- "name": "WarpTextarea",
3264
+ "name": "*",
6837
3265
  "declaration": {
6838
- "name": "WarpTextarea",
6839
- "module": "packages/textarea/textarea.ts"
3266
+ "name": "*",
3267
+ "module": "packages/datepicker/datepicker.js"
6840
3268
  }
6841
3269
  }
6842
3270
  ]