@warp-ds/elements 2.2.0-next.1 → 2.2.0-next.10

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 (229) hide show
  1. package/README.md +27 -17
  2. package/dist/.storybook/utilities.d.ts +28 -0
  3. package/dist/api.js +1 -49
  4. package/dist/api.js.map +4 -4
  5. package/dist/custom-elements.json +4282 -0
  6. package/dist/index.css +2 -0
  7. package/dist/index.css.map +7 -0
  8. package/dist/index.js +4566 -6565
  9. package/dist/index.js.map +4 -4
  10. package/dist/packages/affix/affix.stories.d.ts +10 -0
  11. package/dist/packages/affix/affix.test.d.ts +1 -0
  12. package/dist/packages/affix/index.d.ts +52 -24
  13. package/dist/packages/affix/index.js +2571 -2240
  14. package/dist/packages/affix/index.js.map +4 -4
  15. package/dist/packages/affix/react.d.ts +2 -0
  16. package/dist/packages/affix/styles.d.ts +1 -0
  17. package/dist/packages/alert/alert.stories.d.ts +15 -0
  18. package/dist/packages/alert/alert.test.d.ts +1 -0
  19. package/dist/packages/alert/index.d.ts +27 -17
  20. package/dist/packages/alert/index.js +2568 -2446
  21. package/dist/packages/alert/index.js.map +4 -4
  22. package/dist/packages/alert/react.d.ts +2 -0
  23. package/dist/packages/alert/styles.d.ts +1 -0
  24. package/dist/packages/attention/attention.stories.d.ts +15 -0
  25. package/dist/packages/attention/attention.test.d.ts +1 -0
  26. package/dist/packages/attention/index.d.ts +62 -90
  27. package/dist/packages/attention/index.js +3497 -3984
  28. package/dist/packages/attention/index.js.map +4 -4
  29. package/dist/packages/attention/layout-styles.d.ts +1 -0
  30. package/dist/packages/attention/react.d.ts +1 -0
  31. package/dist/packages/attention/styles.d.ts +1 -0
  32. package/dist/packages/badge/badge.stories.d.ts +17 -0
  33. package/dist/packages/badge/badge.test.d.ts +1 -0
  34. package/dist/packages/badge/index.d.ts +17 -11
  35. package/dist/packages/badge/index.js +2550 -300
  36. package/dist/packages/badge/index.js.map +4 -4
  37. package/dist/packages/badge/react.d.ts +2 -0
  38. package/dist/packages/badge/styles.d.ts +1 -0
  39. package/dist/packages/box/box.stories.d.ts +14 -0
  40. package/dist/packages/box/box.test.d.ts +1 -0
  41. package/dist/packages/box/index.d.ts +22 -20
  42. package/dist/packages/box/index.js +2550 -304
  43. package/dist/packages/box/index.js.map +4 -4
  44. package/dist/packages/box/react.d.ts +2 -0
  45. package/dist/packages/box/slot.test.d.ts +1 -0
  46. package/dist/packages/box/styles.d.ts +1 -0
  47. package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +12 -0
  48. package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -0
  49. package/dist/packages/breadcrumbs/index.d.ts +24 -16
  50. package/dist/packages/breadcrumbs/index.js +2511 -2051
  51. package/dist/packages/breadcrumbs/index.js.map +4 -4
  52. package/dist/packages/breadcrumbs/react.d.ts +2 -0
  53. package/dist/packages/breadcrumbs/styles.d.ts +1 -0
  54. package/dist/packages/button/button.stories.d.ts +21 -0
  55. package/dist/packages/button/button.test.d.ts +1 -0
  56. package/dist/packages/button/index.d.ts +111 -56
  57. package/dist/packages/button/index.js +2735 -2130
  58. package/dist/packages/button/index.js.map +4 -4
  59. package/dist/packages/button/react.d.ts +2 -0
  60. package/dist/packages/button/styles.d.ts +1 -0
  61. package/dist/packages/card/card.stories.d.ts +15 -0
  62. package/dist/packages/card/card.test.d.ts +1 -0
  63. package/dist/packages/card/index.d.ts +33 -16
  64. package/dist/packages/card/index.js +2530 -2078
  65. package/dist/packages/card/index.js.map +4 -4
  66. package/dist/packages/card/react.d.ts +2 -0
  67. package/dist/packages/card/styles.d.ts +1 -0
  68. package/dist/packages/datepicker/DatePicker.test.d.ts +1 -0
  69. package/dist/packages/datepicker/datepicker.d.ts +107 -0
  70. package/dist/packages/datepicker/datepicker.js +2929 -0
  71. package/dist/packages/datepicker/datepicker.js.map +7 -0
  72. package/dist/packages/datepicker/datepicker.stories.d.ts +11 -0
  73. package/dist/packages/datepicker/datepicker.test.d.ts +2 -0
  74. package/dist/packages/datepicker/index.d.ts +1 -0
  75. package/dist/packages/datepicker/index.js +2929 -0
  76. package/dist/packages/datepicker/index.js.map +7 -0
  77. package/dist/packages/datepicker/locales/da/messages.d.mts +1 -0
  78. package/dist/packages/datepicker/locales/en/messages.d.mts +1 -0
  79. package/dist/packages/datepicker/locales/fi/messages.d.mts +1 -0
  80. package/dist/packages/datepicker/locales/nb/messages.d.mts +1 -0
  81. package/dist/packages/datepicker/locales/sv/messages.d.mts +1 -0
  82. package/dist/packages/datepicker/react.d.ts +2 -0
  83. package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.d.ts +1 -0
  84. package/dist/packages/datepicker/styles/w-datepicker-day.styles.d.ts +1 -0
  85. package/dist/packages/datepicker/styles/w-datepicker-month.styles.d.ts +1 -0
  86. package/dist/packages/datepicker/styles/w-datepicker.styles.d.ts +1 -0
  87. package/dist/packages/datepicker/utils.d.ts +13 -0
  88. package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +10 -0
  89. package/dist/packages/dead-toggle/dead-toggle.test.d.ts +1 -0
  90. package/dist/packages/dead-toggle/index.d.ts +21 -0
  91. package/dist/packages/dead-toggle/index.js +2610 -0
  92. package/dist/packages/dead-toggle/index.js.map +7 -0
  93. package/dist/packages/dead-toggle/react.d.ts +2 -0
  94. package/dist/packages/expandable/expandable.stories.d.ts +19 -0
  95. package/dist/packages/expandable/expandable.test.d.ts +1 -0
  96. package/dist/packages/expandable/index.d.ts +55 -50
  97. package/dist/packages/expandable/index.js +2545 -2293
  98. package/dist/packages/expandable/index.js.map +4 -4
  99. package/dist/packages/expandable/react.d.ts +2 -0
  100. package/dist/packages/expandable/styles.d.ts +1 -0
  101. package/dist/packages/link/index.d.ts +39 -0
  102. package/dist/packages/link/index.js +2769 -0
  103. package/dist/packages/link/index.js.map +7 -0
  104. package/dist/packages/link/link.stories.d.ts +20 -0
  105. package/dist/packages/link/link.test.d.ts +1 -0
  106. package/dist/packages/link/react.d.ts +2 -0
  107. package/dist/packages/link/styles.d.ts +1 -0
  108. package/dist/packages/modal/index.d.ts +4 -5
  109. package/dist/packages/modal/index.js +2765 -2569
  110. package/dist/packages/modal/index.js.map +4 -4
  111. package/dist/packages/modal/modal-footer.d.ts +18 -11
  112. package/dist/packages/modal/modal-footer.js +2499 -0
  113. package/dist/packages/modal/modal-footer.js.map +7 -0
  114. package/dist/packages/modal/modal-header.d.ts +30 -31
  115. package/dist/packages/modal/modal-header.js +2700 -0
  116. package/dist/packages/modal/modal-header.js.map +7 -0
  117. package/dist/packages/modal/modal-main.d.ts +32 -31
  118. package/dist/packages/modal/modal-main.js +2681 -0
  119. package/dist/packages/modal/modal-main.js.map +7 -0
  120. package/dist/packages/modal/modal.stories.d.ts +19 -0
  121. package/dist/packages/modal/react.d.ts +4 -0
  122. package/dist/packages/modal/util.d.ts +7 -17
  123. package/dist/packages/pageindicator/index.d.ts +14 -0
  124. package/dist/packages/pageindicator/index.js +169 -0
  125. package/dist/packages/pageindicator/index.js.map +7 -0
  126. package/dist/packages/pageindicator/pageindicator.stories.d.ts +32 -0
  127. package/dist/packages/pageindicator/react.d.ts +2 -0
  128. package/dist/packages/pageindicator/style.d.ts +1 -0
  129. package/dist/packages/pagination/index.d.ts +37 -0
  130. package/dist/packages/pagination/index.js +2610 -0
  131. package/dist/packages/pagination/index.js.map +7 -0
  132. package/dist/packages/pagination/locales/da/messages.d.mts +1 -0
  133. package/dist/packages/pagination/locales/en/messages.d.mts +1 -0
  134. package/dist/packages/pagination/locales/fi/messages.d.mts +1 -0
  135. package/dist/packages/pagination/locales/nb/messages.d.mts +1 -0
  136. package/dist/packages/pagination/locales/sv/messages.d.mts +1 -0
  137. package/dist/packages/pagination/pagination.stories.d.ts +14 -0
  138. package/dist/packages/pagination/pagination.test.d.ts +1 -0
  139. package/dist/packages/pagination/react.d.ts +2 -0
  140. package/dist/packages/pagination/styles.d.ts +1 -0
  141. package/dist/packages/pill/index.d.ts +44 -23
  142. package/dist/packages/pill/index.js +2524 -2175
  143. package/dist/packages/pill/index.js.map +4 -4
  144. package/dist/packages/pill/pill.stories.d.ts +12 -0
  145. package/dist/packages/pill/pill.test.d.ts +1 -0
  146. package/dist/packages/pill/styles.d.ts +1 -0
  147. package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +64 -0
  148. package/dist/packages/rip-and-tear-checkbox/index.css +2 -0
  149. package/dist/packages/rip-and-tear-checkbox/index.css.map +7 -0
  150. package/dist/packages/rip-and-tear-checkbox/index.d.ts +6 -0
  151. package/dist/packages/rip-and-tear-checkbox/index.js +187 -0
  152. package/dist/packages/rip-and-tear-checkbox/index.js.map +7 -0
  153. package/dist/packages/rip-and-tear-radio/base-element.d.ts +46 -0
  154. package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts +6 -0
  155. package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts +103 -0
  156. package/dist/packages/rip-and-tear-radio/index.css +2 -0
  157. package/dist/packages/rip-and-tear-radio/index.css.map +7 -0
  158. package/dist/packages/rip-and-tear-radio/index.d.ts +8 -0
  159. package/dist/packages/rip-and-tear-radio/index.js +157 -0
  160. package/dist/packages/rip-and-tear-radio/index.js.map +7 -0
  161. package/dist/packages/rip-and-tear-radio/invalid.d.ts +8 -0
  162. package/dist/packages/rip-and-tear-radio/math.d.ts +1 -0
  163. package/dist/packages/rip-and-tear-radio/radio-group.d.ts +72 -0
  164. package/dist/packages/rip-and-tear-radio/radio.d.ts +38 -0
  165. package/dist/packages/rip-and-tear-radio/required-validator.d.ts +11 -0
  166. package/dist/packages/rip-and-tear-radio/slot.d.ts +20 -0
  167. package/dist/packages/rip-and-tear-radio/watch.d.ts +26 -0
  168. package/dist/packages/select/index.d.ts +59 -48
  169. package/dist/packages/select/index.js +2565 -2236
  170. package/dist/packages/select/index.js.map +4 -4
  171. package/dist/packages/select/react.d.ts +2 -0
  172. package/dist/packages/select/select.stories.d.ts +10 -0
  173. package/dist/packages/select/select.test.d.ts +1 -0
  174. package/dist/packages/select/styles.d.ts +1 -0
  175. package/dist/packages/steps/index.d.ts +43 -0
  176. package/dist/packages/steps/index.js +2581 -0
  177. package/dist/packages/steps/index.js.map +7 -0
  178. package/dist/packages/steps/locales/da/messages.d.mts +1 -0
  179. package/dist/packages/steps/locales/en/messages.d.mts +1 -0
  180. package/dist/packages/steps/locales/fi/messages.d.mts +1 -0
  181. package/dist/packages/steps/locales/nb/messages.d.mts +1 -0
  182. package/dist/packages/steps/locales/sv/messages.d.mts +1 -0
  183. package/dist/packages/steps/react.d.ts +3 -0
  184. package/dist/packages/steps/steps.stories.d.ts +12 -0
  185. package/dist/packages/steps/styles.d.ts +1 -0
  186. package/dist/packages/styles.d.ts +2 -0
  187. package/dist/packages/switch/index.d.ts +20 -0
  188. package/dist/packages/switch/index.js +2564 -0
  189. package/dist/packages/switch/index.js.map +7 -0
  190. package/dist/packages/switch/react.d.ts +2 -0
  191. package/dist/packages/switch/styles.d.ts +1 -0
  192. package/dist/packages/switch/switch.stories.d.ts +9 -0
  193. package/dist/packages/tabs/index.d.ts +4 -0
  194. package/dist/packages/tabs/index.js +2579 -0
  195. package/dist/packages/tabs/index.js.map +7 -0
  196. package/dist/packages/tabs/react.d.ts +4 -0
  197. package/dist/packages/tabs/styles.d.ts +1 -0
  198. package/dist/packages/tabs/tab-panel.d.ts +20 -0
  199. package/dist/packages/tabs/tab.d.ts +23 -0
  200. package/dist/packages/tabs/tabs.d.ts +38 -0
  201. package/dist/packages/tabs/tabs.stories.d.ts +8 -0
  202. package/dist/packages/textfield/index.d.ts +72 -74
  203. package/dist/packages/textfield/index.js +2572 -413
  204. package/dist/packages/textfield/index.js.map +4 -4
  205. package/dist/packages/textfield/react.d.ts +2 -0
  206. package/dist/packages/textfield/styles.d.ts +1 -0
  207. package/dist/packages/textfield/textfield.stories.d.ts +17 -0
  208. package/dist/packages/textfield/textfield.test.d.ts +1 -0
  209. package/dist/packages/toast/api.d.ts +4 -45
  210. package/dist/packages/toast/index.d.ts +3 -0
  211. package/dist/packages/toast/index.js +2610 -2787
  212. package/dist/packages/toast/index.js.map +4 -4
  213. package/dist/packages/toast/styles.d.ts +1 -0
  214. package/dist/packages/toast/toast-container.d.ts +12 -63
  215. package/dist/packages/toast/toast.d.ts +34 -29
  216. package/dist/packages/toast/toast.stories.d.ts +12 -0
  217. package/dist/packages/toast/types.d.ts +15 -0
  218. package/dist/packages/utils/expand-transition.d.ts +3 -2
  219. package/dist/packages/utils/index.d.ts +1 -1
  220. package/dist/packages/utils/index.js +27 -0
  221. package/dist/packages/utils/index.js.map +7 -0
  222. package/dist/packages/utils/unstyled-heading.d.ts +4 -3
  223. package/dist/setup-tests.d.ts +1 -0
  224. package/dist/styles.css +1 -0
  225. package/dist/vscode.css-custom-data.json +6 -0
  226. package/dist/vscode.html-custom-data.json +421 -0
  227. package/dist/web-types.json +949 -0
  228. package/package.json +74 -25
  229. package/dist/index.d.ts +0 -18
@@ -0,0 +1,4282 @@
1
+ {
2
+ "schemaVersion": "1.0.0",
3
+ "readme": "",
4
+ "modules": [
5
+ {
6
+ "kind": "javascript-module",
7
+ "path": "packages/affix/index.ts",
8
+ "declarations": [
9
+ {
10
+ "kind": "variable",
11
+ "name": "ccSuffix",
12
+ "type": {
13
+ "text": "object"
14
+ },
15
+ "default": "{ wrapper: prefixSuffixWrapper + 'right-0', wrapperWithLabel: 'w-max pr-12', wrapperWithIcon: 'w-40', label: 'antialiased block relative cursor-default pb-0 font-bold text-xs s-text', }"
16
+ },
17
+ {
18
+ "kind": "variable",
19
+ "name": "ccPrefix",
20
+ "type": {
21
+ "text": "object"
22
+ },
23
+ "default": "{ wrapper: prefixSuffixWrapper + 'left-0', wrapperWithLabel: 'w-max pl-12', wrapperWithIcon: 'w-40', label: 'antialiased block relative cursor-default pb-0 font-bold text-xs s-text', }"
24
+ },
25
+ {
26
+ "kind": "class",
27
+ "description": "This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-affix--docs)",
28
+ "name": "WarpAffix",
29
+ "members": [
30
+ {
31
+ "kind": "field",
32
+ "name": "ariaLabel",
33
+ "type": {
34
+ "text": "string"
35
+ },
36
+ "attribute": "aria-label"
37
+ },
38
+ {
39
+ "kind": "field",
40
+ "name": "clear",
41
+ "type": {
42
+ "text": "boolean"
43
+ },
44
+ "default": "false",
45
+ "description": "Add this property to render a clickable Warp close icon.\n\nSet an `aria-label` that explains the action when using this.",
46
+ "attribute": "clear"
47
+ },
48
+ {
49
+ "kind": "field",
50
+ "name": "search",
51
+ "type": {
52
+ "text": "boolean"
53
+ },
54
+ "default": "false",
55
+ "description": "Add this property to render a clickable Warp search icon.\n\nSet an `aria-label` that explains the action when using this.",
56
+ "attribute": "search"
57
+ },
58
+ {
59
+ "kind": "field",
60
+ "name": "label",
61
+ "type": {
62
+ "text": "string"
63
+ },
64
+ "attribute": "label"
65
+ }
66
+ ],
67
+ "attributes": [
68
+ {
69
+ "name": "aria-label",
70
+ "type": {
71
+ "text": "string"
72
+ },
73
+ "fieldName": "ariaLabel"
74
+ },
75
+ {
76
+ "name": "clear",
77
+ "type": {
78
+ "text": "boolean"
79
+ },
80
+ "default": "false",
81
+ "description": "Add this property to render a clickable Warp close icon.\n\nSet an `aria-label` that explains the action when using this.",
82
+ "fieldName": "clear"
83
+ },
84
+ {
85
+ "name": "search",
86
+ "type": {
87
+ "text": "boolean"
88
+ },
89
+ "default": "false",
90
+ "description": "Add this property to render a clickable Warp search icon.\n\nSet an `aria-label` that explains the action when using this.",
91
+ "fieldName": "search"
92
+ },
93
+ {
94
+ "name": "label",
95
+ "type": {
96
+ "text": "string"
97
+ },
98
+ "fieldName": "label"
99
+ }
100
+ ],
101
+ "superclass": {
102
+ "name": "LitElement",
103
+ "package": "lit"
104
+ },
105
+ "tagName": "w-affix",
106
+ "customElement": true
107
+ }
108
+ ],
109
+ "exports": [
110
+ {
111
+ "kind": "js",
112
+ "name": "ccSuffix",
113
+ "declaration": {
114
+ "name": "ccSuffix",
115
+ "module": "packages/affix/index.ts"
116
+ }
117
+ },
118
+ {
119
+ "kind": "js",
120
+ "name": "ccPrefix",
121
+ "declaration": {
122
+ "name": "ccPrefix",
123
+ "module": "packages/affix/index.ts"
124
+ }
125
+ },
126
+ {
127
+ "kind": "custom-element-definition",
128
+ "name": "w-affix",
129
+ "declaration": {
130
+ "name": "WarpAffix",
131
+ "module": "packages/affix/index.ts"
132
+ }
133
+ },
134
+ {
135
+ "kind": "js",
136
+ "name": "WarpAffix",
137
+ "declaration": {
138
+ "name": "WarpAffix",
139
+ "module": "packages/affix/index.ts"
140
+ }
141
+ }
142
+ ]
143
+ },
144
+ {
145
+ "kind": "javascript-module",
146
+ "path": "packages/utils/index.js",
147
+ "declarations": [
148
+ {
149
+ "kind": "mixin",
150
+ "description": "",
151
+ "name": "kebabCaseAttributes",
152
+ "members": [
153
+ {
154
+ "kind": "method",
155
+ "name": "createProperty",
156
+ "static": true,
157
+ "parameters": [
158
+ {
159
+ "name": "name"
160
+ },
161
+ {
162
+ "name": "options"
163
+ }
164
+ ]
165
+ }
166
+ ],
167
+ "parameters": [
168
+ {
169
+ "name": "constructor"
170
+ }
171
+ ]
172
+ },
173
+ {
174
+ "kind": "function",
175
+ "name": "classes",
176
+ "parameters": [
177
+ {
178
+ "name": "defn"
179
+ }
180
+ ]
181
+ },
182
+ {
183
+ "kind": "function",
184
+ "name": "fclasses",
185
+ "parameters": [
186
+ {
187
+ "name": "definition"
188
+ }
189
+ ]
190
+ },
191
+ {
192
+ "kind": "function",
193
+ "name": "generateRandomId"
194
+ }
195
+ ],
196
+ "exports": [
197
+ {
198
+ "kind": "js",
199
+ "name": "kebabCaseAttributes",
200
+ "declaration": {
201
+ "name": "kebabCaseAttributes",
202
+ "module": "packages/utils/index.js"
203
+ }
204
+ },
205
+ {
206
+ "kind": "js",
207
+ "name": "classes",
208
+ "declaration": {
209
+ "name": "classes",
210
+ "module": "packages/utils/index.js"
211
+ }
212
+ },
213
+ {
214
+ "kind": "js",
215
+ "name": "fclasses",
216
+ "declaration": {
217
+ "name": "fclasses",
218
+ "module": "packages/utils/index.js"
219
+ }
220
+ },
221
+ {
222
+ "kind": "js",
223
+ "name": "generateRandomId",
224
+ "declaration": {
225
+ "name": "generateRandomId",
226
+ "module": "packages/utils/index.js"
227
+ }
228
+ }
229
+ ]
230
+ },
231
+ {
232
+ "kind": "javascript-module",
233
+ "path": "packages/attention/index.ts",
234
+ "declarations": [
235
+ {
236
+ "kind": "variable",
237
+ "name": "ccAttention",
238
+ "type": {
239
+ "text": "object"
240
+ },
241
+ "default": "{ base: 'border-2 relative flex items-start', tooltip: 's-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted-static rounded-4 py-6 px-8', callout: 'bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8', highlight: 'bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0', popover: 'bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0', arrowBase: 'absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform', arrowDirectionLeftStart: '-left-[8px]', arrowDirectionLeft: '-left-[8px]', arrowDirectionLeftEnd: '-left-[8px]', arrowDirectionRightStart: '-right-[8px]', arrowDirectionRight: '-right-[8px]', arrowDirectionRightEnd: '-right-[8px]', arrowDirectionBottomStart: '-bottom-[8px]', arrowDirectionBottom: '-bottom-[8px]', arrowDirectionBottomEnd: '-bottom-[8px]', arrowDirectionTopStart: '-top-[8px]', arrowDirectionTop: '-top-[8px]', arrowDirectionTopEnd: '-top-[8px]', arrowTooltip: 's-bg-inverted border-[--w-s-color-background-inverted]', arrowCallout: 'bg-[--w-color-callout-background] border-[--w-color-callout-border]', arrowPopover: 'bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]', arrowHighlight: 'bg-[--w-color-callout-background] border-[--w-color-callout-border]', content: 'last-child:mb-0', notCallout: 'absolute z-50', closeBtn: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} justify-self-end -mr-8 ml-8`, }"
242
+ },
243
+ {
244
+ "kind": "class",
245
+ "description": "",
246
+ "name": "WarpAttention",
247
+ "members": [
248
+ {
249
+ "kind": "field",
250
+ "name": "show",
251
+ "type": {
252
+ "text": "boolean"
253
+ },
254
+ "default": "false",
255
+ "attribute": "show",
256
+ "reflects": true
257
+ },
258
+ {
259
+ "kind": "field",
260
+ "name": "placement",
261
+ "type": {
262
+ "text": "Directions"
263
+ },
264
+ "default": "'bottom'",
265
+ "attribute": "placement",
266
+ "reflects": true
267
+ },
268
+ {
269
+ "kind": "field",
270
+ "name": "tooltip",
271
+ "type": {
272
+ "text": "boolean"
273
+ },
274
+ "default": "false",
275
+ "attribute": "tooltip",
276
+ "reflects": true
277
+ },
278
+ {
279
+ "kind": "field",
280
+ "name": "callout",
281
+ "type": {
282
+ "text": "boolean"
283
+ },
284
+ "default": "false",
285
+ "attribute": "callout",
286
+ "reflects": true
287
+ },
288
+ {
289
+ "kind": "field",
290
+ "name": "popover",
291
+ "type": {
292
+ "text": "boolean"
293
+ },
294
+ "default": "false",
295
+ "attribute": "popover",
296
+ "reflects": true
297
+ },
298
+ {
299
+ "kind": "field",
300
+ "name": "highlight",
301
+ "type": {
302
+ "text": "boolean"
303
+ },
304
+ "default": "false",
305
+ "attribute": "highlight",
306
+ "reflects": true
307
+ },
308
+ {
309
+ "kind": "field",
310
+ "name": "canClose",
311
+ "type": {
312
+ "text": "boolean"
313
+ },
314
+ "default": "false",
315
+ "attribute": "can-close",
316
+ "reflects": true
317
+ },
318
+ {
319
+ "kind": "field",
320
+ "name": "noArrow",
321
+ "type": {
322
+ "text": "boolean"
323
+ },
324
+ "default": "false",
325
+ "attribute": "no-arrow",
326
+ "reflects": true
327
+ },
328
+ {
329
+ "kind": "field",
330
+ "name": "distance",
331
+ "type": {
332
+ "text": "number"
333
+ },
334
+ "default": "8",
335
+ "attribute": "distance",
336
+ "reflects": true
337
+ },
338
+ {
339
+ "kind": "field",
340
+ "name": "skidding",
341
+ "type": {
342
+ "text": "number"
343
+ },
344
+ "default": "0",
345
+ "attribute": "skidding",
346
+ "reflects": true
347
+ },
348
+ {
349
+ "kind": "field",
350
+ "name": "flip",
351
+ "type": {
352
+ "text": "boolean"
353
+ },
354
+ "default": "false",
355
+ "attribute": "flip",
356
+ "reflects": true
357
+ },
358
+ {
359
+ "kind": "field",
360
+ "name": "crossAxis",
361
+ "type": {
362
+ "text": "boolean"
363
+ },
364
+ "default": "false",
365
+ "attribute": "cross-axis",
366
+ "reflects": true
367
+ },
368
+ {
369
+ "kind": "field",
370
+ "name": "fallbackPlacements",
371
+ "type": {
372
+ "text": "Directions[]"
373
+ },
374
+ "attribute": "fallback-placements",
375
+ "reflects": true
376
+ },
377
+ {
378
+ "kind": "method",
379
+ "name": "handleDone"
380
+ },
381
+ {
382
+ "kind": "method",
383
+ "name": "pointingAtDirection"
384
+ },
385
+ {
386
+ "kind": "method",
387
+ "name": "activeAttentionType"
388
+ },
389
+ {
390
+ "kind": "method",
391
+ "name": "defaultAriaLabel"
392
+ },
393
+ {
394
+ "kind": "method",
395
+ "name": "setAriaLabels"
396
+ },
397
+ {
398
+ "kind": "method",
399
+ "name": "close"
400
+ },
401
+ {
402
+ "kind": "method",
403
+ "name": "keypressed",
404
+ "parameters": [
405
+ {
406
+ "name": "e",
407
+ "type": {
408
+ "text": "KeyboardEvent"
409
+ }
410
+ }
411
+ ]
412
+ },
413
+ {
414
+ "kind": "field",
415
+ "name": "_initialPlacement"
416
+ },
417
+ {
418
+ "kind": "field",
419
+ "name": "_actualDirection"
420
+ }
421
+ ],
422
+ "attributes": [
423
+ {
424
+ "name": "show",
425
+ "type": {
426
+ "text": "boolean"
427
+ },
428
+ "default": "false",
429
+ "fieldName": "show"
430
+ },
431
+ {
432
+ "name": "placement",
433
+ "type": {
434
+ "text": "Directions"
435
+ },
436
+ "default": "'bottom'",
437
+ "fieldName": "placement"
438
+ },
439
+ {
440
+ "name": "tooltip",
441
+ "type": {
442
+ "text": "boolean"
443
+ },
444
+ "default": "false",
445
+ "fieldName": "tooltip"
446
+ },
447
+ {
448
+ "name": "callout",
449
+ "type": {
450
+ "text": "boolean"
451
+ },
452
+ "default": "false",
453
+ "fieldName": "callout"
454
+ },
455
+ {
456
+ "name": "popover",
457
+ "type": {
458
+ "text": "boolean"
459
+ },
460
+ "default": "false",
461
+ "fieldName": "popover"
462
+ },
463
+ {
464
+ "name": "highlight",
465
+ "type": {
466
+ "text": "boolean"
467
+ },
468
+ "default": "false",
469
+ "fieldName": "highlight"
470
+ },
471
+ {
472
+ "name": "can-close",
473
+ "type": {
474
+ "text": "boolean"
475
+ },
476
+ "default": "false",
477
+ "fieldName": "canClose"
478
+ },
479
+ {
480
+ "name": "no-arrow",
481
+ "type": {
482
+ "text": "boolean"
483
+ },
484
+ "default": "false",
485
+ "fieldName": "noArrow"
486
+ },
487
+ {
488
+ "name": "distance",
489
+ "type": {
490
+ "text": "number"
491
+ },
492
+ "default": "8",
493
+ "fieldName": "distance"
494
+ },
495
+ {
496
+ "name": "skidding",
497
+ "type": {
498
+ "text": "number"
499
+ },
500
+ "default": "0",
501
+ "fieldName": "skidding"
502
+ },
503
+ {
504
+ "name": "flip",
505
+ "type": {
506
+ "text": "boolean"
507
+ },
508
+ "default": "false",
509
+ "fieldName": "flip"
510
+ },
511
+ {
512
+ "name": "cross-axis",
513
+ "type": {
514
+ "text": "boolean"
515
+ },
516
+ "default": "false",
517
+ "fieldName": "crossAxis"
518
+ },
519
+ {
520
+ "name": "fallback-placements",
521
+ "type": {
522
+ "text": "Directions[]"
523
+ },
524
+ "fieldName": "fallbackPlacements"
525
+ }
526
+ ],
527
+ "superclass": {
528
+ "name": "LitElement",
529
+ "package": "lit"
530
+ },
531
+ "tagName": "w-attention",
532
+ "customElement": true
533
+ }
534
+ ],
535
+ "exports": [
536
+ {
537
+ "kind": "js",
538
+ "name": "ccAttention",
539
+ "declaration": {
540
+ "name": "ccAttention",
541
+ "module": "packages/attention/index.ts"
542
+ }
543
+ },
544
+ {
545
+ "kind": "custom-element-definition",
546
+ "name": "w-attention",
547
+ "declaration": {
548
+ "name": "WarpAttention",
549
+ "module": "packages/attention/index.ts"
550
+ }
551
+ },
552
+ {
553
+ "kind": "js",
554
+ "name": "WarpAttention",
555
+ "declaration": {
556
+ "name": "WarpAttention",
557
+ "module": "packages/attention/index.ts"
558
+ }
559
+ }
560
+ ]
561
+ },
562
+ {
563
+ "kind": "javascript-module",
564
+ "path": "packages/alert/index.ts",
565
+ "declarations": [
566
+ {
567
+ "kind": "class",
568
+ "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)",
569
+ "name": "WarpAlert",
570
+ "members": [
571
+ {
572
+ "kind": "field",
573
+ "name": "variant",
574
+ "type": {
575
+ "text": "AlertVariants"
576
+ },
577
+ "default": "'info'",
578
+ "attribute": "variant",
579
+ "reflects": true,
580
+ "parsedType": {
581
+ "text": "'negative' | 'positive' | 'warning' | 'info'"
582
+ }
583
+ },
584
+ {
585
+ "kind": "field",
586
+ "name": "show",
587
+ "type": {
588
+ "text": "boolean"
589
+ },
590
+ "default": "false",
591
+ "attribute": "show",
592
+ "reflects": true
593
+ },
594
+ {
595
+ "kind": "field",
596
+ "name": "role",
597
+ "type": {
598
+ "text": "string"
599
+ },
600
+ "default": "'alert'",
601
+ "attribute": "role",
602
+ "reflects": true
603
+ }
604
+ ],
605
+ "attributes": [
606
+ {
607
+ "name": "variant",
608
+ "type": {
609
+ "text": "AlertVariants"
610
+ },
611
+ "default": "'info'",
612
+ "fieldName": "variant",
613
+ "parsedType": {
614
+ "text": "'negative' | 'positive' | 'warning' | 'info'"
615
+ }
616
+ },
617
+ {
618
+ "name": "show",
619
+ "type": {
620
+ "text": "boolean"
621
+ },
622
+ "default": "false",
623
+ "fieldName": "show"
624
+ },
625
+ {
626
+ "name": "role",
627
+ "type": {
628
+ "text": "string"
629
+ },
630
+ "default": "'alert'",
631
+ "fieldName": "role"
632
+ }
633
+ ],
634
+ "superclass": {
635
+ "name": "LitElement",
636
+ "package": "lit"
637
+ },
638
+ "tagName": "w-alert",
639
+ "customElement": true
640
+ }
641
+ ],
642
+ "exports": [
643
+ {
644
+ "kind": "custom-element-definition",
645
+ "name": "w-alert",
646
+ "declaration": {
647
+ "name": "WarpAlert",
648
+ "module": "packages/alert/index.ts"
649
+ }
650
+ },
651
+ {
652
+ "kind": "js",
653
+ "name": "WarpAlert",
654
+ "declaration": {
655
+ "name": "WarpAlert",
656
+ "module": "packages/alert/index.ts"
657
+ }
658
+ }
659
+ ]
660
+ },
661
+ {
662
+ "kind": "javascript-module",
663
+ "path": "packages/badge/index.ts",
664
+ "declarations": [
665
+ {
666
+ "kind": "class",
667
+ "description": "`w-badge` is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-badge--docs)",
668
+ "name": "WarpBadge",
669
+ "members": [
670
+ {
671
+ "kind": "field",
672
+ "name": "variant",
673
+ "type": {
674
+ "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
675
+ },
676
+ "default": "'neutral'",
677
+ "attribute": "variant",
678
+ "reflects": true
679
+ },
680
+ {
681
+ "kind": "field",
682
+ "name": "position",
683
+ "type": {
684
+ "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
685
+ },
686
+ "attribute": "position",
687
+ "reflects": true
688
+ }
689
+ ],
690
+ "attributes": [
691
+ {
692
+ "name": "variant",
693
+ "type": {
694
+ "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
695
+ },
696
+ "default": "'neutral'",
697
+ "fieldName": "variant"
698
+ },
699
+ {
700
+ "name": "position",
701
+ "type": {
702
+ "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
703
+ },
704
+ "fieldName": "position"
705
+ }
706
+ ],
707
+ "superclass": {
708
+ "name": "LitElement",
709
+ "package": "lit"
710
+ },
711
+ "tagName": "w-badge",
712
+ "customElement": true
713
+ }
714
+ ],
715
+ "exports": [
716
+ {
717
+ "kind": "custom-element-definition",
718
+ "name": "w-badge",
719
+ "declaration": {
720
+ "name": "WarpBadge",
721
+ "module": "packages/badge/index.ts"
722
+ }
723
+ },
724
+ {
725
+ "kind": "js",
726
+ "name": "WarpBadge",
727
+ "declaration": {
728
+ "name": "WarpBadge",
729
+ "module": "packages/badge/index.ts"
730
+ }
731
+ }
732
+ ]
733
+ },
734
+ {
735
+ "kind": "javascript-module",
736
+ "path": "packages/box/index.ts",
737
+ "declarations": [
738
+ {
739
+ "kind": "class",
740
+ "description": "Box is a layout component used for separating content areas on a page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-box--docs)",
741
+ "name": "WarpBox",
742
+ "members": [
743
+ {
744
+ "kind": "field",
745
+ "name": "bleed",
746
+ "type": {
747
+ "text": "boolean"
748
+ },
749
+ "attribute": "bleed",
750
+ "reflects": true
751
+ },
752
+ {
753
+ "kind": "field",
754
+ "name": "bordered",
755
+ "type": {
756
+ "text": "boolean"
757
+ },
758
+ "attribute": "bordered",
759
+ "reflects": true
760
+ },
761
+ {
762
+ "kind": "field",
763
+ "name": "info",
764
+ "type": {
765
+ "text": "boolean"
766
+ },
767
+ "attribute": "info",
768
+ "reflects": true
769
+ },
770
+ {
771
+ "kind": "field",
772
+ "name": "neutral",
773
+ "type": {
774
+ "text": "boolean"
775
+ },
776
+ "attribute": "neutral",
777
+ "reflects": true
778
+ },
779
+ {
780
+ "kind": "field",
781
+ "name": "role",
782
+ "type": {
783
+ "text": "string"
784
+ },
785
+ "attribute": "role",
786
+ "reflects": true
787
+ }
788
+ ],
789
+ "attributes": [
790
+ {
791
+ "name": "bleed",
792
+ "type": {
793
+ "text": "boolean"
794
+ },
795
+ "fieldName": "bleed"
796
+ },
797
+ {
798
+ "name": "bordered",
799
+ "type": {
800
+ "text": "boolean"
801
+ },
802
+ "fieldName": "bordered"
803
+ },
804
+ {
805
+ "name": "info",
806
+ "type": {
807
+ "text": "boolean"
808
+ },
809
+ "fieldName": "info"
810
+ },
811
+ {
812
+ "name": "neutral",
813
+ "type": {
814
+ "text": "boolean"
815
+ },
816
+ "fieldName": "neutral"
817
+ },
818
+ {
819
+ "name": "role",
820
+ "type": {
821
+ "text": "string"
822
+ },
823
+ "fieldName": "role"
824
+ }
825
+ ],
826
+ "superclass": {
827
+ "name": "LitElement",
828
+ "package": "lit"
829
+ },
830
+ "tagName": "w-box",
831
+ "customElement": true
832
+ }
833
+ ],
834
+ "exports": [
835
+ {
836
+ "kind": "custom-element-definition",
837
+ "name": "w-box",
838
+ "declaration": {
839
+ "name": "WarpBox",
840
+ "module": "packages/box/index.ts"
841
+ }
842
+ },
843
+ {
844
+ "kind": "js",
845
+ "name": "WarpBox",
846
+ "declaration": {
847
+ "name": "WarpBox",
848
+ "module": "packages/box/index.ts"
849
+ }
850
+ }
851
+ ]
852
+ },
853
+ {
854
+ "kind": "javascript-module",
855
+ "path": "packages/breadcrumbs/index.ts",
856
+ "declarations": [
857
+ {
858
+ "kind": "variable",
859
+ "name": "ccBreadcrumbs",
860
+ "type": {
861
+ "text": "object"
862
+ },
863
+ "default": "{ wrapper: 'flex space-x-8', text: 's-text', link: 's-text-link', separator: 'select-none s-icon', a11y: 'sr-only', }"
864
+ },
865
+ {
866
+ "kind": "class",
867
+ "description": "Breadcrumbs show the navigation structure for the current location.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-breadcrumbs--docs)",
868
+ "name": "WarpBreadcrumbs",
869
+ "members": [
870
+ {
871
+ "kind": "field",
872
+ "name": "ariaLabel",
873
+ "type": {
874
+ "text": "string"
875
+ },
876
+ "attribute": "aria-label"
877
+ }
878
+ ],
879
+ "attributes": [
880
+ {
881
+ "name": "aria-label",
882
+ "type": {
883
+ "text": "string"
884
+ },
885
+ "fieldName": "ariaLabel"
886
+ }
887
+ ],
888
+ "superclass": {
889
+ "name": "LitElement",
890
+ "package": "lit"
891
+ },
892
+ "tagName": "w-breadcrumbs",
893
+ "customElement": true
894
+ }
895
+ ],
896
+ "exports": [
897
+ {
898
+ "kind": "js",
899
+ "name": "ccBreadcrumbs",
900
+ "declaration": {
901
+ "name": "ccBreadcrumbs",
902
+ "module": "packages/breadcrumbs/index.ts"
903
+ }
904
+ },
905
+ {
906
+ "kind": "custom-element-definition",
907
+ "name": "w-breadcrumbs",
908
+ "declaration": {
909
+ "name": "WarpBreadcrumbs",
910
+ "module": "packages/breadcrumbs/index.ts"
911
+ }
912
+ },
913
+ {
914
+ "kind": "js",
915
+ "name": "WarpBreadcrumbs",
916
+ "declaration": {
917
+ "name": "WarpBreadcrumbs",
918
+ "module": "packages/breadcrumbs/index.ts"
919
+ }
920
+ }
921
+ ]
922
+ },
923
+ {
924
+ "kind": "javascript-module",
925
+ "path": "packages/link/index.ts",
926
+ "declarations": [
927
+ {
928
+ "kind": "class",
929
+ "description": "Buttons are used to perform actions, with different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-link--docs)",
930
+ "name": "WarpLink",
931
+ "members": [
932
+ {
933
+ "kind": "field",
934
+ "name": "shadowRootOptions",
935
+ "type": {
936
+ "text": "object"
937
+ },
938
+ "static": true,
939
+ "default": "{ ...WarpElement.shadowRootOptions, delegatesFocus: true, }"
940
+ },
941
+ {
942
+ "kind": "field",
943
+ "name": "autofocus",
944
+ "type": {
945
+ "text": "boolean"
946
+ },
947
+ "attribute": "autofocus",
948
+ "reflects": true
949
+ },
950
+ {
951
+ "kind": "field",
952
+ "name": "variant",
953
+ "type": {
954
+ "text": "ButtonVariant"
955
+ },
956
+ "default": "'secondary'",
957
+ "attribute": "variant",
958
+ "reflects": true,
959
+ "parsedType": {
960
+ "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
961
+ }
962
+ },
963
+ {
964
+ "kind": "field",
965
+ "name": "quiet",
966
+ "type": {
967
+ "text": "boolean"
968
+ },
969
+ "attribute": "quiet",
970
+ "reflects": true
971
+ },
972
+ {
973
+ "kind": "field",
974
+ "name": "small",
975
+ "type": {
976
+ "text": "boolean"
977
+ },
978
+ "attribute": "small",
979
+ "reflects": true
980
+ },
981
+ {
982
+ "kind": "field",
983
+ "name": "href",
984
+ "type": {
985
+ "text": "string"
986
+ },
987
+ "attribute": "href",
988
+ "reflects": true
989
+ },
990
+ {
991
+ "kind": "field",
992
+ "name": "disabled",
993
+ "type": {
994
+ "text": "boolean"
995
+ },
996
+ "attribute": "disabled",
997
+ "reflects": true
998
+ },
999
+ {
1000
+ "kind": "field",
1001
+ "name": "target",
1002
+ "type": {
1003
+ "text": "string"
1004
+ },
1005
+ "attribute": "target",
1006
+ "reflects": true
1007
+ },
1008
+ {
1009
+ "kind": "field",
1010
+ "name": "rel",
1011
+ "type": {
1012
+ "text": "string"
1013
+ },
1014
+ "attribute": "rel",
1015
+ "reflects": true
1016
+ },
1017
+ {
1018
+ "kind": "field",
1019
+ "name": "fullWidth",
1020
+ "type": {
1021
+ "text": "boolean"
1022
+ },
1023
+ "attribute": "full-width",
1024
+ "reflects": true
1025
+ },
1026
+ {
1027
+ "kind": "field",
1028
+ "name": "buttonClass",
1029
+ "type": {
1030
+ "text": "string"
1031
+ },
1032
+ "attribute": "button-class",
1033
+ "reflects": true
1034
+ },
1035
+ {
1036
+ "kind": "field",
1037
+ "name": "name",
1038
+ "type": {
1039
+ "text": "string"
1040
+ },
1041
+ "attribute": "name",
1042
+ "reflects": true
1043
+ },
1044
+ {
1045
+ "kind": "field",
1046
+ "name": "classes",
1047
+ "type": {
1048
+ "text": "string"
1049
+ }
1050
+ }
1051
+ ],
1052
+ "attributes": [
1053
+ {
1054
+ "name": "autofocus",
1055
+ "type": {
1056
+ "text": "boolean"
1057
+ },
1058
+ "fieldName": "autofocus"
1059
+ },
1060
+ {
1061
+ "name": "variant",
1062
+ "type": {
1063
+ "text": "ButtonVariant"
1064
+ },
1065
+ "default": "'secondary'",
1066
+ "fieldName": "variant",
1067
+ "parsedType": {
1068
+ "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
1069
+ }
1070
+ },
1071
+ {
1072
+ "name": "quiet",
1073
+ "type": {
1074
+ "text": "boolean"
1075
+ },
1076
+ "fieldName": "quiet"
1077
+ },
1078
+ {
1079
+ "name": "small",
1080
+ "type": {
1081
+ "text": "boolean"
1082
+ },
1083
+ "fieldName": "small"
1084
+ },
1085
+ {
1086
+ "name": "href",
1087
+ "type": {
1088
+ "text": "string"
1089
+ },
1090
+ "fieldName": "href"
1091
+ },
1092
+ {
1093
+ "name": "disabled",
1094
+ "type": {
1095
+ "text": "boolean"
1096
+ },
1097
+ "fieldName": "disabled"
1098
+ },
1099
+ {
1100
+ "name": "target",
1101
+ "type": {
1102
+ "text": "string"
1103
+ },
1104
+ "fieldName": "target"
1105
+ },
1106
+ {
1107
+ "name": "rel",
1108
+ "type": {
1109
+ "text": "string"
1110
+ },
1111
+ "fieldName": "rel"
1112
+ },
1113
+ {
1114
+ "name": "full-width",
1115
+ "type": {
1116
+ "text": "boolean"
1117
+ },
1118
+ "fieldName": "fullWidth"
1119
+ },
1120
+ {
1121
+ "name": "button-class",
1122
+ "type": {
1123
+ "text": "string"
1124
+ },
1125
+ "fieldName": "buttonClass"
1126
+ },
1127
+ {
1128
+ "name": "name",
1129
+ "type": {
1130
+ "text": "string"
1131
+ },
1132
+ "fieldName": "name"
1133
+ }
1134
+ ],
1135
+ "mixins": [
1136
+ {
1137
+ "name": "FormControlMixin",
1138
+ "package": "@open-wc/form-control"
1139
+ }
1140
+ ],
1141
+ "superclass": {
1142
+ "name": "LitElement",
1143
+ "package": "lit"
1144
+ },
1145
+ "tagName": "w-link",
1146
+ "customElement": true
1147
+ }
1148
+ ],
1149
+ "exports": [
1150
+ {
1151
+ "kind": "custom-element-definition",
1152
+ "name": "w-link",
1153
+ "declaration": {
1154
+ "name": "WarpLink",
1155
+ "module": "packages/link/index.ts"
1156
+ }
1157
+ },
1158
+ {
1159
+ "kind": "js",
1160
+ "name": "WarpLink",
1161
+ "declaration": {
1162
+ "name": "WarpLink",
1163
+ "module": "packages/link/index.ts"
1164
+ }
1165
+ }
1166
+ ]
1167
+ },
1168
+ {
1169
+ "kind": "javascript-module",
1170
+ "path": "packages/button/index.ts",
1171
+ "declarations": [
1172
+ {
1173
+ "kind": "variable",
1174
+ "name": "ccButton",
1175
+ "type": {
1176
+ "text": "object"
1177
+ },
1178
+ "default": "{ // Buttontypes secondary: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`, // .button--secondary, .button--default, .button secondaryHref: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`, secondaryDisabled: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.isDisabled}`, secondarySmall: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonColors.secondary}`, secondarySmallDisabled: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonVariants.isDisabled}`, secondaryQuiet: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonColors.quiet}`, secondaryQuietDisabled: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`, secondarySmallQuiet: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonColors.quiet}`, secondarySmallQuietDisabled: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`, secondaryLoading: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.inProgress}`, secondarySmallLoading: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonVariants.inProgress}`, secondarySmallQuietLoading: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.inProgress}`, secondaryQuietLoading: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.inProgress}`, primary: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.primary} ${buttonColors.primary}`, // .button--primary, .button--cta primaryDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.isDisabled} ${buttonTypes.primary}`, primarySmall: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.primary} ${buttonColors.primary}`, primarySmallDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.isDisabled} ${buttonTypes.primary} `, primaryQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonColors.quiet}`, primaryQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`, primarySmallQuiet: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonColors.quiet}`, primarySmallQuietDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`, primaryLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.inProgress} ${buttonTypes.primary}`, primarySmallLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.inProgress} ${buttonTypes.primary}`, primarySmallQuietLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.inProgress} ${buttonTypes.primary}`, primaryQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.inProgress}`, utility: `${buttonSizes.utility} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonColors.utility}`, // .button--utility utilityDisabled: `${buttonSizes.utility} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonVariants.isDisabled}`, utilityQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.utilityQuiet} ${buttonColors.utilityQuiet}`, // .button--utility-flat utilityQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.utilityQuiet} ${buttonVariants.isDisabled}`, utilitySmall: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonColors.utility}`, utilitySmallDisabled: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonVariants.isDisabled}`, utilitySmallQuiet: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.utilityQuiet} ${buttonColors.utilityQuiet}`, utilitySmallQuietDisabled: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.utilityQuiet} ${buttonVariants.isDisabled}`, utilityLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonVariants.inProgress}`, utilitySmallLoading: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonVariants.inProgress}`, utilityQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.inProgress} ${buttonVariants.utilityQuiet}`, utilitySmallQuietLoading: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.inProgress} ${buttonVariants.utilityQuiet}`, negative: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonColors.destructive}`, // .button--destructive negativeDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonVariants.isDisabled}`, negativeQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet} ${buttonColors.negativeQuiet}`, // .button--destructive-flat negativeQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet}${buttonVariants.isDisabled}`, negativeSmall: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.negative} ${buttonColors.destructive}`, negativeSmallDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.negative} ${buttonVariants.isDisabled}`, negativeSmallQuiet: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonColors.negativeQuiet}`, negativeSmallQuietDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonVariants.isDisabled}`, negativeLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonVariants.inProgress}`, negativeSmallLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.inProgress} ${buttonTypes.negative}`, negativeQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet} ${buttonTypes.negative} ${buttonVariants.inProgress}`, negativeSmallQuietLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonVariants.inProgress}`, pill: `${buttonSizes.pill} ${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill}`, // .button--pill pillSmall: `${buttonSizes.pillSmall} ${buttonTextSizes.xsmall} ${buttonTypes.pill} ${buttonColors.pill}`, pillLoading: `${buttonSizes.pill} ${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonVariants.inProgress}`, pillSmallLoading: `${buttonSizes.pillSmall} ${buttonTextSizes.xsmall} ${buttonTypes.pill} ${buttonVariants.inProgress}`, link: `${buttonSizes.link} ${buttonTextSizes.medium} ${buttonTypes.link}`, linkSmall: `${buttonSizes.link} ${buttonTextSizes.xsmall} ${buttonTypes.link}`, linkAsButton: 'inline-block active:no-underline hover:no-underline focus:no-underline text-center', a11y: 'sr-only', fullWidth: 'w-full max-w-full', contentWidth: 'max-w-max', }"
1179
+ },
1180
+ {
1181
+ "kind": "class",
1182
+ "description": "Buttons are used to perform actions, widh different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)",
1183
+ "name": "WarpButton",
1184
+ "members": [
1185
+ {
1186
+ "kind": "field",
1187
+ "name": "shadowRootOptions",
1188
+ "type": {
1189
+ "text": "object"
1190
+ },
1191
+ "static": true,
1192
+ "default": "{ ...WarpElement.shadowRootOptions, delegatesFocus: true, }"
1193
+ },
1194
+ {
1195
+ "kind": "field",
1196
+ "name": "type",
1197
+ "type": {
1198
+ "text": "ButtonType"
1199
+ },
1200
+ "default": "'button'",
1201
+ "attribute": "type",
1202
+ "reflects": true,
1203
+ "parsedType": {
1204
+ "text": "'button' | 'submit' | 'reset'"
1205
+ }
1206
+ },
1207
+ {
1208
+ "kind": "field",
1209
+ "name": "autofocus",
1210
+ "type": {
1211
+ "text": "boolean"
1212
+ },
1213
+ "attribute": "autofocus",
1214
+ "reflects": true
1215
+ },
1216
+ {
1217
+ "kind": "field",
1218
+ "name": "variant",
1219
+ "type": {
1220
+ "text": "ButtonVariant"
1221
+ },
1222
+ "default": "'secondary'",
1223
+ "attribute": "variant",
1224
+ "reflects": true,
1225
+ "parsedType": {
1226
+ "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
1227
+ }
1228
+ },
1229
+ {
1230
+ "kind": "field",
1231
+ "name": "quiet",
1232
+ "type": {
1233
+ "text": "boolean"
1234
+ },
1235
+ "attribute": "quiet",
1236
+ "reflects": true
1237
+ },
1238
+ {
1239
+ "kind": "field",
1240
+ "name": "small",
1241
+ "type": {
1242
+ "text": "boolean"
1243
+ },
1244
+ "attribute": "small",
1245
+ "reflects": true
1246
+ },
1247
+ {
1248
+ "kind": "field",
1249
+ "name": "loading",
1250
+ "type": {
1251
+ "text": "boolean"
1252
+ },
1253
+ "attribute": "loading",
1254
+ "reflects": true
1255
+ },
1256
+ {
1257
+ "kind": "field",
1258
+ "name": "href",
1259
+ "type": {
1260
+ "text": "string"
1261
+ },
1262
+ "attribute": "href",
1263
+ "reflects": true
1264
+ },
1265
+ {
1266
+ "kind": "field",
1267
+ "name": "target",
1268
+ "type": {
1269
+ "text": "string"
1270
+ },
1271
+ "attribute": "target",
1272
+ "reflects": true
1273
+ },
1274
+ {
1275
+ "kind": "field",
1276
+ "name": "rel",
1277
+ "type": {
1278
+ "text": "string"
1279
+ },
1280
+ "attribute": "rel",
1281
+ "reflects": true
1282
+ },
1283
+ {
1284
+ "kind": "field",
1285
+ "name": "fullWidth",
1286
+ "type": {
1287
+ "text": "boolean"
1288
+ },
1289
+ "attribute": "full-width",
1290
+ "reflects": true
1291
+ },
1292
+ {
1293
+ "kind": "field",
1294
+ "name": "buttonClass",
1295
+ "type": {
1296
+ "text": "string"
1297
+ },
1298
+ "attribute": "button-class",
1299
+ "reflects": true
1300
+ },
1301
+ {
1302
+ "kind": "field",
1303
+ "name": "name",
1304
+ "type": {
1305
+ "text": "string"
1306
+ },
1307
+ "attribute": "name",
1308
+ "reflects": true
1309
+ },
1310
+ {
1311
+ "kind": "field",
1312
+ "name": "value",
1313
+ "type": {
1314
+ "text": "string"
1315
+ },
1316
+ "attribute": "value",
1317
+ "reflects": true
1318
+ },
1319
+ {
1320
+ "kind": "field",
1321
+ "name": "ariaValueTextLoading"
1322
+ }
1323
+ ],
1324
+ "attributes": [
1325
+ {
1326
+ "name": "type",
1327
+ "type": {
1328
+ "text": "ButtonType"
1329
+ },
1330
+ "default": "'button'",
1331
+ "fieldName": "type",
1332
+ "parsedType": {
1333
+ "text": "'button' | 'submit' | 'reset'"
1334
+ }
1335
+ },
1336
+ {
1337
+ "name": "autofocus",
1338
+ "type": {
1339
+ "text": "boolean"
1340
+ },
1341
+ "fieldName": "autofocus"
1342
+ },
1343
+ {
1344
+ "name": "variant",
1345
+ "type": {
1346
+ "text": "ButtonVariant"
1347
+ },
1348
+ "default": "'secondary'",
1349
+ "fieldName": "variant",
1350
+ "parsedType": {
1351
+ "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
1352
+ }
1353
+ },
1354
+ {
1355
+ "name": "quiet",
1356
+ "type": {
1357
+ "text": "boolean"
1358
+ },
1359
+ "fieldName": "quiet"
1360
+ },
1361
+ {
1362
+ "name": "small",
1363
+ "type": {
1364
+ "text": "boolean"
1365
+ },
1366
+ "fieldName": "small"
1367
+ },
1368
+ {
1369
+ "name": "loading",
1370
+ "type": {
1371
+ "text": "boolean"
1372
+ },
1373
+ "fieldName": "loading"
1374
+ },
1375
+ {
1376
+ "name": "href",
1377
+ "type": {
1378
+ "text": "string"
1379
+ },
1380
+ "fieldName": "href"
1381
+ },
1382
+ {
1383
+ "name": "target",
1384
+ "type": {
1385
+ "text": "string"
1386
+ },
1387
+ "fieldName": "target"
1388
+ },
1389
+ {
1390
+ "name": "rel",
1391
+ "type": {
1392
+ "text": "string"
1393
+ },
1394
+ "fieldName": "rel"
1395
+ },
1396
+ {
1397
+ "name": "full-width",
1398
+ "type": {
1399
+ "text": "boolean"
1400
+ },
1401
+ "fieldName": "fullWidth"
1402
+ },
1403
+ {
1404
+ "name": "button-class",
1405
+ "type": {
1406
+ "text": "string"
1407
+ },
1408
+ "fieldName": "buttonClass"
1409
+ },
1410
+ {
1411
+ "name": "name",
1412
+ "type": {
1413
+ "text": "string"
1414
+ },
1415
+ "fieldName": "name"
1416
+ },
1417
+ {
1418
+ "name": "value",
1419
+ "type": {
1420
+ "text": "string"
1421
+ },
1422
+ "fieldName": "value"
1423
+ }
1424
+ ],
1425
+ "mixins": [
1426
+ {
1427
+ "name": "FormControlMixin",
1428
+ "package": "@open-wc/form-control"
1429
+ }
1430
+ ],
1431
+ "superclass": {
1432
+ "name": "LitElement",
1433
+ "package": "lit"
1434
+ },
1435
+ "tagName": "w-button",
1436
+ "customElement": true
1437
+ }
1438
+ ],
1439
+ "exports": [
1440
+ {
1441
+ "kind": "js",
1442
+ "name": "ccButton",
1443
+ "declaration": {
1444
+ "name": "ccButton",
1445
+ "module": "packages/button/index.ts"
1446
+ }
1447
+ },
1448
+ {
1449
+ "kind": "custom-element-definition",
1450
+ "name": "w-button",
1451
+ "declaration": {
1452
+ "name": "WarpButton",
1453
+ "module": "packages/button/index.ts"
1454
+ }
1455
+ },
1456
+ {
1457
+ "kind": "js",
1458
+ "name": "WarpButton",
1459
+ "declaration": {
1460
+ "name": "WarpButton",
1461
+ "module": "packages/button/index.ts"
1462
+ }
1463
+ }
1464
+ ]
1465
+ },
1466
+ {
1467
+ "kind": "javascript-module",
1468
+ "path": "packages/card/index.ts",
1469
+ "declarations": [
1470
+ {
1471
+ "kind": "variable",
1472
+ "name": "ccCard",
1473
+ "type": {
1474
+ "text": "object"
1475
+ },
1476
+ "default": "{ base: 'cursor-pointer overflow-hidden relative transition-all', shadow: 'group rounded-8 s-surface-elevated-200 hover:s-surface-elevated-200-hover active:s-surface-elevated-200-active', selected: '!s-bg-selected !hover:s-bg-selected-hover !active:s-bg-selected-active', outline: 'absolute border-2 rounded-8 inset-0 transition-all', outlineUnselected: 'border-transparent group-active:s-border-active', outlineSelected: 's-border-selected group-hover:s-border-selected-hover group-active:s-border-selected-active', flat: 'border-2 rounded-4', flatUnselected: 's-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active', flatSelected: 's-bg-selected hover:s-bg-selected-hover active:s-bg-selected-active s-border-selected hover:s-border-selected-hover active:s-border-selected-active', a11y: 'sr-only', }"
1477
+ },
1478
+ {
1479
+ "kind": "class",
1480
+ "description": "Card is a layout component used for separating content areas on a page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-card--docs)",
1481
+ "name": "WarpCard",
1482
+ "members": [
1483
+ {
1484
+ "kind": "field",
1485
+ "name": "selected",
1486
+ "type": {
1487
+ "text": "boolean"
1488
+ },
1489
+ "default": "false",
1490
+ "attribute": "selected",
1491
+ "reflects": true
1492
+ },
1493
+ {
1494
+ "kind": "field",
1495
+ "name": "flat",
1496
+ "type": {
1497
+ "text": "boolean"
1498
+ },
1499
+ "default": "false",
1500
+ "attribute": "flat"
1501
+ },
1502
+ {
1503
+ "kind": "field",
1504
+ "name": "clickable",
1505
+ "type": {
1506
+ "text": "boolean"
1507
+ },
1508
+ "default": "false",
1509
+ "attribute": "clickable"
1510
+ },
1511
+ {
1512
+ "kind": "method",
1513
+ "name": "keypressed",
1514
+ "parameters": [
1515
+ {
1516
+ "name": "e",
1517
+ "type": {
1518
+ "text": "KeyboardEvent"
1519
+ }
1520
+ }
1521
+ ]
1522
+ },
1523
+ {
1524
+ "kind": "field",
1525
+ "name": "buttonText"
1526
+ }
1527
+ ],
1528
+ "attributes": [
1529
+ {
1530
+ "name": "selected",
1531
+ "type": {
1532
+ "text": "boolean"
1533
+ },
1534
+ "default": "false",
1535
+ "fieldName": "selected"
1536
+ },
1537
+ {
1538
+ "name": "flat",
1539
+ "type": {
1540
+ "text": "boolean"
1541
+ },
1542
+ "default": "false",
1543
+ "fieldName": "flat"
1544
+ },
1545
+ {
1546
+ "name": "clickable",
1547
+ "type": {
1548
+ "text": "boolean"
1549
+ },
1550
+ "default": "false",
1551
+ "fieldName": "clickable"
1552
+ }
1553
+ ],
1554
+ "superclass": {
1555
+ "name": "LitElement",
1556
+ "package": "lit"
1557
+ },
1558
+ "tagName": "w-card",
1559
+ "customElement": true
1560
+ }
1561
+ ],
1562
+ "exports": [
1563
+ {
1564
+ "kind": "js",
1565
+ "name": "ccCard",
1566
+ "declaration": {
1567
+ "name": "ccCard",
1568
+ "module": "packages/card/index.ts"
1569
+ }
1570
+ },
1571
+ {
1572
+ "kind": "custom-element-definition",
1573
+ "name": "w-card",
1574
+ "declaration": {
1575
+ "name": "WarpCard",
1576
+ "module": "packages/card/index.ts"
1577
+ }
1578
+ },
1579
+ {
1580
+ "kind": "js",
1581
+ "name": "WarpCard",
1582
+ "declaration": {
1583
+ "name": "WarpCard",
1584
+ "module": "packages/card/index.ts"
1585
+ }
1586
+ }
1587
+ ]
1588
+ },
1589
+ {
1590
+ "kind": "javascript-module",
1591
+ "path": "packages/datepicker/datepicker.ts",
1592
+ "declarations": [
1593
+ {
1594
+ "kind": "class",
1595
+ "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)",
1596
+ "name": "WarpDatepicker",
1597
+ "members": [
1598
+ {
1599
+ "kind": "field",
1600
+ "name": "shadowRootOptions",
1601
+ "type": {
1602
+ "text": "object"
1603
+ },
1604
+ "static": true,
1605
+ "default": "{ ...WarpElement.shadowRootOptions, delegatesFocus: true, }"
1606
+ },
1607
+ {
1608
+ "kind": "field",
1609
+ "name": "label",
1610
+ "type": {
1611
+ "text": "string"
1612
+ },
1613
+ "attribute": "label",
1614
+ "reflects": true
1615
+ },
1616
+ {
1617
+ "kind": "field",
1618
+ "name": "lang",
1619
+ "type": {
1620
+ "text": "string"
1621
+ },
1622
+ "description": "Takes precedence over the `<html>` lang attribute.",
1623
+ "attribute": "lang",
1624
+ "reflects": true
1625
+ },
1626
+ {
1627
+ "kind": "field",
1628
+ "name": "name",
1629
+ "type": {
1630
+ "text": "string"
1631
+ },
1632
+ "attribute": "name",
1633
+ "reflects": true
1634
+ },
1635
+ {
1636
+ "kind": "field",
1637
+ "name": "value",
1638
+ "type": {
1639
+ "text": "string"
1640
+ },
1641
+ "attribute": "value",
1642
+ "reflects": true
1643
+ },
1644
+ {
1645
+ "kind": "field",
1646
+ "name": "headerFormat",
1647
+ "type": {
1648
+ "text": "string"
1649
+ },
1650
+ "default": "'MMMM yyyy'",
1651
+ "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).",
1652
+ "attribute": "header-format"
1653
+ },
1654
+ {
1655
+ "kind": "field",
1656
+ "name": "weekdayFormat",
1657
+ "type": {
1658
+ "text": "string"
1659
+ },
1660
+ "default": "'EEEEEE'",
1661
+ "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).",
1662
+ "attribute": "weekday-format"
1663
+ },
1664
+ {
1665
+ "kind": "field",
1666
+ "name": "isDayDisabled",
1667
+ "type": {
1668
+ "text": "(day: Date) => boolean"
1669
+ },
1670
+ "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."
1671
+ },
1672
+ {
1673
+ "kind": "field",
1674
+ "name": "dayFormat",
1675
+ "type": {
1676
+ "text": "string"
1677
+ },
1678
+ "default": "'PPPP'",
1679
+ "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).",
1680
+ "attribute": "day-format"
1681
+ },
1682
+ {
1683
+ "kind": "field",
1684
+ "name": "isCalendarOpen",
1685
+ "type": {
1686
+ "text": "boolean"
1687
+ },
1688
+ "default": "false"
1689
+ },
1690
+ {
1691
+ "kind": "field",
1692
+ "name": "navigationDate",
1693
+ "type": {
1694
+ "text": "Date"
1695
+ }
1696
+ },
1697
+ {
1698
+ "kind": "field",
1699
+ "name": "selectedDate",
1700
+ "type": {
1701
+ "text": "Date | null"
1702
+ },
1703
+ "readonly": true
1704
+ },
1705
+ {
1706
+ "kind": "field",
1707
+ "name": "month",
1708
+ "readonly": true
1709
+ },
1710
+ {
1711
+ "kind": "field",
1712
+ "name": "weeks",
1713
+ "readonly": true
1714
+ },
1715
+ {
1716
+ "kind": "field",
1717
+ "name": "calendar",
1718
+ "type": {
1719
+ "text": "HTMLDivElement"
1720
+ }
1721
+ },
1722
+ {
1723
+ "kind": "field",
1724
+ "name": "input",
1725
+ "type": {
1726
+ "text": "HTMLInputElement"
1727
+ }
1728
+ },
1729
+ {
1730
+ "kind": "field",
1731
+ "name": "toggleButton",
1732
+ "type": {
1733
+ "text": "HTMLButtonElement"
1734
+ }
1735
+ },
1736
+ {
1737
+ "kind": "field",
1738
+ "name": "wrapper",
1739
+ "type": {
1740
+ "text": "HTMLDivElement"
1741
+ }
1742
+ },
1743
+ {
1744
+ "kind": "field",
1745
+ "name": "previousMonthButton",
1746
+ "type": {
1747
+ "text": "HTMLButtonElement"
1748
+ },
1749
+ "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."
1750
+ },
1751
+ {
1752
+ "kind": "field",
1753
+ "name": "todayCell",
1754
+ "type": {
1755
+ "text": "HTMLTableCellElement"
1756
+ }
1757
+ },
1758
+ {
1759
+ "kind": "field",
1760
+ "name": "selectedCell",
1761
+ "type": {
1762
+ "text": "HTMLTableCellElement"
1763
+ }
1764
+ },
1765
+ {
1766
+ "kind": "method",
1767
+ "name": "#toggleCalendarOpen",
1768
+ "privacy": "private",
1769
+ "parameters": [
1770
+ {
1771
+ "name": "e",
1772
+ "type": {
1773
+ "text": "MouseEvent | KeyboardEvent"
1774
+ }
1775
+ }
1776
+ ]
1777
+ },
1778
+ {
1779
+ "kind": "method",
1780
+ "name": "#nextMonth",
1781
+ "privacy": "private"
1782
+ },
1783
+ {
1784
+ "kind": "method",
1785
+ "name": "#previousMonth",
1786
+ "privacy": "private"
1787
+ },
1788
+ {
1789
+ "kind": "method",
1790
+ "name": "#dispatchChangeEvent",
1791
+ "privacy": "private"
1792
+ },
1793
+ {
1794
+ "kind": "method",
1795
+ "name": "#onInput",
1796
+ "privacy": "private",
1797
+ "parameters": [
1798
+ {
1799
+ "name": "e",
1800
+ "type": {
1801
+ "text": "InputEvent"
1802
+ }
1803
+ }
1804
+ ]
1805
+ },
1806
+ {
1807
+ "kind": "method",
1808
+ "name": "#onInputClick",
1809
+ "privacy": "private",
1810
+ "parameters": [
1811
+ {
1812
+ "name": "e",
1813
+ "type": {
1814
+ "text": "PointerEvent"
1815
+ }
1816
+ }
1817
+ ]
1818
+ },
1819
+ {
1820
+ "kind": "method",
1821
+ "name": "#onInputKeyDown",
1822
+ "privacy": "private",
1823
+ "parameters": [
1824
+ {
1825
+ "name": "e",
1826
+ "type": {
1827
+ "text": "KeyboardEvent"
1828
+ }
1829
+ }
1830
+ ]
1831
+ },
1832
+ {
1833
+ "kind": "method",
1834
+ "name": "#onCalendarKeyDown",
1835
+ "privacy": "private",
1836
+ "parameters": [
1837
+ {
1838
+ "name": "e",
1839
+ "type": {
1840
+ "text": "KeyboardEvent"
1841
+ }
1842
+ }
1843
+ ]
1844
+ },
1845
+ {
1846
+ "kind": "method",
1847
+ "name": "#onCalendarSelect",
1848
+ "privacy": "private",
1849
+ "parameters": [
1850
+ {
1851
+ "name": "event",
1852
+ "type": {
1853
+ "text": "MouseEvent | KeyboardEvent"
1854
+ }
1855
+ }
1856
+ ]
1857
+ }
1858
+ ],
1859
+ "attributes": [
1860
+ {
1861
+ "name": "label",
1862
+ "type": {
1863
+ "text": "string"
1864
+ },
1865
+ "fieldName": "label"
1866
+ },
1867
+ {
1868
+ "name": "lang",
1869
+ "type": {
1870
+ "text": "string"
1871
+ },
1872
+ "description": "Takes precedence over the `<html>` lang attribute.",
1873
+ "fieldName": "lang"
1874
+ },
1875
+ {
1876
+ "name": "name",
1877
+ "type": {
1878
+ "text": "string"
1879
+ },
1880
+ "fieldName": "name"
1881
+ },
1882
+ {
1883
+ "name": "value",
1884
+ "type": {
1885
+ "text": "string"
1886
+ },
1887
+ "fieldName": "value"
1888
+ },
1889
+ {
1890
+ "name": "header-format",
1891
+ "type": {
1892
+ "text": "string"
1893
+ },
1894
+ "default": "'MMMM yyyy'",
1895
+ "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).",
1896
+ "fieldName": "headerFormat"
1897
+ },
1898
+ {
1899
+ "name": "weekday-format",
1900
+ "type": {
1901
+ "text": "string"
1902
+ },
1903
+ "default": "'EEEEEE'",
1904
+ "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).",
1905
+ "fieldName": "weekdayFormat"
1906
+ },
1907
+ {
1908
+ "name": "day-format",
1909
+ "type": {
1910
+ "text": "string"
1911
+ },
1912
+ "default": "'PPPP'",
1913
+ "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).",
1914
+ "fieldName": "dayFormat"
1915
+ }
1916
+ ],
1917
+ "mixins": [
1918
+ {
1919
+ "name": "FormControlMixin",
1920
+ "package": "@open-wc/form-control"
1921
+ }
1922
+ ],
1923
+ "superclass": {
1924
+ "name": "LitElement",
1925
+ "package": "lit"
1926
+ },
1927
+ "tagName": "w-datepicker",
1928
+ "customElement": true
1929
+ }
1930
+ ],
1931
+ "exports": [
1932
+ {
1933
+ "kind": "custom-element-definition",
1934
+ "name": "w-datepicker",
1935
+ "declaration": {
1936
+ "name": "WarpDatepicker",
1937
+ "module": "packages/datepicker/datepicker.ts"
1938
+ }
1939
+ },
1940
+ {
1941
+ "kind": "js",
1942
+ "name": "WarpDatepicker",
1943
+ "declaration": {
1944
+ "name": "WarpDatepicker",
1945
+ "module": "packages/datepicker/datepicker.ts"
1946
+ }
1947
+ }
1948
+ ]
1949
+ },
1950
+ {
1951
+ "kind": "javascript-module",
1952
+ "path": "packages/datepicker/index.ts",
1953
+ "declarations": [],
1954
+ "exports": [
1955
+ {
1956
+ "kind": "js",
1957
+ "name": "*",
1958
+ "declaration": {
1959
+ "name": "*",
1960
+ "package": "./datepicker.js"
1961
+ }
1962
+ }
1963
+ ]
1964
+ },
1965
+ {
1966
+ "kind": "javascript-module",
1967
+ "path": "packages/dead-toggle/index.ts",
1968
+ "declarations": [
1969
+ {
1970
+ "kind": "class",
1971
+ "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)",
1972
+ "name": "WarpDeadToggle",
1973
+ "members": [
1974
+ {
1975
+ "kind": "field",
1976
+ "name": "type",
1977
+ "type": {
1978
+ "text": "'radio' | 'checkbox'"
1979
+ },
1980
+ "default": "'radio'",
1981
+ "attribute": "type"
1982
+ },
1983
+ {
1984
+ "kind": "field",
1985
+ "name": "checked",
1986
+ "type": {
1987
+ "text": "boolean"
1988
+ },
1989
+ "default": "false",
1990
+ "attribute": "checked",
1991
+ "reflects": true
1992
+ },
1993
+ {
1994
+ "kind": "field",
1995
+ "name": "indeterminate",
1996
+ "type": {
1997
+ "text": "boolean"
1998
+ },
1999
+ "default": "false",
2000
+ "attribute": "indeterminate",
2001
+ "reflects": true
2002
+ },
2003
+ {
2004
+ "kind": "field",
2005
+ "name": "invalid",
2006
+ "type": {
2007
+ "text": "boolean"
2008
+ },
2009
+ "default": "false",
2010
+ "attribute": "invalid",
2011
+ "reflects": true
2012
+ }
2013
+ ],
2014
+ "attributes": [
2015
+ {
2016
+ "name": "type",
2017
+ "type": {
2018
+ "text": "'radio' | 'checkbox'"
2019
+ },
2020
+ "default": "'radio'",
2021
+ "fieldName": "type"
2022
+ },
2023
+ {
2024
+ "name": "checked",
2025
+ "type": {
2026
+ "text": "boolean"
2027
+ },
2028
+ "default": "false",
2029
+ "fieldName": "checked"
2030
+ },
2031
+ {
2032
+ "name": "indeterminate",
2033
+ "type": {
2034
+ "text": "boolean"
2035
+ },
2036
+ "default": "false",
2037
+ "fieldName": "indeterminate"
2038
+ },
2039
+ {
2040
+ "name": "invalid",
2041
+ "type": {
2042
+ "text": "boolean"
2043
+ },
2044
+ "default": "false",
2045
+ "fieldName": "invalid"
2046
+ }
2047
+ ],
2048
+ "superclass": {
2049
+ "name": "LitElement",
2050
+ "package": "lit"
2051
+ },
2052
+ "tagName": "w-dead-toggle",
2053
+ "customElement": true
2054
+ }
2055
+ ],
2056
+ "exports": [
2057
+ {
2058
+ "kind": "js",
2059
+ "name": "WarpDeadToggle",
2060
+ "declaration": {
2061
+ "name": "WarpDeadToggle",
2062
+ "module": "packages/dead-toggle/index.ts"
2063
+ }
2064
+ },
2065
+ {
2066
+ "kind": "custom-element-definition",
2067
+ "name": "w-dead-toggle",
2068
+ "declaration": {
2069
+ "name": "WarpDeadToggle",
2070
+ "module": "packages/dead-toggle/index.ts"
2071
+ }
2072
+ }
2073
+ ]
2074
+ },
2075
+ {
2076
+ "kind": "javascript-module",
2077
+ "path": "packages/expandable/index.ts",
2078
+ "declarations": [
2079
+ {
2080
+ "kind": "variable",
2081
+ "name": "ccBox",
2082
+ "type": {
2083
+ "text": "object"
2084
+ },
2085
+ "default": "{ base: 'group block relative break-words last-child:mb-0 p-16 rounded-8', // Relative here enables w-clickable bleed: '-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8', // We target L and R to override the default rounded-8 info: 's-bg-info-subtle', neutral: 's-surface-sunken', bordered: 'border-2 s-border s-bg', }"
2086
+ },
2087
+ {
2088
+ "kind": "variable",
2089
+ "name": "ccExpandable",
2090
+ "type": {
2091
+ "text": "object"
2092
+ },
2093
+ "default": "{ wrapper: 'will-change-height s-text', box: 's-surface-sunken hover:s-bg-hover active:s-bg-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8', bleed: '-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8', chevron: 'inline-block align-middle s-icon', chevronNonBox: 'ml-8', chevronTransform: 'transform transition-transform transform-gpu ease-in-out', chevronExpand: '-rotate-180', chevronCollapse: 'rotate-180', // These are web component specific classes, using the ::part-selector: elementsChevronDownTransform: 'part-[w-icon-chevron-down-16-part]:transform part-[w-icon-chevron-down-16-part]:transition-transform part-[w-icon-chevron-down-16-part]:transform-gpu part-[w-icon-chevron-down-16-part]:ease-in-out', elementsChevronUpTransform: 'part-[w-icon-chevron-up-16-part]:transform part-[w-icon-chevron-up-16-part]:transition-transform part-[w-icon-chevron-up-16-part]:transform-gpu part-[w-icon-chevron-up-16-part]:ease-in-out', elementsChevronExpand: 'part-[w-icon-chevron-down-16-part]:-rotate-180', elementsChevronCollapse: 'part-[w-icon-chevron-up-16-part]:rotate-180', expansion: 'overflow-hidden', expansionNotExpanded: 'h-0 invisible', button: 'focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline', buttonBox: 'w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 p-16 rounded-8', contentWithTitle: 'pt-0', title: 'flex w-full justify-between items-center', titleType: 't4', }"
2094
+ },
2095
+ {
2096
+ "kind": "class",
2097
+ "description": "Expandable is a layout component used for creating expandable content areas on a page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-expandable--docs)",
2098
+ "name": "WarpExpandable",
2099
+ "slots": [
2100
+ {
2101
+ "description": "Alternative to the `title` attribute should you need to provide some additional markup.",
2102
+ "name": "title"
2103
+ }
2104
+ ],
2105
+ "members": [
2106
+ {
2107
+ "kind": "field",
2108
+ "name": "expanded",
2109
+ "type": {
2110
+ "text": "boolean"
2111
+ },
2112
+ "default": "false",
2113
+ "attribute": "expanded",
2114
+ "reflects": true
2115
+ },
2116
+ {
2117
+ "kind": "field",
2118
+ "name": "title",
2119
+ "type": {
2120
+ "text": "string"
2121
+ },
2122
+ "attribute": "title"
2123
+ },
2124
+ {
2125
+ "kind": "field",
2126
+ "name": "box",
2127
+ "type": {
2128
+ "text": "boolean"
2129
+ },
2130
+ "default": "false",
2131
+ "attribute": "box"
2132
+ },
2133
+ {
2134
+ "kind": "field",
2135
+ "name": "bleed",
2136
+ "type": {
2137
+ "text": "boolean"
2138
+ },
2139
+ "default": "false",
2140
+ "attribute": "bleed"
2141
+ },
2142
+ {
2143
+ "kind": "field",
2144
+ "name": "buttonClass",
2145
+ "type": {
2146
+ "text": "string"
2147
+ },
2148
+ "attribute": "button-class"
2149
+ },
2150
+ {
2151
+ "kind": "field",
2152
+ "name": "contentClass",
2153
+ "type": {
2154
+ "text": "string"
2155
+ },
2156
+ "attribute": "content-class"
2157
+ },
2158
+ {
2159
+ "kind": "field",
2160
+ "name": "noChevron",
2161
+ "type": {
2162
+ "text": "boolean"
2163
+ },
2164
+ "default": "false",
2165
+ "attribute": "no-chevron"
2166
+ },
2167
+ {
2168
+ "kind": "field",
2169
+ "name": "animated",
2170
+ "type": {
2171
+ "text": "boolean"
2172
+ },
2173
+ "default": "false",
2174
+ "attribute": "animated"
2175
+ },
2176
+ {
2177
+ "kind": "field",
2178
+ "name": "headingLevel",
2179
+ "type": {
2180
+ "text": "number"
2181
+ },
2182
+ "attribute": "heading-level"
2183
+ },
2184
+ {
2185
+ "kind": "field",
2186
+ "name": "_hasTitle",
2187
+ "type": {
2188
+ "text": "boolean"
2189
+ },
2190
+ "default": "true",
2191
+ "attribute": "_hasTitle"
2192
+ },
2193
+ {
2194
+ "kind": "field",
2195
+ "name": "_showChevronUp",
2196
+ "type": {
2197
+ "text": "boolean"
2198
+ },
2199
+ "default": "false",
2200
+ "attribute": "_showChevronUp"
2201
+ },
2202
+ {
2203
+ "kind": "field",
2204
+ "name": "#wrapperClasses",
2205
+ "privacy": "private",
2206
+ "readonly": true
2207
+ },
2208
+ {
2209
+ "kind": "field",
2210
+ "name": "#buttonClasses",
2211
+ "privacy": "private",
2212
+ "readonly": true
2213
+ },
2214
+ {
2215
+ "kind": "field",
2216
+ "name": "#chevronClasses",
2217
+ "privacy": "private",
2218
+ "readonly": true
2219
+ },
2220
+ {
2221
+ "kind": "field",
2222
+ "name": "#chevronIcon",
2223
+ "privacy": "private",
2224
+ "readonly": true
2225
+ },
2226
+ {
2227
+ "kind": "field",
2228
+ "name": "#contentClasses",
2229
+ "privacy": "private",
2230
+ "readonly": true
2231
+ },
2232
+ {
2233
+ "kind": "field",
2234
+ "name": "#expansionClasses",
2235
+ "privacy": "private",
2236
+ "readonly": true
2237
+ }
2238
+ ],
2239
+ "attributes": [
2240
+ {
2241
+ "name": "expanded",
2242
+ "type": {
2243
+ "text": "boolean"
2244
+ },
2245
+ "default": "false",
2246
+ "fieldName": "expanded"
2247
+ },
2248
+ {
2249
+ "name": "title",
2250
+ "type": {
2251
+ "text": "string"
2252
+ },
2253
+ "fieldName": "title"
2254
+ },
2255
+ {
2256
+ "name": "box",
2257
+ "type": {
2258
+ "text": "boolean"
2259
+ },
2260
+ "default": "false",
2261
+ "fieldName": "box"
2262
+ },
2263
+ {
2264
+ "name": "bleed",
2265
+ "type": {
2266
+ "text": "boolean"
2267
+ },
2268
+ "default": "false",
2269
+ "fieldName": "bleed"
2270
+ },
2271
+ {
2272
+ "name": "button-class",
2273
+ "type": {
2274
+ "text": "string"
2275
+ },
2276
+ "fieldName": "buttonClass"
2277
+ },
2278
+ {
2279
+ "name": "content-class",
2280
+ "type": {
2281
+ "text": "string"
2282
+ },
2283
+ "fieldName": "contentClass"
2284
+ },
2285
+ {
2286
+ "name": "no-chevron",
2287
+ "type": {
2288
+ "text": "boolean"
2289
+ },
2290
+ "default": "false",
2291
+ "fieldName": "noChevron"
2292
+ },
2293
+ {
2294
+ "name": "animated",
2295
+ "type": {
2296
+ "text": "boolean"
2297
+ },
2298
+ "default": "false",
2299
+ "fieldName": "animated"
2300
+ },
2301
+ {
2302
+ "name": "heading-level",
2303
+ "type": {
2304
+ "text": "number"
2305
+ },
2306
+ "fieldName": "headingLevel"
2307
+ },
2308
+ {
2309
+ "name": "_hasTitle",
2310
+ "type": {
2311
+ "text": "boolean"
2312
+ },
2313
+ "default": "true",
2314
+ "fieldName": "_hasTitle"
2315
+ },
2316
+ {
2317
+ "name": "_showChevronUp",
2318
+ "type": {
2319
+ "text": "boolean"
2320
+ },
2321
+ "default": "false",
2322
+ "fieldName": "_showChevronUp"
2323
+ }
2324
+ ],
2325
+ "superclass": {
2326
+ "name": "LitElement",
2327
+ "package": "lit"
2328
+ },
2329
+ "tagName": "w-expandable",
2330
+ "customElement": true
2331
+ }
2332
+ ],
2333
+ "exports": [
2334
+ {
2335
+ "kind": "js",
2336
+ "name": "ccBox",
2337
+ "declaration": {
2338
+ "name": "ccBox",
2339
+ "module": "packages/expandable/index.ts"
2340
+ }
2341
+ },
2342
+ {
2343
+ "kind": "js",
2344
+ "name": "ccExpandable",
2345
+ "declaration": {
2346
+ "name": "ccExpandable",
2347
+ "module": "packages/expandable/index.ts"
2348
+ }
2349
+ },
2350
+ {
2351
+ "kind": "custom-element-definition",
2352
+ "name": "w-expandable",
2353
+ "declaration": {
2354
+ "name": "WarpExpandable",
2355
+ "module": "packages/expandable/index.ts"
2356
+ }
2357
+ },
2358
+ {
2359
+ "kind": "js",
2360
+ "name": "WarpExpandable",
2361
+ "declaration": {
2362
+ "name": "WarpExpandable",
2363
+ "module": "packages/expandable/index.ts"
2364
+ }
2365
+ }
2366
+ ]
2367
+ },
2368
+ {
2369
+ "kind": "javascript-module",
2370
+ "path": "packages/modal/modal-footer.ts",
2371
+ "declarations": [
2372
+ {
2373
+ "kind": "class",
2374
+ "description": "The footer section of a modal, typically where you place actions.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
2375
+ "name": "ModalFooter",
2376
+ "members": [],
2377
+ "mixins": [
2378
+ {
2379
+ "name": "CanCloseMixin",
2380
+ "module": "/packages/modal/util"
2381
+ },
2382
+ {
2383
+ "name": "ProvidesCanCloseToSlotsMixin",
2384
+ "module": "/packages/modal/util"
2385
+ }
2386
+ ],
2387
+ "superclass": {
2388
+ "name": "LitElement",
2389
+ "package": "lit"
2390
+ },
2391
+ "tagName": "w-modal-footer",
2392
+ "customElement": true
2393
+ }
2394
+ ],
2395
+ "exports": [
2396
+ {
2397
+ "kind": "js",
2398
+ "name": "ModalFooter",
2399
+ "declaration": {
2400
+ "name": "ModalFooter",
2401
+ "module": "packages/modal/modal-footer.ts"
2402
+ }
2403
+ },
2404
+ {
2405
+ "kind": "custom-element-definition",
2406
+ "name": "w-modal-footer",
2407
+ "declaration": {
2408
+ "name": "ModalFooter",
2409
+ "module": "packages/modal/modal-footer.ts"
2410
+ }
2411
+ }
2412
+ ]
2413
+ },
2414
+ {
2415
+ "kind": "javascript-module",
2416
+ "path": "packages/modal/modal-header.ts",
2417
+ "declarations": [
2418
+ {
2419
+ "kind": "class",
2420
+ "description": "The header section of a modal, typically where you place the title and a close button.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
2421
+ "name": "ModalHeader",
2422
+ "slots": [
2423
+ {
2424
+ "description": "Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.",
2425
+ "name": "top"
2426
+ }
2427
+ ],
2428
+ "members": [
2429
+ {
2430
+ "kind": "field",
2431
+ "name": "title",
2432
+ "type": {
2433
+ "text": "string"
2434
+ },
2435
+ "attribute": "title"
2436
+ },
2437
+ {
2438
+ "kind": "field",
2439
+ "name": "back",
2440
+ "type": {
2441
+ "text": "boolean"
2442
+ },
2443
+ "attribute": "back"
2444
+ },
2445
+ {
2446
+ "kind": "field",
2447
+ "name": "noClose",
2448
+ "type": {
2449
+ "text": "boolean"
2450
+ },
2451
+ "attribute": "no-close"
2452
+ },
2453
+ {
2454
+ "kind": "field",
2455
+ "name": "titleEl",
2456
+ "type": {
2457
+ "text": "HTMLElement"
2458
+ }
2459
+ },
2460
+ {
2461
+ "kind": "field",
2462
+ "name": "titleClasses",
2463
+ "readonly": true
2464
+ },
2465
+ {
2466
+ "kind": "field",
2467
+ "name": "backButton",
2468
+ "readonly": true
2469
+ },
2470
+ {
2471
+ "kind": "field",
2472
+ "name": "closeButton",
2473
+ "readonly": true
2474
+ },
2475
+ {
2476
+ "kind": "method",
2477
+ "name": "emitBack"
2478
+ },
2479
+ {
2480
+ "kind": "method",
2481
+ "name": "handleTopSlotChange",
2482
+ "parameters": [
2483
+ {
2484
+ "name": "slotEvent"
2485
+ }
2486
+ ]
2487
+ }
2488
+ ],
2489
+ "events": [
2490
+ {
2491
+ "name": "backClicked",
2492
+ "type": {
2493
+ "text": "CustomEvent"
2494
+ }
2495
+ }
2496
+ ],
2497
+ "attributes": [
2498
+ {
2499
+ "name": "title",
2500
+ "type": {
2501
+ "text": "string"
2502
+ },
2503
+ "fieldName": "title"
2504
+ },
2505
+ {
2506
+ "name": "back",
2507
+ "type": {
2508
+ "text": "boolean"
2509
+ },
2510
+ "fieldName": "back"
2511
+ },
2512
+ {
2513
+ "name": "no-close",
2514
+ "type": {
2515
+ "text": "boolean"
2516
+ },
2517
+ "fieldName": "noClose"
2518
+ }
2519
+ ],
2520
+ "mixins": [
2521
+ {
2522
+ "name": "CanCloseMixin",
2523
+ "module": "/packages/modal/util.js"
2524
+ }
2525
+ ],
2526
+ "superclass": {
2527
+ "name": "LitElement",
2528
+ "package": "lit"
2529
+ },
2530
+ "tagName": "w-modal-header",
2531
+ "customElement": true
2532
+ }
2533
+ ],
2534
+ "exports": [
2535
+ {
2536
+ "kind": "js",
2537
+ "name": "ModalHeader",
2538
+ "declaration": {
2539
+ "name": "ModalHeader",
2540
+ "module": "packages/modal/modal-header.ts"
2541
+ }
2542
+ },
2543
+ {
2544
+ "kind": "custom-element-definition",
2545
+ "name": "w-modal-header",
2546
+ "declaration": {
2547
+ "name": "ModalHeader",
2548
+ "module": "packages/modal/modal-header.ts"
2549
+ }
2550
+ }
2551
+ ]
2552
+ },
2553
+ {
2554
+ "kind": "javascript-module",
2555
+ "path": "packages/modal/modal-main.ts",
2556
+ "declarations": [
2557
+ {
2558
+ "kind": "class",
2559
+ "description": "Modals (or dialogs) display important information that users need to acknowledge.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
2560
+ "name": "ModalMain",
2561
+ "slots": [
2562
+ {
2563
+ "description": "Typically where you would use the `w-modal-header` component.",
2564
+ "name": "header"
2565
+ },
2566
+ {
2567
+ "description": "The main content of the modal.",
2568
+ "name": "content"
2569
+ },
2570
+ {
2571
+ "description": "Typically where you would use the `w-modal-footer` component, for things like actions.",
2572
+ "name": "footer"
2573
+ }
2574
+ ],
2575
+ "members": [
2576
+ {
2577
+ "kind": "field",
2578
+ "name": "show",
2579
+ "type": {
2580
+ "text": "boolean"
2581
+ },
2582
+ "attribute": "show"
2583
+ },
2584
+ {
2585
+ "kind": "field",
2586
+ "name": "contentId",
2587
+ "type": {
2588
+ "text": "string"
2589
+ },
2590
+ "attribute": "content-id"
2591
+ },
2592
+ {
2593
+ "kind": "field",
2594
+ "name": "ignoreBackdropClicks",
2595
+ "type": {
2596
+ "text": "boolean"
2597
+ },
2598
+ "attribute": "ignore-backdrop-clicks"
2599
+ },
2600
+ {
2601
+ "kind": "field",
2602
+ "name": "dialogEl",
2603
+ "type": {
2604
+ "text": "HTMLDialogElement"
2605
+ }
2606
+ },
2607
+ {
2608
+ "kind": "field",
2609
+ "name": "dialogInnerEl",
2610
+ "type": {
2611
+ "text": "HTMLElement"
2612
+ }
2613
+ },
2614
+ {
2615
+ "kind": "field",
2616
+ "name": "contentEl",
2617
+ "type": {
2618
+ "text": "HTMLElement"
2619
+ }
2620
+ },
2621
+ {
2622
+ "kind": "method",
2623
+ "name": "open"
2624
+ },
2625
+ {
2626
+ "kind": "method",
2627
+ "name": "close"
2628
+ },
2629
+ {
2630
+ "kind": "method",
2631
+ "name": "handleListeners",
2632
+ "parameters": [
2633
+ {
2634
+ "name": "verb",
2635
+ "default": "'addEventListener'"
2636
+ }
2637
+ ]
2638
+ },
2639
+ {
2640
+ "kind": "method",
2641
+ "name": "eventPreventer",
2642
+ "parameters": [
2643
+ {
2644
+ "name": "evt",
2645
+ "type": {
2646
+ "text": "Event"
2647
+ }
2648
+ }
2649
+ ]
2650
+ },
2651
+ {
2652
+ "kind": "method",
2653
+ "name": "closeOnBackdropClick",
2654
+ "parameters": [
2655
+ {
2656
+ "name": "evt",
2657
+ "type": {
2658
+ "text": "MouseEvent"
2659
+ }
2660
+ }
2661
+ ]
2662
+ },
2663
+ {
2664
+ "kind": "method",
2665
+ "name": "interceptEscape",
2666
+ "parameters": [
2667
+ {
2668
+ "name": "evt",
2669
+ "type": {
2670
+ "text": "KeyboardEvent"
2671
+ }
2672
+ }
2673
+ ]
2674
+ },
2675
+ {
2676
+ "kind": "method",
2677
+ "name": "modifyBorderRadius"
2678
+ }
2679
+ ],
2680
+ "events": [
2681
+ {
2682
+ "name": "shown",
2683
+ "type": {
2684
+ "text": "CustomEvent"
2685
+ }
2686
+ },
2687
+ {
2688
+ "name": "hidden",
2689
+ "type": {
2690
+ "text": "CustomEvent"
2691
+ }
2692
+ }
2693
+ ],
2694
+ "attributes": [
2695
+ {
2696
+ "name": "show",
2697
+ "type": {
2698
+ "text": "boolean"
2699
+ },
2700
+ "fieldName": "show"
2701
+ },
2702
+ {
2703
+ "name": "content-id",
2704
+ "type": {
2705
+ "text": "string"
2706
+ },
2707
+ "fieldName": "contentId"
2708
+ },
2709
+ {
2710
+ "name": "ignore-backdrop-clicks",
2711
+ "type": {
2712
+ "text": "boolean"
2713
+ },
2714
+ "fieldName": "ignoreBackdropClicks"
2715
+ }
2716
+ ],
2717
+ "mixins": [
2718
+ {
2719
+ "name": "ProvidesCanCloseToSlotsMixin",
2720
+ "module": "/packages/modal/util.js"
2721
+ }
2722
+ ],
2723
+ "superclass": {
2724
+ "name": "LitElement",
2725
+ "package": "lit"
2726
+ },
2727
+ "tagName": "w-modal",
2728
+ "customElement": true
2729
+ }
2730
+ ],
2731
+ "exports": [
2732
+ {
2733
+ "kind": "js",
2734
+ "name": "ModalMain",
2735
+ "declaration": {
2736
+ "name": "ModalMain",
2737
+ "module": "packages/modal/modal-main.ts"
2738
+ }
2739
+ },
2740
+ {
2741
+ "kind": "custom-element-definition",
2742
+ "name": "w-modal",
2743
+ "declaration": {
2744
+ "name": "ModalMain",
2745
+ "module": "packages/modal/modal-main.ts"
2746
+ }
2747
+ }
2748
+ ]
2749
+ },
2750
+ {
2751
+ "kind": "javascript-module",
2752
+ "path": "packages/modal/index.ts",
2753
+ "declarations": [],
2754
+ "exports": [
2755
+ {
2756
+ "kind": "js",
2757
+ "name": "WarpModal",
2758
+ "declaration": {
2759
+ "name": "ModalMain",
2760
+ "module": "packages/modal/index.ts"
2761
+ }
2762
+ },
2763
+ {
2764
+ "kind": "js",
2765
+ "name": "WarpModalHeader",
2766
+ "declaration": {
2767
+ "name": "ModalHeader",
2768
+ "module": "packages/modal/index.ts"
2769
+ }
2770
+ },
2771
+ {
2772
+ "kind": "js",
2773
+ "name": "WarpModalFooter",
2774
+ "declaration": {
2775
+ "name": "ModalFooter",
2776
+ "module": "packages/modal/index.ts"
2777
+ }
2778
+ },
2779
+ {
2780
+ "kind": "js",
2781
+ "name": "ModalCanCloseMixin",
2782
+ "declaration": {
2783
+ "name": "CanCloseMixin",
2784
+ "module": "packages/modal/index.ts"
2785
+ }
2786
+ },
2787
+ {
2788
+ "kind": "js",
2789
+ "name": "ModalProvidesCanCloseToSlotsMixin",
2790
+ "declaration": {
2791
+ "name": "ProvidesCanCloseToSlotsMixin",
2792
+ "module": "packages/modal/index.ts"
2793
+ }
2794
+ }
2795
+ ]
2796
+ },
2797
+ {
2798
+ "kind": "javascript-module",
2799
+ "path": "packages/pageindicator/index.ts",
2800
+ "declarations": [
2801
+ {
2802
+ "kind": "class",
2803
+ "description": "",
2804
+ "name": "WarpPageIndicator",
2805
+ "members": [
2806
+ {
2807
+ "kind": "field",
2808
+ "name": "selectedPage",
2809
+ "type": {
2810
+ "text": "number"
2811
+ },
2812
+ "default": "1",
2813
+ "description": "Currently selected page (1-based index)",
2814
+ "attribute": "selected-page"
2815
+ },
2816
+ {
2817
+ "kind": "field",
2818
+ "name": "pageCount",
2819
+ "type": {
2820
+ "text": "number"
2821
+ },
2822
+ "default": "1",
2823
+ "description": "Total number of pages",
2824
+ "attribute": "page-count"
2825
+ }
2826
+ ],
2827
+ "attributes": [
2828
+ {
2829
+ "name": "selected-page",
2830
+ "type": {
2831
+ "text": "number"
2832
+ },
2833
+ "default": "1",
2834
+ "description": "Currently selected page (1-based index)",
2835
+ "fieldName": "selectedPage"
2836
+ },
2837
+ {
2838
+ "name": "page-count",
2839
+ "type": {
2840
+ "text": "number"
2841
+ },
2842
+ "default": "1",
2843
+ "description": "Total number of pages",
2844
+ "fieldName": "pageCount"
2845
+ }
2846
+ ],
2847
+ "superclass": {
2848
+ "name": "LitElement",
2849
+ "package": "lit"
2850
+ },
2851
+ "tagName": "w-pageindicator",
2852
+ "customElement": true
2853
+ }
2854
+ ],
2855
+ "exports": [
2856
+ {
2857
+ "kind": "js",
2858
+ "name": "WarpPageIndicator",
2859
+ "declaration": {
2860
+ "name": "WarpPageIndicator",
2861
+ "module": "packages/pageindicator/index.ts"
2862
+ }
2863
+ },
2864
+ {
2865
+ "kind": "custom-element-definition",
2866
+ "name": "w-pageindicator",
2867
+ "declaration": {
2868
+ "name": "WarpPageIndicator",
2869
+ "module": "packages/pageindicator/index.ts"
2870
+ }
2871
+ }
2872
+ ]
2873
+ },
2874
+ {
2875
+ "kind": "javascript-module",
2876
+ "path": "packages/pagination/index.ts",
2877
+ "declarations": [
2878
+ {
2879
+ "kind": "class",
2880
+ "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)",
2881
+ "name": "WarpPagination",
2882
+ "members": [
2883
+ {
2884
+ "kind": "field",
2885
+ "name": "baseUrl",
2886
+ "type": {
2887
+ "text": "string"
2888
+ },
2889
+ "attribute": "base-url",
2890
+ "reflects": true
2891
+ },
2892
+ {
2893
+ "kind": "field",
2894
+ "name": "pages",
2895
+ "type": {
2896
+ "text": "number"
2897
+ },
2898
+ "attribute": "pages",
2899
+ "reflects": true
2900
+ },
2901
+ {
2902
+ "kind": "field",
2903
+ "name": "currentPageNumber",
2904
+ "type": {
2905
+ "text": "number"
2906
+ },
2907
+ "default": "1",
2908
+ "attribute": "current-page",
2909
+ "reflects": true
2910
+ },
2911
+ {
2912
+ "kind": "field",
2913
+ "name": "visiblePages",
2914
+ "type": {
2915
+ "text": "number"
2916
+ },
2917
+ "default": "7",
2918
+ "attribute": "visible-pages",
2919
+ "reflects": true
2920
+ },
2921
+ {
2922
+ "kind": "method",
2923
+ "name": "#dispatchClickPage",
2924
+ "privacy": "private",
2925
+ "parameters": [
2926
+ {
2927
+ "name": "e",
2928
+ "type": {
2929
+ "text": "PointerEvent"
2930
+ }
2931
+ }
2932
+ ]
2933
+ }
2934
+ ],
2935
+ "events": [
2936
+ {
2937
+ "name": "page-click",
2938
+ "type": {
2939
+ "text": "CustomEvent"
2940
+ },
2941
+ "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
2942
+ }
2943
+ ],
2944
+ "attributes": [
2945
+ {
2946
+ "name": "base-url",
2947
+ "type": {
2948
+ "text": "string"
2949
+ },
2950
+ "fieldName": "baseUrl"
2951
+ },
2952
+ {
2953
+ "name": "pages",
2954
+ "type": {
2955
+ "text": "number"
2956
+ },
2957
+ "fieldName": "pages"
2958
+ },
2959
+ {
2960
+ "name": "current-page",
2961
+ "type": {
2962
+ "text": "number"
2963
+ },
2964
+ "default": "1",
2965
+ "fieldName": "currentPageNumber"
2966
+ },
2967
+ {
2968
+ "name": "visible-pages",
2969
+ "type": {
2970
+ "text": "number"
2971
+ },
2972
+ "default": "7",
2973
+ "fieldName": "visiblePages"
2974
+ }
2975
+ ],
2976
+ "superclass": {
2977
+ "name": "LitElement",
2978
+ "package": "lit"
2979
+ },
2980
+ "tagName": "w-pagination",
2981
+ "customElement": true
2982
+ }
2983
+ ],
2984
+ "exports": [
2985
+ {
2986
+ "kind": "custom-element-definition",
2987
+ "name": "w-pagination",
2988
+ "declaration": {
2989
+ "name": "WarpPagination",
2990
+ "module": "packages/pagination/index.ts"
2991
+ }
2992
+ },
2993
+ {
2994
+ "kind": "js",
2995
+ "name": "WarpPagination",
2996
+ "declaration": {
2997
+ "name": "WarpPagination",
2998
+ "module": "packages/pagination/index.ts"
2999
+ }
3000
+ }
3001
+ ]
3002
+ },
3003
+ {
3004
+ "kind": "javascript-module",
3005
+ "path": "packages/pill/index.ts",
3006
+ "declarations": [
3007
+ {
3008
+ "kind": "variable",
3009
+ "name": "pillStyles",
3010
+ "type": {
3011
+ "text": "object"
3012
+ },
3013
+ "default": "{ wrapper: 'flex items-center', button: 'inline-flex items-center focusable text-xs transition-all', suggestion: 'bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold', filter: 's-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted', label: 'pl-12 py-8 rounded-l-full', labelWithoutClose: 'pr-12 rounded-r-full', labelWithClose: 'pr-2', close: 'pr-12 pl-4 py-8 rounded-r-full', closeIcon: 'h-16', a11y: 'sr-only', }"
3014
+ },
3015
+ {
3016
+ "kind": "class",
3017
+ "description": "Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-pill--docs)",
3018
+ "name": "WarpPill",
3019
+ "members": [
3020
+ {
3021
+ "kind": "field",
3022
+ "name": "canClose",
3023
+ "type": {
3024
+ "text": "boolean"
3025
+ },
3026
+ "default": "false",
3027
+ "attribute": "can-close"
3028
+ },
3029
+ {
3030
+ "kind": "field",
3031
+ "name": "suggestion",
3032
+ "type": {
3033
+ "text": "boolean"
3034
+ },
3035
+ "default": "false",
3036
+ "attribute": "suggestion"
3037
+ },
3038
+ {
3039
+ "kind": "field",
3040
+ "name": "openSrLabel",
3041
+ "type": {
3042
+ "text": "string"
3043
+ },
3044
+ "deprecated": "Used \"open-arial-label\" instead.",
3045
+ "attribute": "open-sr-label"
3046
+ },
3047
+ {
3048
+ "kind": "field",
3049
+ "name": "openAriaLabel",
3050
+ "type": {
3051
+ "text": "string"
3052
+ },
3053
+ "attribute": "open-aria-label"
3054
+ },
3055
+ {
3056
+ "kind": "field",
3057
+ "name": "closeSrLabel",
3058
+ "type": {
3059
+ "text": "string"
3060
+ },
3061
+ "deprecated": "Used \"close-arial-label\" instead.",
3062
+ "attribute": "close-sr-label"
3063
+ },
3064
+ {
3065
+ "kind": "field",
3066
+ "name": "closeAriaLabel",
3067
+ "type": {
3068
+ "text": "string"
3069
+ },
3070
+ "attribute": "close-aria-label"
3071
+ },
3072
+ {
3073
+ "kind": "field",
3074
+ "name": "openFilterSrText"
3075
+ },
3076
+ {
3077
+ "kind": "field",
3078
+ "name": "removeFilterSrText"
3079
+ }
3080
+ ],
3081
+ "events": [
3082
+ {
3083
+ "name": "w-pill-click",
3084
+ "type": {
3085
+ "text": "CustomEvent"
3086
+ }
3087
+ },
3088
+ {
3089
+ "name": "w-pill-close",
3090
+ "type": {
3091
+ "text": "CustomEvent"
3092
+ }
3093
+ }
3094
+ ],
3095
+ "attributes": [
3096
+ {
3097
+ "name": "can-close",
3098
+ "type": {
3099
+ "text": "boolean"
3100
+ },
3101
+ "default": "false",
3102
+ "fieldName": "canClose"
3103
+ },
3104
+ {
3105
+ "name": "suggestion",
3106
+ "type": {
3107
+ "text": "boolean"
3108
+ },
3109
+ "default": "false",
3110
+ "fieldName": "suggestion"
3111
+ },
3112
+ {
3113
+ "name": "open-sr-label",
3114
+ "type": {
3115
+ "text": "string"
3116
+ },
3117
+ "deprecated": "Used \"open-arial-label\" instead.",
3118
+ "fieldName": "openSrLabel"
3119
+ },
3120
+ {
3121
+ "name": "open-aria-label",
3122
+ "type": {
3123
+ "text": "string"
3124
+ },
3125
+ "fieldName": "openAriaLabel"
3126
+ },
3127
+ {
3128
+ "name": "close-sr-label",
3129
+ "type": {
3130
+ "text": "string"
3131
+ },
3132
+ "deprecated": "Used \"close-arial-label\" instead.",
3133
+ "fieldName": "closeSrLabel"
3134
+ },
3135
+ {
3136
+ "name": "close-aria-label",
3137
+ "type": {
3138
+ "text": "string"
3139
+ },
3140
+ "fieldName": "closeAriaLabel"
3141
+ }
3142
+ ],
3143
+ "superclass": {
3144
+ "name": "LitElement",
3145
+ "package": "lit"
3146
+ },
3147
+ "tagName": "w-pill",
3148
+ "customElement": true
3149
+ }
3150
+ ],
3151
+ "exports": [
3152
+ {
3153
+ "kind": "js",
3154
+ "name": "pillStyles",
3155
+ "declaration": {
3156
+ "name": "pillStyles",
3157
+ "module": "packages/pill/index.ts"
3158
+ }
3159
+ },
3160
+ {
3161
+ "kind": "custom-element-definition",
3162
+ "name": "w-pill",
3163
+ "declaration": {
3164
+ "name": "WarpPill",
3165
+ "module": "packages/pill/index.ts"
3166
+ }
3167
+ },
3168
+ {
3169
+ "kind": "js",
3170
+ "name": "WarpPill",
3171
+ "declaration": {
3172
+ "name": "WarpPill",
3173
+ "module": "packages/pill/index.ts"
3174
+ }
3175
+ }
3176
+ ]
3177
+ },
3178
+ {
3179
+ "kind": "javascript-module",
3180
+ "path": "packages/rip-and-tear-checkbox/index.ts",
3181
+ "declarations": [],
3182
+ "exports": [
3183
+ {
3184
+ "kind": "custom-element-definition",
3185
+ "name": "w-checkbox",
3186
+ "declaration": {
3187
+ "name": "WCheckbox",
3188
+ "module": "/packages/rip-and-tear-checkbox/checkbox"
3189
+ }
3190
+ }
3191
+ ]
3192
+ },
3193
+ {
3194
+ "kind": "javascript-module",
3195
+ "path": "packages/rip-and-tear-radio/index.ts",
3196
+ "declarations": [],
3197
+ "exports": [
3198
+ {
3199
+ "kind": "custom-element-definition",
3200
+ "name": "w-radio",
3201
+ "declaration": {
3202
+ "name": "WRadio",
3203
+ "module": "/packages/rip-and-tear-radio/radio"
3204
+ }
3205
+ },
3206
+ {
3207
+ "kind": "custom-element-definition",
3208
+ "name": "w-radio-group",
3209
+ "declaration": {
3210
+ "name": "WRadioGroup",
3211
+ "module": "/packages/rip-and-tear-radio/radio-group"
3212
+ }
3213
+ }
3214
+ ]
3215
+ },
3216
+ {
3217
+ "kind": "javascript-module",
3218
+ "path": "packages/select/index.ts",
3219
+ "declarations": [
3220
+ {
3221
+ "kind": "variable",
3222
+ "name": "ccSelect",
3223
+ "type": {
3224
+ "text": "object"
3225
+ },
3226
+ "default": "{ base: 'block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current', default: 's-text s-bg pl-8 border-1 s-border hover:s-border-hover active:s-border-active', disabled: 's-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none', invalid: 's-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!', readOnly: 's-text bg-transparent pl-0 border-0 pointer-events-none before:hidden', wrapper: 'relative', selectWrapper: `relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none `, chevron: 'block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer', chevronDisabled: 'opacity-25', }"
3227
+ },
3228
+ {
3229
+ "kind": "variable",
3230
+ "name": "ccLabel",
3231
+ "type": {
3232
+ "text": "object"
3233
+ },
3234
+ "default": "{ base: 'antialiased block relative text-s font-bold pb-4 cursor-pointer s-text', optional: 'pl-8 font-normal text-s s-text-subtle', }"
3235
+ },
3236
+ {
3237
+ "kind": "variable",
3238
+ "name": "ccHelpText",
3239
+ "type": {
3240
+ "text": "object"
3241
+ },
3242
+ "default": "{ base: 'text-xs mt-4 block', color: 's-text-subtle', colorInvalid: 's-text-negative', }"
3243
+ },
3244
+ {
3245
+ "kind": "class",
3246
+ "description": "A dropdown component for selecting a single value.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-select--docs)",
3247
+ "name": "WarpSelect",
3248
+ "members": [
3249
+ {
3250
+ "kind": "field",
3251
+ "name": "autoFocus",
3252
+ "type": {
3253
+ "text": "boolean"
3254
+ },
3255
+ "description": "Whether the element should receive focus on render",
3256
+ "attribute": "auto-focus",
3257
+ "reflects": true
3258
+ },
3259
+ {
3260
+ "kind": "field",
3261
+ "name": "invalid",
3262
+ "type": {
3263
+ "text": "boolean"
3264
+ },
3265
+ "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
3266
+ "attribute": "invalid",
3267
+ "reflects": true
3268
+ },
3269
+ {
3270
+ "kind": "field",
3271
+ "name": "always",
3272
+ "type": {
3273
+ "text": "boolean"
3274
+ },
3275
+ "description": "Whether to always show a hint",
3276
+ "attribute": "always",
3277
+ "reflects": true
3278
+ },
3279
+ {
3280
+ "kind": "field",
3281
+ "name": "hint",
3282
+ "type": {
3283
+ "text": "string"
3284
+ },
3285
+ "description": "The content displayed as the help text",
3286
+ "attribute": "hint",
3287
+ "reflects": true
3288
+ },
3289
+ {
3290
+ "kind": "field",
3291
+ "name": "label",
3292
+ "type": {
3293
+ "text": "string"
3294
+ },
3295
+ "description": "The content to disply as the label",
3296
+ "attribute": "label",
3297
+ "reflects": true
3298
+ },
3299
+ {
3300
+ "kind": "field",
3301
+ "name": "optional",
3302
+ "type": {
3303
+ "text": "boolean"
3304
+ },
3305
+ "description": "Whether to show optional text",
3306
+ "attribute": "optional",
3307
+ "reflects": true
3308
+ },
3309
+ {
3310
+ "kind": "field",
3311
+ "name": "disabled",
3312
+ "type": {
3313
+ "text": "boolean"
3314
+ },
3315
+ "description": "Renders the field in a disabled state.",
3316
+ "attribute": "disabled",
3317
+ "reflects": true
3318
+ },
3319
+ {
3320
+ "kind": "field",
3321
+ "name": "readOnly",
3322
+ "type": {
3323
+ "text": "boolean"
3324
+ },
3325
+ "description": "Renders the field in a readonly state.",
3326
+ "attribute": "read-only",
3327
+ "reflects": true
3328
+ },
3329
+ {
3330
+ "kind": "field",
3331
+ "name": "name",
3332
+ "type": {
3333
+ "text": "string"
3334
+ },
3335
+ "attribute": "name",
3336
+ "reflects": true
3337
+ },
3338
+ {
3339
+ "kind": "field",
3340
+ "name": "value",
3341
+ "type": {
3342
+ "text": "string"
3343
+ },
3344
+ "attribute": "value",
3345
+ "reflects": true
3346
+ },
3347
+ {
3348
+ "kind": "method",
3349
+ "name": "handleKeyDown",
3350
+ "parameters": [
3351
+ {
3352
+ "name": "event",
3353
+ "type": {
3354
+ "text": "KeyboardEvent"
3355
+ }
3356
+ }
3357
+ ]
3358
+ },
3359
+ {
3360
+ "kind": "field",
3361
+ "name": "#classes",
3362
+ "privacy": "private",
3363
+ "readonly": true
3364
+ },
3365
+ {
3366
+ "kind": "field",
3367
+ "name": "#helpTextClasses",
3368
+ "privacy": "private",
3369
+ "readonly": true
3370
+ },
3371
+ {
3372
+ "kind": "field",
3373
+ "name": "#chevronClasses",
3374
+ "privacy": "private",
3375
+ "readonly": true
3376
+ },
3377
+ {
3378
+ "kind": "field",
3379
+ "name": "#id",
3380
+ "privacy": "private",
3381
+ "readonly": true
3382
+ },
3383
+ {
3384
+ "kind": "field",
3385
+ "name": "#helpId",
3386
+ "privacy": "private",
3387
+ "readonly": true
3388
+ },
3389
+ {
3390
+ "kind": "method",
3391
+ "name": "onChange",
3392
+ "parameters": [
3393
+ {
3394
+ "name": "{ target }"
3395
+ }
3396
+ ]
3397
+ },
3398
+ {
3399
+ "kind": "field",
3400
+ "name": "_options",
3401
+ "attribute": "_options"
3402
+ }
3403
+ ],
3404
+ "attributes": [
3405
+ {
3406
+ "name": "auto-focus",
3407
+ "type": {
3408
+ "text": "boolean"
3409
+ },
3410
+ "description": "Whether the element should receive focus on render",
3411
+ "fieldName": "autoFocus"
3412
+ },
3413
+ {
3414
+ "name": "invalid",
3415
+ "type": {
3416
+ "text": "boolean"
3417
+ },
3418
+ "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
3419
+ "fieldName": "invalid"
3420
+ },
3421
+ {
3422
+ "name": "always",
3423
+ "type": {
3424
+ "text": "boolean"
3425
+ },
3426
+ "description": "Whether to always show a hint",
3427
+ "fieldName": "always"
3428
+ },
3429
+ {
3430
+ "name": "hint",
3431
+ "type": {
3432
+ "text": "string"
3433
+ },
3434
+ "description": "The content displayed as the help text",
3435
+ "fieldName": "hint"
3436
+ },
3437
+ {
3438
+ "name": "label",
3439
+ "type": {
3440
+ "text": "string"
3441
+ },
3442
+ "description": "The content to disply as the label",
3443
+ "fieldName": "label"
3444
+ },
3445
+ {
3446
+ "name": "optional",
3447
+ "type": {
3448
+ "text": "boolean"
3449
+ },
3450
+ "description": "Whether to show optional text",
3451
+ "fieldName": "optional"
3452
+ },
3453
+ {
3454
+ "name": "disabled",
3455
+ "type": {
3456
+ "text": "boolean"
3457
+ },
3458
+ "description": "Renders the field in a disabled state.",
3459
+ "fieldName": "disabled"
3460
+ },
3461
+ {
3462
+ "name": "read-only",
3463
+ "type": {
3464
+ "text": "boolean"
3465
+ },
3466
+ "description": "Renders the field in a readonly state.",
3467
+ "fieldName": "readOnly"
3468
+ },
3469
+ {
3470
+ "name": "_options",
3471
+ "fieldName": "_options"
3472
+ },
3473
+ {
3474
+ "name": "name",
3475
+ "type": {
3476
+ "text": "string"
3477
+ },
3478
+ "fieldName": "name"
3479
+ },
3480
+ {
3481
+ "name": "value",
3482
+ "type": {
3483
+ "text": "string"
3484
+ },
3485
+ "fieldName": "value"
3486
+ }
3487
+ ],
3488
+ "mixins": [
3489
+ {
3490
+ "name": "FormControlMixin",
3491
+ "package": "@open-wc/form-control"
3492
+ }
3493
+ ],
3494
+ "superclass": {
3495
+ "name": "LitElement",
3496
+ "package": "lit"
3497
+ },
3498
+ "tagName": "w-select",
3499
+ "customElement": true
3500
+ }
3501
+ ],
3502
+ "exports": [
3503
+ {
3504
+ "kind": "js",
3505
+ "name": "ccSelect",
3506
+ "declaration": {
3507
+ "name": "ccSelect",
3508
+ "module": "packages/select/index.ts"
3509
+ }
3510
+ },
3511
+ {
3512
+ "kind": "js",
3513
+ "name": "ccLabel",
3514
+ "declaration": {
3515
+ "name": "ccLabel",
3516
+ "module": "packages/select/index.ts"
3517
+ }
3518
+ },
3519
+ {
3520
+ "kind": "js",
3521
+ "name": "ccHelpText",
3522
+ "declaration": {
3523
+ "name": "ccHelpText",
3524
+ "module": "packages/select/index.ts"
3525
+ }
3526
+ },
3527
+ {
3528
+ "kind": "js",
3529
+ "name": "WarpSelect",
3530
+ "declaration": {
3531
+ "name": "WarpSelect",
3532
+ "module": "packages/select/index.ts"
3533
+ }
3534
+ },
3535
+ {
3536
+ "kind": "custom-element-definition",
3537
+ "name": "w-select",
3538
+ "declaration": {
3539
+ "name": "WarpSelect",
3540
+ "module": "packages/select/index.ts"
3541
+ }
3542
+ }
3543
+ ]
3544
+ },
3545
+ {
3546
+ "kind": "javascript-module",
3547
+ "path": "packages/steps/index.ts",
3548
+ "declarations": [
3549
+ {
3550
+ "kind": "class",
3551
+ "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)",
3552
+ "name": "WarpSteps",
3553
+ "members": [
3554
+ {
3555
+ "kind": "field",
3556
+ "name": "horizontal",
3557
+ "type": {
3558
+ "text": "boolean"
3559
+ },
3560
+ "default": "false",
3561
+ "attribute": "horizontal",
3562
+ "reflects": true
3563
+ },
3564
+ {
3565
+ "kind": "field",
3566
+ "name": "right",
3567
+ "type": {
3568
+ "text": "boolean"
3569
+ },
3570
+ "default": "false",
3571
+ "attribute": "right",
3572
+ "reflects": true
3573
+ },
3574
+ {
3575
+ "kind": "method",
3576
+ "name": "updateStepsContext"
3577
+ }
3578
+ ],
3579
+ "attributes": [
3580
+ {
3581
+ "name": "horizontal",
3582
+ "type": {
3583
+ "text": "boolean"
3584
+ },
3585
+ "default": "false",
3586
+ "fieldName": "horizontal"
3587
+ },
3588
+ {
3589
+ "name": "right",
3590
+ "type": {
3591
+ "text": "boolean"
3592
+ },
3593
+ "default": "false",
3594
+ "fieldName": "right"
3595
+ }
3596
+ ],
3597
+ "superclass": {
3598
+ "name": "LitElement",
3599
+ "package": "lit"
3600
+ },
3601
+ "tagName": "w-steps",
3602
+ "customElement": true
3603
+ },
3604
+ {
3605
+ "kind": "class",
3606
+ "description": "Individual step component that shows a single step in a process",
3607
+ "name": "WarpStep",
3608
+ "members": [
3609
+ {
3610
+ "kind": "field",
3611
+ "name": "active",
3612
+ "type": {
3613
+ "text": "boolean"
3614
+ },
3615
+ "default": "false",
3616
+ "attribute": "active",
3617
+ "reflects": true
3618
+ },
3619
+ {
3620
+ "kind": "field",
3621
+ "name": "completed",
3622
+ "type": {
3623
+ "text": "boolean"
3624
+ },
3625
+ "default": "false",
3626
+ "attribute": "completed",
3627
+ "reflects": true
3628
+ },
3629
+ {
3630
+ "kind": "field",
3631
+ "name": "_context",
3632
+ "type": {
3633
+ "text": "StepsContext"
3634
+ },
3635
+ "privacy": "private",
3636
+ "default": "{ horizontal: false, right: false, isLast: false, isFirst: false }"
3637
+ },
3638
+ {
3639
+ "kind": "method",
3640
+ "name": "setContext",
3641
+ "parameters": [
3642
+ {
3643
+ "name": "context",
3644
+ "type": {
3645
+ "text": "StepsContext"
3646
+ }
3647
+ }
3648
+ ]
3649
+ },
3650
+ {
3651
+ "kind": "method",
3652
+ "name": "getAriaLabel"
3653
+ }
3654
+ ],
3655
+ "attributes": [
3656
+ {
3657
+ "name": "active",
3658
+ "type": {
3659
+ "text": "boolean"
3660
+ },
3661
+ "default": "false",
3662
+ "fieldName": "active"
3663
+ },
3664
+ {
3665
+ "name": "completed",
3666
+ "type": {
3667
+ "text": "boolean"
3668
+ },
3669
+ "default": "false",
3670
+ "fieldName": "completed"
3671
+ }
3672
+ ],
3673
+ "superclass": {
3674
+ "name": "LitElement",
3675
+ "package": "lit"
3676
+ },
3677
+ "tagName": "w-step",
3678
+ "customElement": true
3679
+ }
3680
+ ],
3681
+ "exports": [
3682
+ {
3683
+ "kind": "custom-element-definition",
3684
+ "name": "w-steps",
3685
+ "declaration": {
3686
+ "name": "WarpSteps",
3687
+ "module": "packages/steps/index.ts"
3688
+ }
3689
+ },
3690
+ {
3691
+ "kind": "custom-element-definition",
3692
+ "name": "w-step",
3693
+ "declaration": {
3694
+ "name": "WarpStep",
3695
+ "module": "packages/steps/index.ts"
3696
+ }
3697
+ },
3698
+ {
3699
+ "kind": "js",
3700
+ "name": "WarpSteps",
3701
+ "declaration": {
3702
+ "name": "WarpSteps",
3703
+ "module": "packages/steps/index.ts"
3704
+ }
3705
+ },
3706
+ {
3707
+ "kind": "js",
3708
+ "name": "WarpStep",
3709
+ "declaration": {
3710
+ "name": "WarpStep",
3711
+ "module": "packages/steps/index.ts"
3712
+ }
3713
+ }
3714
+ ]
3715
+ },
3716
+ {
3717
+ "kind": "javascript-module",
3718
+ "path": "packages/switch/index.ts",
3719
+ "declarations": [
3720
+ {
3721
+ "kind": "class",
3722
+ "description": "",
3723
+ "name": "WarpSwitch",
3724
+ "members": [
3725
+ {
3726
+ "kind": "field",
3727
+ "name": "value",
3728
+ "type": {
3729
+ "text": "boolean"
3730
+ },
3731
+ "default": "false",
3732
+ "attribute": "value",
3733
+ "reflects": true
3734
+ },
3735
+ {
3736
+ "kind": "field",
3737
+ "name": "disabled",
3738
+ "type": {
3739
+ "text": "boolean"
3740
+ },
3741
+ "default": "false",
3742
+ "attribute": "disabled",
3743
+ "reflects": true
3744
+ }
3745
+ ],
3746
+ "events": [
3747
+ {
3748
+ "name": "change",
3749
+ "type": {
3750
+ "text": "CustomEvent"
3751
+ }
3752
+ }
3753
+ ],
3754
+ "attributes": [
3755
+ {
3756
+ "name": "value",
3757
+ "type": {
3758
+ "text": "boolean"
3759
+ },
3760
+ "default": "false",
3761
+ "fieldName": "value"
3762
+ },
3763
+ {
3764
+ "name": "disabled",
3765
+ "type": {
3766
+ "text": "boolean"
3767
+ },
3768
+ "default": "false",
3769
+ "fieldName": "disabled"
3770
+ }
3771
+ ],
3772
+ "superclass": {
3773
+ "name": "LitElement",
3774
+ "package": "lit"
3775
+ },
3776
+ "tagName": "w-switch",
3777
+ "customElement": true
3778
+ }
3779
+ ],
3780
+ "exports": [
3781
+ {
3782
+ "kind": "js",
3783
+ "name": "WarpSwitch",
3784
+ "declaration": {
3785
+ "name": "WarpSwitch",
3786
+ "module": "packages/switch/index.ts"
3787
+ }
3788
+ },
3789
+ {
3790
+ "kind": "custom-element-definition",
3791
+ "name": "w-switch",
3792
+ "declaration": {
3793
+ "name": "WarpSwitch",
3794
+ "module": "packages/switch/index.ts"
3795
+ }
3796
+ }
3797
+ ]
3798
+ },
3799
+ {
3800
+ "kind": "javascript-module",
3801
+ "path": "packages/tabs/index.ts",
3802
+ "declarations": [],
3803
+ "exports": [
3804
+ {
3805
+ "kind": "js",
3806
+ "name": "WarpTabs",
3807
+ "declaration": {
3808
+ "name": "WarpTabs",
3809
+ "module": "./tabs.js"
3810
+ }
3811
+ },
3812
+ {
3813
+ "kind": "js",
3814
+ "name": "WarpTab",
3815
+ "declaration": {
3816
+ "name": "WarpTab",
3817
+ "module": "./tab.js"
3818
+ }
3819
+ },
3820
+ {
3821
+ "kind": "js",
3822
+ "name": "WarpTabPanel",
3823
+ "declaration": {
3824
+ "name": "WarpTabPanel",
3825
+ "module": "./tab-panel.js"
3826
+ }
3827
+ },
3828
+ {
3829
+ "kind": "js",
3830
+ "name": "TabChangeEvent",
3831
+ "declaration": {
3832
+ "name": "TabChangeEvent",
3833
+ "module": "./tabs.js"
3834
+ }
3835
+ }
3836
+ ]
3837
+ },
3838
+ {
3839
+ "kind": "javascript-module",
3840
+ "path": "packages/textfield/index.ts",
3841
+ "declarations": [
3842
+ {
3843
+ "kind": "variable",
3844
+ "name": "ccinput",
3845
+ "type": {
3846
+ "text": "object"
3847
+ },
3848
+ "default": "{ // wrapper classes wrapper: 'relative', // input classes base: 'block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current', // true default: 'border-1 s-text s-bg s-border hover:s-border-hover active:s-border-selected', // !isInvalid && !isDisabled && !isReadOnly disabled: 'border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none', // !isInvalid && isDisabled && !isReadOnly invalid: 'border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!', // isInvalid && !isDisabled && !isReadOnly readOnly: 'pl-0 bg-transparent pointer-events-none', // !isInvalid && !isDisabled && isReadOnly placeholder: 'placeholder:s-text-placeholder', suffix: 'pr-40', prefix: 'pl-[var(--w-prefix-width,_40px)]', // textarea classes textArea: 'min-h-[42] sm:min-h-[45]', }"
3849
+ },
3850
+ {
3851
+ "kind": "variable",
3852
+ "name": "ccLabel",
3853
+ "type": {
3854
+ "text": "object"
3855
+ },
3856
+ "default": "{ base: 'antialiased block relative text-s font-bold pb-4 cursor-pointer s-text', optional: 'pl-8 font-normal text-s s-text-subtle', }"
3857
+ },
3858
+ {
3859
+ "kind": "variable",
3860
+ "name": "ccHelpText",
3861
+ "type": {
3862
+ "text": "object"
3863
+ },
3864
+ "default": "{ base: 'text-xs mt-4 block', color: 's-text-subtle', colorInvalid: 's-text-negative', }"
3865
+ },
3866
+ {
3867
+ "kind": "class",
3868
+ "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)",
3869
+ "name": "WarpTextField",
3870
+ "members": [
3871
+ {
3872
+ "kind": "field",
3873
+ "name": "shadowRootOptions",
3874
+ "type": {
3875
+ "text": "object"
3876
+ },
3877
+ "static": true,
3878
+ "default": "{ ...WarpElement.shadowRootOptions, delegatesFocus: true, }"
3879
+ },
3880
+ {
3881
+ "kind": "field",
3882
+ "name": "disabled",
3883
+ "type": {
3884
+ "text": "boolean"
3885
+ },
3886
+ "attribute": "disabled",
3887
+ "reflects": true
3888
+ },
3889
+ {
3890
+ "kind": "field",
3891
+ "name": "invalid",
3892
+ "type": {
3893
+ "text": "boolean"
3894
+ },
3895
+ "attribute": "invalid",
3896
+ "reflects": true
3897
+ },
3898
+ {
3899
+ "kind": "field",
3900
+ "name": "id",
3901
+ "type": {
3902
+ "text": "string"
3903
+ },
3904
+ "attribute": "id",
3905
+ "reflects": true
3906
+ },
3907
+ {
3908
+ "kind": "field",
3909
+ "name": "label",
3910
+ "type": {
3911
+ "text": "string"
3912
+ },
3913
+ "attribute": "label",
3914
+ "reflects": true
3915
+ },
3916
+ {
3917
+ "kind": "field",
3918
+ "name": "helpText",
3919
+ "type": {
3920
+ "text": "string"
3921
+ },
3922
+ "attribute": "help-text",
3923
+ "reflects": true
3924
+ },
3925
+ {
3926
+ "kind": "field",
3927
+ "name": "size",
3928
+ "type": {
3929
+ "text": "string"
3930
+ },
3931
+ "attribute": "size",
3932
+ "reflects": true
3933
+ },
3934
+ {
3935
+ "kind": "field",
3936
+ "name": "max",
3937
+ "type": {
3938
+ "text": "number"
3939
+ },
3940
+ "attribute": "max",
3941
+ "reflects": true
3942
+ },
3943
+ {
3944
+ "kind": "field",
3945
+ "name": "min",
3946
+ "type": {
3947
+ "text": "number"
3948
+ },
3949
+ "attribute": "min",
3950
+ "reflects": true
3951
+ },
3952
+ {
3953
+ "kind": "field",
3954
+ "name": "minLength",
3955
+ "type": {
3956
+ "text": "number"
3957
+ },
3958
+ "attribute": "min-length",
3959
+ "reflects": true
3960
+ },
3961
+ {
3962
+ "kind": "field",
3963
+ "name": "maxLength",
3964
+ "type": {
3965
+ "text": "number"
3966
+ },
3967
+ "attribute": "max-length",
3968
+ "reflects": true
3969
+ },
3970
+ {
3971
+ "kind": "field",
3972
+ "name": "pattern",
3973
+ "type": {
3974
+ "text": "string"
3975
+ },
3976
+ "attribute": "pattern",
3977
+ "reflects": true
3978
+ },
3979
+ {
3980
+ "kind": "field",
3981
+ "name": "placeholder",
3982
+ "type": {
3983
+ "text": "string"
3984
+ },
3985
+ "attribute": "placeholder",
3986
+ "reflects": true
3987
+ },
3988
+ {
3989
+ "kind": "field",
3990
+ "name": "readOnly",
3991
+ "type": {
3992
+ "text": "boolean"
3993
+ },
3994
+ "attribute": "read-only",
3995
+ "reflects": true
3996
+ },
3997
+ {
3998
+ "kind": "field",
3999
+ "name": "required",
4000
+ "type": {
4001
+ "text": "boolean"
4002
+ },
4003
+ "attribute": "required",
4004
+ "reflects": true
4005
+ },
4006
+ {
4007
+ "kind": "field",
4008
+ "name": "type",
4009
+ "type": {
4010
+ "text": "string"
4011
+ },
4012
+ "default": "'text'",
4013
+ "attribute": "type",
4014
+ "reflects": true
4015
+ },
4016
+ {
4017
+ "kind": "field",
4018
+ "name": "value",
4019
+ "type": {
4020
+ "text": "string"
4021
+ },
4022
+ "attribute": "value",
4023
+ "reflects": true
4024
+ },
4025
+ {
4026
+ "kind": "field",
4027
+ "name": "name",
4028
+ "type": {
4029
+ "text": "string"
4030
+ },
4031
+ "attribute": "name",
4032
+ "reflects": true
4033
+ },
4034
+ {
4035
+ "kind": "method",
4036
+ "name": "handler",
4037
+ "parameters": [
4038
+ {
4039
+ "name": "e",
4040
+ "type": {
4041
+ "text": "Event"
4042
+ }
4043
+ }
4044
+ ]
4045
+ },
4046
+ {
4047
+ "kind": "method",
4048
+ "name": "prefixSlotChange"
4049
+ },
4050
+ {
4051
+ "kind": "method",
4052
+ "name": "suffixSlotChange"
4053
+ }
4054
+ ],
4055
+ "attributes": [
4056
+ {
4057
+ "name": "disabled",
4058
+ "type": {
4059
+ "text": "boolean"
4060
+ },
4061
+ "fieldName": "disabled"
4062
+ },
4063
+ {
4064
+ "name": "invalid",
4065
+ "type": {
4066
+ "text": "boolean"
4067
+ },
4068
+ "fieldName": "invalid"
4069
+ },
4070
+ {
4071
+ "name": "id",
4072
+ "type": {
4073
+ "text": "string"
4074
+ },
4075
+ "fieldName": "id"
4076
+ },
4077
+ {
4078
+ "name": "label",
4079
+ "type": {
4080
+ "text": "string"
4081
+ },
4082
+ "fieldName": "label"
4083
+ },
4084
+ {
4085
+ "name": "help-text",
4086
+ "type": {
4087
+ "text": "string"
4088
+ },
4089
+ "fieldName": "helpText"
4090
+ },
4091
+ {
4092
+ "name": "size",
4093
+ "type": {
4094
+ "text": "string"
4095
+ },
4096
+ "fieldName": "size"
4097
+ },
4098
+ {
4099
+ "name": "max",
4100
+ "type": {
4101
+ "text": "number"
4102
+ },
4103
+ "fieldName": "max"
4104
+ },
4105
+ {
4106
+ "name": "min",
4107
+ "type": {
4108
+ "text": "number"
4109
+ },
4110
+ "fieldName": "min"
4111
+ },
4112
+ {
4113
+ "name": "min-length",
4114
+ "type": {
4115
+ "text": "number"
4116
+ },
4117
+ "fieldName": "minLength"
4118
+ },
4119
+ {
4120
+ "name": "max-length",
4121
+ "type": {
4122
+ "text": "number"
4123
+ },
4124
+ "fieldName": "maxLength"
4125
+ },
4126
+ {
4127
+ "name": "pattern",
4128
+ "type": {
4129
+ "text": "string"
4130
+ },
4131
+ "fieldName": "pattern"
4132
+ },
4133
+ {
4134
+ "name": "placeholder",
4135
+ "type": {
4136
+ "text": "string"
4137
+ },
4138
+ "fieldName": "placeholder"
4139
+ },
4140
+ {
4141
+ "name": "read-only",
4142
+ "type": {
4143
+ "text": "boolean"
4144
+ },
4145
+ "fieldName": "readOnly"
4146
+ },
4147
+ {
4148
+ "name": "required",
4149
+ "type": {
4150
+ "text": "boolean"
4151
+ },
4152
+ "fieldName": "required"
4153
+ },
4154
+ {
4155
+ "name": "type",
4156
+ "type": {
4157
+ "text": "string"
4158
+ },
4159
+ "default": "'text'",
4160
+ "fieldName": "type"
4161
+ },
4162
+ {
4163
+ "name": "value",
4164
+ "type": {
4165
+ "text": "string"
4166
+ },
4167
+ "fieldName": "value"
4168
+ },
4169
+ {
4170
+ "name": "name",
4171
+ "type": {
4172
+ "text": "string"
4173
+ },
4174
+ "fieldName": "name"
4175
+ }
4176
+ ],
4177
+ "mixins": [
4178
+ {
4179
+ "name": "FormControlMixin",
4180
+ "package": "@open-wc/form-control"
4181
+ }
4182
+ ],
4183
+ "superclass": {
4184
+ "name": "LitElement",
4185
+ "package": "lit"
4186
+ },
4187
+ "tagName": "w-textfield",
4188
+ "customElement": true
4189
+ }
4190
+ ],
4191
+ "exports": [
4192
+ {
4193
+ "kind": "js",
4194
+ "name": "ccinput",
4195
+ "declaration": {
4196
+ "name": "ccinput",
4197
+ "module": "packages/textfield/index.ts"
4198
+ }
4199
+ },
4200
+ {
4201
+ "kind": "js",
4202
+ "name": "ccLabel",
4203
+ "declaration": {
4204
+ "name": "ccLabel",
4205
+ "module": "packages/textfield/index.ts"
4206
+ }
4207
+ },
4208
+ {
4209
+ "kind": "js",
4210
+ "name": "ccHelpText",
4211
+ "declaration": {
4212
+ "name": "ccHelpText",
4213
+ "module": "packages/textfield/index.ts"
4214
+ }
4215
+ },
4216
+ {
4217
+ "kind": "custom-element-definition",
4218
+ "name": "w-textfield",
4219
+ "declaration": {
4220
+ "name": "WarpTextField",
4221
+ "module": "packages/textfield/index.ts"
4222
+ }
4223
+ },
4224
+ {
4225
+ "kind": "js",
4226
+ "name": "WarpTextField",
4227
+ "declaration": {
4228
+ "name": "WarpTextField",
4229
+ "module": "packages/textfield/index.ts"
4230
+ }
4231
+ }
4232
+ ]
4233
+ },
4234
+ {
4235
+ "kind": "javascript-module",
4236
+ "path": "packages/toast/index.ts",
4237
+ "declarations": [],
4238
+ "exports": [
4239
+ {
4240
+ "kind": "js",
4241
+ "name": "WarpToast",
4242
+ "declaration": {
4243
+ "name": "WarpToast",
4244
+ "module": "./toast"
4245
+ }
4246
+ },
4247
+ {
4248
+ "kind": "js",
4249
+ "name": "WarpToastContainer",
4250
+ "declaration": {
4251
+ "name": "WarpToastContainer",
4252
+ "module": "./toast-container"
4253
+ }
4254
+ },
4255
+ {
4256
+ "kind": "js",
4257
+ "name": "toast",
4258
+ "declaration": {
4259
+ "name": "toast",
4260
+ "module": "./api"
4261
+ }
4262
+ },
4263
+ {
4264
+ "kind": "js",
4265
+ "name": "updateToast",
4266
+ "declaration": {
4267
+ "name": "updateToast",
4268
+ "module": "./api"
4269
+ }
4270
+ },
4271
+ {
4272
+ "kind": "js",
4273
+ "name": "removeToast",
4274
+ "declaration": {
4275
+ "name": "removeToast",
4276
+ "module": "./api"
4277
+ }
4278
+ }
4279
+ ]
4280
+ }
4281
+ ]
4282
+ }