@govbr-ds/webcomponents 2.0.0-next.63 → 2.0.0-next.64
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/dist/cjs/br-skip-link.cjs.entry.js +1 -1
- package/dist/cjs/br-skip-link.entry.cjs.js.map +1 -1
- package/dist/collection/components/skip-link/skip-link.js +1 -1
- package/dist/collection/components/skip-link/skip-link.js.map +1 -1
- package/dist/components/br-skip-link.js +4 -5
- package/dist/components/br-skip-link.js.map +1 -1
- package/dist/custom-elements.json +385 -385
- package/dist/esm/br-skip-link.entry.js +1 -1
- package/dist/esm/br-skip-link.entry.js.map +1 -1
- package/dist/hydrate/index.js +1 -1
- package/dist/hydrate/index.mjs +1 -1
- package/dist/webcomponents/br-skip-link.entry.esm.js.map +1 -1
- package/dist/webcomponents/{p-1991135d.entry.js → p-2be1c309.entry.js} +5 -6
- package/dist/webcomponents/p-2be1c309.entry.js.map +1 -0
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/dist/webcomponents.html-custom-data.json +44 -44
- package/package.json +1 -1
- package/dist/webcomponents/p-1991135d.entry.js.map +0 -1
|
@@ -322,322 +322,6 @@
|
|
|
322
322
|
}
|
|
323
323
|
]
|
|
324
324
|
},
|
|
325
|
-
{
|
|
326
|
-
"kind": "javascript-module",
|
|
327
|
-
"path": "components/button.js",
|
|
328
|
-
"declarations": [
|
|
329
|
-
{
|
|
330
|
-
"kind": "class",
|
|
331
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/button?tab=designer).",
|
|
332
|
-
"name": "Button",
|
|
333
|
-
"cssParts": [
|
|
334
|
-
{
|
|
335
|
-
"description": "Parte para o elemento button interno, usada para estilos customizados via ::part(button).",
|
|
336
|
-
"name": "button"
|
|
337
|
-
}
|
|
338
|
-
],
|
|
339
|
-
"slots": [
|
|
340
|
-
{
|
|
341
|
-
"description": "Slot para o rótulo ou conteúdo do botão.",
|
|
342
|
-
"name": "default"
|
|
343
|
-
}
|
|
344
|
-
],
|
|
345
|
-
"members": [
|
|
346
|
-
{
|
|
347
|
-
"kind": "field",
|
|
348
|
-
"name": "el",
|
|
349
|
-
"type": {
|
|
350
|
-
"text": "HTMLBrButtonElement"
|
|
351
|
-
},
|
|
352
|
-
"description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
|
|
353
|
-
},
|
|
354
|
-
{
|
|
355
|
-
"kind": "field",
|
|
356
|
-
"name": "elementInternals",
|
|
357
|
-
"type": {
|
|
358
|
-
"text": "ElementInternals"
|
|
359
|
-
}
|
|
360
|
-
},
|
|
361
|
-
{
|
|
362
|
-
"kind": "field",
|
|
363
|
-
"name": "colorMode",
|
|
364
|
-
"type": {
|
|
365
|
-
"text": "'dark'"
|
|
366
|
-
},
|
|
367
|
-
"readonly": true,
|
|
368
|
-
"description": "Define se o botão usará um esquema de cores escuro."
|
|
369
|
-
},
|
|
370
|
-
{
|
|
371
|
-
"kind": "field",
|
|
372
|
-
"name": "customId",
|
|
373
|
-
"type": {
|
|
374
|
-
"text": "string"
|
|
375
|
-
},
|
|
376
|
-
"readonly": true,
|
|
377
|
-
"description": "Identificador único; gerado automaticamente quando omitido."
|
|
378
|
-
},
|
|
379
|
-
{
|
|
380
|
-
"kind": "field",
|
|
381
|
-
"name": "density",
|
|
382
|
-
"type": {
|
|
383
|
-
"text": "'large' | 'medium' | 'small'"
|
|
384
|
-
},
|
|
385
|
-
"readonly": true,
|
|
386
|
-
"default": "'medium'",
|
|
387
|
-
"description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido."
|
|
388
|
-
},
|
|
389
|
-
{
|
|
390
|
-
"kind": "field",
|
|
391
|
-
"name": "disabled",
|
|
392
|
-
"type": {
|
|
393
|
-
"text": "boolean"
|
|
394
|
-
},
|
|
395
|
-
"readonly": true,
|
|
396
|
-
"default": "false",
|
|
397
|
-
"description": "Desativa o botão, tornando-o não interativo."
|
|
398
|
-
},
|
|
399
|
-
{
|
|
400
|
-
"kind": "field",
|
|
401
|
-
"name": "emphasis",
|
|
402
|
-
"type": {
|
|
403
|
-
"text": "'primary' | 'secondary' | 'tertiary'"
|
|
404
|
-
},
|
|
405
|
-
"readonly": true,
|
|
406
|
-
"description": "Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes."
|
|
407
|
-
},
|
|
408
|
-
{
|
|
409
|
-
"kind": "field",
|
|
410
|
-
"name": "isActive",
|
|
411
|
-
"type": {
|
|
412
|
-
"text": "boolean"
|
|
413
|
-
},
|
|
414
|
-
"readonly": true,
|
|
415
|
-
"default": "false",
|
|
416
|
-
"description": "Indica se o botão está no estado ativo.\nSe definido como verdadeiro, o botão será exibido como ativo."
|
|
417
|
-
},
|
|
418
|
-
{
|
|
419
|
-
"kind": "field",
|
|
420
|
-
"name": "isLoading",
|
|
421
|
-
"type": {
|
|
422
|
-
"text": "boolean"
|
|
423
|
-
},
|
|
424
|
-
"readonly": true,
|
|
425
|
-
"default": "false",
|
|
426
|
-
"description": "Aplica o estado de \"progresso\" ao botão.\nO botão exibirá um indicador de carregamento ou progresso."
|
|
427
|
-
},
|
|
428
|
-
{
|
|
429
|
-
"kind": "field",
|
|
430
|
-
"name": "shape",
|
|
431
|
-
"type": {
|
|
432
|
-
"text": "'circle' | 'block' | 'pill'"
|
|
433
|
-
},
|
|
434
|
-
"readonly": true,
|
|
435
|
-
"description": "Define o formato do botão."
|
|
436
|
-
},
|
|
437
|
-
{
|
|
438
|
-
"kind": "field",
|
|
439
|
-
"name": "type",
|
|
440
|
-
"type": {
|
|
441
|
-
"text": "'button' | 'reset' | 'submit'"
|
|
442
|
-
},
|
|
443
|
-
"readonly": true,
|
|
444
|
-
"description": "Define o tipo de botão, especificando seu comportamento padrão."
|
|
445
|
-
},
|
|
446
|
-
{
|
|
447
|
-
"kind": "field",
|
|
448
|
-
"name": "value",
|
|
449
|
-
"type": {
|
|
450
|
-
"text": "string"
|
|
451
|
-
},
|
|
452
|
-
"readonly": true,
|
|
453
|
-
"description": "Define o valor inicial do botão em um formulário."
|
|
454
|
-
},
|
|
455
|
-
{
|
|
456
|
-
"kind": "field",
|
|
457
|
-
"name": "customTabIndex",
|
|
458
|
-
"type": {
|
|
459
|
-
"text": "number | undefined"
|
|
460
|
-
},
|
|
461
|
-
"readonly": true,
|
|
462
|
-
"description": "Define o índice de tabulação do botão.\nÚtil para remover o botão da sequência de tabulação (tabindex=\"-1\") quando ele é puramente decorativo ou o foco é gerenciado por um componente pai."
|
|
463
|
-
},
|
|
464
|
-
{
|
|
465
|
-
"kind": "field",
|
|
466
|
-
"name": "ariaLabel",
|
|
467
|
-
"type": {
|
|
468
|
-
"text": "string"
|
|
469
|
-
},
|
|
470
|
-
"readonly": true,
|
|
471
|
-
"description": "Define o rótulo acessível do botão.\nEste rótulo é usado por tecnologias assistivas para descrever a função do botão.\nÉ especialmente importante para botões com formato circular, onde o texto pode não ser visível.\nSe o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console."
|
|
472
|
-
},
|
|
473
|
-
{
|
|
474
|
-
"kind": "field",
|
|
475
|
-
"name": "ariaPressed",
|
|
476
|
-
"type": {
|
|
477
|
-
"text": "string"
|
|
478
|
-
},
|
|
479
|
-
"readonly": true,
|
|
480
|
-
"description": "Define o estado de pressionado do botão.\nEste atributo é usado para indicar se o botão está atualmente pressionado ou não.\nÉ especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.\nO valor deve ser 'true' ou 'false'."
|
|
481
|
-
},
|
|
482
|
-
{
|
|
483
|
-
"kind": "field",
|
|
484
|
-
"name": "handleClick",
|
|
485
|
-
"privacy": "private",
|
|
486
|
-
"readonly": true
|
|
487
|
-
},
|
|
488
|
-
{
|
|
489
|
-
"kind": "method",
|
|
490
|
-
"name": "getCssClassMap",
|
|
491
|
-
"privacy": "private",
|
|
492
|
-
"return": {
|
|
493
|
-
"type": {
|
|
494
|
-
"text": "CssClassMap"
|
|
495
|
-
}
|
|
496
|
-
}
|
|
497
|
-
},
|
|
498
|
-
{
|
|
499
|
-
"kind": "method",
|
|
500
|
-
"name": "render"
|
|
501
|
-
}
|
|
502
|
-
],
|
|
503
|
-
"attributes": [
|
|
504
|
-
{
|
|
505
|
-
"name": "color-mode",
|
|
506
|
-
"fieldName": "colorMode",
|
|
507
|
-
"description": "Define se o botão usará um esquema de cores escuro.",
|
|
508
|
-
"type": {
|
|
509
|
-
"text": "'dark'"
|
|
510
|
-
}
|
|
511
|
-
},
|
|
512
|
-
{
|
|
513
|
-
"name": "custom-id",
|
|
514
|
-
"fieldName": "customId",
|
|
515
|
-
"description": "Identificador único; gerado automaticamente quando omitido.",
|
|
516
|
-
"type": {
|
|
517
|
-
"text": "string"
|
|
518
|
-
}
|
|
519
|
-
},
|
|
520
|
-
{
|
|
521
|
-
"name": "density",
|
|
522
|
-
"fieldName": "density",
|
|
523
|
-
"default": "'medium'",
|
|
524
|
-
"description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.",
|
|
525
|
-
"type": {
|
|
526
|
-
"text": "'large' | 'medium' | 'small'"
|
|
527
|
-
}
|
|
528
|
-
},
|
|
529
|
-
{
|
|
530
|
-
"name": "disabled",
|
|
531
|
-
"fieldName": "disabled",
|
|
532
|
-
"default": "false",
|
|
533
|
-
"description": "Desativa o botão, tornando-o não interativo.",
|
|
534
|
-
"type": {
|
|
535
|
-
"text": "boolean"
|
|
536
|
-
}
|
|
537
|
-
},
|
|
538
|
-
{
|
|
539
|
-
"name": "emphasis",
|
|
540
|
-
"fieldName": "emphasis",
|
|
541
|
-
"description": "Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.",
|
|
542
|
-
"type": {
|
|
543
|
-
"text": "'primary' | 'secondary' | 'tertiary'"
|
|
544
|
-
}
|
|
545
|
-
},
|
|
546
|
-
{
|
|
547
|
-
"name": "is-active",
|
|
548
|
-
"fieldName": "isActive",
|
|
549
|
-
"default": "false",
|
|
550
|
-
"description": "Indica se o botão está no estado ativo.\nSe definido como verdadeiro, o botão será exibido como ativo.",
|
|
551
|
-
"type": {
|
|
552
|
-
"text": "boolean"
|
|
553
|
-
}
|
|
554
|
-
},
|
|
555
|
-
{
|
|
556
|
-
"name": "is-loading",
|
|
557
|
-
"fieldName": "isLoading",
|
|
558
|
-
"default": "false",
|
|
559
|
-
"description": "Aplica o estado de \"progresso\" ao botão.\nO botão exibirá um indicador de carregamento ou progresso.",
|
|
560
|
-
"type": {
|
|
561
|
-
"text": "boolean"
|
|
562
|
-
}
|
|
563
|
-
},
|
|
564
|
-
{
|
|
565
|
-
"name": "shape",
|
|
566
|
-
"fieldName": "shape",
|
|
567
|
-
"description": "Define o formato do botão.",
|
|
568
|
-
"type": {
|
|
569
|
-
"text": "'circle' | 'block' | 'pill'"
|
|
570
|
-
}
|
|
571
|
-
},
|
|
572
|
-
{
|
|
573
|
-
"name": "type",
|
|
574
|
-
"fieldName": "type",
|
|
575
|
-
"description": "Define o tipo de botão, especificando seu comportamento padrão.",
|
|
576
|
-
"type": {
|
|
577
|
-
"text": "'button' | 'reset' | 'submit'"
|
|
578
|
-
}
|
|
579
|
-
},
|
|
580
|
-
{
|
|
581
|
-
"name": "value",
|
|
582
|
-
"fieldName": "value",
|
|
583
|
-
"description": "Define o valor inicial do botão em um formulário.",
|
|
584
|
-
"type": {
|
|
585
|
-
"text": "string"
|
|
586
|
-
}
|
|
587
|
-
},
|
|
588
|
-
{
|
|
589
|
-
"name": "custom-tab-index",
|
|
590
|
-
"fieldName": "customTabIndex",
|
|
591
|
-
"description": "Define o índice de tabulação do botão.\nÚtil para remover o botão da sequência de tabulação (tabindex=\"-1\") quando ele é puramente decorativo ou o foco é gerenciado por um componente pai.",
|
|
592
|
-
"type": {
|
|
593
|
-
"text": "number"
|
|
594
|
-
}
|
|
595
|
-
},
|
|
596
|
-
{
|
|
597
|
-
"name": "aria-label",
|
|
598
|
-
"fieldName": "ariaLabel",
|
|
599
|
-
"description": "Define o rótulo acessível do botão.\nEste rótulo é usado por tecnologias assistivas para descrever a função do botão.\nÉ especialmente importante para botões com formato circular, onde o texto pode não ser visível.\nSe o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console.",
|
|
600
|
-
"type": {
|
|
601
|
-
"text": "string"
|
|
602
|
-
}
|
|
603
|
-
},
|
|
604
|
-
{
|
|
605
|
-
"name": "aria-pressed",
|
|
606
|
-
"fieldName": "ariaPressed",
|
|
607
|
-
"description": "Define o estado de pressionado do botão.\nEste atributo é usado para indicar se o botão está atualmente pressionado ou não.\nÉ especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.\nO valor deve ser 'true' ou 'false'.",
|
|
608
|
-
"type": {
|
|
609
|
-
"text": "string"
|
|
610
|
-
}
|
|
611
|
-
}
|
|
612
|
-
],
|
|
613
|
-
"tagName": "br-button",
|
|
614
|
-
"csspart": {
|
|
615
|
-
"name": "button",
|
|
616
|
-
"description": "Parte para o elemento button interno, usada para estilos customizados via ::part(button)."
|
|
617
|
-
},
|
|
618
|
-
"events": [],
|
|
619
|
-
"customElement": true
|
|
620
|
-
}
|
|
621
|
-
],
|
|
622
|
-
"exports": [
|
|
623
|
-
{
|
|
624
|
-
"kind": "js",
|
|
625
|
-
"name": "Button",
|
|
626
|
-
"declaration": {
|
|
627
|
-
"name": "Button",
|
|
628
|
-
"module": "components/button.js"
|
|
629
|
-
}
|
|
630
|
-
},
|
|
631
|
-
{
|
|
632
|
-
"kind": "custom-element-definition",
|
|
633
|
-
"name": "br-button",
|
|
634
|
-
"declaration": {
|
|
635
|
-
"name": "Button",
|
|
636
|
-
"module": "components/button.js"
|
|
637
|
-
}
|
|
638
|
-
}
|
|
639
|
-
]
|
|
640
|
-
},
|
|
641
325
|
{
|
|
642
326
|
"kind": "javascript-module",
|
|
643
327
|
"path": "components/breadcrumb.js",
|
|
@@ -1015,28 +699,220 @@
|
|
|
1015
699
|
},
|
|
1016
700
|
{
|
|
1017
701
|
"kind": "javascript-module",
|
|
1018
|
-
"path": "components/card.js",
|
|
702
|
+
"path": "components/card.js",
|
|
703
|
+
"declarations": [
|
|
704
|
+
{
|
|
705
|
+
"kind": "class",
|
|
706
|
+
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/card?tab=designer).",
|
|
707
|
+
"name": "BrCard",
|
|
708
|
+
"slots": [
|
|
709
|
+
{
|
|
710
|
+
"description": "Slot para conteúdo livre do card, quando não usar a estrutura de slots nomeados.",
|
|
711
|
+
"name": "default"
|
|
712
|
+
},
|
|
713
|
+
{
|
|
714
|
+
"description": "Slot para o conteúdo do cabeçalho do card.",
|
|
715
|
+
"name": "header"
|
|
716
|
+
},
|
|
717
|
+
{
|
|
718
|
+
"description": "Slot para o corpo principal do card ao usar a estrutura de slots.",
|
|
719
|
+
"name": "content"
|
|
720
|
+
},
|
|
721
|
+
{
|
|
722
|
+
"description": "Slot para o conteúdo do rodapé do card.",
|
|
723
|
+
"name": "footer"
|
|
724
|
+
}
|
|
725
|
+
],
|
|
726
|
+
"members": [
|
|
727
|
+
{
|
|
728
|
+
"kind": "field",
|
|
729
|
+
"name": "el",
|
|
730
|
+
"type": {
|
|
731
|
+
"text": "HTMLBrCardElement"
|
|
732
|
+
},
|
|
733
|
+
"description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
|
|
734
|
+
},
|
|
735
|
+
{
|
|
736
|
+
"kind": "field",
|
|
737
|
+
"name": "elementInternals",
|
|
738
|
+
"type": {
|
|
739
|
+
"text": "ElementInternals"
|
|
740
|
+
}
|
|
741
|
+
},
|
|
742
|
+
{
|
|
743
|
+
"kind": "field",
|
|
744
|
+
"name": "customId",
|
|
745
|
+
"type": {
|
|
746
|
+
"text": "string"
|
|
747
|
+
},
|
|
748
|
+
"readonly": true,
|
|
749
|
+
"description": "Identificador único; gerado automaticamente quando omitido."
|
|
750
|
+
},
|
|
751
|
+
{
|
|
752
|
+
"kind": "field",
|
|
753
|
+
"name": "disabled",
|
|
754
|
+
"type": {
|
|
755
|
+
"text": "boolean"
|
|
756
|
+
},
|
|
757
|
+
"default": "false",
|
|
758
|
+
"description": "Define se o card está desabilitado.\nQuando true, o card fica com opacidade reduzida e não responde a interações."
|
|
759
|
+
},
|
|
760
|
+
{
|
|
761
|
+
"kind": "field",
|
|
762
|
+
"name": "hover",
|
|
763
|
+
"type": {
|
|
764
|
+
"text": "boolean"
|
|
765
|
+
},
|
|
766
|
+
"default": "false",
|
|
767
|
+
"description": "Define se o card tem hover interativo.\nQuando true, o card terá efeitos visuais ao passar o mouse."
|
|
768
|
+
},
|
|
769
|
+
{
|
|
770
|
+
"kind": "field",
|
|
771
|
+
"name": "hasHeader",
|
|
772
|
+
"type": {
|
|
773
|
+
"text": "boolean"
|
|
774
|
+
},
|
|
775
|
+
"privacy": "private",
|
|
776
|
+
"default": "false"
|
|
777
|
+
},
|
|
778
|
+
{
|
|
779
|
+
"kind": "field",
|
|
780
|
+
"name": "hasContent",
|
|
781
|
+
"type": {
|
|
782
|
+
"text": "boolean"
|
|
783
|
+
},
|
|
784
|
+
"privacy": "private",
|
|
785
|
+
"default": "false"
|
|
786
|
+
},
|
|
787
|
+
{
|
|
788
|
+
"kind": "field",
|
|
789
|
+
"name": "hasFooter",
|
|
790
|
+
"type": {
|
|
791
|
+
"text": "boolean"
|
|
792
|
+
},
|
|
793
|
+
"privacy": "private",
|
|
794
|
+
"default": "false"
|
|
795
|
+
},
|
|
796
|
+
{
|
|
797
|
+
"kind": "method",
|
|
798
|
+
"name": "checkSlots",
|
|
799
|
+
"privacy": "private"
|
|
800
|
+
},
|
|
801
|
+
{
|
|
802
|
+
"kind": "method",
|
|
803
|
+
"name": "getCssClassMap",
|
|
804
|
+
"privacy": "private",
|
|
805
|
+
"return": {
|
|
806
|
+
"type": {
|
|
807
|
+
"text": "CssClassMap"
|
|
808
|
+
}
|
|
809
|
+
}
|
|
810
|
+
},
|
|
811
|
+
{
|
|
812
|
+
"kind": "method",
|
|
813
|
+
"name": "getHeaderClassMap",
|
|
814
|
+
"privacy": "private",
|
|
815
|
+
"return": {
|
|
816
|
+
"type": {
|
|
817
|
+
"text": "CssClassMap"
|
|
818
|
+
}
|
|
819
|
+
}
|
|
820
|
+
},
|
|
821
|
+
{
|
|
822
|
+
"kind": "method",
|
|
823
|
+
"name": "getContentClassMap",
|
|
824
|
+
"privacy": "private",
|
|
825
|
+
"return": {
|
|
826
|
+
"type": {
|
|
827
|
+
"text": "CssClassMap"
|
|
828
|
+
}
|
|
829
|
+
}
|
|
830
|
+
},
|
|
831
|
+
{
|
|
832
|
+
"kind": "method",
|
|
833
|
+
"name": "getFooterClassMap",
|
|
834
|
+
"privacy": "private",
|
|
835
|
+
"return": {
|
|
836
|
+
"type": {
|
|
837
|
+
"text": "CssClassMap"
|
|
838
|
+
}
|
|
839
|
+
}
|
|
840
|
+
},
|
|
841
|
+
{
|
|
842
|
+
"kind": "method",
|
|
843
|
+
"name": "render"
|
|
844
|
+
}
|
|
845
|
+
],
|
|
846
|
+
"attributes": [
|
|
847
|
+
{
|
|
848
|
+
"name": "custom-id",
|
|
849
|
+
"fieldName": "customId",
|
|
850
|
+
"description": "Identificador único; gerado automaticamente quando omitido.",
|
|
851
|
+
"type": {
|
|
852
|
+
"text": "string"
|
|
853
|
+
}
|
|
854
|
+
},
|
|
855
|
+
{
|
|
856
|
+
"name": "disabled",
|
|
857
|
+
"fieldName": "disabled",
|
|
858
|
+
"default": "false",
|
|
859
|
+
"description": "Define se o card está desabilitado.\nQuando true, o card fica com opacidade reduzida e não responde a interações.",
|
|
860
|
+
"type": {
|
|
861
|
+
"text": "boolean"
|
|
862
|
+
}
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"name": "hover",
|
|
866
|
+
"fieldName": "hover",
|
|
867
|
+
"default": "false",
|
|
868
|
+
"description": "Define se o card tem hover interativo.\nQuando true, o card terá efeitos visuais ao passar o mouse.",
|
|
869
|
+
"type": {
|
|
870
|
+
"text": "boolean"
|
|
871
|
+
}
|
|
872
|
+
}
|
|
873
|
+
],
|
|
874
|
+
"tagName": "br-card",
|
|
875
|
+
"events": [],
|
|
876
|
+
"customElement": true
|
|
877
|
+
}
|
|
878
|
+
],
|
|
879
|
+
"exports": [
|
|
880
|
+
{
|
|
881
|
+
"kind": "js",
|
|
882
|
+
"name": "BrCard",
|
|
883
|
+
"declaration": {
|
|
884
|
+
"name": "BrCard",
|
|
885
|
+
"module": "components/card.js"
|
|
886
|
+
}
|
|
887
|
+
},
|
|
888
|
+
{
|
|
889
|
+
"kind": "custom-element-definition",
|
|
890
|
+
"name": "br-card",
|
|
891
|
+
"declaration": {
|
|
892
|
+
"name": "BrCard",
|
|
893
|
+
"module": "components/card.js"
|
|
894
|
+
}
|
|
895
|
+
}
|
|
896
|
+
]
|
|
897
|
+
},
|
|
898
|
+
{
|
|
899
|
+
"kind": "javascript-module",
|
|
900
|
+
"path": "components/button.js",
|
|
1019
901
|
"declarations": [
|
|
1020
902
|
{
|
|
1021
903
|
"kind": "class",
|
|
1022
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/
|
|
1023
|
-
"name": "
|
|
904
|
+
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/button?tab=designer).",
|
|
905
|
+
"name": "Button",
|
|
906
|
+
"cssParts": [
|
|
907
|
+
{
|
|
908
|
+
"description": "Parte para o elemento button interno, usada para estilos customizados via ::part(button).",
|
|
909
|
+
"name": "button"
|
|
910
|
+
}
|
|
911
|
+
],
|
|
1024
912
|
"slots": [
|
|
1025
913
|
{
|
|
1026
|
-
"description": "Slot para
|
|
914
|
+
"description": "Slot para o rótulo ou conteúdo do botão.",
|
|
1027
915
|
"name": "default"
|
|
1028
|
-
},
|
|
1029
|
-
{
|
|
1030
|
-
"description": "Slot para o conteúdo do cabeçalho do card.",
|
|
1031
|
-
"name": "header"
|
|
1032
|
-
},
|
|
1033
|
-
{
|
|
1034
|
-
"description": "Slot para o corpo principal do card ao usar a estrutura de slots.",
|
|
1035
|
-
"name": "content"
|
|
1036
|
-
},
|
|
1037
|
-
{
|
|
1038
|
-
"description": "Slot para o conteúdo do rodapé do card.",
|
|
1039
|
-
"name": "footer"
|
|
1040
916
|
}
|
|
1041
917
|
],
|
|
1042
918
|
"members": [
|
|
@@ -1044,7 +920,7 @@
|
|
|
1044
920
|
"kind": "field",
|
|
1045
921
|
"name": "el",
|
|
1046
922
|
"type": {
|
|
1047
|
-
"text": "
|
|
923
|
+
"text": "HTMLBrButtonElement"
|
|
1048
924
|
},
|
|
1049
925
|
"description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
|
|
1050
926
|
},
|
|
@@ -1055,6 +931,15 @@
|
|
|
1055
931
|
"text": "ElementInternals"
|
|
1056
932
|
}
|
|
1057
933
|
},
|
|
934
|
+
{
|
|
935
|
+
"kind": "field",
|
|
936
|
+
"name": "colorMode",
|
|
937
|
+
"type": {
|
|
938
|
+
"text": "'dark'"
|
|
939
|
+
},
|
|
940
|
+
"readonly": true,
|
|
941
|
+
"description": "Define se o botão usará um esquema de cores escuro."
|
|
942
|
+
},
|
|
1058
943
|
{
|
|
1059
944
|
"kind": "field",
|
|
1060
945
|
"name": "customId",
|
|
@@ -1064,89 +949,118 @@
|
|
|
1064
949
|
"readonly": true,
|
|
1065
950
|
"description": "Identificador único; gerado automaticamente quando omitido."
|
|
1066
951
|
},
|
|
952
|
+
{
|
|
953
|
+
"kind": "field",
|
|
954
|
+
"name": "density",
|
|
955
|
+
"type": {
|
|
956
|
+
"text": "'large' | 'medium' | 'small'"
|
|
957
|
+
},
|
|
958
|
+
"readonly": true,
|
|
959
|
+
"default": "'medium'",
|
|
960
|
+
"description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido."
|
|
961
|
+
},
|
|
1067
962
|
{
|
|
1068
963
|
"kind": "field",
|
|
1069
964
|
"name": "disabled",
|
|
1070
965
|
"type": {
|
|
1071
966
|
"text": "boolean"
|
|
1072
967
|
},
|
|
968
|
+
"readonly": true,
|
|
1073
969
|
"default": "false",
|
|
1074
|
-
"description": "
|
|
970
|
+
"description": "Desativa o botão, tornando-o não interativo."
|
|
1075
971
|
},
|
|
1076
972
|
{
|
|
1077
973
|
"kind": "field",
|
|
1078
|
-
"name": "
|
|
974
|
+
"name": "emphasis",
|
|
975
|
+
"type": {
|
|
976
|
+
"text": "'primary' | 'secondary' | 'tertiary'"
|
|
977
|
+
},
|
|
978
|
+
"readonly": true,
|
|
979
|
+
"description": "Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes."
|
|
980
|
+
},
|
|
981
|
+
{
|
|
982
|
+
"kind": "field",
|
|
983
|
+
"name": "isActive",
|
|
1079
984
|
"type": {
|
|
1080
985
|
"text": "boolean"
|
|
1081
986
|
},
|
|
987
|
+
"readonly": true,
|
|
1082
988
|
"default": "false",
|
|
1083
|
-
"description": "
|
|
989
|
+
"description": "Indica se o botão está no estado ativo.\nSe definido como verdadeiro, o botão será exibido como ativo."
|
|
1084
990
|
},
|
|
1085
991
|
{
|
|
1086
992
|
"kind": "field",
|
|
1087
|
-
"name": "
|
|
993
|
+
"name": "isLoading",
|
|
1088
994
|
"type": {
|
|
1089
995
|
"text": "boolean"
|
|
1090
996
|
},
|
|
1091
|
-
"
|
|
1092
|
-
"default": "false"
|
|
997
|
+
"readonly": true,
|
|
998
|
+
"default": "false",
|
|
999
|
+
"description": "Aplica o estado de \"progresso\" ao botão.\nO botão exibirá um indicador de carregamento ou progresso."
|
|
1093
1000
|
},
|
|
1094
1001
|
{
|
|
1095
1002
|
"kind": "field",
|
|
1096
|
-
"name": "
|
|
1003
|
+
"name": "shape",
|
|
1097
1004
|
"type": {
|
|
1098
|
-
"text": "
|
|
1005
|
+
"text": "'circle' | 'block' | 'pill'"
|
|
1099
1006
|
},
|
|
1100
|
-
"
|
|
1101
|
-
"
|
|
1007
|
+
"readonly": true,
|
|
1008
|
+
"description": "Define o formato do botão."
|
|
1102
1009
|
},
|
|
1103
1010
|
{
|
|
1104
1011
|
"kind": "field",
|
|
1105
|
-
"name": "
|
|
1012
|
+
"name": "type",
|
|
1106
1013
|
"type": {
|
|
1107
|
-
"text": "
|
|
1014
|
+
"text": "'button' | 'reset' | 'submit'"
|
|
1108
1015
|
},
|
|
1109
|
-
"
|
|
1110
|
-
"
|
|
1016
|
+
"readonly": true,
|
|
1017
|
+
"description": "Define o tipo de botão, especificando seu comportamento padrão."
|
|
1111
1018
|
},
|
|
1112
1019
|
{
|
|
1113
|
-
"kind": "
|
|
1114
|
-
"name": "
|
|
1115
|
-
"
|
|
1020
|
+
"kind": "field",
|
|
1021
|
+
"name": "value",
|
|
1022
|
+
"type": {
|
|
1023
|
+
"text": "string"
|
|
1024
|
+
},
|
|
1025
|
+
"readonly": true,
|
|
1026
|
+
"description": "Define o valor inicial do botão em um formulário."
|
|
1116
1027
|
},
|
|
1117
1028
|
{
|
|
1118
|
-
"kind": "
|
|
1119
|
-
"name": "
|
|
1120
|
-
"
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
}
|
|
1029
|
+
"kind": "field",
|
|
1030
|
+
"name": "customTabIndex",
|
|
1031
|
+
"type": {
|
|
1032
|
+
"text": "number | undefined"
|
|
1033
|
+
},
|
|
1034
|
+
"readonly": true,
|
|
1035
|
+
"description": "Define o índice de tabulação do botão.\nÚtil para remover o botão da sequência de tabulação (tabindex=\"-1\") quando ele é puramente decorativo ou o foco é gerenciado por um componente pai."
|
|
1126
1036
|
},
|
|
1127
1037
|
{
|
|
1128
|
-
"kind": "
|
|
1129
|
-
"name": "
|
|
1130
|
-
"
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
}
|
|
1038
|
+
"kind": "field",
|
|
1039
|
+
"name": "ariaLabel",
|
|
1040
|
+
"type": {
|
|
1041
|
+
"text": "string"
|
|
1042
|
+
},
|
|
1043
|
+
"readonly": true,
|
|
1044
|
+
"description": "Define o rótulo acessível do botão.\nEste rótulo é usado por tecnologias assistivas para descrever a função do botão.\nÉ especialmente importante para botões com formato circular, onde o texto pode não ser visível.\nSe o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console."
|
|
1136
1045
|
},
|
|
1137
1046
|
{
|
|
1138
|
-
"kind": "
|
|
1139
|
-
"name": "
|
|
1047
|
+
"kind": "field",
|
|
1048
|
+
"name": "ariaPressed",
|
|
1049
|
+
"type": {
|
|
1050
|
+
"text": "string"
|
|
1051
|
+
},
|
|
1052
|
+
"readonly": true,
|
|
1053
|
+
"description": "Define o estado de pressionado do botão.\nEste atributo é usado para indicar se o botão está atualmente pressionado ou não.\nÉ especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.\nO valor deve ser 'true' ou 'false'."
|
|
1054
|
+
},
|
|
1055
|
+
{
|
|
1056
|
+
"kind": "field",
|
|
1057
|
+
"name": "handleClick",
|
|
1140
1058
|
"privacy": "private",
|
|
1141
|
-
"
|
|
1142
|
-
"type": {
|
|
1143
|
-
"text": "CssClassMap"
|
|
1144
|
-
}
|
|
1145
|
-
}
|
|
1059
|
+
"readonly": true
|
|
1146
1060
|
},
|
|
1147
1061
|
{
|
|
1148
1062
|
"kind": "method",
|
|
1149
|
-
"name": "
|
|
1063
|
+
"name": "getCssClassMap",
|
|
1150
1064
|
"privacy": "private",
|
|
1151
1065
|
"return": {
|
|
1152
1066
|
"type": {
|
|
@@ -1160,6 +1074,14 @@
|
|
|
1160
1074
|
}
|
|
1161
1075
|
],
|
|
1162
1076
|
"attributes": [
|
|
1077
|
+
{
|
|
1078
|
+
"name": "color-mode",
|
|
1079
|
+
"fieldName": "colorMode",
|
|
1080
|
+
"description": "Define se o botão usará um esquema de cores escuro.",
|
|
1081
|
+
"type": {
|
|
1082
|
+
"text": "'dark'"
|
|
1083
|
+
}
|
|
1084
|
+
},
|
|
1163
1085
|
{
|
|
1164
1086
|
"name": "custom-id",
|
|
1165
1087
|
"fieldName": "customId",
|
|
@@ -1168,26 +1090,104 @@
|
|
|
1168
1090
|
"text": "string"
|
|
1169
1091
|
}
|
|
1170
1092
|
},
|
|
1093
|
+
{
|
|
1094
|
+
"name": "density",
|
|
1095
|
+
"fieldName": "density",
|
|
1096
|
+
"default": "'medium'",
|
|
1097
|
+
"description": "Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.",
|
|
1098
|
+
"type": {
|
|
1099
|
+
"text": "'large' | 'medium' | 'small'"
|
|
1100
|
+
}
|
|
1101
|
+
},
|
|
1171
1102
|
{
|
|
1172
1103
|
"name": "disabled",
|
|
1173
1104
|
"fieldName": "disabled",
|
|
1174
1105
|
"default": "false",
|
|
1175
|
-
"description": "
|
|
1106
|
+
"description": "Desativa o botão, tornando-o não interativo.",
|
|
1176
1107
|
"type": {
|
|
1177
1108
|
"text": "boolean"
|
|
1178
1109
|
}
|
|
1179
1110
|
},
|
|
1180
1111
|
{
|
|
1181
|
-
"name": "
|
|
1182
|
-
"fieldName": "
|
|
1112
|
+
"name": "emphasis",
|
|
1113
|
+
"fieldName": "emphasis",
|
|
1114
|
+
"description": "Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.",
|
|
1115
|
+
"type": {
|
|
1116
|
+
"text": "'primary' | 'secondary' | 'tertiary'"
|
|
1117
|
+
}
|
|
1118
|
+
},
|
|
1119
|
+
{
|
|
1120
|
+
"name": "is-active",
|
|
1121
|
+
"fieldName": "isActive",
|
|
1183
1122
|
"default": "false",
|
|
1184
|
-
"description": "
|
|
1123
|
+
"description": "Indica se o botão está no estado ativo.\nSe definido como verdadeiro, o botão será exibido como ativo.",
|
|
1124
|
+
"type": {
|
|
1125
|
+
"text": "boolean"
|
|
1126
|
+
}
|
|
1127
|
+
},
|
|
1128
|
+
{
|
|
1129
|
+
"name": "is-loading",
|
|
1130
|
+
"fieldName": "isLoading",
|
|
1131
|
+
"default": "false",
|
|
1132
|
+
"description": "Aplica o estado de \"progresso\" ao botão.\nO botão exibirá um indicador de carregamento ou progresso.",
|
|
1185
1133
|
"type": {
|
|
1186
1134
|
"text": "boolean"
|
|
1187
1135
|
}
|
|
1136
|
+
},
|
|
1137
|
+
{
|
|
1138
|
+
"name": "shape",
|
|
1139
|
+
"fieldName": "shape",
|
|
1140
|
+
"description": "Define o formato do botão.",
|
|
1141
|
+
"type": {
|
|
1142
|
+
"text": "'circle' | 'block' | 'pill'"
|
|
1143
|
+
}
|
|
1144
|
+
},
|
|
1145
|
+
{
|
|
1146
|
+
"name": "type",
|
|
1147
|
+
"fieldName": "type",
|
|
1148
|
+
"description": "Define o tipo de botão, especificando seu comportamento padrão.",
|
|
1149
|
+
"type": {
|
|
1150
|
+
"text": "'button' | 'reset' | 'submit'"
|
|
1151
|
+
}
|
|
1152
|
+
},
|
|
1153
|
+
{
|
|
1154
|
+
"name": "value",
|
|
1155
|
+
"fieldName": "value",
|
|
1156
|
+
"description": "Define o valor inicial do botão em um formulário.",
|
|
1157
|
+
"type": {
|
|
1158
|
+
"text": "string"
|
|
1159
|
+
}
|
|
1160
|
+
},
|
|
1161
|
+
{
|
|
1162
|
+
"name": "custom-tab-index",
|
|
1163
|
+
"fieldName": "customTabIndex",
|
|
1164
|
+
"description": "Define o índice de tabulação do botão.\nÚtil para remover o botão da sequência de tabulação (tabindex=\"-1\") quando ele é puramente decorativo ou o foco é gerenciado por um componente pai.",
|
|
1165
|
+
"type": {
|
|
1166
|
+
"text": "number"
|
|
1167
|
+
}
|
|
1168
|
+
},
|
|
1169
|
+
{
|
|
1170
|
+
"name": "aria-label",
|
|
1171
|
+
"fieldName": "ariaLabel",
|
|
1172
|
+
"description": "Define o rótulo acessível do botão.\nEste rótulo é usado por tecnologias assistivas para descrever a função do botão.\nÉ especialmente importante para botões com formato circular, onde o texto pode não ser visível.\nSe o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console.",
|
|
1173
|
+
"type": {
|
|
1174
|
+
"text": "string"
|
|
1175
|
+
}
|
|
1176
|
+
},
|
|
1177
|
+
{
|
|
1178
|
+
"name": "aria-pressed",
|
|
1179
|
+
"fieldName": "ariaPressed",
|
|
1180
|
+
"description": "Define o estado de pressionado do botão.\nEste atributo é usado para indicar se o botão está atualmente pressionado ou não.\nÉ especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.\nO valor deve ser 'true' ou 'false'.",
|
|
1181
|
+
"type": {
|
|
1182
|
+
"text": "string"
|
|
1183
|
+
}
|
|
1188
1184
|
}
|
|
1189
1185
|
],
|
|
1190
|
-
"tagName": "br-
|
|
1186
|
+
"tagName": "br-button",
|
|
1187
|
+
"csspart": {
|
|
1188
|
+
"name": "button",
|
|
1189
|
+
"description": "Parte para o elemento button interno, usada para estilos customizados via ::part(button)."
|
|
1190
|
+
},
|
|
1191
1191
|
"events": [],
|
|
1192
1192
|
"customElement": true
|
|
1193
1193
|
}
|
|
@@ -1195,18 +1195,18 @@
|
|
|
1195
1195
|
"exports": [
|
|
1196
1196
|
{
|
|
1197
1197
|
"kind": "js",
|
|
1198
|
-
"name": "
|
|
1198
|
+
"name": "Button",
|
|
1199
1199
|
"declaration": {
|
|
1200
|
-
"name": "
|
|
1201
|
-
"module": "components/
|
|
1200
|
+
"name": "Button",
|
|
1201
|
+
"module": "components/button.js"
|
|
1202
1202
|
}
|
|
1203
1203
|
},
|
|
1204
1204
|
{
|
|
1205
1205
|
"kind": "custom-element-definition",
|
|
1206
|
-
"name": "br-
|
|
1206
|
+
"name": "br-button",
|
|
1207
1207
|
"declaration": {
|
|
1208
|
-
"name": "
|
|
1209
|
-
"module": "components/
|
|
1208
|
+
"name": "Button",
|
|
1209
|
+
"module": "components/button.js"
|
|
1210
1210
|
}
|
|
1211
1211
|
}
|
|
1212
1212
|
]
|