@warp-ds/elements 2.10.0 → 2.11.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (255) hide show
  1. package/dist/custom-elements.json +59 -50
  2. package/dist/docs/affix/affix.md +1 -9
  3. package/dist/docs/alert/alert.md +1 -1
  4. package/dist/docs/attention/attention.md +3 -1
  5. package/dist/docs/box/box.md +2 -0
  6. package/dist/docs/breadcrumb-item/breadcrumb-item.md +2 -0
  7. package/dist/docs/breadcrumbs/breadcrumbs.md +3 -0
  8. package/dist/docs/button/button.md +3 -0
  9. package/dist/docs/card/api.md +0 -8
  10. package/dist/docs/card/card.md +58 -11
  11. package/dist/docs/card/styling.md +51 -0
  12. package/dist/docs/card/usage.md +4 -2
  13. package/dist/docs/checkbox/api.md +0 -9
  14. package/dist/docs/checkbox/checkbox.md +5 -10
  15. package/dist/docs/checkbox-group/checkbox-group.md +3 -10
  16. package/dist/docs/combobox/combobox.md +2 -0
  17. package/dist/docs/datepicker/datepicker.md +2 -2
  18. package/dist/docs/expandable/expandable.md +2 -0
  19. package/dist/docs/icon/icon.md +1 -1
  20. package/dist/docs/index.md +35 -35
  21. package/dist/docs/link/link.md +3 -1
  22. package/dist/docs/modal/modal.md +2 -0
  23. package/dist/docs/modal-footer/modal-footer.md +2 -0
  24. package/dist/docs/modal-header/modal-header.md +2 -0
  25. package/dist/docs/page-indicator/page-indicator.md +2 -0
  26. package/dist/docs/pagination/pagination.md +2 -0
  27. package/dist/docs/pill/pill.md +2 -0
  28. package/dist/docs/radio/radio.md +5 -1
  29. package/dist/docs/radio-group/radio-group.md +3 -1
  30. package/dist/docs/select/select.md +2 -0
  31. package/dist/docs/slider/slider.md +2 -0
  32. package/dist/docs/snackbar/snackbar.md +2 -0
  33. package/dist/docs/snackbar-item/snackbar-item.md +2 -0
  34. package/dist/docs/step/step.md +3 -1
  35. package/dist/docs/step-indicator/step-indicator.md +2 -0
  36. package/dist/docs/switch/switch.md +2 -0
  37. package/dist/docs/tab/tab.md +2 -0
  38. package/dist/docs/tab-panel/tab-panel.md +3 -0
  39. package/dist/docs/tabs/api.md +1 -1
  40. package/dist/docs/tabs/tabs.md +3 -1
  41. package/dist/docs/textarea/textarea.md +1 -5
  42. package/dist/docs/textfield/textfield.md +2 -0
  43. package/dist/entrypoint-react.d.ts +38 -0
  44. package/dist/entrypoint-react.js +39 -0
  45. package/dist/index.d.ts +152 -126
  46. package/dist/packages/affix/affix.d.ts +6 -11
  47. package/dist/packages/affix/affix.js +9 -9
  48. package/dist/packages/affix/affix.js.map +2 -2
  49. package/dist/packages/affix/affix.react.stories.d.ts +1 -1
  50. package/dist/packages/affix/react.d.ts +7 -2
  51. package/dist/packages/affix/react.js +5 -0
  52. package/dist/packages/alert/alert.d.ts +6 -3
  53. package/dist/packages/alert/alert.js +3 -3
  54. package/dist/packages/alert/alert.js.map +2 -2
  55. package/dist/packages/alert/react.d.ts +8 -1
  56. package/dist/packages/alert/react.js +7 -0
  57. package/dist/packages/attention/attention.d.ts +3 -1
  58. package/dist/packages/attention/attention.js +12 -12
  59. package/dist/packages/attention/attention.js.map +2 -2
  60. package/dist/packages/attention/react.d.ts +13 -3
  61. package/dist/packages/attention/react.js +9 -0
  62. package/dist/packages/badge/badge.d.ts +5 -0
  63. package/dist/packages/badge/badge.js.map +2 -2
  64. package/dist/packages/badge/react.d.ts +6 -1
  65. package/dist/packages/badge/react.js +5 -0
  66. package/dist/packages/box/box.d.ts +6 -1
  67. package/dist/packages/box/box.js +3 -3
  68. package/dist/packages/box/box.js.map +2 -2
  69. package/dist/packages/box/box.react.stories.d.ts +1 -1
  70. package/dist/packages/box/react.d.ts +6 -1
  71. package/dist/packages/box/react.js +5 -0
  72. package/dist/packages/breadcrumb-item/breadcrumb-item.d.ts +6 -1
  73. package/dist/packages/breadcrumb-item/breadcrumb-item.js +2 -2
  74. package/dist/packages/breadcrumb-item/breadcrumb-item.js.map +2 -2
  75. package/dist/packages/breadcrumb-item/react.d.ts +7 -1
  76. package/dist/packages/breadcrumb-item/react.js +6 -0
  77. package/dist/packages/breadcrumbs/breadcrumbs.d.ts +7 -1
  78. package/dist/packages/breadcrumbs/breadcrumbs.js +3 -3
  79. package/dist/packages/breadcrumbs/breadcrumbs.js.map +2 -2
  80. package/dist/packages/breadcrumbs/react.d.ts +8 -1
  81. package/dist/packages/breadcrumbs/react.js +7 -0
  82. package/dist/packages/button/button.d.ts +2 -1
  83. package/dist/packages/button/button.js.map +2 -2
  84. package/dist/packages/button/button.react.stories.d.ts +2 -2
  85. package/dist/packages/button/react.d.ts +9 -2
  86. package/dist/packages/button/react.js +7 -0
  87. package/dist/packages/card/card.d.ts +8 -10
  88. package/dist/packages/card/card.js +151 -20
  89. package/dist/packages/card/card.js.map +4 -4
  90. package/dist/packages/card/card.react.stories.d.ts +1 -1
  91. package/dist/packages/card/card.stories.d.ts +1 -0
  92. package/dist/packages/card/card.stories.js +44 -1
  93. package/dist/packages/card/react.d.ts +6 -1
  94. package/dist/packages/card/react.js +5 -0
  95. package/dist/packages/card/styles.js +132 -2
  96. package/dist/packages/checkbox/checkbox.d.ts +6 -0
  97. package/dist/packages/checkbox/checkbox.js +1 -1
  98. package/dist/packages/checkbox/checkbox.js.map +2 -2
  99. package/dist/packages/checkbox/checkbox.react.stories.d.ts +2 -2
  100. package/dist/packages/checkbox/react.d.ts +12 -3
  101. package/dist/packages/checkbox/react.js +7 -0
  102. package/dist/packages/checkbox-group/checkbox-group.d.ts +3 -10
  103. package/dist/packages/checkbox-group/checkbox-group.js.map +2 -2
  104. package/dist/packages/checkbox-group/react.d.ts +9 -2
  105. package/dist/packages/checkbox-group/react.js +7 -0
  106. package/dist/packages/combobox/combobox.d.ts +6 -1
  107. package/dist/packages/combobox/combobox.js +3 -3
  108. package/dist/packages/combobox/combobox.js.map +2 -2
  109. package/dist/packages/combobox/combobox.react.stories.d.ts +18 -2
  110. package/dist/packages/combobox/react.d.ts +15 -2
  111. package/dist/packages/combobox/react.js +9 -0
  112. package/dist/packages/datepicker/datepicker.d.ts +7 -4
  113. package/dist/packages/datepicker/datepicker.js +3 -3
  114. package/dist/packages/datepicker/datepicker.js.map +2 -2
  115. package/dist/packages/datepicker/datepicker.react.stories.d.ts +14 -14
  116. package/dist/packages/datepicker/react.d.ts +14 -8
  117. package/dist/packages/datepicker/react.js +5 -0
  118. package/dist/packages/expandable/expandable.d.ts +7 -0
  119. package/dist/packages/expandable/expandable.js +4 -4
  120. package/dist/packages/expandable/expandable.js.map +2 -2
  121. package/dist/packages/expandable/react.d.ts +6 -1
  122. package/dist/packages/expandable/react.js +5 -0
  123. package/dist/packages/icon/icon.d.ts +3 -0
  124. package/dist/packages/icon/icon.js.map +2 -2
  125. package/dist/packages/icon/react.d.ts +4 -1
  126. package/dist/packages/icon/react.js +3 -0
  127. package/dist/packages/link/link.d.ts +7 -2
  128. package/dist/packages/link/link.js +5 -5
  129. package/dist/packages/link/link.js.map +2 -2
  130. package/dist/packages/link/link.react.stories.d.ts +2 -2
  131. package/dist/packages/link/react.d.ts +7 -2
  132. package/dist/packages/link/react.js +5 -0
  133. package/dist/packages/modal/modal.d.ts +7 -0
  134. package/dist/packages/modal/modal.js +4 -4
  135. package/dist/packages/modal/modal.js.map +2 -2
  136. package/dist/packages/modal/react.d.ts +3 -1
  137. package/dist/packages/modal/react.js +2 -0
  138. package/dist/packages/modal-footer/modal-footer.d.ts +7 -0
  139. package/dist/packages/modal-footer/modal-footer.js +1 -1
  140. package/dist/packages/modal-footer/modal-footer.js.map +2 -2
  141. package/dist/packages/modal-footer/react.d.ts +6 -1
  142. package/dist/packages/modal-footer/react.js +5 -0
  143. package/dist/packages/modal-header/modal-header.d.ts +7 -0
  144. package/dist/packages/modal-header/modal-header.js +5 -5
  145. package/dist/packages/modal-header/modal-header.js.map +2 -2
  146. package/dist/packages/modal-header/react.d.ts +8 -3
  147. package/dist/packages/modal-header/react.js +5 -0
  148. package/dist/packages/page-indicator/page-indicator.d.ts +7 -0
  149. package/dist/packages/page-indicator/page-indicator.js +4 -4
  150. package/dist/packages/page-indicator/page-indicator.js.map +2 -2
  151. package/dist/packages/page-indicator/react.d.ts +8 -1
  152. package/dist/packages/page-indicator/react.js +7 -0
  153. package/dist/packages/pagination/pagination.d.ts +7 -0
  154. package/dist/packages/pagination/pagination.js +5 -5
  155. package/dist/packages/pagination/pagination.js.map +2 -2
  156. package/dist/packages/pagination/pagination.react.stories.d.ts +12 -4
  157. package/dist/packages/pagination/react.d.ts +12 -3
  158. package/dist/packages/pagination/react.js +5 -0
  159. package/dist/packages/pill/pill.d.ts +7 -0
  160. package/dist/packages/pill/pill.js.map +2 -2
  161. package/dist/packages/pill/pill.react.stories.d.ts +12 -8
  162. package/dist/packages/pill/pill.react.stories.js +4 -0
  163. package/dist/packages/pill/react.d.ts +10 -5
  164. package/dist/packages/pill/react.js +7 -2
  165. package/dist/packages/radio/radio.d.ts +6 -0
  166. package/dist/packages/radio/radio.js.map +2 -2
  167. package/dist/packages/radio/react.d.ts +8 -1
  168. package/dist/packages/radio/react.js +7 -0
  169. package/dist/packages/radio-group/radio-group.d.ts +3 -10
  170. package/dist/packages/radio-group/radio-group.js.map +2 -2
  171. package/dist/packages/radio-group/react.d.ts +11 -4
  172. package/dist/packages/radio-group/react.js +8 -0
  173. package/dist/packages/select/react.d.ts +10 -4
  174. package/dist/packages/select/react.js +5 -0
  175. package/dist/packages/select/select.d.ts +8 -2
  176. package/dist/packages/select/select.js +5 -5
  177. package/dist/packages/select/select.js.map +2 -2
  178. package/dist/packages/select/select.react.stories.d.ts +6 -6
  179. package/dist/packages/select/select.react.stories.js +4 -4
  180. package/dist/packages/slider/react.d.ts +7 -2
  181. package/dist/packages/slider/react.js +5 -0
  182. package/dist/packages/slider/slider.d.ts +7 -0
  183. package/dist/packages/slider/slider.js +6 -6
  184. package/dist/packages/slider/slider.js.map +2 -2
  185. package/dist/packages/slider/slider.react.stories.d.ts +1 -1
  186. package/dist/packages/slider-thumb/react.d.ts +15 -4
  187. package/dist/packages/slider-thumb/react.js +5 -0
  188. package/dist/packages/slider-thumb/slider-thumb.d.ts +5 -0
  189. package/dist/packages/slider-thumb/slider-thumb.js +4 -4
  190. package/dist/packages/slider-thumb/slider-thumb.js.map +2 -2
  191. package/dist/packages/snackbar/react.d.ts +40 -1
  192. package/dist/packages/snackbar/react.js +39 -0
  193. package/dist/packages/snackbar/snackbar.d.ts +2 -0
  194. package/dist/packages/snackbar/snackbar.js.map +2 -2
  195. package/dist/packages/snackbar-item/react.d.ts +8 -1
  196. package/dist/packages/snackbar-item/react.js +7 -0
  197. package/dist/packages/snackbar-item/snackbar-item.d.ts +2 -0
  198. package/dist/packages/snackbar-item/snackbar-item.js.map +2 -2
  199. package/dist/packages/step/react.d.ts +6 -1
  200. package/dist/packages/step/react.js +5 -0
  201. package/dist/packages/step/step.d.ts +8 -1
  202. package/dist/packages/step/step.js +7 -7
  203. package/dist/packages/step/step.js.map +2 -2
  204. package/dist/packages/step-indicator/react.d.ts +6 -1
  205. package/dist/packages/step-indicator/react.js +5 -0
  206. package/dist/packages/step-indicator/step-indicator.d.ts +7 -0
  207. package/dist/packages/step-indicator/step-indicator.js +2 -2
  208. package/dist/packages/step-indicator/step-indicator.js.map +2 -2
  209. package/dist/packages/switch/react.d.ts +9 -3
  210. package/dist/packages/switch/react.js +5 -0
  211. package/dist/packages/switch/switch.d.ts +7 -0
  212. package/dist/packages/switch/switch.js +3 -3
  213. package/dist/packages/switch/switch.js.map +2 -2
  214. package/dist/packages/switch/switch.react.stories.d.ts +2 -2
  215. package/dist/packages/tab/react.d.ts +9 -6
  216. package/dist/packages/tab/react.js +5 -2
  217. package/dist/packages/tab/tab.d.ts +7 -0
  218. package/dist/packages/tab/tab.js.map +2 -2
  219. package/dist/packages/tab-panel/react.d.ts +8 -1
  220. package/dist/packages/tab-panel/react.js +7 -0
  221. package/dist/packages/tab-panel/tab-panel.d.ts +3 -0
  222. package/dist/packages/tab-panel/tab-panel.js.map +2 -2
  223. package/dist/packages/tabs/react.d.ts +7 -3
  224. package/dist/packages/tabs/react.js +6 -2
  225. package/dist/packages/tabs/tabs.d.ts +3 -1
  226. package/dist/packages/tabs/tabs.js.map +2 -2
  227. package/dist/packages/textarea/react.d.ts +16 -10
  228. package/dist/packages/textarea/react.js +5 -0
  229. package/dist/packages/textarea/textarea.d.ts +6 -5
  230. package/dist/packages/textarea/textarea.js +5 -5
  231. package/dist/packages/textarea/textarea.js.map +2 -2
  232. package/dist/packages/textarea/textarea.react.stories.d.ts +18 -18
  233. package/dist/packages/textfield/react.d.ts +16 -10
  234. package/dist/packages/textfield/react.js +5 -0
  235. package/dist/packages/textfield/react.test.d.ts +1 -0
  236. package/dist/packages/textfield/react.test.js +20 -0
  237. package/dist/packages/textfield/textfield.d.ts +7 -5
  238. package/dist/packages/textfield/textfield.js +8 -8
  239. package/dist/packages/textfield/textfield.js.map +3 -3
  240. package/dist/packages/textfield/textfield.react.stories.d.ts +18 -18
  241. package/dist/packages/toast/toast.d.ts +5 -0
  242. package/dist/packages/toast/toast.js +4 -4
  243. package/dist/packages/toast/toast.js.map +2 -2
  244. package/dist/packages/toast-container/toast-container.d.ts +6 -1
  245. package/dist/packages/toast-container/toast-container.js +3 -3
  246. package/dist/packages/toast-container/toast-container.js.map +2 -2
  247. package/dist/packages/types.d.ts +16 -0
  248. package/dist/packages/types.js +1 -0
  249. package/dist/web-types.json +43 -44
  250. package/eik/index.js +14 -14
  251. package/package.json +4 -112
  252. package/dist/packages/slider/Slider.d.ts +0 -2
  253. package/dist/packages/slider/Slider.js +0 -8
  254. package/dist/packages/slider-thumb/SliderThumb.d.ts +0 -2
  255. package/dist/packages/slider-thumb/SliderThumb.js +0 -8
package/dist/packages/snackbar/react.d.ts CHANGED
@@ -1,2 +1,41 @@
1
- import { WarpSnackbar } from "./snackbar.js";
1
+ import type { WarpSnackbar } from "./snackbar.js";
2
+ /**
3
+ * A Snackbar shows brief user feedback messages that overlay content, with an optional action such as Undo.
4
+ *
5
+ * Include one `<Snackbar></Snackbar>` in the document `<body>`. Use the `create` function to create messages.
6
+ *
7
+ * [Warp component reference](https://warp-ds.github.io/docs/components/snackbar/frameworks/elements)
8
+ *
9
+ * @example
10
+ *
11
+ * ```html
12
+ * <body>
13
+ * <Snackbar></Snackbar>
14
+ * </body>
15
+ * ```
16
+ *
17
+ * @example
18
+ *
19
+ * ```ts
20
+ * // Short message indicating an operation succeeded
21
+ * const snackbar = document.querySelector("w-snackbar");
22
+ * const snackbarItem = snackbar.create("Settings saved", { variant: "success" });
23
+ * ```
24
+ *
25
+ * @example
26
+ *
27
+ * ```ts
28
+ * // An action to undo what was just done
29
+ * const snackbar = document.querySelector("w-snackbar");
30
+ * const snackbarItem = snackbar.create("Settings saved", {
31
+ * variant: "success",
32
+ * action: {
33
+ * label: "Undo",
34
+ * onclick: () => {
35
+ * // undoSave();
36
+ * },
37
+ * },
38
+ * });
39
+ * ```
40
+ */
2
41
  export declare const Snackbar: import("@lit/react").ReactWebComponent<WarpSnackbar, {}>;
package/dist/packages/snackbar/react.js CHANGED
@@ -4,6 +4,45 @@ import React from "react";
4
4
  // decouple from CDN by providing a dummy class
5
5
  class Component extends LitElement {
6
6
  }
7
+ /**
8
+ * A Snackbar shows brief user feedback messages that overlay content, with an optional action such as Undo.
9
+ *
10
+ * Include one `<Snackbar></Snackbar>` in the document `<body>`. Use the `create` function to create messages.
11
+ *
12
+ * [Warp component reference](https://warp-ds.github.io/docs/components/snackbar/frameworks/elements)
13
+ *
14
+ * @example
15
+ *
16
+ * ```html
17
+ * <body>
18
+ * <Snackbar></Snackbar>
19
+ * </body>
20
+ * ```
21
+ *
22
+ * @example
23
+ *
24
+ * ```ts
25
+ * // Short message indicating an operation succeeded
26
+ * const snackbar = document.querySelector("w-snackbar");
27
+ * const snackbarItem = snackbar.create("Settings saved", { variant: "success" });
28
+ * ```
29
+ *
30
+ * @example
31
+ *
32
+ * ```ts
33
+ * // An action to undo what was just done
34
+ * const snackbar = document.querySelector("w-snackbar");
35
+ * const snackbarItem = snackbar.create("Settings saved", {
36
+ * variant: "success",
37
+ * action: {
38
+ * label: "Undo",
39
+ * onclick: () => {
40
+ * // undoSave();
41
+ * },
42
+ * },
43
+ * });
44
+ * ```
45
+ */
7
46
  export const Snackbar = createComponent({
8
47
  tagName: "w-snackbar",
9
48
  elementClass: Component,
package/dist/packages/snackbar/snackbar.d.ts CHANGED
@@ -55,6 +55,8 @@ export type CreateSnackbarOptions = {
55
55
  *
56
56
  * Include one `<w-snackbar></w-snackbar>` in the document `<body>`. Use the `create` function to create messages.
57
57
  *
58
+ * [Warp component reference](https://warp-ds.github.io/docs/components/snackbar/frameworks/elements)
59
+ *
58
60
  * @example
59
61
  *
60
62
  * ```html