@warp-ds/elements 2.2.0-next.3 → 2.2.0-next.5

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 (177) 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 +2 -2
  5. package/dist/custom-elements.json +3298 -0
  6. package/dist/index.css +2 -0
  7. package/dist/index.css.map +7 -0
  8. package/dist/index.d.ts +4 -0
  9. package/dist/index.js +502 -7208
  10. package/dist/index.js.map +4 -4
  11. package/dist/packages/affix/affix.stories.d.ts +10 -0
  12. package/dist/packages/affix/affix.test.d.ts +1 -0
  13. package/dist/packages/affix/index.d.ts +52 -24
  14. package/dist/packages/affix/index.js +2448 -2240
  15. package/dist/packages/affix/index.js.map +4 -4
  16. package/dist/packages/affix/react.d.ts +2 -0
  17. package/dist/packages/affix/react.js +2482 -0
  18. package/dist/packages/affix/react.js.map +7 -0
  19. package/dist/packages/affix/styles.d.ts +1 -0
  20. package/dist/packages/alert/alert.stories.d.ts +15 -0
  21. package/dist/packages/alert/alert.test.d.ts +1 -0
  22. package/dist/packages/alert/index.d.ts +29 -18
  23. package/dist/packages/alert/index.js +2452 -2446
  24. package/dist/packages/alert/index.js.map +4 -4
  25. package/dist/packages/alert/react.d.ts +2 -0
  26. package/dist/packages/alert/react.js +2492 -0
  27. package/dist/packages/alert/react.js.map +7 -0
  28. package/dist/packages/alert/styles.d.ts +1 -0
  29. package/dist/packages/attention/attention.stories.d.ts +10 -0
  30. package/dist/packages/attention/index.d.ts +14 -1
  31. package/dist/packages/attention/index.js +17 -3979
  32. package/dist/packages/attention/index.js.map +4 -4
  33. package/dist/packages/badge/badge.stories.d.ts +17 -0
  34. package/dist/packages/badge/badge.test.d.ts +1 -0
  35. package/dist/packages/badge/index.d.ts +17 -12
  36. package/dist/packages/badge/index.js +2441 -300
  37. package/dist/packages/badge/index.js.map +4 -4
  38. package/dist/packages/badge/react.d.ts +2 -0
  39. package/dist/packages/badge/react.js +2465 -0
  40. package/dist/packages/badge/react.js.map +7 -0
  41. package/dist/packages/badge/styles.d.ts +1 -0
  42. package/dist/packages/box/box.stories.d.ts +14 -0
  43. package/dist/packages/box/box.test.d.ts +1 -0
  44. package/dist/packages/box/index.d.ts +21 -21
  45. package/dist/packages/box/index.js +2441 -304
  46. package/dist/packages/box/index.js.map +4 -4
  47. package/dist/packages/box/react.d.ts +2 -0
  48. package/dist/packages/box/react.js +2465 -0
  49. package/dist/packages/box/react.js.map +7 -0
  50. package/dist/packages/box/slot.test.d.ts +1 -0
  51. package/dist/packages/box/styles.d.ts +1 -0
  52. package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +12 -0
  53. package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -0
  54. package/dist/packages/breadcrumbs/index.d.ts +24 -16
  55. package/dist/packages/breadcrumbs/index.js +2402 -2051
  56. package/dist/packages/breadcrumbs/index.js.map +4 -4
  57. package/dist/packages/breadcrumbs/react.d.ts +2 -0
  58. package/dist/packages/breadcrumbs/react.js +2475 -0
  59. package/dist/packages/breadcrumbs/react.js.map +7 -0
  60. package/dist/packages/breadcrumbs/styles.d.ts +1 -0
  61. package/dist/packages/button/button.stories.d.ts +21 -0
  62. package/dist/packages/button/button.test.d.ts +1 -1
  63. package/dist/packages/button/index.d.ts +84 -9
  64. package/dist/packages/button/index.js +2407 -2426
  65. package/dist/packages/button/index.js.map +4 -4
  66. package/dist/packages/button/react.d.ts +2 -0
  67. package/dist/packages/button/react.js +2480 -0
  68. package/dist/packages/button/react.js.map +7 -0
  69. package/dist/packages/button/styles.d.ts +1 -0
  70. package/dist/packages/card/card.stories.d.ts +15 -0
  71. package/dist/packages/card/card.test.d.ts +1 -0
  72. package/dist/packages/card/index.d.ts +33 -17
  73. package/dist/packages/card/index.js +2403 -2067
  74. package/dist/packages/card/index.js.map +4 -4
  75. package/dist/packages/card/react.d.ts +2 -0
  76. package/dist/packages/card/react.js +2487 -0
  77. package/dist/packages/card/react.js.map +7 -0
  78. package/dist/packages/card/styles.d.ts +1 -0
  79. package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +10 -0
  80. package/dist/packages/dead-toggle/dead-toggle.test.d.ts +1 -0
  81. package/dist/packages/dead-toggle/index.d.ts +21 -0
  82. package/dist/packages/dead-toggle/index.js +2487 -0
  83. package/dist/packages/dead-toggle/index.js.map +7 -0
  84. package/dist/packages/dead-toggle/react.d.ts +2 -0
  85. package/dist/packages/dead-toggle/react.js +2507 -0
  86. package/dist/packages/dead-toggle/react.js.map +7 -0
  87. package/dist/packages/expandable/expandable.stories.d.ts +19 -0
  88. package/dist/packages/expandable/expandable.test.d.ts +1 -0
  89. package/dist/packages/expandable/index.d.ts +55 -50
  90. package/dist/packages/expandable/index.js +2416 -2287
  91. package/dist/packages/expandable/index.js.map +4 -4
  92. package/dist/packages/expandable/react.d.ts +2 -0
  93. package/dist/packages/expandable/react.js +2495 -0
  94. package/dist/packages/expandable/react.js.map +7 -0
  95. package/dist/packages/expandable/styles.d.ts +1 -0
  96. package/dist/packages/modal/index.d.ts +5 -6
  97. package/dist/packages/modal/index.js +2620 -2497
  98. package/dist/packages/modal/index.js.map +4 -4
  99. package/dist/packages/modal/modal-footer.d.ts +17 -10
  100. package/dist/packages/modal/modal-header.d.ts +20 -13
  101. package/dist/packages/modal/modal-main.d.ts +19 -8
  102. package/dist/packages/modal/modal.stories.d.ts +19 -0
  103. package/dist/packages/modal/react.d.ts +4 -0
  104. package/dist/packages/modal/react.js +2754 -0
  105. package/dist/packages/modal/react.js.map +7 -0
  106. package/dist/packages/modal/util.d.ts +7 -17
  107. package/dist/packages/pagination/index.d.ts +34 -0
  108. package/dist/packages/pagination/index.js +2486 -0
  109. package/dist/packages/pagination/index.js.map +7 -0
  110. package/dist/packages/pagination/locales/da/messages.d.mts +1 -0
  111. package/dist/packages/pagination/locales/en/messages.d.mts +1 -0
  112. package/dist/packages/pagination/locales/fi/messages.d.mts +1 -0
  113. package/dist/packages/pagination/locales/nb/messages.d.mts +1 -0
  114. package/dist/packages/pagination/locales/sv/messages.d.mts +1 -0
  115. package/dist/packages/pagination/pagination.stories.d.ts +14 -0
  116. package/dist/packages/pagination/pagination.test.d.ts +1 -0
  117. package/dist/packages/pagination/react.d.ts +2 -0
  118. package/dist/packages/pagination/react.js +2506 -0
  119. package/dist/packages/pagination/react.js.map +7 -0
  120. package/dist/packages/pagination/styles.d.ts +1 -0
  121. package/dist/packages/pill/index.d.ts +44 -23
  122. package/dist/packages/pill/index.js +2408 -2175
  123. package/dist/packages/pill/index.js.map +4 -4
  124. package/dist/packages/pill/pill.stories.d.ts +12 -0
  125. package/dist/packages/pill/pill.test.d.ts +1 -0
  126. package/dist/packages/pill/styles.d.ts +1 -0
  127. package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +64 -0
  128. package/dist/packages/rip-and-tear-checkbox/index.css +2 -0
  129. package/dist/packages/rip-and-tear-checkbox/index.css.map +7 -0
  130. package/dist/packages/rip-and-tear-checkbox/index.d.ts +6 -0
  131. package/dist/packages/rip-and-tear-checkbox/index.js +36 -0
  132. package/dist/packages/rip-and-tear-checkbox/index.js.map +7 -0
  133. package/dist/packages/rip-and-tear-radio/base-element.d.ts +46 -0
  134. package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts +6 -0
  135. package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts +103 -0
  136. package/dist/packages/rip-and-tear-radio/index.css +2 -0
  137. package/dist/packages/rip-and-tear-radio/index.css.map +7 -0
  138. package/dist/packages/rip-and-tear-radio/index.d.ts +8 -0
  139. package/dist/packages/rip-and-tear-radio/index.js +34 -0
  140. package/dist/packages/rip-and-tear-radio/index.js.map +7 -0
  141. package/dist/packages/rip-and-tear-radio/invalid.d.ts +8 -0
  142. package/dist/packages/rip-and-tear-radio/math.d.ts +1 -0
  143. package/dist/packages/rip-and-tear-radio/radio-group.d.ts +72 -0
  144. package/dist/packages/rip-and-tear-radio/radio.d.ts +38 -0
  145. package/dist/packages/rip-and-tear-radio/required-validator.d.ts +11 -0
  146. package/dist/packages/rip-and-tear-radio/slot.d.ts +20 -0
  147. package/dist/packages/rip-and-tear-radio/watch.d.ts +26 -0
  148. package/dist/packages/select/index.d.ts +59 -58
  149. package/dist/packages/select/index.js +2421 -2533
  150. package/dist/packages/select/index.js.map +4 -4
  151. package/dist/packages/select/react.d.ts +2 -0
  152. package/dist/packages/select/react.js +2494 -0
  153. package/dist/packages/select/react.js.map +7 -0
  154. package/dist/packages/select/select.stories.d.ts +10 -0
  155. package/dist/packages/select/select.test.d.ts +1 -0
  156. package/dist/packages/select/styles.d.ts +1 -0
  157. package/dist/packages/textfield/index.d.ts +72 -74
  158. package/dist/packages/textfield/index.js +2455 -698
  159. package/dist/packages/textfield/index.js.map +4 -4
  160. package/dist/packages/textfield/react.d.ts +2 -0
  161. package/dist/packages/textfield/react.js +2490 -0
  162. package/dist/packages/textfield/react.js.map +7 -0
  163. package/dist/packages/textfield/styles.d.ts +1 -0
  164. package/dist/packages/textfield/textfield.stories.d.ts +17 -0
  165. package/dist/packages/textfield/textfield.test.d.ts +1 -0
  166. package/dist/packages/toast/index.js +24 -2784
  167. package/dist/packages/toast/index.js.map +4 -4
  168. package/dist/packages/toast/toast-container.d.ts +16 -0
  169. package/dist/packages/toast/toast.d.ts +20 -0
  170. package/dist/packages/toast/toast.stories.d.ts +12 -0
  171. package/dist/packages/utils/index.d.ts +1 -1
  172. package/dist/packages/utils/unstyled-heading.d.ts +1 -1
  173. package/dist/setup-tests.d.ts +1 -0
  174. package/dist/vscode.css-custom-data.json +6 -0
  175. package/dist/vscode.html-custom-data.json +313 -0
  176. package/dist/web-types.json +707 -0
  177. package/package.json +61 -18
@@ -0,0 +1,3298 @@
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/alert/index.ts",
147
+ "declarations": [
148
+ {
149
+ "kind": "class",
150
+ "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)",
151
+ "name": "WarpAlert",
152
+ "members": [
153
+ {
154
+ "kind": "field",
155
+ "name": "variant",
156
+ "type": {
157
+ "text": "AlertVariants"
158
+ },
159
+ "default": "'info'",
160
+ "attribute": "variant",
161
+ "reflects": true,
162
+ "parsedType": {
163
+ "text": "'negative' | 'positive' | 'warning' | 'info'"
164
+ }
165
+ },
166
+ {
167
+ "kind": "field",
168
+ "name": "show",
169
+ "type": {
170
+ "text": "boolean"
171
+ },
172
+ "default": "false",
173
+ "attribute": "show",
174
+ "reflects": true
175
+ },
176
+ {
177
+ "kind": "field",
178
+ "name": "role",
179
+ "type": {
180
+ "text": "string"
181
+ },
182
+ "default": "'alert'",
183
+ "attribute": "role",
184
+ "reflects": true
185
+ }
186
+ ],
187
+ "attributes": [
188
+ {
189
+ "name": "variant",
190
+ "type": {
191
+ "text": "AlertVariants"
192
+ },
193
+ "default": "'info'",
194
+ "fieldName": "variant",
195
+ "parsedType": {
196
+ "text": "'negative' | 'positive' | 'warning' | 'info'"
197
+ }
198
+ },
199
+ {
200
+ "name": "show",
201
+ "type": {
202
+ "text": "boolean"
203
+ },
204
+ "default": "false",
205
+ "fieldName": "show"
206
+ },
207
+ {
208
+ "name": "role",
209
+ "type": {
210
+ "text": "string"
211
+ },
212
+ "default": "'alert'",
213
+ "fieldName": "role"
214
+ }
215
+ ],
216
+ "superclass": {
217
+ "name": "LitElement",
218
+ "package": "lit"
219
+ },
220
+ "tagName": "w-alert",
221
+ "customElement": true
222
+ }
223
+ ],
224
+ "exports": [
225
+ {
226
+ "kind": "custom-element-definition",
227
+ "name": "w-alert",
228
+ "declaration": {
229
+ "name": "WarpAlert",
230
+ "module": "packages/alert/index.ts"
231
+ }
232
+ },
233
+ {
234
+ "kind": "js",
235
+ "name": "WarpAlert",
236
+ "declaration": {
237
+ "name": "WarpAlert",
238
+ "module": "packages/alert/index.ts"
239
+ }
240
+ }
241
+ ]
242
+ },
243
+ {
244
+ "kind": "javascript-module",
245
+ "path": "packages/badge/index.ts",
246
+ "declarations": [
247
+ {
248
+ "kind": "class",
249
+ "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)",
250
+ "name": "WarpBadge",
251
+ "members": [
252
+ {
253
+ "kind": "field",
254
+ "name": "variant",
255
+ "type": {
256
+ "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
257
+ },
258
+ "default": "'neutral'",
259
+ "attribute": "variant",
260
+ "reflects": true
261
+ },
262
+ {
263
+ "kind": "field",
264
+ "name": "position",
265
+ "type": {
266
+ "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
267
+ },
268
+ "attribute": "position",
269
+ "reflects": true
270
+ }
271
+ ],
272
+ "attributes": [
273
+ {
274
+ "name": "variant",
275
+ "type": {
276
+ "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
277
+ },
278
+ "default": "'neutral'",
279
+ "fieldName": "variant"
280
+ },
281
+ {
282
+ "name": "position",
283
+ "type": {
284
+ "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
285
+ },
286
+ "fieldName": "position"
287
+ }
288
+ ],
289
+ "superclass": {
290
+ "name": "LitElement",
291
+ "package": "lit"
292
+ },
293
+ "tagName": "w-badge",
294
+ "customElement": true
295
+ }
296
+ ],
297
+ "exports": [
298
+ {
299
+ "kind": "custom-element-definition",
300
+ "name": "w-badge",
301
+ "declaration": {
302
+ "name": "WarpBadge",
303
+ "module": "packages/badge/index.ts"
304
+ }
305
+ },
306
+ {
307
+ "kind": "js",
308
+ "name": "WarpBadge",
309
+ "declaration": {
310
+ "name": "WarpBadge",
311
+ "module": "packages/badge/index.ts"
312
+ }
313
+ }
314
+ ]
315
+ },
316
+ {
317
+ "kind": "javascript-module",
318
+ "path": "packages/box/index.ts",
319
+ "declarations": [
320
+ {
321
+ "kind": "class",
322
+ "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)",
323
+ "name": "WarpBox",
324
+ "members": [
325
+ {
326
+ "kind": "field",
327
+ "name": "bleed",
328
+ "type": {
329
+ "text": "boolean"
330
+ },
331
+ "attribute": "bleed",
332
+ "reflects": true
333
+ },
334
+ {
335
+ "kind": "field",
336
+ "name": "bordered",
337
+ "type": {
338
+ "text": "boolean"
339
+ },
340
+ "attribute": "bordered",
341
+ "reflects": true
342
+ },
343
+ {
344
+ "kind": "field",
345
+ "name": "info",
346
+ "type": {
347
+ "text": "boolean"
348
+ },
349
+ "attribute": "info",
350
+ "reflects": true
351
+ },
352
+ {
353
+ "kind": "field",
354
+ "name": "neutral",
355
+ "type": {
356
+ "text": "boolean"
357
+ },
358
+ "attribute": "neutral",
359
+ "reflects": true
360
+ },
361
+ {
362
+ "kind": "field",
363
+ "name": "role",
364
+ "type": {
365
+ "text": "string"
366
+ },
367
+ "attribute": "role",
368
+ "reflects": true
369
+ }
370
+ ],
371
+ "attributes": [
372
+ {
373
+ "name": "bleed",
374
+ "type": {
375
+ "text": "boolean"
376
+ },
377
+ "fieldName": "bleed"
378
+ },
379
+ {
380
+ "name": "bordered",
381
+ "type": {
382
+ "text": "boolean"
383
+ },
384
+ "fieldName": "bordered"
385
+ },
386
+ {
387
+ "name": "info",
388
+ "type": {
389
+ "text": "boolean"
390
+ },
391
+ "fieldName": "info"
392
+ },
393
+ {
394
+ "name": "neutral",
395
+ "type": {
396
+ "text": "boolean"
397
+ },
398
+ "fieldName": "neutral"
399
+ },
400
+ {
401
+ "name": "role",
402
+ "type": {
403
+ "text": "string"
404
+ },
405
+ "fieldName": "role"
406
+ }
407
+ ],
408
+ "superclass": {
409
+ "name": "LitElement",
410
+ "package": "lit"
411
+ },
412
+ "tagName": "w-box",
413
+ "customElement": true
414
+ }
415
+ ],
416
+ "exports": [
417
+ {
418
+ "kind": "custom-element-definition",
419
+ "name": "w-box",
420
+ "declaration": {
421
+ "name": "WarpBox",
422
+ "module": "packages/box/index.ts"
423
+ }
424
+ },
425
+ {
426
+ "kind": "js",
427
+ "name": "WarpBox",
428
+ "declaration": {
429
+ "name": "WarpBox",
430
+ "module": "packages/box/index.ts"
431
+ }
432
+ }
433
+ ]
434
+ },
435
+ {
436
+ "kind": "javascript-module",
437
+ "path": "packages/breadcrumbs/index.ts",
438
+ "declarations": [
439
+ {
440
+ "kind": "variable",
441
+ "name": "ccBreadcrumbs",
442
+ "type": {
443
+ "text": "object"
444
+ },
445
+ "default": "{ wrapper: 'flex space-x-8', text: 's-text', link: 's-text-link', separator: 'select-none s-icon', a11y: 'sr-only', }"
446
+ },
447
+ {
448
+ "kind": "class",
449
+ "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)",
450
+ "name": "WarpBreadcrumbs",
451
+ "members": [
452
+ {
453
+ "kind": "field",
454
+ "name": "ariaLabel",
455
+ "type": {
456
+ "text": "string"
457
+ },
458
+ "attribute": "aria-label"
459
+ }
460
+ ],
461
+ "attributes": [
462
+ {
463
+ "name": "aria-label",
464
+ "type": {
465
+ "text": "string"
466
+ },
467
+ "fieldName": "ariaLabel"
468
+ }
469
+ ],
470
+ "superclass": {
471
+ "name": "LitElement",
472
+ "package": "lit"
473
+ },
474
+ "tagName": "w-breadcrumbs",
475
+ "customElement": true
476
+ }
477
+ ],
478
+ "exports": [
479
+ {
480
+ "kind": "js",
481
+ "name": "ccBreadcrumbs",
482
+ "declaration": {
483
+ "name": "ccBreadcrumbs",
484
+ "module": "packages/breadcrumbs/index.ts"
485
+ }
486
+ },
487
+ {
488
+ "kind": "custom-element-definition",
489
+ "name": "w-breadcrumbs",
490
+ "declaration": {
491
+ "name": "WarpBreadcrumbs",
492
+ "module": "packages/breadcrumbs/index.ts"
493
+ }
494
+ },
495
+ {
496
+ "kind": "js",
497
+ "name": "WarpBreadcrumbs",
498
+ "declaration": {
499
+ "name": "WarpBreadcrumbs",
500
+ "module": "packages/breadcrumbs/index.ts"
501
+ }
502
+ }
503
+ ]
504
+ },
505
+ {
506
+ "kind": "javascript-module",
507
+ "path": "packages/button/index.ts",
508
+ "declarations": [
509
+ {
510
+ "kind": "variable",
511
+ "name": "ccButton",
512
+ "type": {
513
+ "text": "object"
514
+ },
515
+ "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', }"
516
+ },
517
+ {
518
+ "kind": "class",
519
+ "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)",
520
+ "name": "WarpButton",
521
+ "members": [
522
+ {
523
+ "kind": "field",
524
+ "name": "shadowRootOptions",
525
+ "type": {
526
+ "text": "object"
527
+ },
528
+ "static": true,
529
+ "default": "{ ...WarpElement.shadowRootOptions, delegatesFocus: true, }"
530
+ },
531
+ {
532
+ "kind": "field",
533
+ "name": "type",
534
+ "type": {
535
+ "text": "ButtonType"
536
+ },
537
+ "default": "'button'",
538
+ "attribute": "type",
539
+ "reflects": true,
540
+ "parsedType": {
541
+ "text": "'button' | 'submit' | 'reset'"
542
+ }
543
+ },
544
+ {
545
+ "kind": "field",
546
+ "name": "autofocus",
547
+ "type": {
548
+ "text": "boolean"
549
+ },
550
+ "attribute": "autofocus",
551
+ "reflects": true
552
+ },
553
+ {
554
+ "kind": "field",
555
+ "name": "variant",
556
+ "type": {
557
+ "text": "ButtonVariant"
558
+ },
559
+ "default": "'secondary'",
560
+ "attribute": "variant",
561
+ "reflects": true,
562
+ "parsedType": {
563
+ "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
564
+ }
565
+ },
566
+ {
567
+ "kind": "field",
568
+ "name": "quiet",
569
+ "type": {
570
+ "text": "boolean"
571
+ },
572
+ "attribute": "quiet",
573
+ "reflects": true
574
+ },
575
+ {
576
+ "kind": "field",
577
+ "name": "small",
578
+ "type": {
579
+ "text": "boolean"
580
+ },
581
+ "attribute": "small",
582
+ "reflects": true
583
+ },
584
+ {
585
+ "kind": "field",
586
+ "name": "loading",
587
+ "type": {
588
+ "text": "boolean"
589
+ },
590
+ "attribute": "loading",
591
+ "reflects": true
592
+ },
593
+ {
594
+ "kind": "field",
595
+ "name": "href",
596
+ "type": {
597
+ "text": "string"
598
+ },
599
+ "attribute": "href",
600
+ "reflects": true
601
+ },
602
+ {
603
+ "kind": "field",
604
+ "name": "target",
605
+ "type": {
606
+ "text": "string"
607
+ },
608
+ "attribute": "target",
609
+ "reflects": true
610
+ },
611
+ {
612
+ "kind": "field",
613
+ "name": "rel",
614
+ "type": {
615
+ "text": "string"
616
+ },
617
+ "attribute": "rel",
618
+ "reflects": true
619
+ },
620
+ {
621
+ "kind": "field",
622
+ "name": "fullWidth",
623
+ "type": {
624
+ "text": "boolean"
625
+ },
626
+ "attribute": "full-width",
627
+ "reflects": true
628
+ },
629
+ {
630
+ "kind": "field",
631
+ "name": "buttonClass",
632
+ "type": {
633
+ "text": "string"
634
+ },
635
+ "attribute": "button-class",
636
+ "reflects": true
637
+ },
638
+ {
639
+ "kind": "field",
640
+ "name": "name",
641
+ "type": {
642
+ "text": "string"
643
+ },
644
+ "attribute": "name",
645
+ "reflects": true
646
+ },
647
+ {
648
+ "kind": "field",
649
+ "name": "value",
650
+ "type": {
651
+ "text": "string"
652
+ },
653
+ "attribute": "value",
654
+ "reflects": true
655
+ },
656
+ {
657
+ "kind": "field",
658
+ "name": "ariaValueTextLoading"
659
+ }
660
+ ],
661
+ "attributes": [
662
+ {
663
+ "name": "type",
664
+ "type": {
665
+ "text": "ButtonType"
666
+ },
667
+ "default": "'button'",
668
+ "fieldName": "type",
669
+ "parsedType": {
670
+ "text": "'button' | 'submit' | 'reset'"
671
+ }
672
+ },
673
+ {
674
+ "name": "autofocus",
675
+ "type": {
676
+ "text": "boolean"
677
+ },
678
+ "fieldName": "autofocus"
679
+ },
680
+ {
681
+ "name": "variant",
682
+ "type": {
683
+ "text": "ButtonVariant"
684
+ },
685
+ "default": "'secondary'",
686
+ "fieldName": "variant",
687
+ "parsedType": {
688
+ "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
689
+ }
690
+ },
691
+ {
692
+ "name": "quiet",
693
+ "type": {
694
+ "text": "boolean"
695
+ },
696
+ "fieldName": "quiet"
697
+ },
698
+ {
699
+ "name": "small",
700
+ "type": {
701
+ "text": "boolean"
702
+ },
703
+ "fieldName": "small"
704
+ },
705
+ {
706
+ "name": "loading",
707
+ "type": {
708
+ "text": "boolean"
709
+ },
710
+ "fieldName": "loading"
711
+ },
712
+ {
713
+ "name": "href",
714
+ "type": {
715
+ "text": "string"
716
+ },
717
+ "fieldName": "href"
718
+ },
719
+ {
720
+ "name": "target",
721
+ "type": {
722
+ "text": "string"
723
+ },
724
+ "fieldName": "target"
725
+ },
726
+ {
727
+ "name": "rel",
728
+ "type": {
729
+ "text": "string"
730
+ },
731
+ "fieldName": "rel"
732
+ },
733
+ {
734
+ "name": "full-width",
735
+ "type": {
736
+ "text": "boolean"
737
+ },
738
+ "fieldName": "fullWidth"
739
+ },
740
+ {
741
+ "name": "button-class",
742
+ "type": {
743
+ "text": "string"
744
+ },
745
+ "fieldName": "buttonClass"
746
+ },
747
+ {
748
+ "name": "name",
749
+ "type": {
750
+ "text": "string"
751
+ },
752
+ "fieldName": "name"
753
+ },
754
+ {
755
+ "name": "value",
756
+ "type": {
757
+ "text": "string"
758
+ },
759
+ "fieldName": "value"
760
+ }
761
+ ],
762
+ "mixins": [
763
+ {
764
+ "name": "FormControlMixin",
765
+ "package": "@open-wc/form-control"
766
+ }
767
+ ],
768
+ "superclass": {
769
+ "name": "LitElement",
770
+ "package": "lit"
771
+ },
772
+ "tagName": "w-button",
773
+ "customElement": true
774
+ }
775
+ ],
776
+ "exports": [
777
+ {
778
+ "kind": "js",
779
+ "name": "ccButton",
780
+ "declaration": {
781
+ "name": "ccButton",
782
+ "module": "packages/button/index.ts"
783
+ }
784
+ },
785
+ {
786
+ "kind": "custom-element-definition",
787
+ "name": "w-button",
788
+ "declaration": {
789
+ "name": "WarpButton",
790
+ "module": "packages/button/index.ts"
791
+ }
792
+ },
793
+ {
794
+ "kind": "js",
795
+ "name": "WarpButton",
796
+ "declaration": {
797
+ "name": "WarpButton",
798
+ "module": "packages/button/index.ts"
799
+ }
800
+ }
801
+ ]
802
+ },
803
+ {
804
+ "kind": "javascript-module",
805
+ "path": "packages/card/index.ts",
806
+ "declarations": [
807
+ {
808
+ "kind": "variable",
809
+ "name": "ccCard",
810
+ "type": {
811
+ "text": "object"
812
+ },
813
+ "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', }"
814
+ },
815
+ {
816
+ "kind": "class",
817
+ "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)",
818
+ "name": "WarpCard",
819
+ "members": [
820
+ {
821
+ "kind": "field",
822
+ "name": "selected",
823
+ "type": {
824
+ "text": "boolean"
825
+ },
826
+ "default": "false",
827
+ "attribute": "selected",
828
+ "reflects": true
829
+ },
830
+ {
831
+ "kind": "field",
832
+ "name": "flat",
833
+ "type": {
834
+ "text": "boolean"
835
+ },
836
+ "default": "false",
837
+ "attribute": "flat"
838
+ },
839
+ {
840
+ "kind": "field",
841
+ "name": "clickable",
842
+ "type": {
843
+ "text": "boolean"
844
+ },
845
+ "default": "false",
846
+ "attribute": "clickable"
847
+ },
848
+ {
849
+ "kind": "method",
850
+ "name": "keypressed",
851
+ "parameters": [
852
+ {
853
+ "name": "e",
854
+ "type": {
855
+ "text": "KeyboardEvent"
856
+ }
857
+ }
858
+ ]
859
+ },
860
+ {
861
+ "kind": "field",
862
+ "name": "buttonText"
863
+ }
864
+ ],
865
+ "attributes": [
866
+ {
867
+ "name": "selected",
868
+ "type": {
869
+ "text": "boolean"
870
+ },
871
+ "default": "false",
872
+ "fieldName": "selected"
873
+ },
874
+ {
875
+ "name": "flat",
876
+ "type": {
877
+ "text": "boolean"
878
+ },
879
+ "default": "false",
880
+ "fieldName": "flat"
881
+ },
882
+ {
883
+ "name": "clickable",
884
+ "type": {
885
+ "text": "boolean"
886
+ },
887
+ "default": "false",
888
+ "fieldName": "clickable"
889
+ }
890
+ ],
891
+ "superclass": {
892
+ "name": "LitElement",
893
+ "package": "lit"
894
+ },
895
+ "tagName": "w-card",
896
+ "customElement": true
897
+ }
898
+ ],
899
+ "exports": [
900
+ {
901
+ "kind": "js",
902
+ "name": "ccCard",
903
+ "declaration": {
904
+ "name": "ccCard",
905
+ "module": "packages/card/index.ts"
906
+ }
907
+ },
908
+ {
909
+ "kind": "custom-element-definition",
910
+ "name": "w-card",
911
+ "declaration": {
912
+ "name": "WarpCard",
913
+ "module": "packages/card/index.ts"
914
+ }
915
+ },
916
+ {
917
+ "kind": "js",
918
+ "name": "WarpCard",
919
+ "declaration": {
920
+ "name": "WarpCard",
921
+ "module": "packages/card/index.ts"
922
+ }
923
+ }
924
+ ]
925
+ },
926
+ {
927
+ "kind": "javascript-module",
928
+ "path": "packages/dead-toggle/index.ts",
929
+ "declarations": [
930
+ {
931
+ "kind": "class",
932
+ "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)",
933
+ "name": "WarpDeadToggle",
934
+ "members": [
935
+ {
936
+ "kind": "field",
937
+ "name": "type",
938
+ "type": {
939
+ "text": "'radio' | 'checkbox'"
940
+ },
941
+ "default": "'radio'",
942
+ "attribute": "type"
943
+ },
944
+ {
945
+ "kind": "field",
946
+ "name": "checked",
947
+ "type": {
948
+ "text": "boolean"
949
+ },
950
+ "default": "false",
951
+ "attribute": "checked",
952
+ "reflects": true
953
+ },
954
+ {
955
+ "kind": "field",
956
+ "name": "indeterminate",
957
+ "type": {
958
+ "text": "boolean"
959
+ },
960
+ "default": "false",
961
+ "attribute": "indeterminate",
962
+ "reflects": true
963
+ },
964
+ {
965
+ "kind": "field",
966
+ "name": "invalid",
967
+ "type": {
968
+ "text": "boolean"
969
+ },
970
+ "default": "false",
971
+ "attribute": "invalid",
972
+ "reflects": true
973
+ }
974
+ ],
975
+ "attributes": [
976
+ {
977
+ "name": "type",
978
+ "type": {
979
+ "text": "'radio' | 'checkbox'"
980
+ },
981
+ "default": "'radio'",
982
+ "fieldName": "type"
983
+ },
984
+ {
985
+ "name": "checked",
986
+ "type": {
987
+ "text": "boolean"
988
+ },
989
+ "default": "false",
990
+ "fieldName": "checked"
991
+ },
992
+ {
993
+ "name": "indeterminate",
994
+ "type": {
995
+ "text": "boolean"
996
+ },
997
+ "default": "false",
998
+ "fieldName": "indeterminate"
999
+ },
1000
+ {
1001
+ "name": "invalid",
1002
+ "type": {
1003
+ "text": "boolean"
1004
+ },
1005
+ "default": "false",
1006
+ "fieldName": "invalid"
1007
+ }
1008
+ ],
1009
+ "superclass": {
1010
+ "name": "LitElement",
1011
+ "package": "lit"
1012
+ },
1013
+ "tagName": "w-dead-toggle",
1014
+ "customElement": true
1015
+ }
1016
+ ],
1017
+ "exports": [
1018
+ {
1019
+ "kind": "js",
1020
+ "name": "WarpDeadToggle",
1021
+ "declaration": {
1022
+ "name": "WarpDeadToggle",
1023
+ "module": "packages/dead-toggle/index.ts"
1024
+ }
1025
+ },
1026
+ {
1027
+ "kind": "custom-element-definition",
1028
+ "name": "w-dead-toggle",
1029
+ "declaration": {
1030
+ "name": "WarpDeadToggle",
1031
+ "module": "packages/dead-toggle/index.ts"
1032
+ }
1033
+ }
1034
+ ]
1035
+ },
1036
+ {
1037
+ "kind": "javascript-module",
1038
+ "path": "packages/expandable/index.ts",
1039
+ "declarations": [
1040
+ {
1041
+ "kind": "variable",
1042
+ "name": "ccBox",
1043
+ "type": {
1044
+ "text": "object"
1045
+ },
1046
+ "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', }"
1047
+ },
1048
+ {
1049
+ "kind": "variable",
1050
+ "name": "ccExpandable",
1051
+ "type": {
1052
+ "text": "object"
1053
+ },
1054
+ "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', }"
1055
+ },
1056
+ {
1057
+ "kind": "class",
1058
+ "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)",
1059
+ "name": "WarpExpandable",
1060
+ "slots": [
1061
+ {
1062
+ "description": "Alternative to the `title` attribute should you need to provide some additional markup.",
1063
+ "name": "title"
1064
+ }
1065
+ ],
1066
+ "members": [
1067
+ {
1068
+ "kind": "field",
1069
+ "name": "expanded",
1070
+ "type": {
1071
+ "text": "boolean"
1072
+ },
1073
+ "default": "false",
1074
+ "attribute": "expanded",
1075
+ "reflects": true
1076
+ },
1077
+ {
1078
+ "kind": "field",
1079
+ "name": "title",
1080
+ "type": {
1081
+ "text": "string"
1082
+ },
1083
+ "attribute": "title"
1084
+ },
1085
+ {
1086
+ "kind": "field",
1087
+ "name": "box",
1088
+ "type": {
1089
+ "text": "boolean"
1090
+ },
1091
+ "default": "false",
1092
+ "attribute": "box"
1093
+ },
1094
+ {
1095
+ "kind": "field",
1096
+ "name": "bleed",
1097
+ "type": {
1098
+ "text": "boolean"
1099
+ },
1100
+ "default": "false",
1101
+ "attribute": "bleed"
1102
+ },
1103
+ {
1104
+ "kind": "field",
1105
+ "name": "buttonClass",
1106
+ "type": {
1107
+ "text": "string"
1108
+ },
1109
+ "attribute": "button-class"
1110
+ },
1111
+ {
1112
+ "kind": "field",
1113
+ "name": "contentClass",
1114
+ "type": {
1115
+ "text": "string"
1116
+ },
1117
+ "attribute": "content-class"
1118
+ },
1119
+ {
1120
+ "kind": "field",
1121
+ "name": "noChevron",
1122
+ "type": {
1123
+ "text": "boolean"
1124
+ },
1125
+ "default": "false",
1126
+ "attribute": "no-chevron"
1127
+ },
1128
+ {
1129
+ "kind": "field",
1130
+ "name": "animated",
1131
+ "type": {
1132
+ "text": "boolean"
1133
+ },
1134
+ "default": "false",
1135
+ "attribute": "animated"
1136
+ },
1137
+ {
1138
+ "kind": "field",
1139
+ "name": "headingLevel",
1140
+ "type": {
1141
+ "text": "number"
1142
+ },
1143
+ "attribute": "heading-level"
1144
+ },
1145
+ {
1146
+ "kind": "field",
1147
+ "name": "_hasTitle",
1148
+ "type": {
1149
+ "text": "boolean"
1150
+ },
1151
+ "default": "true",
1152
+ "attribute": "_hasTitle"
1153
+ },
1154
+ {
1155
+ "kind": "field",
1156
+ "name": "_showChevronUp",
1157
+ "type": {
1158
+ "text": "boolean"
1159
+ },
1160
+ "default": "false",
1161
+ "attribute": "_showChevronUp"
1162
+ },
1163
+ {
1164
+ "kind": "field",
1165
+ "name": "#wrapperClasses",
1166
+ "privacy": "private",
1167
+ "readonly": true
1168
+ },
1169
+ {
1170
+ "kind": "field",
1171
+ "name": "#buttonClasses",
1172
+ "privacy": "private",
1173
+ "readonly": true
1174
+ },
1175
+ {
1176
+ "kind": "field",
1177
+ "name": "#chevronClasses",
1178
+ "privacy": "private",
1179
+ "readonly": true
1180
+ },
1181
+ {
1182
+ "kind": "field",
1183
+ "name": "#chevronIcon",
1184
+ "privacy": "private",
1185
+ "readonly": true
1186
+ },
1187
+ {
1188
+ "kind": "field",
1189
+ "name": "#contentClasses",
1190
+ "privacy": "private",
1191
+ "readonly": true
1192
+ },
1193
+ {
1194
+ "kind": "field",
1195
+ "name": "#expansionClasses",
1196
+ "privacy": "private",
1197
+ "readonly": true
1198
+ }
1199
+ ],
1200
+ "attributes": [
1201
+ {
1202
+ "name": "expanded",
1203
+ "type": {
1204
+ "text": "boolean"
1205
+ },
1206
+ "default": "false",
1207
+ "fieldName": "expanded"
1208
+ },
1209
+ {
1210
+ "name": "title",
1211
+ "type": {
1212
+ "text": "string"
1213
+ },
1214
+ "fieldName": "title"
1215
+ },
1216
+ {
1217
+ "name": "box",
1218
+ "type": {
1219
+ "text": "boolean"
1220
+ },
1221
+ "default": "false",
1222
+ "fieldName": "box"
1223
+ },
1224
+ {
1225
+ "name": "bleed",
1226
+ "type": {
1227
+ "text": "boolean"
1228
+ },
1229
+ "default": "false",
1230
+ "fieldName": "bleed"
1231
+ },
1232
+ {
1233
+ "name": "button-class",
1234
+ "type": {
1235
+ "text": "string"
1236
+ },
1237
+ "fieldName": "buttonClass"
1238
+ },
1239
+ {
1240
+ "name": "content-class",
1241
+ "type": {
1242
+ "text": "string"
1243
+ },
1244
+ "fieldName": "contentClass"
1245
+ },
1246
+ {
1247
+ "name": "no-chevron",
1248
+ "type": {
1249
+ "text": "boolean"
1250
+ },
1251
+ "default": "false",
1252
+ "fieldName": "noChevron"
1253
+ },
1254
+ {
1255
+ "name": "animated",
1256
+ "type": {
1257
+ "text": "boolean"
1258
+ },
1259
+ "default": "false",
1260
+ "fieldName": "animated"
1261
+ },
1262
+ {
1263
+ "name": "heading-level",
1264
+ "type": {
1265
+ "text": "number"
1266
+ },
1267
+ "fieldName": "headingLevel"
1268
+ },
1269
+ {
1270
+ "name": "_hasTitle",
1271
+ "type": {
1272
+ "text": "boolean"
1273
+ },
1274
+ "default": "true",
1275
+ "fieldName": "_hasTitle"
1276
+ },
1277
+ {
1278
+ "name": "_showChevronUp",
1279
+ "type": {
1280
+ "text": "boolean"
1281
+ },
1282
+ "default": "false",
1283
+ "fieldName": "_showChevronUp"
1284
+ }
1285
+ ],
1286
+ "superclass": {
1287
+ "name": "LitElement",
1288
+ "package": "lit"
1289
+ },
1290
+ "tagName": "w-expandable",
1291
+ "customElement": true
1292
+ }
1293
+ ],
1294
+ "exports": [
1295
+ {
1296
+ "kind": "js",
1297
+ "name": "ccBox",
1298
+ "declaration": {
1299
+ "name": "ccBox",
1300
+ "module": "packages/expandable/index.ts"
1301
+ }
1302
+ },
1303
+ {
1304
+ "kind": "js",
1305
+ "name": "ccExpandable",
1306
+ "declaration": {
1307
+ "name": "ccExpandable",
1308
+ "module": "packages/expandable/index.ts"
1309
+ }
1310
+ },
1311
+ {
1312
+ "kind": "custom-element-definition",
1313
+ "name": "w-expandable",
1314
+ "declaration": {
1315
+ "name": "WarpExpandable",
1316
+ "module": "packages/expandable/index.ts"
1317
+ }
1318
+ },
1319
+ {
1320
+ "kind": "js",
1321
+ "name": "WarpExpandable",
1322
+ "declaration": {
1323
+ "name": "WarpExpandable",
1324
+ "module": "packages/expandable/index.ts"
1325
+ }
1326
+ }
1327
+ ]
1328
+ },
1329
+ {
1330
+ "kind": "javascript-module",
1331
+ "path": "packages/modal/modal-footer.ts",
1332
+ "declarations": [
1333
+ {
1334
+ "kind": "class",
1335
+ "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)",
1336
+ "name": "ModalFooter",
1337
+ "members": [],
1338
+ "mixins": [
1339
+ {
1340
+ "name": "CanCloseMixin",
1341
+ "module": "/packages/modal/util"
1342
+ },
1343
+ {
1344
+ "name": "ProvidesCanCloseToSlotsMixin",
1345
+ "module": "/packages/modal/util"
1346
+ }
1347
+ ],
1348
+ "superclass": {
1349
+ "name": "LitElement",
1350
+ "package": "lit"
1351
+ },
1352
+ "tagName": "w-modal-footer",
1353
+ "customElement": true
1354
+ }
1355
+ ],
1356
+ "exports": [
1357
+ {
1358
+ "kind": "js",
1359
+ "name": "ModalFooter",
1360
+ "declaration": {
1361
+ "name": "ModalFooter",
1362
+ "module": "packages/modal/modal-footer.ts"
1363
+ }
1364
+ },
1365
+ {
1366
+ "kind": "custom-element-definition",
1367
+ "name": "w-modal-footer",
1368
+ "declaration": {
1369
+ "name": "ModalFooter",
1370
+ "module": "packages/modal/modal-footer.ts"
1371
+ }
1372
+ }
1373
+ ]
1374
+ },
1375
+ {
1376
+ "kind": "javascript-module",
1377
+ "path": "packages/modal/modal-header.ts",
1378
+ "declarations": [
1379
+ {
1380
+ "kind": "class",
1381
+ "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)",
1382
+ "name": "ModalHeader",
1383
+ "slots": [
1384
+ {
1385
+ "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.",
1386
+ "name": "top"
1387
+ }
1388
+ ],
1389
+ "members": [
1390
+ {
1391
+ "kind": "field",
1392
+ "name": "title",
1393
+ "type": {
1394
+ "text": "string"
1395
+ },
1396
+ "attribute": "title"
1397
+ },
1398
+ {
1399
+ "kind": "field",
1400
+ "name": "back",
1401
+ "type": {
1402
+ "text": "boolean"
1403
+ },
1404
+ "attribute": "back"
1405
+ },
1406
+ {
1407
+ "kind": "field",
1408
+ "name": "noClose",
1409
+ "type": {
1410
+ "text": "boolean"
1411
+ },
1412
+ "attribute": "no-close"
1413
+ },
1414
+ {
1415
+ "kind": "field",
1416
+ "name": "titleEl",
1417
+ "type": {
1418
+ "text": "HTMLElement"
1419
+ }
1420
+ },
1421
+ {
1422
+ "kind": "field",
1423
+ "name": "titleClasses",
1424
+ "readonly": true
1425
+ },
1426
+ {
1427
+ "kind": "field",
1428
+ "name": "backButton",
1429
+ "readonly": true
1430
+ },
1431
+ {
1432
+ "kind": "field",
1433
+ "name": "closeButton",
1434
+ "readonly": true
1435
+ },
1436
+ {
1437
+ "kind": "method",
1438
+ "name": "emitBack"
1439
+ },
1440
+ {
1441
+ "kind": "method",
1442
+ "name": "handleTopSlotChange",
1443
+ "parameters": [
1444
+ {
1445
+ "name": "slotEvent"
1446
+ }
1447
+ ]
1448
+ }
1449
+ ],
1450
+ "events": [
1451
+ {
1452
+ "name": "backClicked",
1453
+ "type": {
1454
+ "text": "CustomEvent"
1455
+ }
1456
+ }
1457
+ ],
1458
+ "attributes": [
1459
+ {
1460
+ "name": "title",
1461
+ "type": {
1462
+ "text": "string"
1463
+ },
1464
+ "fieldName": "title"
1465
+ },
1466
+ {
1467
+ "name": "back",
1468
+ "type": {
1469
+ "text": "boolean"
1470
+ },
1471
+ "fieldName": "back"
1472
+ },
1473
+ {
1474
+ "name": "no-close",
1475
+ "type": {
1476
+ "text": "boolean"
1477
+ },
1478
+ "fieldName": "noClose"
1479
+ }
1480
+ ],
1481
+ "mixins": [
1482
+ {
1483
+ "name": "CanCloseMixin",
1484
+ "module": "/packages/modal/util.js"
1485
+ }
1486
+ ],
1487
+ "superclass": {
1488
+ "name": "LitElement",
1489
+ "package": "lit"
1490
+ },
1491
+ "tagName": "w-modal-header",
1492
+ "customElement": true
1493
+ }
1494
+ ],
1495
+ "exports": [
1496
+ {
1497
+ "kind": "js",
1498
+ "name": "ModalHeader",
1499
+ "declaration": {
1500
+ "name": "ModalHeader",
1501
+ "module": "packages/modal/modal-header.ts"
1502
+ }
1503
+ },
1504
+ {
1505
+ "kind": "custom-element-definition",
1506
+ "name": "w-modal-header",
1507
+ "declaration": {
1508
+ "name": "ModalHeader",
1509
+ "module": "packages/modal/modal-header.ts"
1510
+ }
1511
+ }
1512
+ ]
1513
+ },
1514
+ {
1515
+ "kind": "javascript-module",
1516
+ "path": "packages/modal/modal-main.ts",
1517
+ "declarations": [
1518
+ {
1519
+ "kind": "class",
1520
+ "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)",
1521
+ "name": "ModalMain",
1522
+ "slots": [
1523
+ {
1524
+ "description": "Typically where you would use the `w-modal-header` component.",
1525
+ "name": "header"
1526
+ },
1527
+ {
1528
+ "description": "The main content of the modal.",
1529
+ "name": "content"
1530
+ },
1531
+ {
1532
+ "description": "Typically where you would use the `w-modal-footer` component, for things like actions.",
1533
+ "name": "footer"
1534
+ }
1535
+ ],
1536
+ "members": [
1537
+ {
1538
+ "kind": "field",
1539
+ "name": "show",
1540
+ "type": {
1541
+ "text": "boolean"
1542
+ },
1543
+ "attribute": "show"
1544
+ },
1545
+ {
1546
+ "kind": "field",
1547
+ "name": "contentId",
1548
+ "type": {
1549
+ "text": "string"
1550
+ },
1551
+ "attribute": "content-id"
1552
+ },
1553
+ {
1554
+ "kind": "field",
1555
+ "name": "ignoreBackdropClicks",
1556
+ "type": {
1557
+ "text": "boolean"
1558
+ },
1559
+ "attribute": "ignore-backdrop-clicks"
1560
+ },
1561
+ {
1562
+ "kind": "field",
1563
+ "name": "dialogEl",
1564
+ "type": {
1565
+ "text": "HTMLDialogElement"
1566
+ }
1567
+ },
1568
+ {
1569
+ "kind": "field",
1570
+ "name": "dialogInnerEl",
1571
+ "type": {
1572
+ "text": "HTMLElement"
1573
+ }
1574
+ },
1575
+ {
1576
+ "kind": "field",
1577
+ "name": "contentEl",
1578
+ "type": {
1579
+ "text": "HTMLElement"
1580
+ }
1581
+ },
1582
+ {
1583
+ "kind": "method",
1584
+ "name": "open"
1585
+ },
1586
+ {
1587
+ "kind": "method",
1588
+ "name": "close"
1589
+ },
1590
+ {
1591
+ "kind": "method",
1592
+ "name": "handleListeners",
1593
+ "parameters": [
1594
+ {
1595
+ "name": "verb",
1596
+ "default": "'addEventListener'"
1597
+ }
1598
+ ]
1599
+ },
1600
+ {
1601
+ "kind": "method",
1602
+ "name": "eventPreventer",
1603
+ "parameters": [
1604
+ {
1605
+ "name": "evt",
1606
+ "type": {
1607
+ "text": "Event"
1608
+ }
1609
+ }
1610
+ ]
1611
+ },
1612
+ {
1613
+ "kind": "method",
1614
+ "name": "closeOnBackdropClick",
1615
+ "parameters": [
1616
+ {
1617
+ "name": "evt",
1618
+ "type": {
1619
+ "text": "MouseEvent"
1620
+ }
1621
+ }
1622
+ ]
1623
+ },
1624
+ {
1625
+ "kind": "method",
1626
+ "name": "interceptEscape",
1627
+ "parameters": [
1628
+ {
1629
+ "name": "evt",
1630
+ "type": {
1631
+ "text": "KeyboardEvent"
1632
+ }
1633
+ }
1634
+ ]
1635
+ },
1636
+ {
1637
+ "kind": "method",
1638
+ "name": "modifyBorderRadius"
1639
+ }
1640
+ ],
1641
+ "events": [
1642
+ {
1643
+ "name": "shown",
1644
+ "type": {
1645
+ "text": "CustomEvent"
1646
+ }
1647
+ },
1648
+ {
1649
+ "name": "hidden",
1650
+ "type": {
1651
+ "text": "CustomEvent"
1652
+ }
1653
+ }
1654
+ ],
1655
+ "attributes": [
1656
+ {
1657
+ "name": "show",
1658
+ "type": {
1659
+ "text": "boolean"
1660
+ },
1661
+ "fieldName": "show"
1662
+ },
1663
+ {
1664
+ "name": "content-id",
1665
+ "type": {
1666
+ "text": "string"
1667
+ },
1668
+ "fieldName": "contentId"
1669
+ },
1670
+ {
1671
+ "name": "ignore-backdrop-clicks",
1672
+ "type": {
1673
+ "text": "boolean"
1674
+ },
1675
+ "fieldName": "ignoreBackdropClicks"
1676
+ }
1677
+ ],
1678
+ "mixins": [
1679
+ {
1680
+ "name": "ProvidesCanCloseToSlotsMixin",
1681
+ "module": "/packages/modal/util.js"
1682
+ }
1683
+ ],
1684
+ "superclass": {
1685
+ "name": "LitElement",
1686
+ "package": "lit"
1687
+ },
1688
+ "tagName": "w-modal",
1689
+ "customElement": true
1690
+ }
1691
+ ],
1692
+ "exports": [
1693
+ {
1694
+ "kind": "js",
1695
+ "name": "ModalMain",
1696
+ "declaration": {
1697
+ "name": "ModalMain",
1698
+ "module": "packages/modal/modal-main.ts"
1699
+ }
1700
+ },
1701
+ {
1702
+ "kind": "custom-element-definition",
1703
+ "name": "w-modal",
1704
+ "declaration": {
1705
+ "name": "ModalMain",
1706
+ "module": "packages/modal/modal-main.ts"
1707
+ }
1708
+ }
1709
+ ]
1710
+ },
1711
+ {
1712
+ "kind": "javascript-module",
1713
+ "path": "packages/modal/index.ts",
1714
+ "declarations": [],
1715
+ "exports": [
1716
+ {
1717
+ "kind": "js",
1718
+ "name": "WarpModal",
1719
+ "declaration": {
1720
+ "name": "ModalMain",
1721
+ "module": "packages/modal/index.ts"
1722
+ }
1723
+ },
1724
+ {
1725
+ "kind": "js",
1726
+ "name": "WarpModalHeader",
1727
+ "declaration": {
1728
+ "name": "ModalHeader",
1729
+ "module": "packages/modal/index.ts"
1730
+ }
1731
+ },
1732
+ {
1733
+ "kind": "js",
1734
+ "name": "WarpModalFooter",
1735
+ "declaration": {
1736
+ "name": "ModalFooter",
1737
+ "module": "packages/modal/index.ts"
1738
+ }
1739
+ },
1740
+ {
1741
+ "kind": "js",
1742
+ "name": "ModalCanCloseMixin",
1743
+ "declaration": {
1744
+ "name": "CanCloseMixin",
1745
+ "module": "packages/modal/index.ts"
1746
+ }
1747
+ },
1748
+ {
1749
+ "kind": "js",
1750
+ "name": "ModalProvidesCanCloseToSlotsMixin",
1751
+ "declaration": {
1752
+ "name": "ProvidesCanCloseToSlotsMixin",
1753
+ "module": "packages/modal/index.ts"
1754
+ }
1755
+ }
1756
+ ]
1757
+ },
1758
+ {
1759
+ "kind": "javascript-module",
1760
+ "path": "packages/pagination/index.ts",
1761
+ "declarations": [
1762
+ {
1763
+ "kind": "class",
1764
+ "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)",
1765
+ "name": "WarpPagination",
1766
+ "members": [
1767
+ {
1768
+ "kind": "field",
1769
+ "name": "baseUrl",
1770
+ "type": {
1771
+ "text": "string"
1772
+ },
1773
+ "attribute": "base-url",
1774
+ "reflects": true
1775
+ },
1776
+ {
1777
+ "kind": "field",
1778
+ "name": "pages",
1779
+ "type": {
1780
+ "text": "number"
1781
+ },
1782
+ "attribute": "pages",
1783
+ "reflects": true
1784
+ },
1785
+ {
1786
+ "kind": "field",
1787
+ "name": "currentPageNumber",
1788
+ "type": {
1789
+ "text": "number"
1790
+ },
1791
+ "default": "1",
1792
+ "attribute": "current-page",
1793
+ "reflects": true
1794
+ },
1795
+ {
1796
+ "kind": "field",
1797
+ "name": "visiblePages",
1798
+ "type": {
1799
+ "text": "number"
1800
+ },
1801
+ "default": "7",
1802
+ "attribute": "visible-pages",
1803
+ "reflects": true
1804
+ }
1805
+ ],
1806
+ "attributes": [
1807
+ {
1808
+ "name": "base-url",
1809
+ "type": {
1810
+ "text": "string"
1811
+ },
1812
+ "fieldName": "baseUrl"
1813
+ },
1814
+ {
1815
+ "name": "pages",
1816
+ "type": {
1817
+ "text": "number"
1818
+ },
1819
+ "fieldName": "pages"
1820
+ },
1821
+ {
1822
+ "name": "current-page",
1823
+ "type": {
1824
+ "text": "number"
1825
+ },
1826
+ "default": "1",
1827
+ "fieldName": "currentPageNumber"
1828
+ },
1829
+ {
1830
+ "name": "visible-pages",
1831
+ "type": {
1832
+ "text": "number"
1833
+ },
1834
+ "default": "7",
1835
+ "fieldName": "visiblePages"
1836
+ }
1837
+ ],
1838
+ "superclass": {
1839
+ "name": "LitElement",
1840
+ "package": "lit"
1841
+ },
1842
+ "tagName": "w-pagination",
1843
+ "customElement": true
1844
+ }
1845
+ ],
1846
+ "exports": [
1847
+ {
1848
+ "kind": "custom-element-definition",
1849
+ "name": "w-pagination",
1850
+ "declaration": {
1851
+ "name": "WarpPagination",
1852
+ "module": "packages/pagination/index.ts"
1853
+ }
1854
+ },
1855
+ {
1856
+ "kind": "js",
1857
+ "name": "WarpPagination",
1858
+ "declaration": {
1859
+ "name": "WarpPagination",
1860
+ "module": "packages/pagination/index.ts"
1861
+ }
1862
+ }
1863
+ ]
1864
+ },
1865
+ {
1866
+ "kind": "javascript-module",
1867
+ "path": "packages/pill/index.ts",
1868
+ "declarations": [
1869
+ {
1870
+ "kind": "variable",
1871
+ "name": "pillStyles",
1872
+ "type": {
1873
+ "text": "object"
1874
+ },
1875
+ "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', }"
1876
+ },
1877
+ {
1878
+ "kind": "class",
1879
+ "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)",
1880
+ "name": "WarpPill",
1881
+ "members": [
1882
+ {
1883
+ "kind": "field",
1884
+ "name": "canClose",
1885
+ "type": {
1886
+ "text": "boolean"
1887
+ },
1888
+ "default": "false",
1889
+ "attribute": "can-close"
1890
+ },
1891
+ {
1892
+ "kind": "field",
1893
+ "name": "suggestion",
1894
+ "type": {
1895
+ "text": "boolean"
1896
+ },
1897
+ "default": "false",
1898
+ "attribute": "suggestion"
1899
+ },
1900
+ {
1901
+ "kind": "field",
1902
+ "name": "openSrLabel",
1903
+ "type": {
1904
+ "text": "string"
1905
+ },
1906
+ "deprecated": "Used \"open-arial-label\" instead.",
1907
+ "attribute": "open-sr-label"
1908
+ },
1909
+ {
1910
+ "kind": "field",
1911
+ "name": "openAriaLabel",
1912
+ "type": {
1913
+ "text": "string"
1914
+ },
1915
+ "attribute": "open-aria-label"
1916
+ },
1917
+ {
1918
+ "kind": "field",
1919
+ "name": "closeSrLabel",
1920
+ "type": {
1921
+ "text": "string"
1922
+ },
1923
+ "deprecated": "Used \"close-arial-label\" instead.",
1924
+ "attribute": "close-sr-label"
1925
+ },
1926
+ {
1927
+ "kind": "field",
1928
+ "name": "closeAriaLabel",
1929
+ "type": {
1930
+ "text": "string"
1931
+ },
1932
+ "attribute": "close-aria-label"
1933
+ },
1934
+ {
1935
+ "kind": "field",
1936
+ "name": "openFilterSrText"
1937
+ },
1938
+ {
1939
+ "kind": "field",
1940
+ "name": "removeFilterSrText"
1941
+ }
1942
+ ],
1943
+ "events": [
1944
+ {
1945
+ "name": "w-pill-click",
1946
+ "type": {
1947
+ "text": "CustomEvent"
1948
+ }
1949
+ },
1950
+ {
1951
+ "name": "w-pill-close",
1952
+ "type": {
1953
+ "text": "CustomEvent"
1954
+ }
1955
+ }
1956
+ ],
1957
+ "attributes": [
1958
+ {
1959
+ "name": "can-close",
1960
+ "type": {
1961
+ "text": "boolean"
1962
+ },
1963
+ "default": "false",
1964
+ "fieldName": "canClose"
1965
+ },
1966
+ {
1967
+ "name": "suggestion",
1968
+ "type": {
1969
+ "text": "boolean"
1970
+ },
1971
+ "default": "false",
1972
+ "fieldName": "suggestion"
1973
+ },
1974
+ {
1975
+ "name": "open-sr-label",
1976
+ "type": {
1977
+ "text": "string"
1978
+ },
1979
+ "deprecated": "Used \"open-arial-label\" instead.",
1980
+ "fieldName": "openSrLabel"
1981
+ },
1982
+ {
1983
+ "name": "open-aria-label",
1984
+ "type": {
1985
+ "text": "string"
1986
+ },
1987
+ "fieldName": "openAriaLabel"
1988
+ },
1989
+ {
1990
+ "name": "close-sr-label",
1991
+ "type": {
1992
+ "text": "string"
1993
+ },
1994
+ "deprecated": "Used \"close-arial-label\" instead.",
1995
+ "fieldName": "closeSrLabel"
1996
+ },
1997
+ {
1998
+ "name": "close-aria-label",
1999
+ "type": {
2000
+ "text": "string"
2001
+ },
2002
+ "fieldName": "closeAriaLabel"
2003
+ }
2004
+ ],
2005
+ "superclass": {
2006
+ "name": "LitElement",
2007
+ "package": "lit"
2008
+ },
2009
+ "tagName": "w-pill",
2010
+ "customElement": true
2011
+ }
2012
+ ],
2013
+ "exports": [
2014
+ {
2015
+ "kind": "js",
2016
+ "name": "pillStyles",
2017
+ "declaration": {
2018
+ "name": "pillStyles",
2019
+ "module": "packages/pill/index.ts"
2020
+ }
2021
+ },
2022
+ {
2023
+ "kind": "custom-element-definition",
2024
+ "name": "w-pill",
2025
+ "declaration": {
2026
+ "name": "WarpPill",
2027
+ "module": "packages/pill/index.ts"
2028
+ }
2029
+ },
2030
+ {
2031
+ "kind": "js",
2032
+ "name": "WarpPill",
2033
+ "declaration": {
2034
+ "name": "WarpPill",
2035
+ "module": "packages/pill/index.ts"
2036
+ }
2037
+ }
2038
+ ]
2039
+ },
2040
+ {
2041
+ "kind": "javascript-module",
2042
+ "path": "packages/rip-and-tear-checkbox/index.ts",
2043
+ "declarations": [],
2044
+ "exports": [
2045
+ {
2046
+ "kind": "custom-element-definition",
2047
+ "name": "w-checkbox",
2048
+ "declaration": {
2049
+ "name": "WCheckbox",
2050
+ "module": "/packages/rip-and-tear-checkbox/checkbox"
2051
+ }
2052
+ }
2053
+ ]
2054
+ },
2055
+ {
2056
+ "kind": "javascript-module",
2057
+ "path": "packages/rip-and-tear-radio/index.ts",
2058
+ "declarations": [],
2059
+ "exports": [
2060
+ {
2061
+ "kind": "custom-element-definition",
2062
+ "name": "w-radio",
2063
+ "declaration": {
2064
+ "name": "WRadio",
2065
+ "module": "/packages/rip-and-tear-radio/radio"
2066
+ }
2067
+ },
2068
+ {
2069
+ "kind": "custom-element-definition",
2070
+ "name": "w-radio-group",
2071
+ "declaration": {
2072
+ "name": "WRadioGroup",
2073
+ "module": "/packages/rip-and-tear-radio/radio-group"
2074
+ }
2075
+ }
2076
+ ]
2077
+ },
2078
+ {
2079
+ "kind": "javascript-module",
2080
+ "path": "packages/select/index.ts",
2081
+ "declarations": [
2082
+ {
2083
+ "kind": "variable",
2084
+ "name": "ccSelect",
2085
+ "type": {
2086
+ "text": "object"
2087
+ },
2088
+ "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', }"
2089
+ },
2090
+ {
2091
+ "kind": "variable",
2092
+ "name": "ccLabel",
2093
+ "type": {
2094
+ "text": "object"
2095
+ },
2096
+ "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', }"
2097
+ },
2098
+ {
2099
+ "kind": "variable",
2100
+ "name": "ccHelpText",
2101
+ "type": {
2102
+ "text": "object"
2103
+ },
2104
+ "default": "{ base: 'text-xs mt-4 block', color: 's-text-subtle', colorInvalid: 's-text-negative', }"
2105
+ },
2106
+ {
2107
+ "kind": "class",
2108
+ "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)",
2109
+ "name": "WarpSelect",
2110
+ "members": [
2111
+ {
2112
+ "kind": "field",
2113
+ "name": "autoFocus",
2114
+ "type": {
2115
+ "text": "boolean"
2116
+ },
2117
+ "description": "Whether the element should receive focus on render",
2118
+ "attribute": "auto-focus",
2119
+ "reflects": true
2120
+ },
2121
+ {
2122
+ "kind": "field",
2123
+ "name": "invalid",
2124
+ "type": {
2125
+ "text": "boolean"
2126
+ },
2127
+ "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
2128
+ "attribute": "invalid",
2129
+ "reflects": true
2130
+ },
2131
+ {
2132
+ "kind": "field",
2133
+ "name": "always",
2134
+ "type": {
2135
+ "text": "boolean"
2136
+ },
2137
+ "description": "Whether to always show a hint",
2138
+ "attribute": "always",
2139
+ "reflects": true
2140
+ },
2141
+ {
2142
+ "kind": "field",
2143
+ "name": "hint",
2144
+ "type": {
2145
+ "text": "string"
2146
+ },
2147
+ "description": "The content displayed as the help text",
2148
+ "attribute": "hint",
2149
+ "reflects": true
2150
+ },
2151
+ {
2152
+ "kind": "field",
2153
+ "name": "label",
2154
+ "type": {
2155
+ "text": "string"
2156
+ },
2157
+ "description": "The content to disply as the label",
2158
+ "attribute": "label",
2159
+ "reflects": true
2160
+ },
2161
+ {
2162
+ "kind": "field",
2163
+ "name": "optional",
2164
+ "type": {
2165
+ "text": "boolean"
2166
+ },
2167
+ "description": "Whether to show optional text",
2168
+ "attribute": "optional",
2169
+ "reflects": true
2170
+ },
2171
+ {
2172
+ "kind": "field",
2173
+ "name": "disabled",
2174
+ "type": {
2175
+ "text": "boolean"
2176
+ },
2177
+ "description": "Renders the field in a disabled state.",
2178
+ "attribute": "disabled",
2179
+ "reflects": true
2180
+ },
2181
+ {
2182
+ "kind": "field",
2183
+ "name": "readOnly",
2184
+ "type": {
2185
+ "text": "boolean"
2186
+ },
2187
+ "description": "Renders the field in a readonly state.",
2188
+ "attribute": "read-only",
2189
+ "reflects": true
2190
+ },
2191
+ {
2192
+ "kind": "field",
2193
+ "name": "name",
2194
+ "type": {
2195
+ "text": "string"
2196
+ },
2197
+ "attribute": "name",
2198
+ "reflects": true
2199
+ },
2200
+ {
2201
+ "kind": "field",
2202
+ "name": "value",
2203
+ "type": {
2204
+ "text": "string"
2205
+ },
2206
+ "attribute": "value",
2207
+ "reflects": true
2208
+ },
2209
+ {
2210
+ "kind": "method",
2211
+ "name": "handleKeyDown",
2212
+ "parameters": [
2213
+ {
2214
+ "name": "event",
2215
+ "type": {
2216
+ "text": "KeyboardEvent"
2217
+ }
2218
+ }
2219
+ ]
2220
+ },
2221
+ {
2222
+ "kind": "field",
2223
+ "name": "#classes",
2224
+ "privacy": "private",
2225
+ "readonly": true
2226
+ },
2227
+ {
2228
+ "kind": "field",
2229
+ "name": "#helpTextClasses",
2230
+ "privacy": "private",
2231
+ "readonly": true
2232
+ },
2233
+ {
2234
+ "kind": "field",
2235
+ "name": "#chevronClasses",
2236
+ "privacy": "private",
2237
+ "readonly": true
2238
+ },
2239
+ {
2240
+ "kind": "field",
2241
+ "name": "#id",
2242
+ "privacy": "private",
2243
+ "readonly": true
2244
+ },
2245
+ {
2246
+ "kind": "field",
2247
+ "name": "#helpId",
2248
+ "privacy": "private",
2249
+ "readonly": true
2250
+ },
2251
+ {
2252
+ "kind": "method",
2253
+ "name": "onChange",
2254
+ "parameters": [
2255
+ {
2256
+ "name": "{ target }"
2257
+ }
2258
+ ]
2259
+ },
2260
+ {
2261
+ "kind": "field",
2262
+ "name": "_options",
2263
+ "attribute": "_options"
2264
+ }
2265
+ ],
2266
+ "attributes": [
2267
+ {
2268
+ "name": "auto-focus",
2269
+ "type": {
2270
+ "text": "boolean"
2271
+ },
2272
+ "description": "Whether the element should receive focus on render",
2273
+ "fieldName": "autoFocus"
2274
+ },
2275
+ {
2276
+ "name": "invalid",
2277
+ "type": {
2278
+ "text": "boolean"
2279
+ },
2280
+ "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
2281
+ "fieldName": "invalid"
2282
+ },
2283
+ {
2284
+ "name": "always",
2285
+ "type": {
2286
+ "text": "boolean"
2287
+ },
2288
+ "description": "Whether to always show a hint",
2289
+ "fieldName": "always"
2290
+ },
2291
+ {
2292
+ "name": "hint",
2293
+ "type": {
2294
+ "text": "string"
2295
+ },
2296
+ "description": "The content displayed as the help text",
2297
+ "fieldName": "hint"
2298
+ },
2299
+ {
2300
+ "name": "label",
2301
+ "type": {
2302
+ "text": "string"
2303
+ },
2304
+ "description": "The content to disply as the label",
2305
+ "fieldName": "label"
2306
+ },
2307
+ {
2308
+ "name": "optional",
2309
+ "type": {
2310
+ "text": "boolean"
2311
+ },
2312
+ "description": "Whether to show optional text",
2313
+ "fieldName": "optional"
2314
+ },
2315
+ {
2316
+ "name": "disabled",
2317
+ "type": {
2318
+ "text": "boolean"
2319
+ },
2320
+ "description": "Renders the field in a disabled state.",
2321
+ "fieldName": "disabled"
2322
+ },
2323
+ {
2324
+ "name": "read-only",
2325
+ "type": {
2326
+ "text": "boolean"
2327
+ },
2328
+ "description": "Renders the field in a readonly state.",
2329
+ "fieldName": "readOnly"
2330
+ },
2331
+ {
2332
+ "name": "_options",
2333
+ "fieldName": "_options"
2334
+ },
2335
+ {
2336
+ "name": "name",
2337
+ "type": {
2338
+ "text": "string"
2339
+ },
2340
+ "fieldName": "name"
2341
+ },
2342
+ {
2343
+ "name": "value",
2344
+ "type": {
2345
+ "text": "string"
2346
+ },
2347
+ "fieldName": "value"
2348
+ }
2349
+ ],
2350
+ "mixins": [
2351
+ {
2352
+ "name": "FormControlMixin",
2353
+ "package": "@open-wc/form-control"
2354
+ }
2355
+ ],
2356
+ "superclass": {
2357
+ "name": "LitElement",
2358
+ "package": "lit"
2359
+ },
2360
+ "tagName": "w-select",
2361
+ "customElement": true
2362
+ }
2363
+ ],
2364
+ "exports": [
2365
+ {
2366
+ "kind": "js",
2367
+ "name": "ccSelect",
2368
+ "declaration": {
2369
+ "name": "ccSelect",
2370
+ "module": "packages/select/index.ts"
2371
+ }
2372
+ },
2373
+ {
2374
+ "kind": "js",
2375
+ "name": "ccLabel",
2376
+ "declaration": {
2377
+ "name": "ccLabel",
2378
+ "module": "packages/select/index.ts"
2379
+ }
2380
+ },
2381
+ {
2382
+ "kind": "js",
2383
+ "name": "ccHelpText",
2384
+ "declaration": {
2385
+ "name": "ccHelpText",
2386
+ "module": "packages/select/index.ts"
2387
+ }
2388
+ },
2389
+ {
2390
+ "kind": "js",
2391
+ "name": "WarpSelect",
2392
+ "declaration": {
2393
+ "name": "WarpSelect",
2394
+ "module": "packages/select/index.ts"
2395
+ }
2396
+ },
2397
+ {
2398
+ "kind": "custom-element-definition",
2399
+ "name": "w-select",
2400
+ "declaration": {
2401
+ "name": "WarpSelect",
2402
+ "module": "packages/select/index.ts"
2403
+ }
2404
+ }
2405
+ ]
2406
+ },
2407
+ {
2408
+ "kind": "javascript-module",
2409
+ "path": "packages/textfield/index.ts",
2410
+ "declarations": [
2411
+ {
2412
+ "kind": "variable",
2413
+ "name": "ccinput",
2414
+ "type": {
2415
+ "text": "object"
2416
+ },
2417
+ "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]', }"
2418
+ },
2419
+ {
2420
+ "kind": "variable",
2421
+ "name": "ccLabel",
2422
+ "type": {
2423
+ "text": "object"
2424
+ },
2425
+ "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', }"
2426
+ },
2427
+ {
2428
+ "kind": "variable",
2429
+ "name": "ccHelpText",
2430
+ "type": {
2431
+ "text": "object"
2432
+ },
2433
+ "default": "{ base: 'text-xs mt-4 block', color: 's-text-subtle', colorInvalid: 's-text-negative', }"
2434
+ },
2435
+ {
2436
+ "kind": "class",
2437
+ "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)",
2438
+ "name": "WarpTextField",
2439
+ "members": [
2440
+ {
2441
+ "kind": "field",
2442
+ "name": "shadowRootOptions",
2443
+ "type": {
2444
+ "text": "object"
2445
+ },
2446
+ "static": true,
2447
+ "default": "{ ...WarpElement.shadowRootOptions, delegatesFocus: true, }"
2448
+ },
2449
+ {
2450
+ "kind": "field",
2451
+ "name": "disabled",
2452
+ "type": {
2453
+ "text": "boolean"
2454
+ },
2455
+ "attribute": "disabled",
2456
+ "reflects": true
2457
+ },
2458
+ {
2459
+ "kind": "field",
2460
+ "name": "invalid",
2461
+ "type": {
2462
+ "text": "boolean"
2463
+ },
2464
+ "attribute": "invalid",
2465
+ "reflects": true
2466
+ },
2467
+ {
2468
+ "kind": "field",
2469
+ "name": "id",
2470
+ "type": {
2471
+ "text": "string"
2472
+ },
2473
+ "attribute": "id",
2474
+ "reflects": true
2475
+ },
2476
+ {
2477
+ "kind": "field",
2478
+ "name": "label",
2479
+ "type": {
2480
+ "text": "string"
2481
+ },
2482
+ "attribute": "label",
2483
+ "reflects": true
2484
+ },
2485
+ {
2486
+ "kind": "field",
2487
+ "name": "helpText",
2488
+ "type": {
2489
+ "text": "string"
2490
+ },
2491
+ "attribute": "helpText",
2492
+ "reflects": true
2493
+ },
2494
+ {
2495
+ "kind": "field",
2496
+ "name": "size",
2497
+ "type": {
2498
+ "text": "string"
2499
+ },
2500
+ "attribute": "size",
2501
+ "reflects": true
2502
+ },
2503
+ {
2504
+ "kind": "field",
2505
+ "name": "max",
2506
+ "type": {
2507
+ "text": "number"
2508
+ },
2509
+ "attribute": "max",
2510
+ "reflects": true
2511
+ },
2512
+ {
2513
+ "kind": "field",
2514
+ "name": "min",
2515
+ "type": {
2516
+ "text": "number"
2517
+ },
2518
+ "attribute": "min",
2519
+ "reflects": true
2520
+ },
2521
+ {
2522
+ "kind": "field",
2523
+ "name": "minLength",
2524
+ "type": {
2525
+ "text": "number"
2526
+ },
2527
+ "attribute": "min-length",
2528
+ "reflects": true
2529
+ },
2530
+ {
2531
+ "kind": "field",
2532
+ "name": "maxLength",
2533
+ "type": {
2534
+ "text": "number"
2535
+ },
2536
+ "attribute": "max-length",
2537
+ "reflects": true
2538
+ },
2539
+ {
2540
+ "kind": "field",
2541
+ "name": "pattern",
2542
+ "type": {
2543
+ "text": "string"
2544
+ },
2545
+ "attribute": "pattern",
2546
+ "reflects": true
2547
+ },
2548
+ {
2549
+ "kind": "field",
2550
+ "name": "placeholder",
2551
+ "type": {
2552
+ "text": "string"
2553
+ },
2554
+ "attribute": "placeholder",
2555
+ "reflects": true
2556
+ },
2557
+ {
2558
+ "kind": "field",
2559
+ "name": "readOnly",
2560
+ "type": {
2561
+ "text": "boolean"
2562
+ },
2563
+ "attribute": "read-only",
2564
+ "reflects": true
2565
+ },
2566
+ {
2567
+ "kind": "field",
2568
+ "name": "required",
2569
+ "type": {
2570
+ "text": "boolean"
2571
+ },
2572
+ "attribute": "required",
2573
+ "reflects": true
2574
+ },
2575
+ {
2576
+ "kind": "field",
2577
+ "name": "type",
2578
+ "type": {
2579
+ "text": "string"
2580
+ },
2581
+ "default": "'text'",
2582
+ "attribute": "type",
2583
+ "reflects": true
2584
+ },
2585
+ {
2586
+ "kind": "field",
2587
+ "name": "value",
2588
+ "type": {
2589
+ "text": "string"
2590
+ },
2591
+ "attribute": "value",
2592
+ "reflects": true
2593
+ },
2594
+ {
2595
+ "kind": "field",
2596
+ "name": "name",
2597
+ "type": {
2598
+ "text": "string"
2599
+ },
2600
+ "attribute": "name",
2601
+ "reflects": true
2602
+ },
2603
+ {
2604
+ "kind": "method",
2605
+ "name": "handler",
2606
+ "parameters": [
2607
+ {
2608
+ "name": "e",
2609
+ "type": {
2610
+ "text": "Event"
2611
+ }
2612
+ }
2613
+ ]
2614
+ },
2615
+ {
2616
+ "kind": "method",
2617
+ "name": "prefixSlotChange"
2618
+ },
2619
+ {
2620
+ "kind": "method",
2621
+ "name": "suffixSlotChange"
2622
+ }
2623
+ ],
2624
+ "attributes": [
2625
+ {
2626
+ "name": "disabled",
2627
+ "type": {
2628
+ "text": "boolean"
2629
+ },
2630
+ "fieldName": "disabled"
2631
+ },
2632
+ {
2633
+ "name": "invalid",
2634
+ "type": {
2635
+ "text": "boolean"
2636
+ },
2637
+ "fieldName": "invalid"
2638
+ },
2639
+ {
2640
+ "name": "id",
2641
+ "type": {
2642
+ "text": "string"
2643
+ },
2644
+ "fieldName": "id"
2645
+ },
2646
+ {
2647
+ "name": "label",
2648
+ "type": {
2649
+ "text": "string"
2650
+ },
2651
+ "fieldName": "label"
2652
+ },
2653
+ {
2654
+ "name": "helpText",
2655
+ "type": {
2656
+ "text": "string"
2657
+ },
2658
+ "fieldName": "helpText"
2659
+ },
2660
+ {
2661
+ "name": "size",
2662
+ "type": {
2663
+ "text": "string"
2664
+ },
2665
+ "fieldName": "size"
2666
+ },
2667
+ {
2668
+ "name": "max",
2669
+ "type": {
2670
+ "text": "number"
2671
+ },
2672
+ "fieldName": "max"
2673
+ },
2674
+ {
2675
+ "name": "min",
2676
+ "type": {
2677
+ "text": "number"
2678
+ },
2679
+ "fieldName": "min"
2680
+ },
2681
+ {
2682
+ "name": "min-length",
2683
+ "type": {
2684
+ "text": "number"
2685
+ },
2686
+ "fieldName": "minLength"
2687
+ },
2688
+ {
2689
+ "name": "max-length",
2690
+ "type": {
2691
+ "text": "number"
2692
+ },
2693
+ "fieldName": "maxLength"
2694
+ },
2695
+ {
2696
+ "name": "pattern",
2697
+ "type": {
2698
+ "text": "string"
2699
+ },
2700
+ "fieldName": "pattern"
2701
+ },
2702
+ {
2703
+ "name": "placeholder",
2704
+ "type": {
2705
+ "text": "string"
2706
+ },
2707
+ "fieldName": "placeholder"
2708
+ },
2709
+ {
2710
+ "name": "read-only",
2711
+ "type": {
2712
+ "text": "boolean"
2713
+ },
2714
+ "fieldName": "readOnly"
2715
+ },
2716
+ {
2717
+ "name": "required",
2718
+ "type": {
2719
+ "text": "boolean"
2720
+ },
2721
+ "fieldName": "required"
2722
+ },
2723
+ {
2724
+ "name": "type",
2725
+ "type": {
2726
+ "text": "string"
2727
+ },
2728
+ "default": "'text'",
2729
+ "fieldName": "type"
2730
+ },
2731
+ {
2732
+ "name": "value",
2733
+ "type": {
2734
+ "text": "string"
2735
+ },
2736
+ "fieldName": "value"
2737
+ },
2738
+ {
2739
+ "name": "name",
2740
+ "type": {
2741
+ "text": "string"
2742
+ },
2743
+ "fieldName": "name"
2744
+ }
2745
+ ],
2746
+ "mixins": [
2747
+ {
2748
+ "name": "FormControlMixin",
2749
+ "package": "@open-wc/form-control"
2750
+ }
2751
+ ],
2752
+ "superclass": {
2753
+ "name": "LitElement",
2754
+ "package": "lit"
2755
+ },
2756
+ "tagName": "w-textfield",
2757
+ "customElement": true
2758
+ }
2759
+ ],
2760
+ "exports": [
2761
+ {
2762
+ "kind": "js",
2763
+ "name": "ccinput",
2764
+ "declaration": {
2765
+ "name": "ccinput",
2766
+ "module": "packages/textfield/index.ts"
2767
+ }
2768
+ },
2769
+ {
2770
+ "kind": "js",
2771
+ "name": "ccLabel",
2772
+ "declaration": {
2773
+ "name": "ccLabel",
2774
+ "module": "packages/textfield/index.ts"
2775
+ }
2776
+ },
2777
+ {
2778
+ "kind": "js",
2779
+ "name": "ccHelpText",
2780
+ "declaration": {
2781
+ "name": "ccHelpText",
2782
+ "module": "packages/textfield/index.ts"
2783
+ }
2784
+ },
2785
+ {
2786
+ "kind": "custom-element-definition",
2787
+ "name": "w-textfield",
2788
+ "declaration": {
2789
+ "name": "WarpTextField",
2790
+ "module": "packages/textfield/index.ts"
2791
+ }
2792
+ },
2793
+ {
2794
+ "kind": "js",
2795
+ "name": "WarpTextField",
2796
+ "declaration": {
2797
+ "name": "WarpTextField",
2798
+ "module": "packages/textfield/index.ts"
2799
+ }
2800
+ }
2801
+ ]
2802
+ },
2803
+ {
2804
+ "kind": "javascript-module",
2805
+ "path": "packages/utils/index.js",
2806
+ "declarations": [
2807
+ {
2808
+ "kind": "mixin",
2809
+ "description": "",
2810
+ "name": "kebabCaseAttributes",
2811
+ "members": [
2812
+ {
2813
+ "kind": "method",
2814
+ "name": "createProperty",
2815
+ "static": true,
2816
+ "parameters": [
2817
+ {
2818
+ "name": "name"
2819
+ },
2820
+ {
2821
+ "name": "options"
2822
+ }
2823
+ ]
2824
+ }
2825
+ ],
2826
+ "parameters": [
2827
+ {
2828
+ "name": "constructor"
2829
+ }
2830
+ ]
2831
+ },
2832
+ {
2833
+ "kind": "function",
2834
+ "name": "classes",
2835
+ "parameters": [
2836
+ {
2837
+ "name": "defn"
2838
+ }
2839
+ ]
2840
+ },
2841
+ {
2842
+ "kind": "function",
2843
+ "name": "fclasses",
2844
+ "parameters": [
2845
+ {
2846
+ "name": "definition"
2847
+ }
2848
+ ]
2849
+ },
2850
+ {
2851
+ "kind": "function",
2852
+ "name": "generateRandomId"
2853
+ }
2854
+ ],
2855
+ "exports": [
2856
+ {
2857
+ "kind": "js",
2858
+ "name": "kebabCaseAttributes",
2859
+ "declaration": {
2860
+ "name": "kebabCaseAttributes",
2861
+ "module": "packages/utils/index.js"
2862
+ }
2863
+ },
2864
+ {
2865
+ "kind": "js",
2866
+ "name": "classes",
2867
+ "declaration": {
2868
+ "name": "classes",
2869
+ "module": "packages/utils/index.js"
2870
+ }
2871
+ },
2872
+ {
2873
+ "kind": "js",
2874
+ "name": "fclasses",
2875
+ "declaration": {
2876
+ "name": "fclasses",
2877
+ "module": "packages/utils/index.js"
2878
+ }
2879
+ },
2880
+ {
2881
+ "kind": "js",
2882
+ "name": "generateRandomId",
2883
+ "declaration": {
2884
+ "name": "generateRandomId",
2885
+ "module": "packages/utils/index.js"
2886
+ }
2887
+ }
2888
+ ]
2889
+ },
2890
+ {
2891
+ "kind": "javascript-module",
2892
+ "path": "packages/attention/index.js",
2893
+ "declarations": [
2894
+ {
2895
+ "kind": "class",
2896
+ "description": "",
2897
+ "name": "WarpAttention",
2898
+ "members": [
2899
+ {
2900
+ "kind": "method",
2901
+ "name": "handleDone"
2902
+ },
2903
+ {
2904
+ "kind": "method",
2905
+ "name": "pointingAtDirection"
2906
+ },
2907
+ {
2908
+ "kind": "method",
2909
+ "name": "activeAttentionType"
2910
+ },
2911
+ {
2912
+ "kind": "method",
2913
+ "name": "defaultAriaLabel"
2914
+ },
2915
+ {
2916
+ "kind": "method",
2917
+ "name": "setAriaLabels"
2918
+ },
2919
+ {
2920
+ "kind": "method",
2921
+ "name": "close"
2922
+ },
2923
+ {
2924
+ "kind": "method",
2925
+ "name": "keypressed",
2926
+ "parameters": [
2927
+ {
2928
+ "name": "e"
2929
+ }
2930
+ ]
2931
+ },
2932
+ {
2933
+ "kind": "field",
2934
+ "name": "show",
2935
+ "privacy": "public",
2936
+ "type": {
2937
+ "text": "boolean"
2938
+ },
2939
+ "default": "false",
2940
+ "attribute": "show",
2941
+ "reflects": true
2942
+ },
2943
+ {
2944
+ "kind": "field",
2945
+ "name": "placement",
2946
+ "privacy": "public",
2947
+ "type": {
2948
+ "text": "string"
2949
+ },
2950
+ "default": "'bottom'",
2951
+ "attribute": "placement",
2952
+ "reflects": true
2953
+ },
2954
+ {
2955
+ "kind": "field",
2956
+ "name": "tooltip",
2957
+ "privacy": "public",
2958
+ "type": {
2959
+ "text": "boolean"
2960
+ },
2961
+ "default": "false",
2962
+ "attribute": "tooltip",
2963
+ "reflects": true
2964
+ },
2965
+ {
2966
+ "kind": "field",
2967
+ "name": "callout",
2968
+ "privacy": "public",
2969
+ "type": {
2970
+ "text": "boolean"
2971
+ },
2972
+ "default": "false",
2973
+ "attribute": "callout",
2974
+ "reflects": true
2975
+ },
2976
+ {
2977
+ "kind": "field",
2978
+ "name": "popover",
2979
+ "privacy": "public",
2980
+ "type": {
2981
+ "text": "boolean"
2982
+ },
2983
+ "default": "false",
2984
+ "attribute": "popover",
2985
+ "reflects": true
2986
+ },
2987
+ {
2988
+ "kind": "field",
2989
+ "name": "highlight",
2990
+ "privacy": "public",
2991
+ "type": {
2992
+ "text": "boolean"
2993
+ },
2994
+ "default": "false",
2995
+ "attribute": "highlight",
2996
+ "reflects": true
2997
+ },
2998
+ {
2999
+ "kind": "field",
3000
+ "name": "canClose",
3001
+ "privacy": "public",
3002
+ "type": {
3003
+ "text": "boolean"
3004
+ },
3005
+ "default": "false",
3006
+ "attribute": "canClose",
3007
+ "reflects": true
3008
+ },
3009
+ {
3010
+ "kind": "field",
3011
+ "name": "noArrow",
3012
+ "privacy": "public",
3013
+ "type": {
3014
+ "text": "boolean"
3015
+ },
3016
+ "default": "false",
3017
+ "attribute": "noArrow",
3018
+ "reflects": true
3019
+ },
3020
+ {
3021
+ "kind": "field",
3022
+ "name": "distance",
3023
+ "privacy": "public",
3024
+ "type": {
3025
+ "text": "number"
3026
+ },
3027
+ "default": "8",
3028
+ "attribute": "distance",
3029
+ "reflects": true
3030
+ },
3031
+ {
3032
+ "kind": "field",
3033
+ "name": "skidding",
3034
+ "privacy": "public",
3035
+ "type": {
3036
+ "text": "number"
3037
+ },
3038
+ "default": "0",
3039
+ "attribute": "skidding",
3040
+ "reflects": true
3041
+ },
3042
+ {
3043
+ "kind": "field",
3044
+ "name": "flip",
3045
+ "privacy": "public",
3046
+ "type": {
3047
+ "text": "boolean"
3048
+ },
3049
+ "default": "false",
3050
+ "attribute": "flip",
3051
+ "reflects": true
3052
+ },
3053
+ {
3054
+ "kind": "field",
3055
+ "name": "crossAxis",
3056
+ "privacy": "public",
3057
+ "type": {
3058
+ "text": "boolean"
3059
+ },
3060
+ "default": "false",
3061
+ "attribute": "crossAxis",
3062
+ "reflects": true
3063
+ },
3064
+ {
3065
+ "kind": "field",
3066
+ "name": "_initialPlacement"
3067
+ },
3068
+ {
3069
+ "kind": "field",
3070
+ "name": "_actualDirection"
3071
+ },
3072
+ {
3073
+ "kind": "field",
3074
+ "name": "fallbackPlacements",
3075
+ "privacy": "public",
3076
+ "type": {
3077
+ "text": "array"
3078
+ },
3079
+ "attribute": "fallbackPlacements",
3080
+ "reflects": true
3081
+ },
3082
+ {
3083
+ "kind": "method",
3084
+ "name": "createProperty",
3085
+ "static": true,
3086
+ "parameters": [
3087
+ {
3088
+ "name": "name"
3089
+ },
3090
+ {
3091
+ "name": "options"
3092
+ }
3093
+ ],
3094
+ "inheritedFrom": {
3095
+ "name": "kebabCaseAttributes",
3096
+ "module": "packages/utils/index.js"
3097
+ }
3098
+ }
3099
+ ],
3100
+ "attributes": [
3101
+ {
3102
+ "name": "show",
3103
+ "type": {
3104
+ "text": "boolean"
3105
+ },
3106
+ "default": "false",
3107
+ "fieldName": "show"
3108
+ },
3109
+ {
3110
+ "name": "placement",
3111
+ "type": {
3112
+ "text": "string"
3113
+ },
3114
+ "default": "'bottom'",
3115
+ "fieldName": "placement"
3116
+ },
3117
+ {
3118
+ "name": "tooltip",
3119
+ "type": {
3120
+ "text": "boolean"
3121
+ },
3122
+ "default": "false",
3123
+ "fieldName": "tooltip"
3124
+ },
3125
+ {
3126
+ "name": "callout",
3127
+ "type": {
3128
+ "text": "boolean"
3129
+ },
3130
+ "default": "false",
3131
+ "fieldName": "callout"
3132
+ },
3133
+ {
3134
+ "name": "popover",
3135
+ "type": {
3136
+ "text": "boolean"
3137
+ },
3138
+ "default": "false",
3139
+ "fieldName": "popover"
3140
+ },
3141
+ {
3142
+ "name": "highlight",
3143
+ "type": {
3144
+ "text": "boolean"
3145
+ },
3146
+ "default": "false",
3147
+ "fieldName": "highlight"
3148
+ },
3149
+ {
3150
+ "name": "canClose",
3151
+ "type": {
3152
+ "text": "boolean"
3153
+ },
3154
+ "default": "false",
3155
+ "fieldName": "canClose"
3156
+ },
3157
+ {
3158
+ "name": "noArrow",
3159
+ "type": {
3160
+ "text": "boolean"
3161
+ },
3162
+ "default": "false",
3163
+ "fieldName": "noArrow"
3164
+ },
3165
+ {
3166
+ "name": "distance",
3167
+ "type": {
3168
+ "text": "number"
3169
+ },
3170
+ "default": "8",
3171
+ "fieldName": "distance"
3172
+ },
3173
+ {
3174
+ "name": "skidding",
3175
+ "type": {
3176
+ "text": "number"
3177
+ },
3178
+ "default": "0",
3179
+ "fieldName": "skidding"
3180
+ },
3181
+ {
3182
+ "name": "flip",
3183
+ "type": {
3184
+ "text": "boolean"
3185
+ },
3186
+ "default": "false",
3187
+ "fieldName": "flip"
3188
+ },
3189
+ {
3190
+ "name": "crossAxis",
3191
+ "type": {
3192
+ "text": "boolean"
3193
+ },
3194
+ "default": "false",
3195
+ "fieldName": "crossAxis"
3196
+ },
3197
+ {
3198
+ "name": "fallbackPlacements",
3199
+ "type": {
3200
+ "text": "array"
3201
+ },
3202
+ "fieldName": "fallbackPlacements"
3203
+ }
3204
+ ],
3205
+ "mixins": [
3206
+ {
3207
+ "name": "kebabCaseAttributes",
3208
+ "module": "/packages/utils/index.js"
3209
+ }
3210
+ ],
3211
+ "superclass": {
3212
+ "name": "WarpElement",
3213
+ "package": "@warp-ds/elements-core"
3214
+ },
3215
+ "tagName": "w-attention",
3216
+ "customElement": true
3217
+ }
3218
+ ],
3219
+ "exports": [
3220
+ {
3221
+ "kind": "custom-element-definition",
3222
+ "name": "w-attention",
3223
+ "declaration": {
3224
+ "name": "WarpAttention",
3225
+ "module": "packages/attention/index.js"
3226
+ }
3227
+ },
3228
+ {
3229
+ "kind": "js",
3230
+ "name": "WarpAttention",
3231
+ "declaration": {
3232
+ "name": "WarpAttention",
3233
+ "module": "packages/attention/index.js"
3234
+ }
3235
+ }
3236
+ ]
3237
+ },
3238
+ {
3239
+ "kind": "javascript-module",
3240
+ "path": "packages/toast/toast.js",
3241
+ "declarations": [],
3242
+ "exports": []
3243
+ },
3244
+ {
3245
+ "kind": "javascript-module",
3246
+ "path": "packages/toast/toast-container.js",
3247
+ "declarations": [],
3248
+ "exports": []
3249
+ },
3250
+ {
3251
+ "kind": "javascript-module",
3252
+ "path": "packages/toast/index.js",
3253
+ "declarations": [],
3254
+ "exports": [
3255
+ {
3256
+ "kind": "js",
3257
+ "name": "WarpToast",
3258
+ "declaration": {
3259
+ "name": "WarpToast",
3260
+ "module": "./toast"
3261
+ }
3262
+ },
3263
+ {
3264
+ "kind": "js",
3265
+ "name": "WarpToastContainer",
3266
+ "declaration": {
3267
+ "name": "WarpToastContainer",
3268
+ "module": "./toast-container"
3269
+ }
3270
+ },
3271
+ {
3272
+ "kind": "js",
3273
+ "name": "toast",
3274
+ "declaration": {
3275
+ "name": "toast",
3276
+ "module": "./api"
3277
+ }
3278
+ },
3279
+ {
3280
+ "kind": "js",
3281
+ "name": "updateToast",
3282
+ "declaration": {
3283
+ "name": "updateToast",
3284
+ "module": "./api"
3285
+ }
3286
+ },
3287
+ {
3288
+ "kind": "js",
3289
+ "name": "removeToast",
3290
+ "declaration": {
3291
+ "name": "removeToast",
3292
+ "module": "./api"
3293
+ }
3294
+ }
3295
+ ]
3296
+ }
3297
+ ]
3298
+ }