@viasat/beam-web-components 2.58.1 → 2.60.0

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 +503 -503
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +126 -126
package/custom-elements.json CHANGED
@@ -294,428 +294,376 @@
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/Avatar/Avatar.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-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** ",
302
+ "name": "BmAvatar",
303
303
  "slots": [
304
304
  {
305
- "description": "Specify a different icon for the Alert",
305
+ "description": "Customize the default icon",
306
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"
315
- },
316
- {
317
- "description": "Specify if actions display on the Alert",
318
- "name": "actions"
319
307
  }
320
308
  ],
321
309
  "members": [
322
310
  {
323
311
  "kind": "field",
324
- "name": "heading",
312
+ "name": "appearance",
325
313
  "type": {
326
- "text": "string | undefined"
314
+ "text": "'accent' | 'neutral' | undefined"
327
315
  },
328
- "description": "Specify the heading text for Alert",
329
- "attribute": "heading"
316
+ "default": "'neutral'",
317
+ "description": "Specify the appearance of the Avatar",
318
+ "attribute": "appearance"
330
319
  },
331
320
  {
332
321
  "kind": "field",
333
- "name": "body",
322
+ "name": "name",
334
323
  "type": {
335
324
  "text": "string | undefined"
336
325
  },
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"
326
+ "description": "Specify a name to display initials in the Avatar",
327
+ "attribute": "name"
349
328
  },
350
329
  {
351
330
  "kind": "field",
352
- "name": "fullWidth",
331
+ "name": "src",
353
332
  "type": {
354
- "text": "boolean"
333
+ "text": "string | undefined"
355
334
  },
356
- "default": "false",
357
- "description": "Specify if the Alert has no border radius",
358
- "attribute": "fullWidth"
335
+ "description": "Pass an image to the Avatar",
336
+ "attribute": "src"
359
337
  },
360
338
  {
361
339
  "kind": "field",
362
- "name": "theme",
340
+ "name": "alt",
363
341
  "type": {
364
- "text": "'light' | 'dark' | undefined"
342
+ "text": "string | undefined"
365
343
  },
366
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
367
- "attribute": "theme"
344
+ "description": "Specify alt for image",
345
+ "attribute": "alt"
368
346
  },
369
347
  {
370
348
  "kind": "field",
371
- "name": "appearance",
349
+ "name": "size",
372
350
  "type": {
373
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
351
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
374
352
  },
375
- "default": "'infoPrimary'",
376
- "description": "Specify the appearance of the Alert",
377
- "attribute": "appearance"
353
+ "default": "'md'",
354
+ "description": "Specify the size of the Avatar",
355
+ "attribute": "size"
378
356
  },
379
357
  {
380
358
  "kind": "field",
381
- "name": "hidden",
359
+ "name": "disabled",
382
360
  "type": {
383
- "text": "boolean"
361
+ "text": "boolean | undefined"
384
362
  },
385
363
  "default": "false",
386
- "description": "Specify if the Alert is hidden",
387
- "attribute": "hidden"
364
+ "description": "Specify if the Avatar is disabled",
365
+ "attribute": "disabled"
388
366
  },
389
367
  {
390
368
  "kind": "field",
391
- "name": "hideIcon",
369
+ "name": "shape",
392
370
  "type": {
393
- "text": "boolean"
371
+ "text": "'circle' | 'square' | undefined"
394
372
  },
395
- "default": "false",
396
- "description": "Specify if the icon displays on the Alert",
397
- "attribute": "hideIcon"
373
+ "default": "'circle'",
374
+ "description": "Specify the shape of the Avatar",
375
+ "attribute": "shape"
398
376
  },
399
377
  {
400
378
  "kind": "field",
401
- "name": "dismissible",
379
+ "name": "isInteractive",
402
380
  "type": {
403
381
  "text": "boolean"
404
382
  },
405
383
  "default": "false",
406
- "description": "Specify if the Alert can be dismissed",
407
- "attribute": "dismissible"
384
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
385
+ "attribute": "isInteractive"
408
386
  },
409
387
  {
410
388
  "kind": "field",
411
- "name": "disableAutoFocus",
389
+ "name": "isFocusable",
412
390
  "type": {
413
391
  "text": "boolean"
414
392
  },
415
393
  "default": "false",
416
- "description": "Prevent autofocus on show",
417
- "attribute": "disableAutoFocus"
394
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
395
+ "attribute": "isFocusable"
418
396
  },
419
397
  {
420
398
  "kind": "field",
421
- "name": "disableCloseOnEscape",
399
+ "name": "withBorder",
422
400
  "type": {
423
401
  "text": "boolean"
424
402
  },
425
403
  "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"
404
+ "attribute": "withBorder"
434
405
  }
435
406
  ],
436
407
  "attributes": [
437
408
  {
438
- "name": "heading",
409
+ "name": "appearance",
439
410
  "type": {
440
- "text": "string | undefined"
411
+ "text": "'accent' | 'neutral' | undefined"
441
412
  },
442
- "description": "Specify the heading text for Alert",
443
- "fieldName": "heading"
413
+ "default": "'neutral'",
414
+ "description": "Specify the appearance of the Avatar",
415
+ "fieldName": "appearance"
444
416
  },
445
417
  {
446
- "name": "body",
418
+ "name": "name",
447
419
  "type": {
448
420
  "text": "string | undefined"
449
421
  },
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"
422
+ "description": "Specify a name to display initials in the Avatar",
423
+ "fieldName": "name"
461
424
  },
462
425
  {
463
- "name": "fullWidth",
426
+ "name": "src",
464
427
  "type": {
465
- "text": "boolean"
428
+ "text": "string | undefined"
466
429
  },
467
- "default": "false",
468
- "description": "Specify if the Alert has no border radius",
469
- "fieldName": "fullWidth"
430
+ "description": "Pass an image to the Avatar",
431
+ "fieldName": "src"
470
432
  },
471
433
  {
472
- "name": "theme",
434
+ "name": "alt",
473
435
  "type": {
474
- "text": "'light' | 'dark' | undefined"
436
+ "text": "string | undefined"
475
437
  },
476
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
477
- "fieldName": "theme"
438
+ "description": "Specify alt for image",
439
+ "fieldName": "alt"
478
440
  },
479
441
  {
480
- "name": "appearance",
442
+ "name": "size",
481
443
  "type": {
482
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
444
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
483
445
  },
484
- "default": "'infoPrimary'",
485
- "description": "Specify the appearance of the Alert",
486
- "fieldName": "appearance"
446
+ "default": "'md'",
447
+ "description": "Specify the size of the Avatar",
448
+ "fieldName": "size"
487
449
  },
488
450
  {
489
- "name": "hidden",
451
+ "name": "disabled",
490
452
  "type": {
491
- "text": "boolean"
453
+ "text": "boolean | undefined"
492
454
  },
493
455
  "default": "false",
494
- "description": "Specify if the Alert is hidden",
495
- "fieldName": "hidden"
456
+ "description": "Specify if the Avatar is disabled",
457
+ "fieldName": "disabled"
496
458
  },
497
459
  {
498
- "name": "hideIcon",
460
+ "name": "shape",
499
461
  "type": {
500
- "text": "boolean"
462
+ "text": "'circle' | 'square' | undefined"
501
463
  },
502
- "default": "false",
503
- "description": "Specify if the icon displays on the Alert",
504
- "fieldName": "hideIcon"
464
+ "default": "'circle'",
465
+ "description": "Specify the shape of the Avatar",
466
+ "fieldName": "shape"
505
467
  },
506
468
  {
507
- "name": "dismissible",
469
+ "name": "isInteractive",
508
470
  "type": {
509
471
  "text": "boolean"
510
472
  },
511
473
  "default": "false",
512
- "description": "Specify if the Alert can be dismissed",
513
- "fieldName": "dismissible"
474
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
475
+ "fieldName": "isInteractive"
514
476
  },
515
477
  {
516
- "name": "disableAutoFocus",
478
+ "name": "isFocusable",
517
479
  "type": {
518
480
  "text": "boolean"
519
481
  },
520
482
  "default": "false",
521
- "description": "Prevent autofocus on show",
522
- "fieldName": "disableAutoFocus"
483
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
484
+ "fieldName": "isFocusable"
523
485
  },
524
486
  {
525
- "name": "disableCloseOnEscape",
487
+ "name": "withBorder",
526
488
  "type": {
527
489
  "text": "boolean"
528
490
  },
529
491
  "default": "false",
530
- "description": "Prevent Escape from closing",
531
- "fieldName": "disableCloseOnEscape"
492
+ "fieldName": "withBorder"
532
493
  }
533
494
  ],
534
495
  "superclass": {
535
496
  "name": "LitElement",
536
497
  "package": "lit"
537
498
  },
538
- "tagName": "bm-alert",
499
+ "tagName": "bm-avatar",
539
500
  "customElement": true
540
501
  }
541
502
  ],
542
503
  "exports": [
543
504
  {
544
505
  "kind": "js",
545
- "name": "BmAlert",
506
+ "name": "BmAvatar",
546
507
  "declaration": {
547
- "name": "BmAlert",
548
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
508
+ "name": "BmAvatar",
509
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
549
510
  }
550
511
  },
551
512
  {
552
513
  "kind": "custom-element-definition",
553
- "name": "bm-alert",
514
+ "name": "bm-avatar",
554
515
  "declaration": {
555
- "name": "BmAlert",
556
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
516
+ "name": "BmAvatar",
517
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
557
518
  }
558
519
  }
559
520
  ]
560
521
  },
561
522
  {
562
523
  "kind": "javascript-module",
563
- "path": "libs/web-components/src/lib/Alert/index.ts",
564
- "declarations": [],
524
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
525
+ "declarations": [
526
+ {
527
+ "kind": "variable",
528
+ "name": "AvatarGroupCtx"
529
+ }
530
+ ],
565
531
  "exports": [
566
532
  {
567
533
  "kind": "js",
568
- "name": "*",
534
+ "name": "AvatarGroupCtx",
569
535
  "declaration": {
570
- "name": "*",
571
- "package": "./Alert"
536
+ "name": "AvatarGroupCtx",
537
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
572
538
  }
573
539
  }
574
540
  ]
575
541
  },
576
542
  {
577
543
  "kind": "javascript-module",
578
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
544
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
579
545
  "declarations": [
580
546
  {
581
547
  "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",
548
+ "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.",
549
+ "name": "BmAvatarGroup",
584
550
  "slots": [
585
551
  {
586
- "description": "Provide text for the Badge",
552
+ "description": "Add Avatars to create a group",
587
553
  "name": "default"
588
- },
589
- {
590
- "description": "Specify a different icon for the Badge",
591
- "name": "icon"
592
554
  }
593
555
  ],
594
556
  "members": [
595
557
  {
596
558
  "kind": "field",
597
- "name": "appearance",
559
+ "name": "wrapping",
598
560
  "type": {
599
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
561
+ "text": "boolean"
600
562
  },
601
- "default": "'infoPrimary'",
602
- "description": "Specify the appearance of the Badge",
603
- "attribute": "appearance"
563
+ "default": "false",
564
+ "description": "Specify if the AvatarGroup wraps",
565
+ "attribute": "wrapping"
604
566
  },
605
567
  {
606
568
  "kind": "field",
607
- "name": "theme",
569
+ "name": "maxCount",
608
570
  "type": {
609
- "text": "'light' | 'dark' | undefined"
571
+ "text": "number"
610
572
  },
611
- "description": "Theme of the Badge",
612
- "attribute": "theme"
573
+ "default": "5",
574
+ "description": "Specify the max number of avatars displayed in the group.",
575
+ "attribute": "maxCount",
576
+ "reflects": true
613
577
  },
614
578
  {
615
579
  "kind": "field",
616
580
  "name": "size",
617
581
  "type": {
618
- "text": "'sm' | 'md' | undefined"
582
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
619
583
  },
620
- "default": "'sm'",
621
- "description": "Specify the size of the Badge",
584
+ "default": "'md'",
585
+ "description": "Specify the size of all Avatars",
622
586
  "attribute": "size"
623
587
  },
624
588
  {
625
589
  "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",
590
+ "name": "layout",
637
591
  "type": {
638
- "text": "boolean | undefined"
592
+ "text": "'stacked' | 'spaced' | undefined"
639
593
  },
640
- "description": "Hides Badge icon",
641
- "attribute": "hideIcon"
594
+ "default": "'stacked'",
595
+ "description": "Specify the kind of the group.",
596
+ "attribute": "layout"
642
597
  }
643
598
  ],
644
599
  "attributes": [
645
600
  {
646
- "name": "appearance",
601
+ "name": "wrapping",
647
602
  "type": {
648
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
603
+ "text": "boolean"
649
604
  },
650
- "default": "'infoPrimary'",
651
- "description": "Specify the appearance of the Badge",
652
- "fieldName": "appearance"
605
+ "default": "false",
606
+ "description": "Specify if the AvatarGroup wraps",
607
+ "fieldName": "wrapping"
653
608
  },
654
609
  {
655
- "name": "theme",
610
+ "name": "maxCount",
656
611
  "type": {
657
- "text": "'light' | 'dark' | undefined"
612
+ "text": "number"
658
613
  },
659
- "description": "Theme of the Badge",
660
- "fieldName": "theme"
614
+ "default": "5",
615
+ "description": "Specify the max number of avatars displayed in the group.",
616
+ "fieldName": "maxCount"
661
617
  },
662
618
  {
663
619
  "name": "size",
664
620
  "type": {
665
- "text": "'sm' | 'md' | undefined"
621
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
666
622
  },
667
- "default": "'sm'",
668
- "description": "Specify the size of the Badge",
623
+ "default": "'md'",
624
+ "description": "Specify the size of all Avatars",
669
625
  "fieldName": "size"
670
626
  },
671
627
  {
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",
628
+ "name": "layout",
682
629
  "type": {
683
- "text": "boolean | undefined"
630
+ "text": "'stacked' | 'spaced' | undefined"
684
631
  },
685
- "description": "Hides Badge icon",
686
- "fieldName": "hideIcon"
632
+ "default": "'stacked'",
633
+ "description": "Specify the kind of the group.",
634
+ "fieldName": "layout"
687
635
  }
688
636
  ],
689
637
  "superclass": {
690
638
  "name": "LitElement",
691
639
  "package": "lit"
692
640
  },
693
- "tagName": "bm-badge",
641
+ "tagName": "bm-avatar-group",
694
642
  "customElement": true
695
643
  }
696
644
  ],
697
645
  "exports": [
698
646
  {
699
647
  "kind": "js",
700
- "name": "BmBadge",
648
+ "name": "BmAvatarGroup",
701
649
  "declaration": {
702
- "name": "BmBadge",
703
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
650
+ "name": "BmAvatarGroup",
651
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
704
652
  }
705
653
  },
706
654
  {
707
655
  "kind": "custom-element-definition",
708
- "name": "bm-badge",
656
+ "name": "bm-avatar-group",
709
657
  "declaration": {
710
- "name": "BmBadge",
711
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
658
+ "name": "BmAvatarGroup",
659
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
712
660
  }
713
661
  }
714
662
  ]
715
663
  },
716
664
  {
717
665
  "kind": "javascript-module",
718
- "path": "libs/web-components/src/lib/Badge/index.ts",
666
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
719
667
  "declarations": [],
720
668
  "exports": [
721
669
  {
@@ -723,22 +671,34 @@
723
671
  "name": "*",
724
672
  "declaration": {
725
673
  "name": "*",
726
- "package": "./Badge"
674
+ "package": "./Avatar"
675
+ }
676
+ },
677
+ {
678
+ "kind": "js",
679
+ "name": "*",
680
+ "declaration": {
681
+ "name": "*",
682
+ "package": "./AvatarGroup"
727
683
  }
728
684
  }
729
685
  ]
730
686
  },
731
687
  {
732
688
  "kind": "javascript-module",
733
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
689
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
734
690
  "declarations": [
735
691
  {
736
692
  "kind": "class",
737
- "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** ",
738
- "name": "BmAvatar",
693
+ "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",
694
+ "name": "BmBadge",
739
695
  "slots": [
740
696
  {
741
- "description": "Customize the default icon",
697
+ "description": "Provide text for the Badge",
698
+ "name": "default"
699
+ },
700
+ {
701
+ "description": "Specify a different icon for the Badge",
742
702
  "name": "icon"
743
703
  }
744
704
  ],
@@ -747,440 +707,320 @@
747
707
  "kind": "field",
748
708
  "name": "appearance",
749
709
  "type": {
750
- "text": "'accent' | 'neutral' | undefined"
710
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
751
711
  },
752
- "default": "'neutral'",
753
- "description": "Specify the appearance of the Avatar",
712
+ "default": "'infoPrimary'",
713
+ "description": "Specify the appearance of the Badge",
754
714
  "attribute": "appearance"
755
715
  },
756
716
  {
757
717
  "kind": "field",
758
- "name": "name",
759
- "type": {
760
- "text": "string | undefined"
761
- },
762
- "description": "Specify a name to display initials in the Avatar",
763
- "attribute": "name"
764
- },
765
- {
766
- "kind": "field",
767
- "name": "src",
768
- "type": {
769
- "text": "string | undefined"
770
- },
771
- "description": "Pass an image to the Avatar",
772
- "attribute": "src"
773
- },
774
- {
775
- "kind": "field",
776
- "name": "alt",
718
+ "name": "theme",
777
719
  "type": {
778
- "text": "string | undefined"
720
+ "text": "'light' | 'dark' | undefined"
779
721
  },
780
- "description": "Specify alt for image",
781
- "attribute": "alt"
722
+ "description": "Theme of the Badge",
723
+ "attribute": "theme"
782
724
  },
783
725
  {
784
726
  "kind": "field",
785
727
  "name": "size",
786
728
  "type": {
787
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
729
+ "text": "'sm' | 'md' | undefined"
788
730
  },
789
- "default": "'md'",
790
- "description": "Specify the size of the Avatar",
731
+ "default": "'sm'",
732
+ "description": "Specify the size of the Badge",
791
733
  "attribute": "size"
792
734
  },
793
735
  {
794
736
  "kind": "field",
795
- "name": "disabled",
796
- "type": {
797
- "text": "boolean | undefined"
798
- },
799
- "default": "false",
800
- "description": "Specify if the Avatar is disabled",
801
- "attribute": "disabled"
802
- },
803
- {
804
- "kind": "field",
805
- "name": "shape",
806
- "type": {
807
- "text": "'circle' | 'square' | undefined"
808
- },
809
- "default": "'circle'",
810
- "description": "Specify the shape of the Avatar",
811
- "attribute": "shape"
812
- },
813
- {
814
- "kind": "field",
815
- "name": "isInteractive",
816
- "type": {
817
- "text": "boolean"
818
- },
819
- "default": "false",
820
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
821
- "attribute": "isInteractive"
822
- },
823
- {
824
- "kind": "field",
825
- "name": "isFocusable",
737
+ "name": "emphasis",
826
738
  "type": {
827
- "text": "boolean"
739
+ "text": "'strong' | 'medium' | 'subtle'"
828
740
  },
829
- "default": "false",
830
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
831
- "attribute": "isFocusable"
741
+ "default": "'strong'",
742
+ "description": "Specify the emphasis of the Badge",
743
+ "attribute": "emphasis"
832
744
  },
833
745
  {
834
746
  "kind": "field",
835
- "name": "withBorder",
747
+ "name": "hideIcon",
836
748
  "type": {
837
- "text": "boolean"
749
+ "text": "boolean | undefined"
838
750
  },
839
- "default": "false",
840
- "attribute": "withBorder"
751
+ "description": "Hides Badge icon",
752
+ "attribute": "hideIcon"
841
753
  }
842
754
  ],
843
755
  "attributes": [
844
756
  {
845
757
  "name": "appearance",
846
758
  "type": {
847
- "text": "'accent' | 'neutral' | undefined"
759
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
848
760
  },
849
- "default": "'neutral'",
850
- "description": "Specify the appearance of the Avatar",
761
+ "default": "'infoPrimary'",
762
+ "description": "Specify the appearance of the Badge",
851
763
  "fieldName": "appearance"
852
764
  },
853
765
  {
854
- "name": "name",
855
- "type": {
856
- "text": "string | undefined"
857
- },
858
- "description": "Specify a name to display initials in the Avatar",
859
- "fieldName": "name"
860
- },
861
- {
862
- "name": "src",
863
- "type": {
864
- "text": "string | undefined"
865
- },
866
- "description": "Pass an image to the Avatar",
867
- "fieldName": "src"
868
- },
869
- {
870
- "name": "alt",
766
+ "name": "theme",
871
767
  "type": {
872
- "text": "string | undefined"
768
+ "text": "'light' | 'dark' | undefined"
873
769
  },
874
- "description": "Specify alt for image",
875
- "fieldName": "alt"
770
+ "description": "Theme of the Badge",
771
+ "fieldName": "theme"
876
772
  },
877
773
  {
878
774
  "name": "size",
879
775
  "type": {
880
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
776
+ "text": "'sm' | 'md' | undefined"
881
777
  },
882
- "default": "'md'",
883
- "description": "Specify the size of the Avatar",
778
+ "default": "'sm'",
779
+ "description": "Specify the size of the Badge",
884
780
  "fieldName": "size"
885
781
  },
886
782
  {
887
- "name": "disabled",
888
- "type": {
889
- "text": "boolean | undefined"
890
- },
891
- "default": "false",
892
- "description": "Specify if the Avatar is disabled",
893
- "fieldName": "disabled"
894
- },
895
- {
896
- "name": "shape",
897
- "type": {
898
- "text": "'circle' | 'square' | undefined"
899
- },
900
- "default": "'circle'",
901
- "description": "Specify the shape of the Avatar",
902
- "fieldName": "shape"
903
- },
904
- {
905
- "name": "isInteractive",
906
- "type": {
907
- "text": "boolean"
908
- },
909
- "default": "false",
910
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
911
- "fieldName": "isInteractive"
912
- },
913
- {
914
- "name": "isFocusable",
783
+ "name": "emphasis",
915
784
  "type": {
916
- "text": "boolean"
785
+ "text": "'strong' | 'medium' | 'subtle'"
917
786
  },
918
- "default": "false",
919
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
920
- "fieldName": "isFocusable"
787
+ "default": "'strong'",
788
+ "description": "Specify the emphasis of the Badge",
789
+ "fieldName": "emphasis"
921
790
  },
922
791
  {
923
- "name": "withBorder",
792
+ "name": "hideIcon",
924
793
  "type": {
925
- "text": "boolean"
794
+ "text": "boolean | undefined"
926
795
  },
927
- "default": "false",
928
- "fieldName": "withBorder"
796
+ "description": "Hides Badge icon",
797
+ "fieldName": "hideIcon"
929
798
  }
930
799
  ],
931
800
  "superclass": {
932
801
  "name": "LitElement",
933
802
  "package": "lit"
934
803
  },
935
- "tagName": "bm-avatar",
804
+ "tagName": "bm-badge",
936
805
  "customElement": true
937
806
  }
938
807
  ],
939
808
  "exports": [
940
809
  {
941
810
  "kind": "js",
942
- "name": "BmAvatar",
811
+ "name": "BmBadge",
943
812
  "declaration": {
944
- "name": "BmAvatar",
945
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
813
+ "name": "BmBadge",
814
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
946
815
  }
947
816
  },
948
817
  {
949
818
  "kind": "custom-element-definition",
950
- "name": "bm-avatar",
819
+ "name": "bm-badge",
951
820
  "declaration": {
952
- "name": "BmAvatar",
953
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
821
+ "name": "BmBadge",
822
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
954
823
  }
955
824
  }
956
825
  ]
957
826
  },
958
827
  {
959
828
  "kind": "javascript-module",
960
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
961
- "declarations": [
962
- {
963
- "kind": "variable",
964
- "name": "AvatarGroupCtx"
965
- }
966
- ],
829
+ "path": "libs/web-components/src/lib/Badge/index.ts",
830
+ "declarations": [],
967
831
  "exports": [
968
832
  {
969
833
  "kind": "js",
970
- "name": "AvatarGroupCtx",
834
+ "name": "*",
971
835
  "declaration": {
972
- "name": "AvatarGroupCtx",
973
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
836
+ "name": "*",
837
+ "package": "./Badge"
974
838
  }
975
839
  }
976
840
  ]
977
841
  },
978
842
  {
979
843
  "kind": "javascript-module",
980
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
844
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
981
845
  "declarations": [
982
846
  {
983
847
  "kind": "class",
984
- "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.",
985
- "name": "BmAvatarGroup",
848
+ "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",
849
+ "name": "BmAlert",
986
850
  "slots": [
987
851
  {
988
- "description": "Add Avatars to create a group",
989
- "name": "default"
852
+ "description": "Specify a different icon for the Alert",
853
+ "name": "icon"
854
+ },
855
+ {
856
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
857
+ "name": "heading"
858
+ },
859
+ {
860
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
861
+ "name": "body"
862
+ },
863
+ {
864
+ "description": "Specify if actions display on the Alert",
865
+ "name": "actions"
990
866
  }
991
867
  ],
992
868
  "members": [
993
869
  {
994
870
  "kind": "field",
995
- "name": "wrapping",
871
+ "name": "heading",
996
872
  "type": {
997
- "text": "boolean"
873
+ "text": "string | undefined"
998
874
  },
999
- "default": "false",
1000
- "description": "Specify if the AvatarGroup wraps",
1001
- "attribute": "wrapping"
875
+ "description": "Specify the heading text for Alert",
876
+ "attribute": "heading"
1002
877
  },
1003
878
  {
1004
879
  "kind": "field",
1005
- "name": "maxCount",
880
+ "name": "body",
1006
881
  "type": {
1007
- "text": "number"
882
+ "text": "string | undefined"
1008
883
  },
1009
- "default": "5",
1010
- "description": "Specify the max number of avatars displayed in the group.",
1011
- "attribute": "maxCount",
1012
- "reflects": true
884
+ "description": "Specify the body text for Alert",
885
+ "attribute": "body"
1013
886
  },
1014
887
  {
1015
888
  "kind": "field",
1016
889
  "name": "size",
1017
890
  "type": {
1018
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
891
+ "text": "'sm' | 'md'"
1019
892
  },
1020
- "default": "'md'",
1021
- "description": "Specify the size of all Avatars",
893
+ "default": "'sm'",
894
+ "description": "Specify the size of the Alert",
1022
895
  "attribute": "size"
1023
896
  },
1024
897
  {
1025
898
  "kind": "field",
1026
- "name": "layout",
899
+ "name": "fullWidth",
1027
900
  "type": {
1028
- "text": "'stacked' | 'spaced' | undefined"
901
+ "text": "boolean"
1029
902
  },
1030
- "default": "'stacked'",
1031
- "description": "Specify the kind of the group.",
1032
- "attribute": "layout"
1033
- }
1034
- ],
1035
- "attributes": [
903
+ "default": "false",
904
+ "description": "Specify if the Alert has no border radius",
905
+ "attribute": "fullWidth"
906
+ },
1036
907
  {
1037
- "name": "wrapping",
908
+ "kind": "field",
909
+ "name": "theme",
910
+ "type": {
911
+ "text": "'light' | 'dark' | undefined"
912
+ },
913
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
914
+ "attribute": "theme"
915
+ },
916
+ {
917
+ "kind": "field",
918
+ "name": "appearance",
919
+ "type": {
920
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
921
+ },
922
+ "default": "'infoPrimary'",
923
+ "description": "Specify the appearance of the Alert",
924
+ "attribute": "appearance"
925
+ },
926
+ {
927
+ "kind": "field",
928
+ "name": "hidden",
1038
929
  "type": {
1039
930
  "text": "boolean"
1040
931
  },
1041
932
  "default": "false",
1042
- "description": "Specify if the AvatarGroup wraps",
1043
- "fieldName": "wrapping"
933
+ "description": "Specify if the Alert is hidden",
934
+ "attribute": "hidden"
1044
935
  },
1045
936
  {
1046
- "name": "maxCount",
937
+ "kind": "field",
938
+ "name": "hideIcon",
1047
939
  "type": {
1048
- "text": "number"
940
+ "text": "boolean"
1049
941
  },
1050
- "default": "5",
1051
- "description": "Specify the max number of avatars displayed in the group.",
1052
- "fieldName": "maxCount"
942
+ "default": "false",
943
+ "description": "Specify if the icon displays on the Alert",
944
+ "attribute": "hideIcon"
1053
945
  },
1054
946
  {
1055
- "name": "size",
947
+ "kind": "field",
948
+ "name": "dismissible",
1056
949
  "type": {
1057
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
950
+ "text": "boolean"
1058
951
  },
1059
- "default": "'md'",
1060
- "description": "Specify the size of all Avatars",
1061
- "fieldName": "size"
952
+ "default": "false",
953
+ "description": "Specify if the Alert can be dismissed",
954
+ "attribute": "dismissible"
1062
955
  },
1063
956
  {
1064
- "name": "layout",
957
+ "kind": "field",
958
+ "name": "disableAutoFocus",
1065
959
  "type": {
1066
- "text": "'stacked' | 'spaced' | undefined"
960
+ "text": "boolean"
1067
961
  },
1068
- "default": "'stacked'",
1069
- "description": "Specify the kind of the group.",
1070
- "fieldName": "layout"
1071
- }
1072
- ],
1073
- "superclass": {
1074
- "name": "LitElement",
1075
- "package": "lit"
1076
- },
1077
- "tagName": "bm-avatar-group",
1078
- "customElement": true
1079
- }
1080
- ],
1081
- "exports": [
1082
- {
1083
- "kind": "js",
1084
- "name": "BmAvatarGroup",
1085
- "declaration": {
1086
- "name": "BmAvatarGroup",
1087
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1088
- }
1089
- },
1090
- {
1091
- "kind": "custom-element-definition",
1092
- "name": "bm-avatar-group",
1093
- "declaration": {
1094
- "name": "BmAvatarGroup",
1095
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1096
- }
1097
- }
1098
- ]
1099
- },
1100
- {
1101
- "kind": "javascript-module",
1102
- "path": "libs/web-components/src/lib/Avatar/index.ts",
1103
- "declarations": [],
1104
- "exports": [
1105
- {
1106
- "kind": "js",
1107
- "name": "*",
1108
- "declaration": {
1109
- "name": "*",
1110
- "package": "./Avatar"
1111
- }
1112
- },
1113
- {
1114
- "kind": "js",
1115
- "name": "*",
1116
- "declaration": {
1117
- "name": "*",
1118
- "package": "./AvatarGroup"
1119
- }
1120
- }
1121
- ]
1122
- },
1123
- {
1124
- "kind": "javascript-module",
1125
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1126
- "declarations": [
1127
- {
1128
- "kind": "class",
1129
- "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",
1130
- "name": "BmBadgeDot",
1131
- "slots": [
962
+ "default": "false",
963
+ "description": "Prevent autofocus on show",
964
+ "attribute": "disableAutoFocus"
965
+ },
966
+ {
967
+ "kind": "field",
968
+ "name": "disableCloseOnEscape",
969
+ "type": {
970
+ "text": "boolean"
971
+ },
972
+ "default": "false",
973
+ "description": "Prevent Escape from closing",
974
+ "attribute": "disableCloseOnEscape"
975
+ }
976
+ ],
977
+ "events": [
1132
978
  {
1133
- "description": "Provide text for the BadgeDot",
1134
- "name": "default"
979
+ "description": "Dispatched when the Alert has been dismissed",
980
+ "name": "bm-dismiss"
1135
981
  }
1136
982
  ],
1137
- "members": [
983
+ "attributes": [
1138
984
  {
1139
- "kind": "field",
1140
- "name": "theme",
985
+ "name": "heading",
1141
986
  "type": {
1142
- "text": "'light' | 'dark' | undefined"
987
+ "text": "string | undefined"
1143
988
  },
1144
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1145
- "attribute": "theme"
989
+ "description": "Specify the heading text for Alert",
990
+ "fieldName": "heading"
1146
991
  },
1147
992
  {
1148
- "kind": "field",
1149
- "name": "appearance",
993
+ "name": "body",
1150
994
  "type": {
1151
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
995
+ "text": "string | undefined"
1152
996
  },
1153
- "default": "'infoPrimary'",
1154
- "description": "Specify the appearance of the BadgeDot",
1155
- "attribute": "appearance"
997
+ "description": "Specify the body text for Alert",
998
+ "fieldName": "body"
1156
999
  },
1157
1000
  {
1158
- "kind": "field",
1159
- "name": "emphasis",
1001
+ "name": "size",
1160
1002
  "type": {
1161
- "text": "'strong' | 'subtle'"
1003
+ "text": "'sm' | 'md'"
1162
1004
  },
1163
- "default": "'strong'",
1164
- "description": "Specify the emphasis of the BadgeDot",
1165
- "attribute": "emphasis"
1005
+ "default": "'sm'",
1006
+ "description": "Specify the size of the Alert",
1007
+ "fieldName": "size"
1166
1008
  },
1167
1009
  {
1168
- "kind": "field",
1169
- "name": "overrideDotColor",
1010
+ "name": "fullWidth",
1170
1011
  "type": {
1171
- "text": "string | undefined"
1012
+ "text": "boolean"
1172
1013
  },
1173
- "description": "Overrides default dot color",
1174
- "attribute": "overrideDotColor"
1175
- }
1176
- ],
1177
- "attributes": [
1014
+ "default": "false",
1015
+ "description": "Specify if the Alert has no border radius",
1016
+ "fieldName": "fullWidth"
1017
+ },
1178
1018
  {
1179
1019
  "name": "theme",
1180
1020
  "type": {
1181
1021
  "text": "'light' | 'dark' | undefined"
1182
1022
  },
1183
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1023
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1184
1024
  "fieldName": "theme"
1185
1025
  },
1186
1026
  {
@@ -1189,57 +1029,85 @@
1189
1029
  "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1190
1030
  },
1191
1031
  "default": "'infoPrimary'",
1192
- "description": "Specify the appearance of the BadgeDot",
1032
+ "description": "Specify the appearance of the Alert",
1193
1033
  "fieldName": "appearance"
1194
1034
  },
1195
1035
  {
1196
- "name": "emphasis",
1036
+ "name": "hidden",
1197
1037
  "type": {
1198
- "text": "'strong' | 'subtle'"
1038
+ "text": "boolean"
1199
1039
  },
1200
- "default": "'strong'",
1201
- "description": "Specify the emphasis of the BadgeDot",
1202
- "fieldName": "emphasis"
1040
+ "default": "false",
1041
+ "description": "Specify if the Alert is hidden",
1042
+ "fieldName": "hidden"
1203
1043
  },
1204
1044
  {
1205
- "name": "overrideDotColor",
1045
+ "name": "hideIcon",
1206
1046
  "type": {
1207
- "text": "string | undefined"
1047
+ "text": "boolean"
1208
1048
  },
1209
- "description": "Overrides default dot color",
1210
- "fieldName": "overrideDotColor"
1049
+ "default": "false",
1050
+ "description": "Specify if the icon displays on the Alert",
1051
+ "fieldName": "hideIcon"
1052
+ },
1053
+ {
1054
+ "name": "dismissible",
1055
+ "type": {
1056
+ "text": "boolean"
1057
+ },
1058
+ "default": "false",
1059
+ "description": "Specify if the Alert can be dismissed",
1060
+ "fieldName": "dismissible"
1061
+ },
1062
+ {
1063
+ "name": "disableAutoFocus",
1064
+ "type": {
1065
+ "text": "boolean"
1066
+ },
1067
+ "default": "false",
1068
+ "description": "Prevent autofocus on show",
1069
+ "fieldName": "disableAutoFocus"
1070
+ },
1071
+ {
1072
+ "name": "disableCloseOnEscape",
1073
+ "type": {
1074
+ "text": "boolean"
1075
+ },
1076
+ "default": "false",
1077
+ "description": "Prevent Escape from closing",
1078
+ "fieldName": "disableCloseOnEscape"
1211
1079
  }
1212
1080
  ],
1213
1081
  "superclass": {
1214
1082
  "name": "LitElement",
1215
1083
  "package": "lit"
1216
1084
  },
1217
- "tagName": "bm-badge-dot",
1085
+ "tagName": "bm-alert",
1218
1086
  "customElement": true
1219
1087
  }
1220
1088
  ],
1221
1089
  "exports": [
1222
1090
  {
1223
1091
  "kind": "js",
1224
- "name": "BmBadgeDot",
1092
+ "name": "BmAlert",
1225
1093
  "declaration": {
1226
- "name": "BmBadgeDot",
1227
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1094
+ "name": "BmAlert",
1095
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1228
1096
  }
1229
1097
  },
1230
1098
  {
1231
1099
  "kind": "custom-element-definition",
1232
- "name": "bm-badge-dot",
1100
+ "name": "bm-alert",
1233
1101
  "declaration": {
1234
- "name": "BmBadgeDot",
1235
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1102
+ "name": "BmAlert",
1103
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1236
1104
  }
1237
1105
  }
1238
1106
  ]
1239
1107
  },
1240
1108
  {
1241
1109
  "kind": "javascript-module",
1242
- "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1110
+ "path": "libs/web-components/src/lib/Alert/index.ts",
1243
1111
  "declarations": [],
1244
1112
  "exports": [
1245
1113
  {
@@ -1247,7 +1115,7 @@
1247
1115
  "name": "*",
1248
1116
  "declaration": {
1249
1117
  "name": "*",
1250
- "package": "./BadgeDot"
1118
+ "package": "./Alert"
1251
1119
  }
1252
1120
  }
1253
1121
  ]
@@ -1652,6 +1520,138 @@
1652
1520
  }
1653
1521
  ]
1654
1522
  },
1523
+ {
1524
+ "kind": "javascript-module",
1525
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1526
+ "declarations": [
1527
+ {
1528
+ "kind": "class",
1529
+ "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",
1530
+ "name": "BmBadgeDot",
1531
+ "slots": [
1532
+ {
1533
+ "description": "Provide text for the BadgeDot",
1534
+ "name": "default"
1535
+ }
1536
+ ],
1537
+ "members": [
1538
+ {
1539
+ "kind": "field",
1540
+ "name": "theme",
1541
+ "type": {
1542
+ "text": "'light' | 'dark' | undefined"
1543
+ },
1544
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1545
+ "attribute": "theme"
1546
+ },
1547
+ {
1548
+ "kind": "field",
1549
+ "name": "appearance",
1550
+ "type": {
1551
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1552
+ },
1553
+ "default": "'infoPrimary'",
1554
+ "description": "Specify the appearance of the BadgeDot",
1555
+ "attribute": "appearance"
1556
+ },
1557
+ {
1558
+ "kind": "field",
1559
+ "name": "emphasis",
1560
+ "type": {
1561
+ "text": "'strong' | 'subtle'"
1562
+ },
1563
+ "default": "'strong'",
1564
+ "description": "Specify the emphasis of the BadgeDot",
1565
+ "attribute": "emphasis"
1566
+ },
1567
+ {
1568
+ "kind": "field",
1569
+ "name": "overrideDotColor",
1570
+ "type": {
1571
+ "text": "string | undefined"
1572
+ },
1573
+ "description": "Overrides default dot color",
1574
+ "attribute": "overrideDotColor"
1575
+ }
1576
+ ],
1577
+ "attributes": [
1578
+ {
1579
+ "name": "theme",
1580
+ "type": {
1581
+ "text": "'light' | 'dark' | undefined"
1582
+ },
1583
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1584
+ "fieldName": "theme"
1585
+ },
1586
+ {
1587
+ "name": "appearance",
1588
+ "type": {
1589
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1590
+ },
1591
+ "default": "'infoPrimary'",
1592
+ "description": "Specify the appearance of the BadgeDot",
1593
+ "fieldName": "appearance"
1594
+ },
1595
+ {
1596
+ "name": "emphasis",
1597
+ "type": {
1598
+ "text": "'strong' | 'subtle'"
1599
+ },
1600
+ "default": "'strong'",
1601
+ "description": "Specify the emphasis of the BadgeDot",
1602
+ "fieldName": "emphasis"
1603
+ },
1604
+ {
1605
+ "name": "overrideDotColor",
1606
+ "type": {
1607
+ "text": "string | undefined"
1608
+ },
1609
+ "description": "Overrides default dot color",
1610
+ "fieldName": "overrideDotColor"
1611
+ }
1612
+ ],
1613
+ "superclass": {
1614
+ "name": "LitElement",
1615
+ "package": "lit"
1616
+ },
1617
+ "tagName": "bm-badge-dot",
1618
+ "customElement": true
1619
+ }
1620
+ ],
1621
+ "exports": [
1622
+ {
1623
+ "kind": "js",
1624
+ "name": "BmBadgeDot",
1625
+ "declaration": {
1626
+ "name": "BmBadgeDot",
1627
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1628
+ }
1629
+ },
1630
+ {
1631
+ "kind": "custom-element-definition",
1632
+ "name": "bm-badge-dot",
1633
+ "declaration": {
1634
+ "name": "BmBadgeDot",
1635
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1636
+ }
1637
+ }
1638
+ ]
1639
+ },
1640
+ {
1641
+ "kind": "javascript-module",
1642
+ "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1643
+ "declarations": [],
1644
+ "exports": [
1645
+ {
1646
+ "kind": "js",
1647
+ "name": "*",
1648
+ "declaration": {
1649
+ "name": "*",
1650
+ "package": "./BadgeDot"
1651
+ }
1652
+ }
1653
+ ]
1654
+ },
1655
1655
  {
1656
1656
  "kind": "javascript-module",
1657
1657
  "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",