bth-ui 0.0.1 → 0.0.3
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.
- package/docs/docs.d.ts +480 -0
- package/docs/docs.json +951 -0
- package/docs/tokens.json +340 -0
- package/package.json +26 -7
package/docs/docs.json
ADDED
|
@@ -0,0 +1,951 @@
|
|
|
1
|
+
{
|
|
2
|
+
"timestamp": "2026-10-12T20:58:33",
|
|
3
|
+
"compiler": {
|
|
4
|
+
"name": "@stencil/core",
|
|
5
|
+
"version": "4.45.2",
|
|
6
|
+
"typescriptVersion": "5.8.3"
|
|
7
|
+
},
|
|
8
|
+
"components": [
|
|
9
|
+
{
|
|
10
|
+
"filePath": "src/components/bth-alert/bth-alert.tsx",
|
|
11
|
+
"encapsulation": "shadow",
|
|
12
|
+
"tag": "bth-alert",
|
|
13
|
+
"readme": "# bth-alert-title\n\n\n",
|
|
14
|
+
"docs": "Alerta para destacar uma mensagem importante dentro do conteúdo da página.",
|
|
15
|
+
"docsTags": [
|
|
16
|
+
{
|
|
17
|
+
"name": "usage-when",
|
|
18
|
+
"text": "Para comunicar o resultado de uma ação, como sucesso ou erro ao salvar."
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"name": "usage-when",
|
|
22
|
+
"text": "Para avisar sobre um estado ou uma condição que afeta o que a pessoa está fazendo."
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"name": "usage-avoid",
|
|
26
|
+
"text": "Para mensagens temporárias que somem sozinhas; use uma notificação do tipo toast."
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"name": "usage-avoid",
|
|
30
|
+
"text": "Para validação de um campo específico; mostre a mensagem junto ao campo."
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"name": "category",
|
|
34
|
+
"text": "feedback"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "related",
|
|
38
|
+
"text": "bth-alert-title, bth-alert-description, bth-icon"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"name": "example",
|
|
42
|
+
"text": "```html\n<bth-alert variant=\"info\" dismissible>\n <bth-icon slot=\"icon\" name=\"info\"></bth-icon>\n <bth-alert-title>Informação</bth-alert-title>\n <bth-alert-description>Uma nova versão está disponível.</bth-alert-description>\n</bth-alert>\n```"
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"name": "status",
|
|
46
|
+
"text": "beta"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"name": "slot",
|
|
50
|
+
"text": "- Conteúdo do alerta, normalmente `bth-alert-title` e `bth-alert-description`."
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"name": "slot",
|
|
54
|
+
"text": "icon - Ícone exibido à esquerda do conteúdo."
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"name": "part",
|
|
58
|
+
"text": "alert - Contêiner do alerta."
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"name": "part",
|
|
62
|
+
"text": "dismiss - Botão de fechar, presente quando `dismissible` está ativo."
|
|
63
|
+
}
|
|
64
|
+
],
|
|
65
|
+
"usage": {},
|
|
66
|
+
"props": [
|
|
67
|
+
{
|
|
68
|
+
"name": "dismissible",
|
|
69
|
+
"type": "boolean",
|
|
70
|
+
"complexType": {
|
|
71
|
+
"original": "boolean",
|
|
72
|
+
"resolved": "boolean",
|
|
73
|
+
"references": {}
|
|
74
|
+
},
|
|
75
|
+
"mutable": false,
|
|
76
|
+
"attr": "dismissible",
|
|
77
|
+
"reflectToAttr": false,
|
|
78
|
+
"docs": "Exibe um botão que permite fechar o alerta.",
|
|
79
|
+
"docsTags": [
|
|
80
|
+
{
|
|
81
|
+
"name": "default",
|
|
82
|
+
"text": "false"
|
|
83
|
+
}
|
|
84
|
+
],
|
|
85
|
+
"default": "false",
|
|
86
|
+
"values": [
|
|
87
|
+
{
|
|
88
|
+
"type": "boolean"
|
|
89
|
+
}
|
|
90
|
+
],
|
|
91
|
+
"optional": false,
|
|
92
|
+
"required": false,
|
|
93
|
+
"getter": false,
|
|
94
|
+
"setter": false
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"name": "variant",
|
|
98
|
+
"type": "\"danger\" | \"default\" | \"info\" | \"success\" | \"warning\"",
|
|
99
|
+
"complexType": {
|
|
100
|
+
"original": "AlertVariant",
|
|
101
|
+
"resolved": "\"danger\" | \"default\" | \"info\" | \"success\" | \"warning\"",
|
|
102
|
+
"references": {
|
|
103
|
+
"AlertVariant": {
|
|
104
|
+
"location": "import",
|
|
105
|
+
"path": "./bth-alert.types",
|
|
106
|
+
"id": "src/components/bth-alert/bth-alert.types.ts::AlertVariant",
|
|
107
|
+
"referenceLocation": "AlertVariant"
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
"mutable": false,
|
|
112
|
+
"attr": "variant",
|
|
113
|
+
"reflectToAttr": true,
|
|
114
|
+
"docs": "Variante de cor, de acordo com o tipo da mensagem.",
|
|
115
|
+
"docsTags": [
|
|
116
|
+
{
|
|
117
|
+
"name": "default",
|
|
118
|
+
"text": "'default'"
|
|
119
|
+
}
|
|
120
|
+
],
|
|
121
|
+
"default": "'default'",
|
|
122
|
+
"values": [
|
|
123
|
+
{
|
|
124
|
+
"value": "danger",
|
|
125
|
+
"type": "string"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"value": "default",
|
|
129
|
+
"type": "string"
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"value": "info",
|
|
133
|
+
"type": "string"
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"value": "success",
|
|
137
|
+
"type": "string"
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"value": "warning",
|
|
141
|
+
"type": "string"
|
|
142
|
+
}
|
|
143
|
+
],
|
|
144
|
+
"optional": false,
|
|
145
|
+
"required": false,
|
|
146
|
+
"getter": false,
|
|
147
|
+
"setter": false
|
|
148
|
+
}
|
|
149
|
+
],
|
|
150
|
+
"methods": [],
|
|
151
|
+
"events": [
|
|
152
|
+
{
|
|
153
|
+
"event": "bthDismiss",
|
|
154
|
+
"detail": "void",
|
|
155
|
+
"bubbles": true,
|
|
156
|
+
"complexType": {
|
|
157
|
+
"original": "void",
|
|
158
|
+
"resolved": "void",
|
|
159
|
+
"references": {}
|
|
160
|
+
},
|
|
161
|
+
"cancelable": true,
|
|
162
|
+
"composed": true,
|
|
163
|
+
"docs": "Emitido quando o alerta é fechado pelo botão de fechar.",
|
|
164
|
+
"docsTags": []
|
|
165
|
+
}
|
|
166
|
+
],
|
|
167
|
+
"listeners": [],
|
|
168
|
+
"styles": [],
|
|
169
|
+
"slots": [
|
|
170
|
+
{
|
|
171
|
+
"name": "",
|
|
172
|
+
"docs": "Conteúdo do alerta, normalmente `bth-alert-title` e `bth-alert-description`."
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"name": "icon",
|
|
176
|
+
"docs": "Ícone exibido à esquerda do conteúdo."
|
|
177
|
+
}
|
|
178
|
+
],
|
|
179
|
+
"parts": [
|
|
180
|
+
{
|
|
181
|
+
"name": "alert",
|
|
182
|
+
"docs": "Contêiner do alerta."
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"name": "dismiss",
|
|
186
|
+
"docs": "Botão de fechar, presente quando `dismissible` está ativo."
|
|
187
|
+
}
|
|
188
|
+
],
|
|
189
|
+
"states": [],
|
|
190
|
+
"dependents": [],
|
|
191
|
+
"dependencies": [],
|
|
192
|
+
"dependencyGraph": {}
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"filePath": "src/components/bth-alert/bth-alert-description.tsx",
|
|
196
|
+
"encapsulation": "shadow",
|
|
197
|
+
"tag": "bth-alert-description",
|
|
198
|
+
"readme": "# bth-alert-title\n\n\n",
|
|
199
|
+
"docs": "Descrição de um `bth-alert`.",
|
|
200
|
+
"docsTags": [
|
|
201
|
+
{
|
|
202
|
+
"name": "usage-when",
|
|
203
|
+
"text": "Dentro de um `bth-alert`, para detalhar a mensagem ou orientar o próximo passo."
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"name": "usage-avoid",
|
|
207
|
+
"text": "Fora de um `bth-alert`; para outros textos, use um parágrafo comum."
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"name": "category",
|
|
211
|
+
"text": "feedback"
|
|
212
|
+
},
|
|
213
|
+
{
|
|
214
|
+
"name": "related",
|
|
215
|
+
"text": "bth-alert, bth-alert-title"
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"name": "example",
|
|
219
|
+
"text": "```html\n<bth-alert-description>Uma nova versão está disponível.</bth-alert-description>\n```"
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
"name": "status",
|
|
223
|
+
"text": "beta"
|
|
224
|
+
},
|
|
225
|
+
{
|
|
226
|
+
"name": "slot",
|
|
227
|
+
"text": "- Texto da descrição."
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
"name": "part",
|
|
231
|
+
"text": "description - Elemento da descrição."
|
|
232
|
+
}
|
|
233
|
+
],
|
|
234
|
+
"usage": {},
|
|
235
|
+
"props": [],
|
|
236
|
+
"methods": [],
|
|
237
|
+
"events": [],
|
|
238
|
+
"listeners": [],
|
|
239
|
+
"styles": [],
|
|
240
|
+
"slots": [
|
|
241
|
+
{
|
|
242
|
+
"name": "",
|
|
243
|
+
"docs": "Texto da descrição."
|
|
244
|
+
}
|
|
245
|
+
],
|
|
246
|
+
"parts": [
|
|
247
|
+
{
|
|
248
|
+
"name": "description",
|
|
249
|
+
"docs": "Elemento da descrição."
|
|
250
|
+
}
|
|
251
|
+
],
|
|
252
|
+
"states": [],
|
|
253
|
+
"dependents": [],
|
|
254
|
+
"dependencies": [],
|
|
255
|
+
"dependencyGraph": {}
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"filePath": "src/components/bth-alert/bth-alert-title.tsx",
|
|
259
|
+
"encapsulation": "shadow",
|
|
260
|
+
"tag": "bth-alert-title",
|
|
261
|
+
"readme": "# bth-alert-title\n\n\n",
|
|
262
|
+
"docs": "Título de um `bth-alert`.",
|
|
263
|
+
"docsTags": [
|
|
264
|
+
{
|
|
265
|
+
"name": "usage-when",
|
|
266
|
+
"text": "Dentro de um `bth-alert`, para resumir a mensagem em poucas palavras."
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"name": "usage-avoid",
|
|
270
|
+
"text": "Fora de um `bth-alert`; para outros títulos, use um elemento de título comum."
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
"name": "category",
|
|
274
|
+
"text": "feedback"
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
"name": "related",
|
|
278
|
+
"text": "bth-alert, bth-alert-description"
|
|
279
|
+
},
|
|
280
|
+
{
|
|
281
|
+
"name": "example",
|
|
282
|
+
"text": "```html\n<bth-alert-title>Informação</bth-alert-title>\n```"
|
|
283
|
+
},
|
|
284
|
+
{
|
|
285
|
+
"name": "status",
|
|
286
|
+
"text": "beta"
|
|
287
|
+
},
|
|
288
|
+
{
|
|
289
|
+
"name": "slot",
|
|
290
|
+
"text": "- Texto do título."
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"name": "part",
|
|
294
|
+
"text": "title - Elemento do título."
|
|
295
|
+
}
|
|
296
|
+
],
|
|
297
|
+
"usage": {},
|
|
298
|
+
"props": [],
|
|
299
|
+
"methods": [],
|
|
300
|
+
"events": [],
|
|
301
|
+
"listeners": [],
|
|
302
|
+
"styles": [],
|
|
303
|
+
"slots": [
|
|
304
|
+
{
|
|
305
|
+
"name": "",
|
|
306
|
+
"docs": "Texto do título."
|
|
307
|
+
}
|
|
308
|
+
],
|
|
309
|
+
"parts": [
|
|
310
|
+
{
|
|
311
|
+
"name": "title",
|
|
312
|
+
"docs": "Elemento do título."
|
|
313
|
+
}
|
|
314
|
+
],
|
|
315
|
+
"states": [],
|
|
316
|
+
"dependents": [],
|
|
317
|
+
"dependencies": [],
|
|
318
|
+
"dependencyGraph": {}
|
|
319
|
+
},
|
|
320
|
+
{
|
|
321
|
+
"filePath": "src/components/bth-badge/bth-badge.tsx",
|
|
322
|
+
"encapsulation": "shadow",
|
|
323
|
+
"tag": "bth-badge",
|
|
324
|
+
"readme": "# bth-badge\n\n\n",
|
|
325
|
+
"docs": "Etiqueta curta para destacar um status, uma categoria ou uma contagem.",
|
|
326
|
+
"docsTags": [
|
|
327
|
+
{
|
|
328
|
+
"name": "usage-when",
|
|
329
|
+
"text": "Para indicar o status de um item, como \"Ativo\", \"Pendente\" ou \"Novo\"."
|
|
330
|
+
},
|
|
331
|
+
{
|
|
332
|
+
"name": "usage-when",
|
|
333
|
+
"text": "Para rotular ou categorizar um conteúdo, inclusive ao lado de um título."
|
|
334
|
+
},
|
|
335
|
+
{
|
|
336
|
+
"name": "usage-avoid",
|
|
337
|
+
"text": "Para ações clicáveis; use um `bth-button`."
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
"name": "usage-avoid",
|
|
341
|
+
"text": "Para mensagens longas ou que exigem atenção imediata; use um `bth-alert`."
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
"name": "category",
|
|
345
|
+
"text": "dados"
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"name": "related",
|
|
349
|
+
"text": "bth-button, bth-alert, bth-icon"
|
|
350
|
+
},
|
|
351
|
+
{
|
|
352
|
+
"name": "example",
|
|
353
|
+
"text": "```html\n<bth-badge variant=\"solid\" color=\"primary\">solid</bth-badge>\n<bth-badge variant=\"subtle\" color=\"primary\">subtle</bth-badge>\n<bth-badge variant=\"outline\" color=\"primary\">outline</bth-badge>\n```"
|
|
354
|
+
},
|
|
355
|
+
{
|
|
356
|
+
"name": "status",
|
|
357
|
+
"text": "beta"
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
"name": "slot",
|
|
361
|
+
"text": "- Conteúdo do badge."
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
"name": "part",
|
|
365
|
+
"text": "badge - Elemento do badge."
|
|
366
|
+
}
|
|
367
|
+
],
|
|
368
|
+
"usage": {},
|
|
369
|
+
"props": [
|
|
370
|
+
{
|
|
371
|
+
"name": "color",
|
|
372
|
+
"type": "\"accent\" | \"danger\" | \"default\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
|
|
373
|
+
"complexType": {
|
|
374
|
+
"original": "BadgeColor",
|
|
375
|
+
"resolved": "\"accent\" | \"danger\" | \"default\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
|
|
376
|
+
"references": {
|
|
377
|
+
"BadgeColor": {
|
|
378
|
+
"location": "import",
|
|
379
|
+
"path": "./bth-badge.types",
|
|
380
|
+
"id": "src/components/bth-badge/bth-badge.types.ts::BadgeColor",
|
|
381
|
+
"referenceLocation": "BadgeColor"
|
|
382
|
+
}
|
|
383
|
+
}
|
|
384
|
+
},
|
|
385
|
+
"mutable": false,
|
|
386
|
+
"attr": "color",
|
|
387
|
+
"reflectToAttr": true,
|
|
388
|
+
"docs": "Cor do badge.",
|
|
389
|
+
"docsTags": [
|
|
390
|
+
{
|
|
391
|
+
"name": "default",
|
|
392
|
+
"text": "'default'"
|
|
393
|
+
}
|
|
394
|
+
],
|
|
395
|
+
"default": "'default'",
|
|
396
|
+
"values": [
|
|
397
|
+
{
|
|
398
|
+
"value": "accent",
|
|
399
|
+
"type": "string"
|
|
400
|
+
},
|
|
401
|
+
{
|
|
402
|
+
"value": "danger",
|
|
403
|
+
"type": "string"
|
|
404
|
+
},
|
|
405
|
+
{
|
|
406
|
+
"value": "default",
|
|
407
|
+
"type": "string"
|
|
408
|
+
},
|
|
409
|
+
{
|
|
410
|
+
"value": "info",
|
|
411
|
+
"type": "string"
|
|
412
|
+
},
|
|
413
|
+
{
|
|
414
|
+
"value": "primary",
|
|
415
|
+
"type": "string"
|
|
416
|
+
},
|
|
417
|
+
{
|
|
418
|
+
"value": "success",
|
|
419
|
+
"type": "string"
|
|
420
|
+
},
|
|
421
|
+
{
|
|
422
|
+
"value": "warning",
|
|
423
|
+
"type": "string"
|
|
424
|
+
}
|
|
425
|
+
],
|
|
426
|
+
"optional": false,
|
|
427
|
+
"required": false,
|
|
428
|
+
"getter": false,
|
|
429
|
+
"setter": false
|
|
430
|
+
},
|
|
431
|
+
{
|
|
432
|
+
"name": "size",
|
|
433
|
+
"type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
434
|
+
"complexType": {
|
|
435
|
+
"original": "BadgeSize",
|
|
436
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
437
|
+
"references": {
|
|
438
|
+
"BadgeSize": {
|
|
439
|
+
"location": "import",
|
|
440
|
+
"path": "./bth-badge.types",
|
|
441
|
+
"id": "src/components/bth-badge/bth-badge.types.ts::BadgeSize",
|
|
442
|
+
"referenceLocation": "BadgeSize"
|
|
443
|
+
}
|
|
444
|
+
}
|
|
445
|
+
},
|
|
446
|
+
"mutable": false,
|
|
447
|
+
"attr": "size",
|
|
448
|
+
"reflectToAttr": true,
|
|
449
|
+
"docs": "Tamanho do badge, proporcional ao tamanho da fonte do contexto onde ele está.",
|
|
450
|
+
"docsTags": [
|
|
451
|
+
{
|
|
452
|
+
"name": "default",
|
|
453
|
+
"text": "'md'"
|
|
454
|
+
}
|
|
455
|
+
],
|
|
456
|
+
"default": "'md'",
|
|
457
|
+
"values": [
|
|
458
|
+
{
|
|
459
|
+
"value": "lg",
|
|
460
|
+
"type": "string"
|
|
461
|
+
},
|
|
462
|
+
{
|
|
463
|
+
"value": "md",
|
|
464
|
+
"type": "string"
|
|
465
|
+
},
|
|
466
|
+
{
|
|
467
|
+
"value": "sm",
|
|
468
|
+
"type": "string"
|
|
469
|
+
},
|
|
470
|
+
{
|
|
471
|
+
"value": "xl",
|
|
472
|
+
"type": "string"
|
|
473
|
+
},
|
|
474
|
+
{
|
|
475
|
+
"value": "xs",
|
|
476
|
+
"type": "string"
|
|
477
|
+
}
|
|
478
|
+
],
|
|
479
|
+
"optional": false,
|
|
480
|
+
"required": false,
|
|
481
|
+
"getter": false,
|
|
482
|
+
"setter": false
|
|
483
|
+
},
|
|
484
|
+
{
|
|
485
|
+
"name": "variant",
|
|
486
|
+
"type": "\"outline\" | \"solid\" | \"subtle\"",
|
|
487
|
+
"complexType": {
|
|
488
|
+
"original": "BadgeVariant",
|
|
489
|
+
"resolved": "\"outline\" | \"solid\" | \"subtle\"",
|
|
490
|
+
"references": {
|
|
491
|
+
"BadgeVariant": {
|
|
492
|
+
"location": "import",
|
|
493
|
+
"path": "./bth-badge.types",
|
|
494
|
+
"id": "src/components/bth-badge/bth-badge.types.ts::BadgeVariant",
|
|
495
|
+
"referenceLocation": "BadgeVariant"
|
|
496
|
+
}
|
|
497
|
+
}
|
|
498
|
+
},
|
|
499
|
+
"mutable": false,
|
|
500
|
+
"attr": "variant",
|
|
501
|
+
"reflectToAttr": true,
|
|
502
|
+
"docs": "Estilo visual: `solid` é preenchido, `subtle` tem um fundo suave e `outline` tem só a borda.",
|
|
503
|
+
"docsTags": [
|
|
504
|
+
{
|
|
505
|
+
"name": "default",
|
|
506
|
+
"text": "'solid'"
|
|
507
|
+
}
|
|
508
|
+
],
|
|
509
|
+
"default": "'solid'",
|
|
510
|
+
"values": [
|
|
511
|
+
{
|
|
512
|
+
"value": "outline",
|
|
513
|
+
"type": "string"
|
|
514
|
+
},
|
|
515
|
+
{
|
|
516
|
+
"value": "solid",
|
|
517
|
+
"type": "string"
|
|
518
|
+
},
|
|
519
|
+
{
|
|
520
|
+
"value": "subtle",
|
|
521
|
+
"type": "string"
|
|
522
|
+
}
|
|
523
|
+
],
|
|
524
|
+
"optional": false,
|
|
525
|
+
"required": false,
|
|
526
|
+
"getter": false,
|
|
527
|
+
"setter": false
|
|
528
|
+
}
|
|
529
|
+
],
|
|
530
|
+
"methods": [],
|
|
531
|
+
"events": [],
|
|
532
|
+
"listeners": [],
|
|
533
|
+
"styles": [],
|
|
534
|
+
"slots": [
|
|
535
|
+
{
|
|
536
|
+
"name": "",
|
|
537
|
+
"docs": "Conteúdo do badge."
|
|
538
|
+
}
|
|
539
|
+
],
|
|
540
|
+
"parts": [
|
|
541
|
+
{
|
|
542
|
+
"name": "badge",
|
|
543
|
+
"docs": "Elemento do badge."
|
|
544
|
+
}
|
|
545
|
+
],
|
|
546
|
+
"states": [],
|
|
547
|
+
"dependents": [],
|
|
548
|
+
"dependencies": [],
|
|
549
|
+
"dependencyGraph": {}
|
|
550
|
+
},
|
|
551
|
+
{
|
|
552
|
+
"filePath": "src/components/bth-button/bth-button.tsx",
|
|
553
|
+
"encapsulation": "shadow",
|
|
554
|
+
"tag": "bth-button",
|
|
555
|
+
"readme": "# bth-button\n\n\n",
|
|
556
|
+
"docs": "Botão para disparar ações e enviar formulários.",
|
|
557
|
+
"docsTags": [
|
|
558
|
+
{
|
|
559
|
+
"name": "usage-when",
|
|
560
|
+
"text": "Para disparar uma ação na página atual, como salvar, confirmar ou abrir um diálogo."
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"name": "usage-when",
|
|
564
|
+
"text": "Para enviar ou limpar um formulário, com `type=\"submit\"` ou `type=\"reset\"`."
|
|
565
|
+
},
|
|
566
|
+
{
|
|
567
|
+
"name": "usage-avoid",
|
|
568
|
+
"text": "Para navegar entre páginas; use um link."
|
|
569
|
+
},
|
|
570
|
+
{
|
|
571
|
+
"name": "usage-avoid",
|
|
572
|
+
"text": "Com mais de um botão de destaque na mesma área; reserve a cor `primary` para a ação principal."
|
|
573
|
+
},
|
|
574
|
+
{
|
|
575
|
+
"name": "category",
|
|
576
|
+
"text": "formulário"
|
|
577
|
+
},
|
|
578
|
+
{
|
|
579
|
+
"name": "related",
|
|
580
|
+
"text": "bth-icon, bth-alert"
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"name": "example",
|
|
584
|
+
"text": "```html\n<bth-button color=\"primary\">Salvar</bth-button>\n<bth-button variant=\"outline\" color=\"danger\" size=\"sm\">Excluir</bth-button>\n```"
|
|
585
|
+
},
|
|
586
|
+
{
|
|
587
|
+
"name": "status",
|
|
588
|
+
"text": "beta"
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"name": "slot",
|
|
592
|
+
"text": "- Conteúdo do botão."
|
|
593
|
+
}
|
|
594
|
+
],
|
|
595
|
+
"usage": {},
|
|
596
|
+
"props": [
|
|
597
|
+
{
|
|
598
|
+
"name": "color",
|
|
599
|
+
"type": "\"danger\" | \"default\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
|
|
600
|
+
"complexType": {
|
|
601
|
+
"original": "ButtonColor",
|
|
602
|
+
"resolved": "\"danger\" | \"default\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
|
|
603
|
+
"references": {
|
|
604
|
+
"ButtonColor": {
|
|
605
|
+
"location": "import",
|
|
606
|
+
"path": "./bth-button.types",
|
|
607
|
+
"id": "src/components/bth-button/bth-button.types.ts::ButtonColor",
|
|
608
|
+
"referenceLocation": "ButtonColor"
|
|
609
|
+
}
|
|
610
|
+
}
|
|
611
|
+
},
|
|
612
|
+
"mutable": false,
|
|
613
|
+
"attr": "color",
|
|
614
|
+
"reflectToAttr": true,
|
|
615
|
+
"docs": "Cor do botão.",
|
|
616
|
+
"docsTags": [
|
|
617
|
+
{
|
|
618
|
+
"name": "default",
|
|
619
|
+
"text": "'default'"
|
|
620
|
+
}
|
|
621
|
+
],
|
|
622
|
+
"default": "'default'",
|
|
623
|
+
"values": [
|
|
624
|
+
{
|
|
625
|
+
"value": "danger",
|
|
626
|
+
"type": "string"
|
|
627
|
+
},
|
|
628
|
+
{
|
|
629
|
+
"value": "default",
|
|
630
|
+
"type": "string"
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"value": "info",
|
|
634
|
+
"type": "string"
|
|
635
|
+
},
|
|
636
|
+
{
|
|
637
|
+
"value": "primary",
|
|
638
|
+
"type": "string"
|
|
639
|
+
},
|
|
640
|
+
{
|
|
641
|
+
"value": "success",
|
|
642
|
+
"type": "string"
|
|
643
|
+
},
|
|
644
|
+
{
|
|
645
|
+
"value": "warning",
|
|
646
|
+
"type": "string"
|
|
647
|
+
}
|
|
648
|
+
],
|
|
649
|
+
"optional": false,
|
|
650
|
+
"required": false,
|
|
651
|
+
"getter": false,
|
|
652
|
+
"setter": false
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"name": "disabled",
|
|
656
|
+
"type": "boolean",
|
|
657
|
+
"complexType": {
|
|
658
|
+
"original": "boolean",
|
|
659
|
+
"resolved": "boolean",
|
|
660
|
+
"references": {}
|
|
661
|
+
},
|
|
662
|
+
"mutable": false,
|
|
663
|
+
"attr": "disabled",
|
|
664
|
+
"reflectToAttr": true,
|
|
665
|
+
"docs": "Desabilita o botão e impede a interação.",
|
|
666
|
+
"docsTags": [
|
|
667
|
+
{
|
|
668
|
+
"name": "default",
|
|
669
|
+
"text": "false"
|
|
670
|
+
}
|
|
671
|
+
],
|
|
672
|
+
"default": "false",
|
|
673
|
+
"values": [
|
|
674
|
+
{
|
|
675
|
+
"type": "boolean"
|
|
676
|
+
}
|
|
677
|
+
],
|
|
678
|
+
"optional": true,
|
|
679
|
+
"required": false,
|
|
680
|
+
"getter": false,
|
|
681
|
+
"setter": false
|
|
682
|
+
},
|
|
683
|
+
{
|
|
684
|
+
"name": "size",
|
|
685
|
+
"type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
686
|
+
"complexType": {
|
|
687
|
+
"original": "ButtonSize",
|
|
688
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
|
|
689
|
+
"references": {
|
|
690
|
+
"ButtonSize": {
|
|
691
|
+
"location": "import",
|
|
692
|
+
"path": "./bth-button.types",
|
|
693
|
+
"id": "src/components/bth-button/bth-button.types.ts::ButtonSize",
|
|
694
|
+
"referenceLocation": "ButtonSize"
|
|
695
|
+
}
|
|
696
|
+
}
|
|
697
|
+
},
|
|
698
|
+
"mutable": false,
|
|
699
|
+
"attr": "size",
|
|
700
|
+
"reflectToAttr": true,
|
|
701
|
+
"docs": "Tamanho do botão.",
|
|
702
|
+
"docsTags": [
|
|
703
|
+
{
|
|
704
|
+
"name": "default",
|
|
705
|
+
"text": "'md'"
|
|
706
|
+
}
|
|
707
|
+
],
|
|
708
|
+
"default": "'md'",
|
|
709
|
+
"values": [
|
|
710
|
+
{
|
|
711
|
+
"value": "lg",
|
|
712
|
+
"type": "string"
|
|
713
|
+
},
|
|
714
|
+
{
|
|
715
|
+
"value": "md",
|
|
716
|
+
"type": "string"
|
|
717
|
+
},
|
|
718
|
+
{
|
|
719
|
+
"value": "sm",
|
|
720
|
+
"type": "string"
|
|
721
|
+
},
|
|
722
|
+
{
|
|
723
|
+
"value": "xl",
|
|
724
|
+
"type": "string"
|
|
725
|
+
},
|
|
726
|
+
{
|
|
727
|
+
"value": "xs",
|
|
728
|
+
"type": "string"
|
|
729
|
+
}
|
|
730
|
+
],
|
|
731
|
+
"optional": false,
|
|
732
|
+
"required": false,
|
|
733
|
+
"getter": false,
|
|
734
|
+
"setter": false
|
|
735
|
+
},
|
|
736
|
+
{
|
|
737
|
+
"name": "type",
|
|
738
|
+
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
739
|
+
"complexType": {
|
|
740
|
+
"original": "'submit' | 'reset' | 'button'",
|
|
741
|
+
"resolved": "\"button\" | \"reset\" | \"submit\"",
|
|
742
|
+
"references": {}
|
|
743
|
+
},
|
|
744
|
+
"mutable": false,
|
|
745
|
+
"attr": "type",
|
|
746
|
+
"reflectToAttr": false,
|
|
747
|
+
"docs": "Tipo do botão nativo. `submit` e `reset` atuam sobre o formulário pai.",
|
|
748
|
+
"docsTags": [
|
|
749
|
+
{
|
|
750
|
+
"name": "default",
|
|
751
|
+
"text": "'button'"
|
|
752
|
+
}
|
|
753
|
+
],
|
|
754
|
+
"default": "'button'",
|
|
755
|
+
"values": [
|
|
756
|
+
{
|
|
757
|
+
"value": "button",
|
|
758
|
+
"type": "string"
|
|
759
|
+
},
|
|
760
|
+
{
|
|
761
|
+
"value": "reset",
|
|
762
|
+
"type": "string"
|
|
763
|
+
},
|
|
764
|
+
{
|
|
765
|
+
"value": "submit",
|
|
766
|
+
"type": "string"
|
|
767
|
+
}
|
|
768
|
+
],
|
|
769
|
+
"optional": false,
|
|
770
|
+
"required": false,
|
|
771
|
+
"getter": false,
|
|
772
|
+
"setter": false
|
|
773
|
+
},
|
|
774
|
+
{
|
|
775
|
+
"name": "variant",
|
|
776
|
+
"type": "\"default\" | \"ghost\" | \"outline\"",
|
|
777
|
+
"complexType": {
|
|
778
|
+
"original": "ButtonVariant",
|
|
779
|
+
"resolved": "\"default\" | \"ghost\" | \"outline\"",
|
|
780
|
+
"references": {
|
|
781
|
+
"ButtonVariant": {
|
|
782
|
+
"location": "import",
|
|
783
|
+
"path": "./bth-button.types",
|
|
784
|
+
"id": "src/components/bth-button/bth-button.types.ts::ButtonVariant",
|
|
785
|
+
"referenceLocation": "ButtonVariant"
|
|
786
|
+
}
|
|
787
|
+
}
|
|
788
|
+
},
|
|
789
|
+
"mutable": false,
|
|
790
|
+
"attr": "variant",
|
|
791
|
+
"reflectToAttr": true,
|
|
792
|
+
"docs": "Estilo visual: `default` é preenchido, `outline` tem só a borda e `ghost` tem só o texto.",
|
|
793
|
+
"docsTags": [
|
|
794
|
+
{
|
|
795
|
+
"name": "default",
|
|
796
|
+
"text": "'default'"
|
|
797
|
+
}
|
|
798
|
+
],
|
|
799
|
+
"default": "'default'",
|
|
800
|
+
"values": [
|
|
801
|
+
{
|
|
802
|
+
"value": "default",
|
|
803
|
+
"type": "string"
|
|
804
|
+
},
|
|
805
|
+
{
|
|
806
|
+
"value": "ghost",
|
|
807
|
+
"type": "string"
|
|
808
|
+
},
|
|
809
|
+
{
|
|
810
|
+
"value": "outline",
|
|
811
|
+
"type": "string"
|
|
812
|
+
}
|
|
813
|
+
],
|
|
814
|
+
"optional": false,
|
|
815
|
+
"required": false,
|
|
816
|
+
"getter": false,
|
|
817
|
+
"setter": false
|
|
818
|
+
}
|
|
819
|
+
],
|
|
820
|
+
"methods": [],
|
|
821
|
+
"events": [],
|
|
822
|
+
"listeners": [],
|
|
823
|
+
"styles": [],
|
|
824
|
+
"slots": [
|
|
825
|
+
{
|
|
826
|
+
"name": "",
|
|
827
|
+
"docs": "Conteúdo do botão."
|
|
828
|
+
}
|
|
829
|
+
],
|
|
830
|
+
"parts": [],
|
|
831
|
+
"states": [],
|
|
832
|
+
"dependents": [],
|
|
833
|
+
"dependencies": [],
|
|
834
|
+
"dependencyGraph": {}
|
|
835
|
+
},
|
|
836
|
+
{
|
|
837
|
+
"filePath": "src/components/bth-icon/bth-icon.tsx",
|
|
838
|
+
"encapsulation": "none",
|
|
839
|
+
"tag": "bth-icon",
|
|
840
|
+
"readme": "# bth-icon\n\n\n",
|
|
841
|
+
"docs": "Ícone da fonte Material Symbols Outlined.",
|
|
842
|
+
"docsTags": [
|
|
843
|
+
{
|
|
844
|
+
"name": "usage-when",
|
|
845
|
+
"text": "Para reforçar visualmente o significado de um texto, como o título de um alerta ou o rótulo de um botão."
|
|
846
|
+
},
|
|
847
|
+
{
|
|
848
|
+
"name": "usage-when",
|
|
849
|
+
"text": "Para preencher o slot `icon` de outros componentes."
|
|
850
|
+
},
|
|
851
|
+
{
|
|
852
|
+
"name": "usage-avoid",
|
|
853
|
+
"text": "Como único conteúdo de um controle interativo sem um rótulo acessível."
|
|
854
|
+
},
|
|
855
|
+
{
|
|
856
|
+
"name": "usage-avoid",
|
|
857
|
+
"text": "Para ilustrações ou imagens decorativas grandes; use uma imagem."
|
|
858
|
+
},
|
|
859
|
+
{
|
|
860
|
+
"name": "category",
|
|
861
|
+
"text": "mídia"
|
|
862
|
+
},
|
|
863
|
+
{
|
|
864
|
+
"name": "related",
|
|
865
|
+
"text": "bth-alert, bth-button"
|
|
866
|
+
},
|
|
867
|
+
{
|
|
868
|
+
"name": "example",
|
|
869
|
+
"text": "```html\n<bth-icon name=\"info\"></bth-icon>\n```"
|
|
870
|
+
},
|
|
871
|
+
{
|
|
872
|
+
"name": "status",
|
|
873
|
+
"text": "beta"
|
|
874
|
+
}
|
|
875
|
+
],
|
|
876
|
+
"usage": {},
|
|
877
|
+
"props": [
|
|
878
|
+
{
|
|
879
|
+
"name": "name",
|
|
880
|
+
"type": "string",
|
|
881
|
+
"complexType": {
|
|
882
|
+
"original": "string",
|
|
883
|
+
"resolved": "string",
|
|
884
|
+
"references": {}
|
|
885
|
+
},
|
|
886
|
+
"mutable": false,
|
|
887
|
+
"attr": "name",
|
|
888
|
+
"reflectToAttr": false,
|
|
889
|
+
"docs": "Nome do ícone na fonte Material Symbols Outlined, como `info` ou `check_circle`.",
|
|
890
|
+
"docsTags": [],
|
|
891
|
+
"values": [
|
|
892
|
+
{
|
|
893
|
+
"type": "string"
|
|
894
|
+
}
|
|
895
|
+
],
|
|
896
|
+
"optional": true,
|
|
897
|
+
"required": false,
|
|
898
|
+
"getter": false,
|
|
899
|
+
"setter": false
|
|
900
|
+
}
|
|
901
|
+
],
|
|
902
|
+
"methods": [],
|
|
903
|
+
"events": [],
|
|
904
|
+
"listeners": [],
|
|
905
|
+
"styles": [],
|
|
906
|
+
"slots": [],
|
|
907
|
+
"parts": [],
|
|
908
|
+
"states": [],
|
|
909
|
+
"dependents": [],
|
|
910
|
+
"dependencies": [],
|
|
911
|
+
"dependencyGraph": {}
|
|
912
|
+
}
|
|
913
|
+
],
|
|
914
|
+
"typeLibrary": {
|
|
915
|
+
"src/components/bth-alert/bth-alert.types.ts::AlertVariant": {
|
|
916
|
+
"declaration": "export type AlertVariant = 'default' | 'danger' | 'success' | 'warning' | 'info';",
|
|
917
|
+
"docstring": "",
|
|
918
|
+
"path": "src/components/bth-alert/bth-alert.types.ts"
|
|
919
|
+
},
|
|
920
|
+
"src/components/bth-badge/bth-badge.types.ts::BadgeVariant": {
|
|
921
|
+
"declaration": "export type BadgeVariant = 'solid' | 'subtle' | 'outline';",
|
|
922
|
+
"docstring": "",
|
|
923
|
+
"path": "src/components/bth-badge/bth-badge.types.ts"
|
|
924
|
+
},
|
|
925
|
+
"src/components/bth-badge/bth-badge.types.ts::BadgeColor": {
|
|
926
|
+
"declaration": "export type BadgeColor = 'primary' | 'success' | 'danger' | 'warning' | 'info' | 'accent' | 'default';",
|
|
927
|
+
"docstring": "",
|
|
928
|
+
"path": "src/components/bth-badge/bth-badge.types.ts"
|
|
929
|
+
},
|
|
930
|
+
"src/components/bth-badge/bth-badge.types.ts::BadgeSize": {
|
|
931
|
+
"declaration": "export type BadgeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';",
|
|
932
|
+
"docstring": "",
|
|
933
|
+
"path": "src/components/bth-badge/bth-badge.types.ts"
|
|
934
|
+
},
|
|
935
|
+
"src/components/bth-button/bth-button.types.ts::ButtonVariant": {
|
|
936
|
+
"declaration": "export type ButtonVariant = 'outline' | 'ghost' | 'default';",
|
|
937
|
+
"docstring": "",
|
|
938
|
+
"path": "src/components/bth-button/bth-button.types.ts"
|
|
939
|
+
},
|
|
940
|
+
"src/components/bth-button/bth-button.types.ts::ButtonSize": {
|
|
941
|
+
"declaration": "export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';",
|
|
942
|
+
"docstring": "",
|
|
943
|
+
"path": "src/components/bth-button/bth-button.types.ts"
|
|
944
|
+
},
|
|
945
|
+
"src/components/bth-button/bth-button.types.ts::ButtonColor": {
|
|
946
|
+
"declaration": "export type ButtonColor = 'primary' | 'success' | 'danger' | 'warning' | 'info' | 'default';",
|
|
947
|
+
"docstring": "",
|
|
948
|
+
"path": "src/components/bth-button/bth-button.types.ts"
|
|
949
|
+
}
|
|
950
|
+
}
|
|
951
|
+
}
|