@viasat/beam-web-components 2.39.0 → 2.39.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/custom-elements.json +1204 -1204
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +174 -174
package/custom-elements.json CHANGED
@@ -294,68 +294,32 @@
294
294
  },
295
295
  {
296
296
  "kind": "javascript-module",
297
- "path": "libs/web-components/src/lib/Alert/Alert.ts",
297
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
298
298
  "declarations": [
299
299
  {
300
300
  "kind": "class",
301
- "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
302
- "name": "BmAlert",
301
+ "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
302
+ "name": "BmBadge",
303
303
  "slots": [
304
304
  {
305
- "description": "Specify a different icon for the Alert",
306
- "name": "icon"
307
- },
308
- {
309
- "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
310
- "name": "heading"
311
- },
312
- {
313
- "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
314
- "name": "body"
305
+ "description": "Provide text for the Badge",
306
+ "name": "default"
315
307
  },
316
308
  {
317
- "description": "Specify if actions display on the Alert",
318
- "name": "actions"
309
+ "description": "Specify a different icon for the Badge",
310
+ "name": "icon"
319
311
  }
320
312
  ],
321
313
  "members": [
322
314
  {
323
315
  "kind": "field",
324
- "name": "heading",
325
- "type": {
326
- "text": "string | undefined"
327
- },
328
- "description": "Specify the heading text for Alert",
329
- "attribute": "heading"
330
- },
331
- {
332
- "kind": "field",
333
- "name": "body",
334
- "type": {
335
- "text": "string | undefined"
336
- },
337
- "description": "Specify the body text for Alert",
338
- "attribute": "body"
339
- },
340
- {
341
- "kind": "field",
342
- "name": "size",
343
- "type": {
344
- "text": "'sm' | 'md'"
345
- },
346
- "default": "'sm'",
347
- "description": "Specify the size of the Alert",
348
- "attribute": "size"
349
- },
350
- {
351
- "kind": "field",
352
- "name": "fullWidth",
316
+ "name": "appearance",
353
317
  "type": {
354
- "text": "boolean"
318
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
355
319
  },
356
- "default": "false",
357
- "description": "Specify if the Alert has no border radius",
358
- "attribute": "fullWidth"
320
+ "default": "'infoPrimary'",
321
+ "description": "Specify the appearance of the Badge",
322
+ "attribute": "appearance"
359
323
  },
360
324
  {
361
325
  "kind": "field",
@@ -363,204 +327,114 @@
363
327
  "type": {
364
328
  "text": "'light' | 'dark' | undefined"
365
329
  },
366
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
330
+ "description": "Theme of the Badge",
367
331
  "attribute": "theme"
368
332
  },
369
333
  {
370
334
  "kind": "field",
371
- "name": "appearance",
335
+ "name": "size",
372
336
  "type": {
373
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
337
+ "text": "'sm' | 'md' | undefined"
374
338
  },
375
- "default": "'infoPrimary'",
376
- "description": "Specify the appearance of the Alert",
377
- "attribute": "appearance"
339
+ "default": "'sm'",
340
+ "description": "Specify the size of the Badge",
341
+ "attribute": "size"
378
342
  },
379
343
  {
380
344
  "kind": "field",
381
- "name": "hidden",
345
+ "name": "emphasis",
382
346
  "type": {
383
- "text": "boolean"
347
+ "text": "'strong' | 'medium' | 'subtle'"
384
348
  },
385
- "default": "false",
386
- "description": "Specify if the Alert is hidden",
387
- "attribute": "hidden"
349
+ "default": "'strong'",
350
+ "description": "Specify the emphasis of the Badge",
351
+ "attribute": "emphasis"
388
352
  },
389
353
  {
390
354
  "kind": "field",
391
355
  "name": "hideIcon",
392
356
  "type": {
393
- "text": "boolean"
357
+ "text": "boolean | undefined"
394
358
  },
395
- "default": "false",
396
- "description": "Specify if the icon displays on the Alert",
359
+ "description": "Hides Badge icon",
397
360
  "attribute": "hideIcon"
398
- },
399
- {
400
- "kind": "field",
401
- "name": "dismissible",
402
- "type": {
403
- "text": "boolean"
404
- },
405
- "default": "false",
406
- "description": "Specify if the Alert can be dismissed",
407
- "attribute": "dismissible"
408
- },
409
- {
410
- "kind": "field",
411
- "name": "disableAutoFocus",
412
- "type": {
413
- "text": "boolean"
414
- },
415
- "default": "false",
416
- "description": "Prevent autofocus on show",
417
- "attribute": "disableAutoFocus"
418
- },
419
- {
420
- "kind": "field",
421
- "name": "disableCloseOnEscape",
422
- "type": {
423
- "text": "boolean"
424
- },
425
- "default": "false",
426
- "description": "Prevent Escape from closing",
427
- "attribute": "disableCloseOnEscape"
428
- }
429
- ],
430
- "events": [
431
- {
432
- "description": "Dispatched when the Alert has been dismissed",
433
- "name": "bm-dismiss"
434
361
  }
435
362
  ],
436
363
  "attributes": [
437
364
  {
438
- "name": "heading",
439
- "type": {
440
- "text": "string | undefined"
441
- },
442
- "description": "Specify the heading text for Alert",
443
- "fieldName": "heading"
444
- },
445
- {
446
- "name": "body",
447
- "type": {
448
- "text": "string | undefined"
449
- },
450
- "description": "Specify the body text for Alert",
451
- "fieldName": "body"
452
- },
453
- {
454
- "name": "size",
455
- "type": {
456
- "text": "'sm' | 'md'"
457
- },
458
- "default": "'sm'",
459
- "description": "Specify the size of the Alert",
460
- "fieldName": "size"
461
- },
462
- {
463
- "name": "fullWidth",
365
+ "name": "appearance",
464
366
  "type": {
465
- "text": "boolean"
367
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
466
368
  },
467
- "default": "false",
468
- "description": "Specify if the Alert has no border radius",
469
- "fieldName": "fullWidth"
369
+ "default": "'infoPrimary'",
370
+ "description": "Specify the appearance of the Badge",
371
+ "fieldName": "appearance"
470
372
  },
471
373
  {
472
374
  "name": "theme",
473
375
  "type": {
474
376
  "text": "'light' | 'dark' | undefined"
475
377
  },
476
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
378
+ "description": "Theme of the Badge",
477
379
  "fieldName": "theme"
478
380
  },
479
381
  {
480
- "name": "appearance",
382
+ "name": "size",
481
383
  "type": {
482
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
384
+ "text": "'sm' | 'md' | undefined"
483
385
  },
484
- "default": "'infoPrimary'",
485
- "description": "Specify the appearance of the Alert",
486
- "fieldName": "appearance"
386
+ "default": "'sm'",
387
+ "description": "Specify the size of the Badge",
388
+ "fieldName": "size"
487
389
  },
488
390
  {
489
- "name": "hidden",
391
+ "name": "emphasis",
490
392
  "type": {
491
- "text": "boolean"
393
+ "text": "'strong' | 'medium' | 'subtle'"
492
394
  },
493
- "default": "false",
494
- "description": "Specify if the Alert is hidden",
495
- "fieldName": "hidden"
395
+ "default": "'strong'",
396
+ "description": "Specify the emphasis of the Badge",
397
+ "fieldName": "emphasis"
496
398
  },
497
399
  {
498
400
  "name": "hideIcon",
499
401
  "type": {
500
- "text": "boolean"
402
+ "text": "boolean | undefined"
501
403
  },
502
- "default": "false",
503
- "description": "Specify if the icon displays on the Alert",
404
+ "description": "Hides Badge icon",
504
405
  "fieldName": "hideIcon"
505
- },
506
- {
507
- "name": "dismissible",
508
- "type": {
509
- "text": "boolean"
510
- },
511
- "default": "false",
512
- "description": "Specify if the Alert can be dismissed",
513
- "fieldName": "dismissible"
514
- },
515
- {
516
- "name": "disableAutoFocus",
517
- "type": {
518
- "text": "boolean"
519
- },
520
- "default": "false",
521
- "description": "Prevent autofocus on show",
522
- "fieldName": "disableAutoFocus"
523
- },
524
- {
525
- "name": "disableCloseOnEscape",
526
- "type": {
527
- "text": "boolean"
528
- },
529
- "default": "false",
530
- "description": "Prevent Escape from closing",
531
- "fieldName": "disableCloseOnEscape"
532
406
  }
533
407
  ],
534
408
  "superclass": {
535
409
  "name": "LitElement",
536
410
  "package": "lit"
537
411
  },
538
- "tagName": "bm-alert",
412
+ "tagName": "bm-badge",
539
413
  "customElement": true
540
414
  }
541
415
  ],
542
416
  "exports": [
543
417
  {
544
418
  "kind": "js",
545
- "name": "BmAlert",
419
+ "name": "BmBadge",
546
420
  "declaration": {
547
- "name": "BmAlert",
548
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
421
+ "name": "BmBadge",
422
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
549
423
  }
550
424
  },
551
425
  {
552
426
  "kind": "custom-element-definition",
553
- "name": "bm-alert",
427
+ "name": "bm-badge",
554
428
  "declaration": {
555
- "name": "BmAlert",
556
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
429
+ "name": "BmBadge",
430
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
557
431
  }
558
432
  }
559
433
  ]
560
434
  },
561
435
  {
562
436
  "kind": "javascript-module",
563
- "path": "libs/web-components/src/lib/Alert/index.ts",
437
+ "path": "libs/web-components/src/lib/Badge/index.ts",
564
438
  "declarations": [],
565
439
  "exports": [
566
440
  {
@@ -568,30 +442,35 @@
568
442
  "name": "*",
569
443
  "declaration": {
570
444
  "name": "*",
571
- "package": "./Alert"
445
+ "package": "./Badge"
572
446
  }
573
447
  }
574
448
  ]
575
449
  },
576
450
  {
577
451
  "kind": "javascript-module",
578
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
452
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
579
453
  "declarations": [
580
454
  {
581
455
  "kind": "class",
582
- "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
583
- "name": "BmBadge",
456
+ "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
457
+ "name": "BmBadgeDot",
584
458
  "slots": [
585
459
  {
586
- "description": "Provide text for the Badge",
460
+ "description": "Provide text for the BadgeDot",
587
461
  "name": "default"
588
- },
589
- {
590
- "description": "Specify a different icon for the Badge",
591
- "name": "icon"
592
462
  }
593
463
  ],
594
464
  "members": [
465
+ {
466
+ "kind": "field",
467
+ "name": "theme",
468
+ "type": {
469
+ "text": "'light' | 'dark' | undefined"
470
+ },
471
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
472
+ "attribute": "theme"
473
+ },
595
474
  {
596
475
  "kind": "field",
597
476
  "name": "appearance",
@@ -599,172 +478,12 @@
599
478
  "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
600
479
  },
601
480
  "default": "'infoPrimary'",
602
- "description": "Specify the appearance of the Badge",
481
+ "description": "Specify the appearance of the BadgeDot",
603
482
  "attribute": "appearance"
604
483
  },
605
484
  {
606
485
  "kind": "field",
607
- "name": "theme",
608
- "type": {
609
- "text": "'light' | 'dark' | undefined"
610
- },
611
- "description": "Theme of the Badge",
612
- "attribute": "theme"
613
- },
614
- {
615
- "kind": "field",
616
- "name": "size",
617
- "type": {
618
- "text": "'sm' | 'md' | undefined"
619
- },
620
- "default": "'sm'",
621
- "description": "Specify the size of the Badge",
622
- "attribute": "size"
623
- },
624
- {
625
- "kind": "field",
626
- "name": "emphasis",
627
- "type": {
628
- "text": "'strong' | 'medium' | 'subtle'"
629
- },
630
- "default": "'strong'",
631
- "description": "Specify the emphasis of the Badge",
632
- "attribute": "emphasis"
633
- },
634
- {
635
- "kind": "field",
636
- "name": "hideIcon",
637
- "type": {
638
- "text": "boolean | undefined"
639
- },
640
- "description": "Hides Badge icon",
641
- "attribute": "hideIcon"
642
- }
643
- ],
644
- "attributes": [
645
- {
646
- "name": "appearance",
647
- "type": {
648
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
649
- },
650
- "default": "'infoPrimary'",
651
- "description": "Specify the appearance of the Badge",
652
- "fieldName": "appearance"
653
- },
654
- {
655
- "name": "theme",
656
- "type": {
657
- "text": "'light' | 'dark' | undefined"
658
- },
659
- "description": "Theme of the Badge",
660
- "fieldName": "theme"
661
- },
662
- {
663
- "name": "size",
664
- "type": {
665
- "text": "'sm' | 'md' | undefined"
666
- },
667
- "default": "'sm'",
668
- "description": "Specify the size of the Badge",
669
- "fieldName": "size"
670
- },
671
- {
672
- "name": "emphasis",
673
- "type": {
674
- "text": "'strong' | 'medium' | 'subtle'"
675
- },
676
- "default": "'strong'",
677
- "description": "Specify the emphasis of the Badge",
678
- "fieldName": "emphasis"
679
- },
680
- {
681
- "name": "hideIcon",
682
- "type": {
683
- "text": "boolean | undefined"
684
- },
685
- "description": "Hides Badge icon",
686
- "fieldName": "hideIcon"
687
- }
688
- ],
689
- "superclass": {
690
- "name": "LitElement",
691
- "package": "lit"
692
- },
693
- "tagName": "bm-badge",
694
- "customElement": true
695
- }
696
- ],
697
- "exports": [
698
- {
699
- "kind": "js",
700
- "name": "BmBadge",
701
- "declaration": {
702
- "name": "BmBadge",
703
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
704
- }
705
- },
706
- {
707
- "kind": "custom-element-definition",
708
- "name": "bm-badge",
709
- "declaration": {
710
- "name": "BmBadge",
711
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
712
- }
713
- }
714
- ]
715
- },
716
- {
717
- "kind": "javascript-module",
718
- "path": "libs/web-components/src/lib/Badge/index.ts",
719
- "declarations": [],
720
- "exports": [
721
- {
722
- "kind": "js",
723
- "name": "*",
724
- "declaration": {
725
- "name": "*",
726
- "package": "./Badge"
727
- }
728
- }
729
- ]
730
- },
731
- {
732
- "kind": "javascript-module",
733
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
734
- "declarations": [
735
- {
736
- "kind": "class",
737
- "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
738
- "name": "BmBadgeDot",
739
- "slots": [
740
- {
741
- "description": "Provide text for the BadgeDot",
742
- "name": "default"
743
- }
744
- ],
745
- "members": [
746
- {
747
- "kind": "field",
748
- "name": "theme",
749
- "type": {
750
- "text": "'light' | 'dark' | undefined"
751
- },
752
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
753
- "attribute": "theme"
754
- },
755
- {
756
- "kind": "field",
757
- "name": "appearance",
758
- "type": {
759
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
760
- },
761
- "default": "'infoPrimary'",
762
- "description": "Specify the appearance of the BadgeDot",
763
- "attribute": "appearance"
764
- },
765
- {
766
- "kind": "field",
767
- "name": "emphasis",
486
+ "name": "emphasis",
768
487
  "type": {
769
488
  "text": "'strong' | 'subtle'"
770
489
  },
@@ -862,392 +581,273 @@
862
581
  },
863
582
  {
864
583
  "kind": "javascript-module",
865
- "path": "libs/web-components/src/lib/Box/Box.ts",
584
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
866
585
  "declarations": [
867
586
  {
868
587
  "kind": "class",
869
- "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
870
- "name": "BmBox",
588
+ "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
589
+ "name": "BmAlert",
871
590
  "slots": [
872
591
  {
873
- "description": "Provide content for the Box",
874
- "name": "default"
592
+ "description": "Specify a different icon for the Alert",
593
+ "name": "icon"
594
+ },
595
+ {
596
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
597
+ "name": "heading"
598
+ },
599
+ {
600
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
601
+ "name": "body"
602
+ },
603
+ {
604
+ "description": "Specify if actions display on the Alert",
605
+ "name": "actions"
875
606
  }
876
607
  ],
877
608
  "members": [
878
609
  {
879
610
  "kind": "field",
880
- "name": "backgroundColor",
611
+ "name": "heading",
881
612
  "type": {
882
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
613
+ "text": "string | undefined"
883
614
  },
884
- "description": "Specify the background color of a Box",
885
- "attribute": "backgroundColor"
615
+ "description": "Specify the heading text for Alert",
616
+ "attribute": "heading"
886
617
  },
887
618
  {
888
619
  "kind": "field",
889
- "name": "borderColor",
620
+ "name": "body",
890
621
  "type": {
891
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
622
+ "text": "string | undefined"
892
623
  },
893
- "description": "Specify the border color of a Box",
894
- "attribute": "borderColor"
624
+ "description": "Specify the body text for Alert",
625
+ "attribute": "body"
895
626
  },
896
627
  {
897
628
  "kind": "field",
898
- "name": "borderWidth",
629
+ "name": "size",
899
630
  "type": {
900
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
631
+ "text": "'sm' | 'md'"
901
632
  },
902
- "description": "Specify the border width of a Box",
903
- "attribute": "borderWidth"
633
+ "default": "'sm'",
634
+ "description": "Specify the size of the Alert",
635
+ "attribute": "size"
904
636
  },
905
637
  {
906
638
  "kind": "field",
907
- "name": "borderRadius",
639
+ "name": "fullWidth",
908
640
  "type": {
909
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
641
+ "text": "boolean"
910
642
  },
911
- "description": "Specify the border radius of a Box",
912
- "attribute": "borderRadius"
643
+ "default": "false",
644
+ "description": "Specify if the Alert has no border radius",
645
+ "attribute": "fullWidth"
913
646
  },
914
647
  {
915
648
  "kind": "field",
916
- "name": "px",
649
+ "name": "theme",
917
650
  "type": {
918
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
651
+ "text": "'light' | 'dark' | undefined"
919
652
  },
920
- "description": "Specify before and after padding of a Box",
921
- "attribute": "px"
653
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
654
+ "attribute": "theme"
922
655
  },
923
656
  {
924
657
  "kind": "field",
925
- "name": "py",
658
+ "name": "appearance",
926
659
  "type": {
927
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
660
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
928
661
  },
929
- "description": "Specify top and bottom padding of a Box",
930
- "attribute": "py"
662
+ "default": "'infoPrimary'",
663
+ "description": "Specify the appearance of the Alert",
664
+ "attribute": "appearance"
931
665
  },
932
666
  {
933
667
  "kind": "field",
934
- "name": "pTop",
668
+ "name": "hidden",
935
669
  "type": {
936
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
670
+ "text": "boolean"
937
671
  },
938
- "description": "Specify top padding of a Box",
939
- "attribute": "pTop"
672
+ "default": "false",
673
+ "description": "Specify if the Alert is hidden",
674
+ "attribute": "hidden"
940
675
  },
941
676
  {
942
677
  "kind": "field",
943
- "name": "pBottom",
678
+ "name": "hideIcon",
944
679
  "type": {
945
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
680
+ "text": "boolean"
946
681
  },
947
- "description": "Specify bottom padding of a Box",
948
- "attribute": "pBottom"
682
+ "default": "false",
683
+ "description": "Specify if the icon displays on the Alert",
684
+ "attribute": "hideIcon"
949
685
  },
950
686
  {
951
687
  "kind": "field",
952
- "name": "pBefore",
688
+ "name": "dismissible",
953
689
  "type": {
954
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
690
+ "text": "boolean"
955
691
  },
956
- "description": "Specify before padding of a Box",
957
- "attribute": "pBefore"
958
- },
959
- {
960
- "kind": "field",
961
- "name": "pAfter",
962
- "type": {
963
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
964
- },
965
- "description": "Specify after padding of a Box",
966
- "attribute": "pAfter"
967
- },
968
- {
969
- "kind": "field",
970
- "name": "mx",
971
- "type": {
972
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
973
- },
974
- "description": "Specify before and after margin of a Box",
975
- "attribute": "mx"
976
- },
977
- {
978
- "kind": "field",
979
- "name": "my",
980
- "type": {
981
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
982
- },
983
- "description": "Specify top and bottom margin of a Box",
984
- "attribute": "my"
985
- },
986
- {
987
- "kind": "field",
988
- "name": "mTop",
989
- "type": {
990
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
991
- },
992
- "description": "Specify top margin of a Box",
993
- "attribute": "mTop"
994
- },
995
- {
996
- "kind": "field",
997
- "name": "mBottom",
998
- "type": {
999
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1000
- },
1001
- "description": "Specify bottom margin of a Box",
1002
- "attribute": "mBottom"
1003
- },
1004
- {
1005
- "kind": "field",
1006
- "name": "mBefore",
1007
- "type": {
1008
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1009
- },
1010
- "description": "Specify before margin of a Box",
1011
- "attribute": "mBefore"
1012
- },
1013
- {
1014
- "kind": "field",
1015
- "name": "mAfter",
1016
- "type": {
1017
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1018
- },
1019
- "description": "Specify after margin of a Box",
1020
- "attribute": "mAfter"
1021
- },
1022
- {
1023
- "kind": "field",
1024
- "name": "m",
1025
- "type": {
1026
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1027
- },
1028
- "description": "Specify all margin",
1029
- "attribute": "m"
692
+ "default": "false",
693
+ "description": "Specify if the Alert can be dismissed",
694
+ "attribute": "dismissible"
1030
695
  },
1031
696
  {
1032
697
  "kind": "field",
1033
- "name": "p",
698
+ "name": "disableAutoFocus",
1034
699
  "type": {
1035
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
700
+ "text": "boolean"
1036
701
  },
1037
- "description": "Specify all padding",
1038
- "attribute": "p"
702
+ "default": "false",
703
+ "description": "Prevent autofocus on show",
704
+ "attribute": "disableAutoFocus"
1039
705
  },
1040
706
  {
1041
707
  "kind": "field",
1042
- "name": "gap",
708
+ "name": "disableCloseOnEscape",
1043
709
  "type": {
1044
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
710
+ "text": "boolean"
1045
711
  },
1046
- "description": "Specify gap between child elements",
1047
- "attribute": "gap"
1048
- },
712
+ "default": "false",
713
+ "description": "Prevent Escape from closing",
714
+ "attribute": "disableCloseOnEscape"
715
+ }
716
+ ],
717
+ "events": [
1049
718
  {
1050
- "kind": "field",
1051
- "name": "shadow",
1052
- "type": {
1053
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1054
- },
1055
- "description": "Specify if a Box has a shadow",
1056
- "attribute": "shadow"
719
+ "description": "Dispatched when the Alert has been dismissed",
720
+ "name": "bm-dismiss"
1057
721
  }
1058
722
  ],
1059
723
  "attributes": [
1060
724
  {
1061
- "name": "backgroundColor",
1062
- "type": {
1063
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1064
- },
1065
- "description": "Specify the background color of a Box",
1066
- "fieldName": "backgroundColor"
1067
- },
1068
- {
1069
- "name": "borderColor",
1070
- "type": {
1071
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1072
- },
1073
- "description": "Specify the border color of a Box",
1074
- "fieldName": "borderColor"
1075
- },
1076
- {
1077
- "name": "borderWidth",
1078
- "type": {
1079
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1080
- },
1081
- "description": "Specify the border width of a Box",
1082
- "fieldName": "borderWidth"
1083
- },
1084
- {
1085
- "name": "borderRadius",
1086
- "type": {
1087
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1088
- },
1089
- "description": "Specify the border radius of a Box",
1090
- "fieldName": "borderRadius"
1091
- },
1092
- {
1093
- "name": "px",
1094
- "type": {
1095
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1096
- },
1097
- "description": "Specify before and after padding of a Box",
1098
- "fieldName": "px"
1099
- },
1100
- {
1101
- "name": "py",
1102
- "type": {
1103
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1104
- },
1105
- "description": "Specify top and bottom padding of a Box",
1106
- "fieldName": "py"
1107
- },
1108
- {
1109
- "name": "pTop",
1110
- "type": {
1111
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1112
- },
1113
- "description": "Specify top padding of a Box",
1114
- "fieldName": "pTop"
1115
- },
1116
- {
1117
- "name": "pBottom",
1118
- "type": {
1119
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1120
- },
1121
- "description": "Specify bottom padding of a Box",
1122
- "fieldName": "pBottom"
1123
- },
1124
- {
1125
- "name": "pBefore",
1126
- "type": {
1127
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1128
- },
1129
- "description": "Specify before padding of a Box",
1130
- "fieldName": "pBefore"
1131
- },
1132
- {
1133
- "name": "pAfter",
725
+ "name": "heading",
1134
726
  "type": {
1135
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
727
+ "text": "string | undefined"
1136
728
  },
1137
- "description": "Specify after padding of a Box",
1138
- "fieldName": "pAfter"
729
+ "description": "Specify the heading text for Alert",
730
+ "fieldName": "heading"
1139
731
  },
1140
732
  {
1141
- "name": "mx",
733
+ "name": "body",
1142
734
  "type": {
1143
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
735
+ "text": "string | undefined"
1144
736
  },
1145
- "description": "Specify before and after margin of a Box",
1146
- "fieldName": "mx"
737
+ "description": "Specify the body text for Alert",
738
+ "fieldName": "body"
1147
739
  },
1148
740
  {
1149
- "name": "my",
741
+ "name": "size",
1150
742
  "type": {
1151
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
743
+ "text": "'sm' | 'md'"
1152
744
  },
1153
- "description": "Specify top and bottom margin of a Box",
1154
- "fieldName": "my"
745
+ "default": "'sm'",
746
+ "description": "Specify the size of the Alert",
747
+ "fieldName": "size"
1155
748
  },
1156
749
  {
1157
- "name": "mTop",
750
+ "name": "fullWidth",
1158
751
  "type": {
1159
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
752
+ "text": "boolean"
1160
753
  },
1161
- "description": "Specify top margin of a Box",
1162
- "fieldName": "mTop"
754
+ "default": "false",
755
+ "description": "Specify if the Alert has no border radius",
756
+ "fieldName": "fullWidth"
1163
757
  },
1164
758
  {
1165
- "name": "mBottom",
759
+ "name": "theme",
1166
760
  "type": {
1167
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
761
+ "text": "'light' | 'dark' | undefined"
1168
762
  },
1169
- "description": "Specify bottom margin of a Box",
1170
- "fieldName": "mBottom"
763
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
764
+ "fieldName": "theme"
1171
765
  },
1172
766
  {
1173
- "name": "mBefore",
767
+ "name": "appearance",
1174
768
  "type": {
1175
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
769
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1176
770
  },
1177
- "description": "Specify before margin of a Box",
1178
- "fieldName": "mBefore"
771
+ "default": "'infoPrimary'",
772
+ "description": "Specify the appearance of the Alert",
773
+ "fieldName": "appearance"
1179
774
  },
1180
775
  {
1181
- "name": "mAfter",
776
+ "name": "hidden",
1182
777
  "type": {
1183
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
778
+ "text": "boolean"
1184
779
  },
1185
- "description": "Specify after margin of a Box",
1186
- "fieldName": "mAfter"
780
+ "default": "false",
781
+ "description": "Specify if the Alert is hidden",
782
+ "fieldName": "hidden"
1187
783
  },
1188
784
  {
1189
- "name": "m",
785
+ "name": "hideIcon",
1190
786
  "type": {
1191
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
787
+ "text": "boolean"
1192
788
  },
1193
- "description": "Specify all margin",
1194
- "fieldName": "m"
789
+ "default": "false",
790
+ "description": "Specify if the icon displays on the Alert",
791
+ "fieldName": "hideIcon"
1195
792
  },
1196
793
  {
1197
- "name": "p",
794
+ "name": "dismissible",
1198
795
  "type": {
1199
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
796
+ "text": "boolean"
1200
797
  },
1201
- "description": "Specify all padding",
1202
- "fieldName": "p"
798
+ "default": "false",
799
+ "description": "Specify if the Alert can be dismissed",
800
+ "fieldName": "dismissible"
1203
801
  },
1204
802
  {
1205
- "name": "gap",
803
+ "name": "disableAutoFocus",
1206
804
  "type": {
1207
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
805
+ "text": "boolean"
1208
806
  },
1209
- "description": "Specify gap between child elements",
1210
- "fieldName": "gap"
807
+ "default": "false",
808
+ "description": "Prevent autofocus on show",
809
+ "fieldName": "disableAutoFocus"
1211
810
  },
1212
811
  {
1213
- "name": "shadow",
812
+ "name": "disableCloseOnEscape",
1214
813
  "type": {
1215
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
814
+ "text": "boolean"
1216
815
  },
1217
- "description": "Specify if a Box has a shadow",
1218
- "fieldName": "shadow"
816
+ "default": "false",
817
+ "description": "Prevent Escape from closing",
818
+ "fieldName": "disableCloseOnEscape"
1219
819
  }
1220
820
  ],
1221
821
  "superclass": {
1222
822
  "name": "LitElement",
1223
823
  "package": "lit"
1224
824
  },
1225
- "tagName": "bm-box",
825
+ "tagName": "bm-alert",
1226
826
  "customElement": true
1227
827
  }
1228
828
  ],
1229
829
  "exports": [
1230
830
  {
1231
831
  "kind": "js",
1232
- "name": "BmBox",
832
+ "name": "BmAlert",
1233
833
  "declaration": {
1234
- "name": "BmBox",
1235
- "module": "libs/web-components/src/lib/Box/Box.ts"
834
+ "name": "BmAlert",
835
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1236
836
  }
1237
837
  },
1238
838
  {
1239
839
  "kind": "custom-element-definition",
1240
- "name": "bm-box",
840
+ "name": "bm-alert",
1241
841
  "declaration": {
1242
- "name": "BmBox",
1243
- "module": "libs/web-components/src/lib/Box/Box.ts"
842
+ "name": "BmAlert",
843
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1244
844
  }
1245
845
  }
1246
846
  ]
1247
847
  },
1248
848
  {
1249
849
  "kind": "javascript-module",
1250
- "path": "libs/web-components/src/lib/Box/index.ts",
850
+ "path": "libs/web-components/src/lib/Alert/index.ts",
1251
851
  "declarations": [],
1252
852
  "exports": [
1253
853
  {
@@ -1255,293 +855,383 @@
1255
855
  "name": "*",
1256
856
  "declaration": {
1257
857
  "name": "*",
1258
- "package": "./Box"
1259
- }
1260
- }
1261
- ]
1262
- },
1263
- {
1264
- "kind": "javascript-module",
1265
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1266
- "declarations": [
1267
- {
1268
- "kind": "variable",
1269
- "name": "BreadcrumbGroupCtx"
1270
- }
1271
- ],
1272
- "exports": [
1273
- {
1274
- "kind": "js",
1275
- "name": "BreadcrumbGroupCtx",
1276
- "declaration": {
1277
- "name": "BreadcrumbGroupCtx",
1278
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
858
+ "package": "./Alert"
1279
859
  }
1280
860
  }
1281
861
  ]
1282
862
  },
1283
863
  {
1284
864
  "kind": "javascript-module",
1285
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
865
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1286
866
  "declarations": [
1287
867
  {
1288
868
  "kind": "class",
1289
- "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1290
- "name": "BmBreadcrumbs",
869
+ "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
870
+ "name": "BmAvatar",
1291
871
  "slots": [
1292
872
  {
1293
- "description": "Pass items to the Breadcrumb",
1294
- "name": "default"
1295
- }
1296
- ],
1297
- "members": [
873
+ "description": "Customize the default icon",
874
+ "name": "icon"
875
+ }
876
+ ],
877
+ "members": [
878
+ {
879
+ "kind": "field",
880
+ "name": "appearance",
881
+ "type": {
882
+ "text": "'accent' | 'neutral' | undefined"
883
+ },
884
+ "default": "'neutral'",
885
+ "description": "Specify the appearance of the Avatar",
886
+ "attribute": "appearance"
887
+ },
888
+ {
889
+ "kind": "field",
890
+ "name": "name",
891
+ "type": {
892
+ "text": "string | undefined"
893
+ },
894
+ "description": "Specify a name to display initials in the Avatar",
895
+ "attribute": "name"
896
+ },
897
+ {
898
+ "kind": "field",
899
+ "name": "src",
900
+ "type": {
901
+ "text": "string | undefined"
902
+ },
903
+ "description": "Pass an image to the Avatar",
904
+ "attribute": "src"
905
+ },
906
+ {
907
+ "kind": "field",
908
+ "name": "alt",
909
+ "type": {
910
+ "text": "string | undefined"
911
+ },
912
+ "description": "Specify alt for image",
913
+ "attribute": "alt"
914
+ },
915
+ {
916
+ "kind": "field",
917
+ "name": "size",
918
+ "type": {
919
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
920
+ },
921
+ "default": "'md'",
922
+ "description": "Specify the size of the Avatar",
923
+ "attribute": "size"
924
+ },
1298
925
  {
1299
926
  "kind": "field",
1300
- "name": "wrap",
927
+ "name": "disabled",
1301
928
  "type": {
1302
- "text": "boolean"
929
+ "text": "boolean | undefined"
1303
930
  },
1304
- "default": "true",
1305
- "description": "Specify if items wrap or collapse to an ellipsis",
1306
- "attribute": "wrap"
931
+ "default": "false",
932
+ "description": "Specify if the Avatar is disabled",
933
+ "attribute": "disabled"
1307
934
  },
1308
935
  {
1309
936
  "kind": "field",
1310
- "name": "itemsBeforeCollapse",
937
+ "name": "shape",
1311
938
  "type": {
1312
- "text": "number"
939
+ "text": "'circle' | 'square' | undefined"
1313
940
  },
1314
- "default": "1",
1315
- "description": "Specify how many items show before ellipsis",
1316
- "attribute": "itemsBeforeCollapse"
941
+ "default": "'circle'",
942
+ "description": "Specify the shape of the Avatar",
943
+ "attribute": "shape"
1317
944
  },
1318
945
  {
1319
946
  "kind": "field",
1320
- "name": "itemsAfterCollapse",
947
+ "name": "isInteractive",
1321
948
  "type": {
1322
- "text": "number"
949
+ "text": "boolean"
1323
950
  },
1324
- "default": "1",
1325
- "description": "Specify how many items show after ellipsis",
1326
- "attribute": "itemsAfterCollapse"
951
+ "default": "false",
952
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
953
+ "attribute": "isInteractive"
1327
954
  },
1328
955
  {
1329
956
  "kind": "field",
1330
- "name": "theme",
957
+ "name": "isFocusable",
1331
958
  "type": {
1332
- "text": "'light' | 'dark' | undefined"
959
+ "text": "boolean"
1333
960
  },
1334
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1335
- "attribute": "theme"
961
+ "default": "false",
962
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
963
+ "attribute": "isFocusable"
964
+ },
965
+ {
966
+ "kind": "field",
967
+ "name": "withBorder",
968
+ "type": {
969
+ "text": "boolean"
970
+ },
971
+ "default": "false",
972
+ "attribute": "withBorder"
1336
973
  }
1337
974
  ],
1338
975
  "attributes": [
1339
976
  {
1340
- "name": "wrap",
977
+ "name": "appearance",
1341
978
  "type": {
1342
- "text": "boolean"
979
+ "text": "'accent' | 'neutral' | undefined"
1343
980
  },
1344
- "default": "true",
1345
- "description": "Specify if items wrap or collapse to an ellipsis",
1346
- "fieldName": "wrap"
981
+ "default": "'neutral'",
982
+ "description": "Specify the appearance of the Avatar",
983
+ "fieldName": "appearance"
1347
984
  },
1348
985
  {
1349
- "name": "itemsBeforeCollapse",
986
+ "name": "name",
1350
987
  "type": {
1351
- "text": "number"
988
+ "text": "string | undefined"
1352
989
  },
1353
- "default": "1",
1354
- "description": "Specify how many items show before ellipsis",
1355
- "fieldName": "itemsBeforeCollapse"
990
+ "description": "Specify a name to display initials in the Avatar",
991
+ "fieldName": "name"
1356
992
  },
1357
993
  {
1358
- "name": "itemsAfterCollapse",
994
+ "name": "src",
1359
995
  "type": {
1360
- "text": "number"
996
+ "text": "string | undefined"
1361
997
  },
1362
- "default": "1",
1363
- "description": "Specify how many items show after ellipsis",
1364
- "fieldName": "itemsAfterCollapse"
998
+ "description": "Pass an image to the Avatar",
999
+ "fieldName": "src"
1365
1000
  },
1366
1001
  {
1367
- "name": "theme",
1002
+ "name": "alt",
1368
1003
  "type": {
1369
- "text": "'light' | 'dark' | undefined"
1004
+ "text": "string | undefined"
1370
1005
  },
1371
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1372
- "fieldName": "theme"
1006
+ "description": "Specify alt for image",
1007
+ "fieldName": "alt"
1008
+ },
1009
+ {
1010
+ "name": "size",
1011
+ "type": {
1012
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1013
+ },
1014
+ "default": "'md'",
1015
+ "description": "Specify the size of the Avatar",
1016
+ "fieldName": "size"
1017
+ },
1018
+ {
1019
+ "name": "disabled",
1020
+ "type": {
1021
+ "text": "boolean | undefined"
1022
+ },
1023
+ "default": "false",
1024
+ "description": "Specify if the Avatar is disabled",
1025
+ "fieldName": "disabled"
1026
+ },
1027
+ {
1028
+ "name": "shape",
1029
+ "type": {
1030
+ "text": "'circle' | 'square' | undefined"
1031
+ },
1032
+ "default": "'circle'",
1033
+ "description": "Specify the shape of the Avatar",
1034
+ "fieldName": "shape"
1035
+ },
1036
+ {
1037
+ "name": "isInteractive",
1038
+ "type": {
1039
+ "text": "boolean"
1040
+ },
1041
+ "default": "false",
1042
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1043
+ "fieldName": "isInteractive"
1044
+ },
1045
+ {
1046
+ "name": "isFocusable",
1047
+ "type": {
1048
+ "text": "boolean"
1049
+ },
1050
+ "default": "false",
1051
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1052
+ "fieldName": "isFocusable"
1053
+ },
1054
+ {
1055
+ "name": "withBorder",
1056
+ "type": {
1057
+ "text": "boolean"
1058
+ },
1059
+ "default": "false",
1060
+ "fieldName": "withBorder"
1373
1061
  }
1374
1062
  ],
1375
1063
  "superclass": {
1376
1064
  "name": "LitElement",
1377
1065
  "package": "lit"
1378
1066
  },
1379
- "tagName": "bm-breadcrumb",
1067
+ "tagName": "bm-avatar",
1380
1068
  "customElement": true
1381
1069
  }
1382
1070
  ],
1383
1071
  "exports": [
1384
1072
  {
1385
1073
  "kind": "js",
1386
- "name": "BmBreadcrumbs",
1074
+ "name": "BmAvatar",
1387
1075
  "declaration": {
1388
- "name": "BmBreadcrumbs",
1389
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1076
+ "name": "BmAvatar",
1077
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1390
1078
  }
1391
1079
  },
1392
1080
  {
1393
1081
  "kind": "custom-element-definition",
1394
- "name": "bm-breadcrumb",
1082
+ "name": "bm-avatar",
1395
1083
  "declaration": {
1396
- "name": "BmBreadcrumbs",
1397
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1084
+ "name": "BmAvatar",
1085
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1398
1086
  }
1399
1087
  }
1400
1088
  ]
1401
1089
  },
1402
1090
  {
1403
1091
  "kind": "javascript-module",
1404
- "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1092
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1093
+ "declarations": [
1094
+ {
1095
+ "kind": "variable",
1096
+ "name": "AvatarGroupCtx"
1097
+ }
1098
+ ],
1099
+ "exports": [
1100
+ {
1101
+ "kind": "js",
1102
+ "name": "AvatarGroupCtx",
1103
+ "declaration": {
1104
+ "name": "AvatarGroupCtx",
1105
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1106
+ }
1107
+ }
1108
+ ]
1109
+ },
1110
+ {
1111
+ "kind": "javascript-module",
1112
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1405
1113
  "declarations": [
1406
1114
  {
1407
1115
  "kind": "class",
1408
- "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1409
- "name": "BmBreadcrumbsItem",
1116
+ "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
1117
+ "name": "BmAvatarGroup",
1410
1118
  "slots": [
1411
1119
  {
1412
- "description": "Pass text to an item",
1120
+ "description": "Add Avatars to create a group",
1413
1121
  "name": "default"
1414
- },
1415
- {
1416
- "description": "Pass icon to an item",
1417
- "name": "icon"
1418
1122
  }
1419
1123
  ],
1420
1124
  "members": [
1421
1125
  {
1422
1126
  "kind": "field",
1423
- "name": "href",
1424
- "type": {
1425
- "text": "string | undefined"
1426
- },
1427
- "description": "Pass href to an item",
1428
- "attribute": "href"
1429
- },
1430
- {
1431
- "kind": "field",
1432
- "name": "clickable",
1127
+ "name": "wrapping",
1433
1128
  "type": {
1434
1129
  "text": "boolean"
1435
1130
  },
1436
1131
  "default": "false",
1437
- "description": "Specify if the item is interactive without an href",
1438
- "attribute": "clickable"
1132
+ "description": "Specify if the AvatarGroup wraps",
1133
+ "attribute": "wrapping"
1439
1134
  },
1440
1135
  {
1441
1136
  "kind": "field",
1442
- "name": "truncationWidth",
1137
+ "name": "maxCount",
1443
1138
  "type": {
1444
- "text": "string | undefined"
1139
+ "text": "number"
1445
1140
  },
1446
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1447
- "attribute": "truncationWidth"
1141
+ "default": "5",
1142
+ "description": "Specify the max number of avatars displayed in the group.",
1143
+ "attribute": "maxCount",
1144
+ "reflects": true
1448
1145
  },
1449
1146
  {
1450
1147
  "kind": "field",
1451
- "name": "isCurrent",
1148
+ "name": "size",
1452
1149
  "type": {
1453
- "text": "boolean"
1150
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1454
1151
  },
1455
- "default": "false",
1456
- "description": "Specify explicitly if the item is the last one",
1457
- "attribute": "isCurrent",
1458
- "reflects": true
1152
+ "default": "'md'",
1153
+ "description": "Specify the size of all Avatars",
1154
+ "attribute": "size"
1459
1155
  },
1460
1156
  {
1461
1157
  "kind": "field",
1462
- "name": "isCollapsed",
1158
+ "name": "layout",
1463
1159
  "type": {
1464
- "text": "boolean"
1160
+ "text": "'stacked' | 'spaced' | undefined"
1465
1161
  },
1466
- "default": "false",
1467
- "attribute": "isCollapsed",
1468
- "reflects": true
1162
+ "default": "'stacked'",
1163
+ "description": "Specify the kind of the group.",
1164
+ "attribute": "layout"
1469
1165
  }
1470
1166
  ],
1471
1167
  "attributes": [
1472
1168
  {
1473
- "name": "href",
1474
- "type": {
1475
- "text": "string | undefined"
1476
- },
1477
- "description": "Pass href to an item",
1478
- "fieldName": "href"
1479
- },
1480
- {
1481
- "name": "clickable",
1169
+ "name": "wrapping",
1482
1170
  "type": {
1483
1171
  "text": "boolean"
1484
1172
  },
1485
1173
  "default": "false",
1486
- "description": "Specify if the item is interactive without an href",
1487
- "fieldName": "clickable"
1174
+ "description": "Specify if the AvatarGroup wraps",
1175
+ "fieldName": "wrapping"
1488
1176
  },
1489
1177
  {
1490
- "name": "truncationWidth",
1178
+ "name": "maxCount",
1491
1179
  "type": {
1492
- "text": "string | undefined"
1180
+ "text": "number"
1493
1181
  },
1494
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1495
- "fieldName": "truncationWidth"
1182
+ "default": "5",
1183
+ "description": "Specify the max number of avatars displayed in the group.",
1184
+ "fieldName": "maxCount"
1496
1185
  },
1497
1186
  {
1498
- "name": "isCurrent",
1187
+ "name": "size",
1499
1188
  "type": {
1500
- "text": "boolean"
1189
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1501
1190
  },
1502
- "default": "false",
1503
- "description": "Specify explicitly if the item is the last one",
1504
- "fieldName": "isCurrent"
1191
+ "default": "'md'",
1192
+ "description": "Specify the size of all Avatars",
1193
+ "fieldName": "size"
1505
1194
  },
1506
1195
  {
1507
- "name": "isCollapsed",
1196
+ "name": "layout",
1508
1197
  "type": {
1509
- "text": "boolean"
1198
+ "text": "'stacked' | 'spaced' | undefined"
1510
1199
  },
1511
- "default": "false",
1512
- "fieldName": "isCollapsed"
1200
+ "default": "'stacked'",
1201
+ "description": "Specify the kind of the group.",
1202
+ "fieldName": "layout"
1513
1203
  }
1514
1204
  ],
1515
1205
  "superclass": {
1516
1206
  "name": "LitElement",
1517
1207
  "package": "lit"
1518
1208
  },
1519
- "tagName": "bm-breadcrumb-item",
1209
+ "tagName": "bm-avatar-group",
1520
1210
  "customElement": true
1521
1211
  }
1522
1212
  ],
1523
1213
  "exports": [
1524
1214
  {
1525
1215
  "kind": "js",
1526
- "name": "BmBreadcrumbsItem",
1216
+ "name": "BmAvatarGroup",
1527
1217
  "declaration": {
1528
- "name": "BmBreadcrumbsItem",
1529
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1218
+ "name": "BmAvatarGroup",
1219
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1530
1220
  }
1531
1221
  },
1532
1222
  {
1533
1223
  "kind": "custom-element-definition",
1534
- "name": "bm-breadcrumb-item",
1224
+ "name": "bm-avatar-group",
1535
1225
  "declaration": {
1536
- "name": "BmBreadcrumbsItem",
1537
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1226
+ "name": "BmAvatarGroup",
1227
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1538
1228
  }
1539
1229
  }
1540
1230
  ]
1541
1231
  },
1542
1232
  {
1543
1233
  "kind": "javascript-module",
1544
- "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1234
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
1545
1235
  "declarations": [],
1546
1236
  "exports": [
1547
1237
  {
@@ -1549,7 +1239,7 @@
1549
1239
  "name": "*",
1550
1240
  "declaration": {
1551
1241
  "name": "*",
1552
- "package": "./Breadcrumbs"
1242
+ "package": "./Avatar"
1553
1243
  }
1554
1244
  },
1555
1245
  {
@@ -1557,263 +1247,399 @@
1557
1247
  "name": "*",
1558
1248
  "declaration": {
1559
1249
  "name": "*",
1560
- "package": "./BreadcrumbsItem"
1250
+ "package": "./AvatarGroup"
1561
1251
  }
1562
1252
  }
1563
1253
  ]
1564
1254
  },
1565
1255
  {
1566
1256
  "kind": "javascript-module",
1567
- "path": "libs/web-components/src/lib/Button/Button.ts",
1257
+ "path": "libs/web-components/src/lib/Box/Box.ts",
1568
1258
  "declarations": [
1569
1259
  {
1570
1260
  "kind": "class",
1571
- "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1572
- "name": "BmButton",
1261
+ "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
1262
+ "name": "BmBox",
1573
1263
  "slots": [
1574
1264
  {
1575
- "description": "Provide content for the Button",
1265
+ "description": "Provide content for the Box",
1576
1266
  "name": "default"
1267
+ }
1268
+ ],
1269
+ "members": [
1270
+ {
1271
+ "kind": "field",
1272
+ "name": "backgroundColor",
1273
+ "type": {
1274
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1275
+ },
1276
+ "description": "Specify the background color of a Box",
1277
+ "attribute": "backgroundColor"
1577
1278
  },
1578
1279
  {
1579
- "description": "Specify if the Button displays icon before the text",
1580
- "name": "iconBefore"
1280
+ "kind": "field",
1281
+ "name": "borderColor",
1282
+ "type": {
1283
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1284
+ },
1285
+ "description": "Specify the border color of a Box",
1286
+ "attribute": "borderColor"
1581
1287
  },
1582
1288
  {
1583
- "description": "Specify if the Button displays icon after the text",
1584
- "name": "iconAfter"
1585
- }
1586
- ],
1587
- "members": [
1289
+ "kind": "field",
1290
+ "name": "borderWidth",
1291
+ "type": {
1292
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1293
+ },
1294
+ "description": "Specify the border width of a Box",
1295
+ "attribute": "borderWidth"
1296
+ },
1588
1297
  {
1589
1298
  "kind": "field",
1590
- "name": "formAssociated",
1299
+ "name": "borderRadius",
1591
1300
  "type": {
1592
- "text": "boolean"
1301
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1593
1302
  },
1594
- "static": true,
1595
- "default": "true"
1303
+ "description": "Specify the border radius of a Box",
1304
+ "attribute": "borderRadius"
1596
1305
  },
1597
1306
  {
1598
1307
  "kind": "field",
1599
- "name": "appearance",
1308
+ "name": "px",
1600
1309
  "type": {
1601
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1310
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1602
1311
  },
1603
- "default": "'accent'",
1604
- "description": "Specify the appearance of a Button",
1605
- "attribute": "appearance"
1312
+ "description": "Specify before and after padding of a Box",
1313
+ "attribute": "px"
1606
1314
  },
1607
1315
  {
1608
1316
  "kind": "field",
1609
- "name": "kind",
1317
+ "name": "py",
1610
1318
  "type": {
1611
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1319
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1612
1320
  },
1613
- "default": "'filled'",
1614
- "description": "Specify the kind of Button",
1615
- "attribute": "kind"
1321
+ "description": "Specify top and bottom padding of a Box",
1322
+ "attribute": "py"
1616
1323
  },
1617
1324
  {
1618
1325
  "kind": "field",
1619
- "name": "size",
1326
+ "name": "pTop",
1620
1327
  "type": {
1621
- "text": "'sm' | 'md' | 'lg'"
1328
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1329
+ },
1330
+ "description": "Specify top padding of a Box",
1331
+ "attribute": "pTop"
1332
+ },
1333
+ {
1334
+ "kind": "field",
1335
+ "name": "pBottom",
1336
+ "type": {
1337
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1338
+ },
1339
+ "description": "Specify bottom padding of a Box",
1340
+ "attribute": "pBottom"
1341
+ },
1342
+ {
1343
+ "kind": "field",
1344
+ "name": "pBefore",
1345
+ "type": {
1346
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1347
+ },
1348
+ "description": "Specify before padding of a Box",
1349
+ "attribute": "pBefore"
1350
+ },
1351
+ {
1352
+ "kind": "field",
1353
+ "name": "pAfter",
1354
+ "type": {
1355
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1356
+ },
1357
+ "description": "Specify after padding of a Box",
1358
+ "attribute": "pAfter"
1359
+ },
1360
+ {
1361
+ "kind": "field",
1362
+ "name": "mx",
1363
+ "type": {
1364
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1365
+ },
1366
+ "description": "Specify before and after margin of a Box",
1367
+ "attribute": "mx"
1368
+ },
1369
+ {
1370
+ "kind": "field",
1371
+ "name": "my",
1372
+ "type": {
1373
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1374
+ },
1375
+ "description": "Specify top and bottom margin of a Box",
1376
+ "attribute": "my"
1377
+ },
1378
+ {
1379
+ "kind": "field",
1380
+ "name": "mTop",
1381
+ "type": {
1382
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1383
+ },
1384
+ "description": "Specify top margin of a Box",
1385
+ "attribute": "mTop"
1386
+ },
1387
+ {
1388
+ "kind": "field",
1389
+ "name": "mBottom",
1390
+ "type": {
1391
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1392
+ },
1393
+ "description": "Specify bottom margin of a Box",
1394
+ "attribute": "mBottom"
1395
+ },
1396
+ {
1397
+ "kind": "field",
1398
+ "name": "mBefore",
1399
+ "type": {
1400
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1401
+ },
1402
+ "description": "Specify before margin of a Box",
1403
+ "attribute": "mBefore"
1404
+ },
1405
+ {
1406
+ "kind": "field",
1407
+ "name": "mAfter",
1408
+ "type": {
1409
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1410
+ },
1411
+ "description": "Specify after margin of a Box",
1412
+ "attribute": "mAfter"
1413
+ },
1414
+ {
1415
+ "kind": "field",
1416
+ "name": "m",
1417
+ "type": {
1418
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1419
+ },
1420
+ "description": "Specify all margin",
1421
+ "attribute": "m"
1422
+ },
1423
+ {
1424
+ "kind": "field",
1425
+ "name": "p",
1426
+ "type": {
1427
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1428
+ },
1429
+ "description": "Specify all padding",
1430
+ "attribute": "p"
1431
+ },
1432
+ {
1433
+ "kind": "field",
1434
+ "name": "gap",
1435
+ "type": {
1436
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1437
+ },
1438
+ "description": "Specify gap between child elements",
1439
+ "attribute": "gap"
1440
+ },
1441
+ {
1442
+ "kind": "field",
1443
+ "name": "shadow",
1444
+ "type": {
1445
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1446
+ },
1447
+ "description": "Specify if a Box has a shadow",
1448
+ "attribute": "shadow"
1449
+ }
1450
+ ],
1451
+ "attributes": [
1452
+ {
1453
+ "name": "backgroundColor",
1454
+ "type": {
1455
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1456
+ },
1457
+ "description": "Specify the background color of a Box",
1458
+ "fieldName": "backgroundColor"
1459
+ },
1460
+ {
1461
+ "name": "borderColor",
1462
+ "type": {
1463
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1622
1464
  },
1623
- "default": "'md'",
1624
- "description": "Specify the size of a Button",
1625
- "attribute": "size"
1465
+ "description": "Specify the border color of a Box",
1466
+ "fieldName": "borderColor"
1626
1467
  },
1627
1468
  {
1628
- "kind": "field",
1629
- "name": "disabled",
1469
+ "name": "borderWidth",
1630
1470
  "type": {
1631
- "text": "boolean"
1471
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1632
1472
  },
1633
- "default": "false",
1634
- "description": "Specify if the Button is disabled",
1635
- "attribute": "disabled"
1473
+ "description": "Specify the border width of a Box",
1474
+ "fieldName": "borderWidth"
1636
1475
  },
1637
1476
  {
1638
- "kind": "field",
1639
- "name": "fluid",
1477
+ "name": "borderRadius",
1640
1478
  "type": {
1641
- "text": "boolean"
1479
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1642
1480
  },
1643
- "default": "false",
1644
- "description": "Specify if Button is fluid",
1645
- "attribute": "fluid"
1481
+ "description": "Specify the border radius of a Box",
1482
+ "fieldName": "borderRadius"
1646
1483
  },
1647
1484
  {
1648
- "kind": "field",
1649
- "name": "width",
1485
+ "name": "px",
1650
1486
  "type": {
1651
- "text": "string | undefined"
1487
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1652
1488
  },
1653
- "description": "Specify the width of a Button",
1654
- "attribute": "width"
1489
+ "description": "Specify before and after padding of a Box",
1490
+ "fieldName": "px"
1655
1491
  },
1656
1492
  {
1657
- "kind": "field",
1658
- "name": "height",
1493
+ "name": "py",
1659
1494
  "type": {
1660
- "text": "string | undefined"
1495
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1661
1496
  },
1662
- "description": "Specify the height of a Button",
1663
- "attribute": "height"
1497
+ "description": "Specify top and bottom padding of a Box",
1498
+ "fieldName": "py"
1664
1499
  },
1665
1500
  {
1666
- "kind": "field",
1667
- "name": "theme",
1501
+ "name": "pTop",
1668
1502
  "type": {
1669
- "text": "'light' | 'dark' | undefined"
1503
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1670
1504
  },
1671
- "description": "Specify the theme of the Button",
1672
- "attribute": "theme"
1505
+ "description": "Specify top padding of a Box",
1506
+ "fieldName": "pTop"
1673
1507
  },
1674
1508
  {
1675
- "kind": "field",
1676
- "name": "iconOnly",
1509
+ "name": "pBottom",
1677
1510
  "type": {
1678
- "text": "boolean | undefined"
1511
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1679
1512
  },
1680
- "description": "Specify if the icon displays without text",
1681
- "attribute": "iconOnly"
1513
+ "description": "Specify bottom padding of a Box",
1514
+ "fieldName": "pBottom"
1682
1515
  },
1683
1516
  {
1684
- "kind": "field",
1685
- "name": "type",
1517
+ "name": "pBefore",
1686
1518
  "type": {
1687
- "text": "string"
1519
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1688
1520
  },
1689
- "default": "'button'",
1690
- "attribute": "type"
1521
+ "description": "Specify before padding of a Box",
1522
+ "fieldName": "pBefore"
1691
1523
  },
1692
1524
  {
1693
- "kind": "field",
1694
- "name": "formContext",
1525
+ "name": "pAfter",
1695
1526
  "type": {
1696
- "text": "BmFormContext"
1697
- }
1698
- }
1699
- ],
1700
- "attributes": [
1527
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1528
+ },
1529
+ "description": "Specify after padding of a Box",
1530
+ "fieldName": "pAfter"
1531
+ },
1701
1532
  {
1702
- "name": "appearance",
1533
+ "name": "mx",
1703
1534
  "type": {
1704
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1535
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1705
1536
  },
1706
- "default": "'accent'",
1707
- "description": "Specify the appearance of a Button",
1708
- "fieldName": "appearance"
1537
+ "description": "Specify before and after margin of a Box",
1538
+ "fieldName": "mx"
1709
1539
  },
1710
1540
  {
1711
- "name": "kind",
1541
+ "name": "my",
1712
1542
  "type": {
1713
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1543
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1714
1544
  },
1715
- "default": "'filled'",
1716
- "description": "Specify the kind of Button",
1717
- "fieldName": "kind"
1545
+ "description": "Specify top and bottom margin of a Box",
1546
+ "fieldName": "my"
1718
1547
  },
1719
1548
  {
1720
- "name": "size",
1549
+ "name": "mTop",
1721
1550
  "type": {
1722
- "text": "'sm' | 'md' | 'lg'"
1551
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1723
1552
  },
1724
- "default": "'md'",
1725
- "description": "Specify the size of a Button",
1726
- "fieldName": "size"
1553
+ "description": "Specify top margin of a Box",
1554
+ "fieldName": "mTop"
1727
1555
  },
1728
1556
  {
1729
- "name": "disabled",
1557
+ "name": "mBottom",
1730
1558
  "type": {
1731
- "text": "boolean"
1559
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1732
1560
  },
1733
- "default": "false",
1734
- "description": "Specify if the Button is disabled",
1735
- "fieldName": "disabled"
1561
+ "description": "Specify bottom margin of a Box",
1562
+ "fieldName": "mBottom"
1736
1563
  },
1737
1564
  {
1738
- "name": "fluid",
1565
+ "name": "mBefore",
1739
1566
  "type": {
1740
- "text": "boolean"
1567
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1741
1568
  },
1742
- "default": "false",
1743
- "description": "Specify if Button is fluid",
1744
- "fieldName": "fluid"
1569
+ "description": "Specify before margin of a Box",
1570
+ "fieldName": "mBefore"
1745
1571
  },
1746
1572
  {
1747
- "name": "width",
1573
+ "name": "mAfter",
1748
1574
  "type": {
1749
- "text": "string | undefined"
1575
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1750
1576
  },
1751
- "description": "Specify the width of a Button",
1752
- "fieldName": "width"
1577
+ "description": "Specify after margin of a Box",
1578
+ "fieldName": "mAfter"
1753
1579
  },
1754
1580
  {
1755
- "name": "height",
1581
+ "name": "m",
1756
1582
  "type": {
1757
- "text": "string | undefined"
1583
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1758
1584
  },
1759
- "description": "Specify the height of a Button",
1760
- "fieldName": "height"
1585
+ "description": "Specify all margin",
1586
+ "fieldName": "m"
1761
1587
  },
1762
1588
  {
1763
- "name": "theme",
1589
+ "name": "p",
1764
1590
  "type": {
1765
- "text": "'light' | 'dark' | undefined"
1591
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1766
1592
  },
1767
- "description": "Specify the theme of the Button",
1768
- "fieldName": "theme"
1593
+ "description": "Specify all padding",
1594
+ "fieldName": "p"
1769
1595
  },
1770
1596
  {
1771
- "name": "iconOnly",
1597
+ "name": "gap",
1772
1598
  "type": {
1773
- "text": "boolean | undefined"
1599
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1774
1600
  },
1775
- "description": "Specify if the icon displays without text",
1776
- "fieldName": "iconOnly"
1601
+ "description": "Specify gap between child elements",
1602
+ "fieldName": "gap"
1777
1603
  },
1778
1604
  {
1779
- "name": "type",
1605
+ "name": "shadow",
1780
1606
  "type": {
1781
- "text": "string"
1607
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1782
1608
  },
1783
- "default": "'button'",
1784
- "fieldName": "type"
1609
+ "description": "Specify if a Box has a shadow",
1610
+ "fieldName": "shadow"
1785
1611
  }
1786
1612
  ],
1787
1613
  "superclass": {
1788
1614
  "name": "LitElement",
1789
1615
  "package": "lit"
1790
1616
  },
1791
- "tagName": "bm-button",
1617
+ "tagName": "bm-box",
1792
1618
  "customElement": true
1793
1619
  }
1794
1620
  ],
1795
1621
  "exports": [
1796
1622
  {
1797
1623
  "kind": "js",
1798
- "name": "BmButton",
1624
+ "name": "BmBox",
1799
1625
  "declaration": {
1800
- "name": "BmButton",
1801
- "module": "libs/web-components/src/lib/Button/Button.ts"
1626
+ "name": "BmBox",
1627
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1802
1628
  }
1803
1629
  },
1804
1630
  {
1805
1631
  "kind": "custom-element-definition",
1806
- "name": "bm-button",
1632
+ "name": "bm-box",
1807
1633
  "declaration": {
1808
- "name": "BmButton",
1809
- "module": "libs/web-components/src/lib/Button/Button.ts"
1634
+ "name": "BmBox",
1635
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1810
1636
  }
1811
1637
  }
1812
1638
  ]
1813
1639
  },
1814
1640
  {
1815
1641
  "kind": "javascript-module",
1816
- "path": "libs/web-components/src/lib/Button/index.ts",
1642
+ "path": "libs/web-components/src/lib/Box/index.ts",
1817
1643
  "declarations": [],
1818
1644
  "exports": [
1819
1645
  {
@@ -1821,383 +1647,293 @@
1821
1647
  "name": "*",
1822
1648
  "declaration": {
1823
1649
  "name": "*",
1824
- "package": "./Button"
1650
+ "package": "./Box"
1825
1651
  }
1826
1652
  }
1827
1653
  ]
1828
1654
  },
1829
1655
  {
1830
1656
  "kind": "javascript-module",
1831
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1657
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1832
1658
  "declarations": [
1833
1659
  {
1834
- "kind": "class",
1835
- "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
1836
- "name": "BmAvatar",
1837
- "slots": [
1838
- {
1839
- "description": "Customize the default icon",
1840
- "name": "icon"
1841
- }
1842
- ],
1843
- "members": [
1844
- {
1845
- "kind": "field",
1846
- "name": "appearance",
1847
- "type": {
1848
- "text": "'accent' | 'neutral' | undefined"
1849
- },
1850
- "default": "'neutral'",
1851
- "description": "Specify the appearance of the Avatar",
1852
- "attribute": "appearance"
1853
- },
1854
- {
1855
- "kind": "field",
1856
- "name": "name",
1857
- "type": {
1858
- "text": "string | undefined"
1859
- },
1860
- "description": "Specify a name to display initials in the Avatar",
1861
- "attribute": "name"
1862
- },
1863
- {
1864
- "kind": "field",
1865
- "name": "src",
1866
- "type": {
1867
- "text": "string | undefined"
1868
- },
1869
- "description": "Pass an image to the Avatar",
1870
- "attribute": "src"
1871
- },
1872
- {
1873
- "kind": "field",
1874
- "name": "alt",
1875
- "type": {
1876
- "text": "string | undefined"
1877
- },
1878
- "description": "Specify alt for image",
1879
- "attribute": "alt"
1880
- },
1881
- {
1882
- "kind": "field",
1883
- "name": "size",
1884
- "type": {
1885
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1886
- },
1887
- "default": "'md'",
1888
- "description": "Specify the size of the Avatar",
1889
- "attribute": "size"
1890
- },
1660
+ "kind": "variable",
1661
+ "name": "BreadcrumbGroupCtx"
1662
+ }
1663
+ ],
1664
+ "exports": [
1665
+ {
1666
+ "kind": "js",
1667
+ "name": "BreadcrumbGroupCtx",
1668
+ "declaration": {
1669
+ "name": "BreadcrumbGroupCtx",
1670
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1671
+ }
1672
+ }
1673
+ ]
1674
+ },
1675
+ {
1676
+ "kind": "javascript-module",
1677
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1678
+ "declarations": [
1679
+ {
1680
+ "kind": "class",
1681
+ "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1682
+ "name": "BmBreadcrumbs",
1683
+ "slots": [
1891
1684
  {
1892
- "kind": "field",
1893
- "name": "disabled",
1894
- "type": {
1895
- "text": "boolean | undefined"
1896
- },
1897
- "default": "false",
1898
- "description": "Specify if the Avatar is disabled",
1899
- "attribute": "disabled"
1900
- },
1685
+ "description": "Pass items to the Breadcrumb",
1686
+ "name": "default"
1687
+ }
1688
+ ],
1689
+ "members": [
1901
1690
  {
1902
1691
  "kind": "field",
1903
- "name": "shape",
1692
+ "name": "wrap",
1904
1693
  "type": {
1905
- "text": "'circle' | 'square' | undefined"
1694
+ "text": "boolean"
1906
1695
  },
1907
- "default": "'circle'",
1908
- "description": "Specify the shape of the Avatar",
1909
- "attribute": "shape"
1696
+ "default": "true",
1697
+ "description": "Specify if items wrap or collapse to an ellipsis",
1698
+ "attribute": "wrap"
1910
1699
  },
1911
1700
  {
1912
1701
  "kind": "field",
1913
- "name": "isInteractive",
1702
+ "name": "itemsBeforeCollapse",
1914
1703
  "type": {
1915
- "text": "boolean"
1704
+ "text": "number"
1916
1705
  },
1917
- "default": "false",
1918
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1919
- "attribute": "isInteractive"
1706
+ "default": "1",
1707
+ "description": "Specify how many items show before ellipsis",
1708
+ "attribute": "itemsBeforeCollapse"
1920
1709
  },
1921
1710
  {
1922
1711
  "kind": "field",
1923
- "name": "isFocusable",
1712
+ "name": "itemsAfterCollapse",
1924
1713
  "type": {
1925
- "text": "boolean"
1714
+ "text": "number"
1926
1715
  },
1927
- "default": "false",
1928
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1929
- "attribute": "isFocusable"
1716
+ "default": "1",
1717
+ "description": "Specify how many items show after ellipsis",
1718
+ "attribute": "itemsAfterCollapse"
1930
1719
  },
1931
1720
  {
1932
1721
  "kind": "field",
1933
- "name": "withBorder",
1722
+ "name": "theme",
1934
1723
  "type": {
1935
- "text": "boolean"
1724
+ "text": "'light' | 'dark' | undefined"
1936
1725
  },
1937
- "default": "false",
1938
- "attribute": "withBorder"
1726
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1727
+ "attribute": "theme"
1939
1728
  }
1940
1729
  ],
1941
1730
  "attributes": [
1942
1731
  {
1943
- "name": "appearance",
1944
- "type": {
1945
- "text": "'accent' | 'neutral' | undefined"
1946
- },
1947
- "default": "'neutral'",
1948
- "description": "Specify the appearance of the Avatar",
1949
- "fieldName": "appearance"
1950
- },
1951
- {
1952
- "name": "name",
1953
- "type": {
1954
- "text": "string | undefined"
1955
- },
1956
- "description": "Specify a name to display initials in the Avatar",
1957
- "fieldName": "name"
1958
- },
1959
- {
1960
- "name": "src",
1961
- "type": {
1962
- "text": "string | undefined"
1963
- },
1964
- "description": "Pass an image to the Avatar",
1965
- "fieldName": "src"
1966
- },
1967
- {
1968
- "name": "alt",
1969
- "type": {
1970
- "text": "string | undefined"
1971
- },
1972
- "description": "Specify alt for image",
1973
- "fieldName": "alt"
1974
- },
1975
- {
1976
- "name": "size",
1977
- "type": {
1978
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1979
- },
1980
- "default": "'md'",
1981
- "description": "Specify the size of the Avatar",
1982
- "fieldName": "size"
1983
- },
1984
- {
1985
- "name": "disabled",
1986
- "type": {
1987
- "text": "boolean | undefined"
1988
- },
1989
- "default": "false",
1990
- "description": "Specify if the Avatar is disabled",
1991
- "fieldName": "disabled"
1992
- },
1993
- {
1994
- "name": "shape",
1732
+ "name": "wrap",
1995
1733
  "type": {
1996
- "text": "'circle' | 'square' | undefined"
1734
+ "text": "boolean"
1997
1735
  },
1998
- "default": "'circle'",
1999
- "description": "Specify the shape of the Avatar",
2000
- "fieldName": "shape"
1736
+ "default": "true",
1737
+ "description": "Specify if items wrap or collapse to an ellipsis",
1738
+ "fieldName": "wrap"
2001
1739
  },
2002
1740
  {
2003
- "name": "isInteractive",
1741
+ "name": "itemsBeforeCollapse",
2004
1742
  "type": {
2005
- "text": "boolean"
1743
+ "text": "number"
2006
1744
  },
2007
- "default": "false",
2008
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
2009
- "fieldName": "isInteractive"
1745
+ "default": "1",
1746
+ "description": "Specify how many items show before ellipsis",
1747
+ "fieldName": "itemsBeforeCollapse"
2010
1748
  },
2011
1749
  {
2012
- "name": "isFocusable",
1750
+ "name": "itemsAfterCollapse",
2013
1751
  "type": {
2014
- "text": "boolean"
1752
+ "text": "number"
2015
1753
  },
2016
- "default": "false",
2017
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
2018
- "fieldName": "isFocusable"
1754
+ "default": "1",
1755
+ "description": "Specify how many items show after ellipsis",
1756
+ "fieldName": "itemsAfterCollapse"
2019
1757
  },
2020
1758
  {
2021
- "name": "withBorder",
1759
+ "name": "theme",
2022
1760
  "type": {
2023
- "text": "boolean"
1761
+ "text": "'light' | 'dark' | undefined"
2024
1762
  },
2025
- "default": "false",
2026
- "fieldName": "withBorder"
1763
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1764
+ "fieldName": "theme"
2027
1765
  }
2028
1766
  ],
2029
1767
  "superclass": {
2030
1768
  "name": "LitElement",
2031
1769
  "package": "lit"
2032
1770
  },
2033
- "tagName": "bm-avatar",
1771
+ "tagName": "bm-breadcrumb",
2034
1772
  "customElement": true
2035
1773
  }
2036
1774
  ],
2037
1775
  "exports": [
2038
1776
  {
2039
1777
  "kind": "js",
2040
- "name": "BmAvatar",
1778
+ "name": "BmBreadcrumbs",
2041
1779
  "declaration": {
2042
- "name": "BmAvatar",
2043
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1780
+ "name": "BmBreadcrumbs",
1781
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
2044
1782
  }
2045
1783
  },
2046
1784
  {
2047
1785
  "kind": "custom-element-definition",
2048
- "name": "bm-avatar",
2049
- "declaration": {
2050
- "name": "BmAvatar",
2051
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
2052
- }
2053
- }
2054
- ]
2055
- },
2056
- {
2057
- "kind": "javascript-module",
2058
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
2059
- "declarations": [
2060
- {
2061
- "kind": "variable",
2062
- "name": "AvatarGroupCtx"
2063
- }
2064
- ],
2065
- "exports": [
2066
- {
2067
- "kind": "js",
2068
- "name": "AvatarGroupCtx",
1786
+ "name": "bm-breadcrumb",
2069
1787
  "declaration": {
2070
- "name": "AvatarGroupCtx",
2071
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1788
+ "name": "BmBreadcrumbs",
1789
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
2072
1790
  }
2073
1791
  }
2074
1792
  ]
2075
1793
  },
2076
1794
  {
2077
1795
  "kind": "javascript-module",
2078
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1796
+ "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
2079
1797
  "declarations": [
2080
1798
  {
2081
1799
  "kind": "class",
2082
- "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
2083
- "name": "BmAvatarGroup",
1800
+ "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1801
+ "name": "BmBreadcrumbsItem",
2084
1802
  "slots": [
2085
1803
  {
2086
- "description": "Add Avatars to create a group",
1804
+ "description": "Pass text to an item",
2087
1805
  "name": "default"
1806
+ },
1807
+ {
1808
+ "description": "Pass icon to an item",
1809
+ "name": "icon"
2088
1810
  }
2089
1811
  ],
2090
1812
  "members": [
2091
1813
  {
2092
1814
  "kind": "field",
2093
- "name": "wrapping",
1815
+ "name": "href",
1816
+ "type": {
1817
+ "text": "string | undefined"
1818
+ },
1819
+ "description": "Pass href to an item",
1820
+ "attribute": "href"
1821
+ },
1822
+ {
1823
+ "kind": "field",
1824
+ "name": "clickable",
2094
1825
  "type": {
2095
1826
  "text": "boolean"
2096
1827
  },
2097
1828
  "default": "false",
2098
- "description": "Specify if the AvatarGroup wraps",
2099
- "attribute": "wrapping"
1829
+ "description": "Specify if the item is interactive without an href",
1830
+ "attribute": "clickable"
2100
1831
  },
2101
1832
  {
2102
1833
  "kind": "field",
2103
- "name": "maxCount",
1834
+ "name": "truncationWidth",
2104
1835
  "type": {
2105
- "text": "number"
1836
+ "text": "string | undefined"
2106
1837
  },
2107
- "default": "5",
2108
- "description": "Specify the max number of avatars displayed in the group.",
2109
- "attribute": "maxCount",
2110
- "reflects": true
1838
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1839
+ "attribute": "truncationWidth"
2111
1840
  },
2112
1841
  {
2113
1842
  "kind": "field",
2114
- "name": "size",
1843
+ "name": "isCurrent",
2115
1844
  "type": {
2116
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1845
+ "text": "boolean"
2117
1846
  },
2118
- "default": "'md'",
2119
- "description": "Specify the size of all Avatars",
2120
- "attribute": "size"
1847
+ "default": "false",
1848
+ "description": "Specify explicitly if the item is the last one",
1849
+ "attribute": "isCurrent",
1850
+ "reflects": true
2121
1851
  },
2122
1852
  {
2123
1853
  "kind": "field",
2124
- "name": "layout",
1854
+ "name": "isCollapsed",
2125
1855
  "type": {
2126
- "text": "'stacked' | 'spaced' | undefined"
1856
+ "text": "boolean"
2127
1857
  },
2128
- "default": "'stacked'",
2129
- "description": "Specify the kind of the group.",
2130
- "attribute": "layout"
1858
+ "default": "false",
1859
+ "attribute": "isCollapsed",
1860
+ "reflects": true
2131
1861
  }
2132
1862
  ],
2133
1863
  "attributes": [
2134
1864
  {
2135
- "name": "wrapping",
1865
+ "name": "href",
1866
+ "type": {
1867
+ "text": "string | undefined"
1868
+ },
1869
+ "description": "Pass href to an item",
1870
+ "fieldName": "href"
1871
+ },
1872
+ {
1873
+ "name": "clickable",
2136
1874
  "type": {
2137
1875
  "text": "boolean"
2138
1876
  },
2139
1877
  "default": "false",
2140
- "description": "Specify if the AvatarGroup wraps",
2141
- "fieldName": "wrapping"
1878
+ "description": "Specify if the item is interactive without an href",
1879
+ "fieldName": "clickable"
2142
1880
  },
2143
1881
  {
2144
- "name": "maxCount",
1882
+ "name": "truncationWidth",
2145
1883
  "type": {
2146
- "text": "number"
1884
+ "text": "string | undefined"
2147
1885
  },
2148
- "default": "5",
2149
- "description": "Specify the max number of avatars displayed in the group.",
2150
- "fieldName": "maxCount"
1886
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1887
+ "fieldName": "truncationWidth"
2151
1888
  },
2152
1889
  {
2153
- "name": "size",
1890
+ "name": "isCurrent",
2154
1891
  "type": {
2155
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1892
+ "text": "boolean"
2156
1893
  },
2157
- "default": "'md'",
2158
- "description": "Specify the size of all Avatars",
2159
- "fieldName": "size"
1894
+ "default": "false",
1895
+ "description": "Specify explicitly if the item is the last one",
1896
+ "fieldName": "isCurrent"
2160
1897
  },
2161
1898
  {
2162
- "name": "layout",
1899
+ "name": "isCollapsed",
2163
1900
  "type": {
2164
- "text": "'stacked' | 'spaced' | undefined"
1901
+ "text": "boolean"
2165
1902
  },
2166
- "default": "'stacked'",
2167
- "description": "Specify the kind of the group.",
2168
- "fieldName": "layout"
1903
+ "default": "false",
1904
+ "fieldName": "isCollapsed"
2169
1905
  }
2170
1906
  ],
2171
1907
  "superclass": {
2172
1908
  "name": "LitElement",
2173
1909
  "package": "lit"
2174
1910
  },
2175
- "tagName": "bm-avatar-group",
1911
+ "tagName": "bm-breadcrumb-item",
2176
1912
  "customElement": true
2177
1913
  }
2178
1914
  ],
2179
1915
  "exports": [
2180
1916
  {
2181
1917
  "kind": "js",
2182
- "name": "BmAvatarGroup",
1918
+ "name": "BmBreadcrumbsItem",
2183
1919
  "declaration": {
2184
- "name": "BmAvatarGroup",
2185
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1920
+ "name": "BmBreadcrumbsItem",
1921
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
2186
1922
  }
2187
1923
  },
2188
1924
  {
2189
1925
  "kind": "custom-element-definition",
2190
- "name": "bm-avatar-group",
1926
+ "name": "bm-breadcrumb-item",
2191
1927
  "declaration": {
2192
- "name": "BmAvatarGroup",
2193
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1928
+ "name": "BmBreadcrumbsItem",
1929
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
2194
1930
  }
2195
1931
  }
2196
1932
  ]
2197
1933
  },
2198
1934
  {
2199
1935
  "kind": "javascript-module",
2200
- "path": "libs/web-components/src/lib/Avatar/index.ts",
1936
+ "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
2201
1937
  "declarations": [],
2202
1938
  "exports": [
2203
1939
  {
@@ -2205,7 +1941,7 @@
2205
1941
  "name": "*",
2206
1942
  "declaration": {
2207
1943
  "name": "*",
2208
- "package": "./Avatar"
1944
+ "package": "./Breadcrumbs"
2209
1945
  }
2210
1946
  },
2211
1947
  {
@@ -2213,28 +1949,71 @@
2213
1949
  "name": "*",
2214
1950
  "declaration": {
2215
1951
  "name": "*",
2216
- "package": "./AvatarGroup"
1952
+ "package": "./BreadcrumbsItem"
2217
1953
  }
2218
1954
  }
2219
1955
  ]
2220
1956
  },
2221
1957
  {
2222
1958
  "kind": "javascript-module",
2223
- "path": "libs/web-components/src/lib/CloseButton/CloseButton.ts",
1959
+ "path": "libs/web-components/src/lib/Button/Button.ts",
2224
1960
  "declarations": [
2225
1961
  {
2226
1962
  "kind": "class",
2227
- "description": "`bm-close-button`\n\n### Attributes:\n- **size** - Specify the size of the CloseButton\n- **disabled** - Specify if the CloseButton is disabled",
2228
- "name": "BmCloseButton",
1963
+ "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1964
+ "name": "BmButton",
1965
+ "slots": [
1966
+ {
1967
+ "description": "Provide content for the Button",
1968
+ "name": "default"
1969
+ },
1970
+ {
1971
+ "description": "Specify if the Button displays icon before the text",
1972
+ "name": "iconBefore"
1973
+ },
1974
+ {
1975
+ "description": "Specify if the Button displays icon after the text",
1976
+ "name": "iconAfter"
1977
+ }
1978
+ ],
2229
1979
  "members": [
1980
+ {
1981
+ "kind": "field",
1982
+ "name": "formAssociated",
1983
+ "type": {
1984
+ "text": "boolean"
1985
+ },
1986
+ "static": true,
1987
+ "default": "true"
1988
+ },
1989
+ {
1990
+ "kind": "field",
1991
+ "name": "appearance",
1992
+ "type": {
1993
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1994
+ },
1995
+ "default": "'accent'",
1996
+ "description": "Specify the appearance of a Button",
1997
+ "attribute": "appearance"
1998
+ },
1999
+ {
2000
+ "kind": "field",
2001
+ "name": "kind",
2002
+ "type": {
2003
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
2004
+ },
2005
+ "default": "'filled'",
2006
+ "description": "Specify the kind of Button",
2007
+ "attribute": "kind"
2008
+ },
2230
2009
  {
2231
2010
  "kind": "field",
2232
2011
  "name": "size",
2233
2012
  "type": {
2234
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2013
+ "text": "'sm' | 'md' | 'lg'"
2235
2014
  },
2236
2015
  "default": "'md'",
2237
- "description": "Specify the size of the CloseButton",
2016
+ "description": "Specify the size of a Button",
2238
2017
  "attribute": "size"
2239
2018
  },
2240
2019
  {
@@ -2244,18 +2023,98 @@
2244
2023
  "text": "boolean"
2245
2024
  },
2246
2025
  "default": "false",
2247
- "description": "Specify if the CloseButton is disabled",
2026
+ "description": "Specify if the Button is disabled",
2248
2027
  "attribute": "disabled"
2028
+ },
2029
+ {
2030
+ "kind": "field",
2031
+ "name": "fluid",
2032
+ "type": {
2033
+ "text": "boolean"
2034
+ },
2035
+ "default": "false",
2036
+ "description": "Specify if Button is fluid",
2037
+ "attribute": "fluid"
2038
+ },
2039
+ {
2040
+ "kind": "field",
2041
+ "name": "width",
2042
+ "type": {
2043
+ "text": "string | undefined"
2044
+ },
2045
+ "description": "Specify the width of a Button",
2046
+ "attribute": "width"
2047
+ },
2048
+ {
2049
+ "kind": "field",
2050
+ "name": "height",
2051
+ "type": {
2052
+ "text": "string | undefined"
2053
+ },
2054
+ "description": "Specify the height of a Button",
2055
+ "attribute": "height"
2056
+ },
2057
+ {
2058
+ "kind": "field",
2059
+ "name": "theme",
2060
+ "type": {
2061
+ "text": "'light' | 'dark' | undefined"
2062
+ },
2063
+ "description": "Specify the theme of the Button",
2064
+ "attribute": "theme"
2065
+ },
2066
+ {
2067
+ "kind": "field",
2068
+ "name": "iconOnly",
2069
+ "type": {
2070
+ "text": "boolean | undefined"
2071
+ },
2072
+ "description": "Specify if the icon displays without text",
2073
+ "attribute": "iconOnly"
2074
+ },
2075
+ {
2076
+ "kind": "field",
2077
+ "name": "type",
2078
+ "type": {
2079
+ "text": "string"
2080
+ },
2081
+ "default": "'button'",
2082
+ "attribute": "type"
2083
+ },
2084
+ {
2085
+ "kind": "field",
2086
+ "name": "formContext",
2087
+ "type": {
2088
+ "text": "BmFormContext"
2089
+ }
2249
2090
  }
2250
2091
  ],
2251
2092
  "attributes": [
2093
+ {
2094
+ "name": "appearance",
2095
+ "type": {
2096
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
2097
+ },
2098
+ "default": "'accent'",
2099
+ "description": "Specify the appearance of a Button",
2100
+ "fieldName": "appearance"
2101
+ },
2102
+ {
2103
+ "name": "kind",
2104
+ "type": {
2105
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
2106
+ },
2107
+ "default": "'filled'",
2108
+ "description": "Specify the kind of Button",
2109
+ "fieldName": "kind"
2110
+ },
2252
2111
  {
2253
2112
  "name": "size",
2254
2113
  "type": {
2255
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2114
+ "text": "'sm' | 'md' | 'lg'"
2256
2115
  },
2257
2116
  "default": "'md'",
2258
- "description": "Specify the size of the CloseButton",
2117
+ "description": "Specify the size of a Button",
2259
2118
  "fieldName": "size"
2260
2119
  },
2261
2120
  {
@@ -2264,40 +2123,89 @@
2264
2123
  "text": "boolean"
2265
2124
  },
2266
2125
  "default": "false",
2267
- "description": "Specify if the CloseButton is disabled",
2126
+ "description": "Specify if the Button is disabled",
2268
2127
  "fieldName": "disabled"
2128
+ },
2129
+ {
2130
+ "name": "fluid",
2131
+ "type": {
2132
+ "text": "boolean"
2133
+ },
2134
+ "default": "false",
2135
+ "description": "Specify if Button is fluid",
2136
+ "fieldName": "fluid"
2137
+ },
2138
+ {
2139
+ "name": "width",
2140
+ "type": {
2141
+ "text": "string | undefined"
2142
+ },
2143
+ "description": "Specify the width of a Button",
2144
+ "fieldName": "width"
2145
+ },
2146
+ {
2147
+ "name": "height",
2148
+ "type": {
2149
+ "text": "string | undefined"
2150
+ },
2151
+ "description": "Specify the height of a Button",
2152
+ "fieldName": "height"
2153
+ },
2154
+ {
2155
+ "name": "theme",
2156
+ "type": {
2157
+ "text": "'light' | 'dark' | undefined"
2158
+ },
2159
+ "description": "Specify the theme of the Button",
2160
+ "fieldName": "theme"
2161
+ },
2162
+ {
2163
+ "name": "iconOnly",
2164
+ "type": {
2165
+ "text": "boolean | undefined"
2166
+ },
2167
+ "description": "Specify if the icon displays without text",
2168
+ "fieldName": "iconOnly"
2169
+ },
2170
+ {
2171
+ "name": "type",
2172
+ "type": {
2173
+ "text": "string"
2174
+ },
2175
+ "default": "'button'",
2176
+ "fieldName": "type"
2269
2177
  }
2270
2178
  ],
2271
2179
  "superclass": {
2272
2180
  "name": "LitElement",
2273
2181
  "package": "lit"
2274
2182
  },
2275
- "tagName": "bm-close-button",
2183
+ "tagName": "bm-button",
2276
2184
  "customElement": true
2277
2185
  }
2278
2186
  ],
2279
2187
  "exports": [
2280
2188
  {
2281
2189
  "kind": "js",
2282
- "name": "BmCloseButton",
2190
+ "name": "BmButton",
2283
2191
  "declaration": {
2284
- "name": "BmCloseButton",
2285
- "module": "libs/web-components/src/lib/CloseButton/CloseButton.ts"
2192
+ "name": "BmButton",
2193
+ "module": "libs/web-components/src/lib/Button/Button.ts"
2286
2194
  }
2287
2195
  },
2288
2196
  {
2289
2197
  "kind": "custom-element-definition",
2290
- "name": "bm-close-button",
2198
+ "name": "bm-button",
2291
2199
  "declaration": {
2292
- "name": "BmCloseButton",
2293
- "module": "libs/web-components/src/lib/CloseButton/CloseButton.ts"
2200
+ "name": "BmButton",
2201
+ "module": "libs/web-components/src/lib/Button/Button.ts"
2294
2202
  }
2295
2203
  }
2296
2204
  ]
2297
2205
  },
2298
2206
  {
2299
2207
  "kind": "javascript-module",
2300
- "path": "libs/web-components/src/lib/CloseButton/index.ts",
2208
+ "path": "libs/web-components/src/lib/Button/index.ts",
2301
2209
  "declarations": [],
2302
2210
  "exports": [
2303
2211
  {
@@ -2305,139 +2213,91 @@
2305
2213
  "name": "*",
2306
2214
  "declaration": {
2307
2215
  "name": "*",
2308
- "package": "./CloseButton"
2216
+ "package": "./Button"
2309
2217
  }
2310
2218
  }
2311
2219
  ]
2312
2220
  },
2313
2221
  {
2314
2222
  "kind": "javascript-module",
2315
- "path": "libs/web-components/src/lib/EmptyState/EmptyState.ts",
2223
+ "path": "libs/web-components/src/lib/CloseButton/CloseButton.ts",
2316
2224
  "declarations": [
2317
2225
  {
2318
2226
  "kind": "class",
2319
- "description": "`bm-empty-state`\n\n### Attributes:\n- **heading** - Specify heading text for EmptyState\n- **body** - Specify body text for EmptyState\n- **actions** - Specify action for EmptyState\n- **theme** - Specify the theme of EmptyState. By default it inherits the theme from the parent",
2320
- "name": "BmEmptyState",
2321
- "slots": [
2322
- {
2323
- "description": "Specify an icon for EmptyState",
2324
- "name": "icon"
2325
- },
2326
- {
2327
- "description": "Specify heading text for EmptyState",
2328
- "name": "heading"
2329
- },
2330
- {
2331
- "description": "Specify body text for EmptyState",
2332
- "name": "body"
2333
- },
2334
- {
2335
- "description": "Add actions to EmptyState",
2336
- "name": "actions"
2337
- }
2338
- ],
2227
+ "description": "`bm-close-button`\n\n### Attributes:\n- **size** - Specify the size of the CloseButton\n- **disabled** - Specify if the CloseButton is disabled",
2228
+ "name": "BmCloseButton",
2339
2229
  "members": [
2340
2230
  {
2341
2231
  "kind": "field",
2342
- "name": "heading",
2343
- "type": {
2344
- "text": "string | undefined"
2345
- },
2346
- "description": "Specify heading text for EmptyState",
2347
- "attribute": "heading"
2348
- },
2349
- {
2350
- "kind": "field",
2351
- "name": "body",
2352
- "type": {
2353
- "text": "string | undefined"
2354
- },
2355
- "description": "Specify body text for EmptyState",
2356
- "attribute": "body"
2357
- },
2358
- {
2359
- "kind": "field",
2360
- "name": "actions",
2232
+ "name": "size",
2361
2233
  "type": {
2362
- "text": "HTMLSlotElement | undefined"
2234
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2363
2235
  },
2364
- "description": "Specify action for EmptyState",
2365
- "attribute": "actions"
2236
+ "default": "'md'",
2237
+ "description": "Specify the size of the CloseButton",
2238
+ "attribute": "size"
2366
2239
  },
2367
2240
  {
2368
2241
  "kind": "field",
2369
- "name": "theme",
2242
+ "name": "disabled",
2370
2243
  "type": {
2371
- "text": "'light' | 'dark' | undefined"
2244
+ "text": "boolean"
2372
2245
  },
2373
- "description": "Specify the theme of EmptyState. By default it inherits the theme from the parent",
2374
- "attribute": "theme"
2246
+ "default": "false",
2247
+ "description": "Specify if the CloseButton is disabled",
2248
+ "attribute": "disabled"
2375
2249
  }
2376
2250
  ],
2377
2251
  "attributes": [
2378
2252
  {
2379
- "name": "heading",
2380
- "type": {
2381
- "text": "string | undefined"
2382
- },
2383
- "description": "Specify heading text for EmptyState",
2384
- "fieldName": "heading"
2385
- },
2386
- {
2387
- "name": "body",
2388
- "type": {
2389
- "text": "string | undefined"
2390
- },
2391
- "description": "Specify body text for EmptyState",
2392
- "fieldName": "body"
2393
- },
2394
- {
2395
- "name": "actions",
2253
+ "name": "size",
2396
2254
  "type": {
2397
- "text": "HTMLSlotElement | undefined"
2255
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2398
2256
  },
2399
- "description": "Specify action for EmptyState",
2400
- "fieldName": "actions"
2257
+ "default": "'md'",
2258
+ "description": "Specify the size of the CloseButton",
2259
+ "fieldName": "size"
2401
2260
  },
2402
2261
  {
2403
- "name": "theme",
2262
+ "name": "disabled",
2404
2263
  "type": {
2405
- "text": "'light' | 'dark' | undefined"
2264
+ "text": "boolean"
2406
2265
  },
2407
- "description": "Specify the theme of EmptyState. By default it inherits the theme from the parent",
2408
- "fieldName": "theme"
2266
+ "default": "false",
2267
+ "description": "Specify if the CloseButton is disabled",
2268
+ "fieldName": "disabled"
2409
2269
  }
2410
2270
  ],
2411
2271
  "superclass": {
2412
2272
  "name": "LitElement",
2413
2273
  "package": "lit"
2414
2274
  },
2415
- "tagName": "bm-empty-state",
2275
+ "tagName": "bm-close-button",
2416
2276
  "customElement": true
2417
2277
  }
2418
2278
  ],
2419
2279
  "exports": [
2420
2280
  {
2421
2281
  "kind": "js",
2422
- "name": "BmEmptyState",
2282
+ "name": "BmCloseButton",
2423
2283
  "declaration": {
2424
- "name": "BmEmptyState",
2425
- "module": "libs/web-components/src/lib/EmptyState/EmptyState.ts"
2284
+ "name": "BmCloseButton",
2285
+ "module": "libs/web-components/src/lib/CloseButton/CloseButton.ts"
2426
2286
  }
2427
2287
  },
2428
2288
  {
2429
2289
  "kind": "custom-element-definition",
2430
- "name": "bm-empty-state",
2290
+ "name": "bm-close-button",
2431
2291
  "declaration": {
2432
- "name": "BmEmptyState",
2433
- "module": "libs/web-components/src/lib/EmptyState/EmptyState.ts"
2292
+ "name": "BmCloseButton",
2293
+ "module": "libs/web-components/src/lib/CloseButton/CloseButton.ts"
2434
2294
  }
2435
2295
  }
2436
2296
  ]
2437
2297
  },
2438
2298
  {
2439
2299
  "kind": "javascript-module",
2440
- "path": "libs/web-components/src/lib/EmptyState/index.ts",
2300
+ "path": "libs/web-components/src/lib/CloseButton/index.ts",
2441
2301
  "declarations": [],
2442
2302
  "exports": [
2443
2303
  {
@@ -2445,7 +2305,7 @@
2445
2305
  "name": "*",
2446
2306
  "declaration": {
2447
2307
  "name": "*",
2448
- "package": "./EmptyState"
2308
+ "package": "./CloseButton"
2449
2309
  }
2450
2310
  }
2451
2311
  ]
@@ -2643,6 +2503,146 @@
2643
2503
  }
2644
2504
  ]
2645
2505
  },
2506
+ {
2507
+ "kind": "javascript-module",
2508
+ "path": "libs/web-components/src/lib/EmptyState/EmptyState.ts",
2509
+ "declarations": [
2510
+ {
2511
+ "kind": "class",
2512
+ "description": "`bm-empty-state`\n\n### Attributes:\n- **heading** - Specify heading text for EmptyState\n- **body** - Specify body text for EmptyState\n- **actions** - Specify action for EmptyState\n- **theme** - Specify the theme of EmptyState. By default it inherits the theme from the parent",
2513
+ "name": "BmEmptyState",
2514
+ "slots": [
2515
+ {
2516
+ "description": "Specify an icon for EmptyState",
2517
+ "name": "icon"
2518
+ },
2519
+ {
2520
+ "description": "Specify heading text for EmptyState",
2521
+ "name": "heading"
2522
+ },
2523
+ {
2524
+ "description": "Specify body text for EmptyState",
2525
+ "name": "body"
2526
+ },
2527
+ {
2528
+ "description": "Add actions to EmptyState",
2529
+ "name": "actions"
2530
+ }
2531
+ ],
2532
+ "members": [
2533
+ {
2534
+ "kind": "field",
2535
+ "name": "heading",
2536
+ "type": {
2537
+ "text": "string | undefined"
2538
+ },
2539
+ "description": "Specify heading text for EmptyState",
2540
+ "attribute": "heading"
2541
+ },
2542
+ {
2543
+ "kind": "field",
2544
+ "name": "body",
2545
+ "type": {
2546
+ "text": "string | undefined"
2547
+ },
2548
+ "description": "Specify body text for EmptyState",
2549
+ "attribute": "body"
2550
+ },
2551
+ {
2552
+ "kind": "field",
2553
+ "name": "actions",
2554
+ "type": {
2555
+ "text": "HTMLSlotElement | undefined"
2556
+ },
2557
+ "description": "Specify action for EmptyState",
2558
+ "attribute": "actions"
2559
+ },
2560
+ {
2561
+ "kind": "field",
2562
+ "name": "theme",
2563
+ "type": {
2564
+ "text": "'light' | 'dark' | undefined"
2565
+ },
2566
+ "description": "Specify the theme of EmptyState. By default it inherits the theme from the parent",
2567
+ "attribute": "theme"
2568
+ }
2569
+ ],
2570
+ "attributes": [
2571
+ {
2572
+ "name": "heading",
2573
+ "type": {
2574
+ "text": "string | undefined"
2575
+ },
2576
+ "description": "Specify heading text for EmptyState",
2577
+ "fieldName": "heading"
2578
+ },
2579
+ {
2580
+ "name": "body",
2581
+ "type": {
2582
+ "text": "string | undefined"
2583
+ },
2584
+ "description": "Specify body text for EmptyState",
2585
+ "fieldName": "body"
2586
+ },
2587
+ {
2588
+ "name": "actions",
2589
+ "type": {
2590
+ "text": "HTMLSlotElement | undefined"
2591
+ },
2592
+ "description": "Specify action for EmptyState",
2593
+ "fieldName": "actions"
2594
+ },
2595
+ {
2596
+ "name": "theme",
2597
+ "type": {
2598
+ "text": "'light' | 'dark' | undefined"
2599
+ },
2600
+ "description": "Specify the theme of EmptyState. By default it inherits the theme from the parent",
2601
+ "fieldName": "theme"
2602
+ }
2603
+ ],
2604
+ "superclass": {
2605
+ "name": "LitElement",
2606
+ "package": "lit"
2607
+ },
2608
+ "tagName": "bm-empty-state",
2609
+ "customElement": true
2610
+ }
2611
+ ],
2612
+ "exports": [
2613
+ {
2614
+ "kind": "js",
2615
+ "name": "BmEmptyState",
2616
+ "declaration": {
2617
+ "name": "BmEmptyState",
2618
+ "module": "libs/web-components/src/lib/EmptyState/EmptyState.ts"
2619
+ }
2620
+ },
2621
+ {
2622
+ "kind": "custom-element-definition",
2623
+ "name": "bm-empty-state",
2624
+ "declaration": {
2625
+ "name": "BmEmptyState",
2626
+ "module": "libs/web-components/src/lib/EmptyState/EmptyState.ts"
2627
+ }
2628
+ }
2629
+ ]
2630
+ },
2631
+ {
2632
+ "kind": "javascript-module",
2633
+ "path": "libs/web-components/src/lib/EmptyState/index.ts",
2634
+ "declarations": [],
2635
+ "exports": [
2636
+ {
2637
+ "kind": "js",
2638
+ "name": "*",
2639
+ "declaration": {
2640
+ "name": "*",
2641
+ "package": "./EmptyState"
2642
+ }
2643
+ }
2644
+ ]
2645
+ },
2646
2646
  {
2647
2647
  "kind": "javascript-module",
2648
2648
  "path": "libs/web-components/src/lib/HelperText/HelperText.ts",