@viasat/beam-web-components 2.56.0 → 2.57.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 +873 -873
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +176 -176
package/custom-elements.json CHANGED
@@ -294,322 +294,433 @@
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
577
+ },
578
+ {
579
+ "kind": "field",
580
+ "name": "size",
581
+ "type": {
582
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
583
+ },
584
+ "default": "'md'",
585
+ "description": "Specify the size of all Avatars",
586
+ "attribute": "size"
587
+ },
588
+ {
589
+ "kind": "field",
590
+ "name": "layout",
591
+ "type": {
592
+ "text": "'stacked' | 'spaced' | undefined"
593
+ },
594
+ "default": "'stacked'",
595
+ "description": "Specify the kind of the group.",
596
+ "attribute": "layout"
597
+ }
598
+ ],
599
+ "attributes": [
600
+ {
601
+ "name": "wrapping",
602
+ "type": {
603
+ "text": "boolean"
604
+ },
605
+ "default": "false",
606
+ "description": "Specify if the AvatarGroup wraps",
607
+ "fieldName": "wrapping"
608
+ },
609
+ {
610
+ "name": "maxCount",
611
+ "type": {
612
+ "text": "number"
613
+ },
614
+ "default": "5",
615
+ "description": "Specify the max number of avatars displayed in the group.",
616
+ "fieldName": "maxCount"
617
+ },
618
+ {
619
+ "name": "size",
620
+ "type": {
621
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
622
+ },
623
+ "default": "'md'",
624
+ "description": "Specify the size of all Avatars",
625
+ "fieldName": "size"
626
+ },
627
+ {
628
+ "name": "layout",
629
+ "type": {
630
+ "text": "'stacked' | 'spaced' | undefined"
631
+ },
632
+ "default": "'stacked'",
633
+ "description": "Specify the kind of the group.",
634
+ "fieldName": "layout"
635
+ }
636
+ ],
637
+ "superclass": {
638
+ "name": "LitElement",
639
+ "package": "lit"
640
+ },
641
+ "tagName": "bm-avatar-group",
642
+ "customElement": true
643
+ }
644
+ ],
645
+ "exports": [
646
+ {
647
+ "kind": "js",
648
+ "name": "BmAvatarGroup",
649
+ "declaration": {
650
+ "name": "BmAvatarGroup",
651
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
652
+ }
653
+ },
654
+ {
655
+ "kind": "custom-element-definition",
656
+ "name": "bm-avatar-group",
657
+ "declaration": {
658
+ "name": "BmAvatarGroup",
659
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
660
+ }
661
+ }
662
+ ]
663
+ },
664
+ {
665
+ "kind": "javascript-module",
666
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
667
+ "declarations": [],
668
+ "exports": [
669
+ {
670
+ "kind": "js",
671
+ "name": "*",
672
+ "declaration": {
673
+ "name": "*",
674
+ "package": "./Avatar"
675
+ }
676
+ },
677
+ {
678
+ "kind": "js",
679
+ "name": "*",
680
+ "declaration": {
681
+ "name": "*",
682
+ "package": "./AvatarGroup"
683
+ }
684
+ }
685
+ ]
686
+ },
687
+ {
688
+ "kind": "javascript-module",
689
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
690
+ "declarations": [
691
+ {
692
+ "kind": "class",
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",
695
+ "slots": [
696
+ {
697
+ "description": "Provide text for the Badge",
698
+ "name": "default"
699
+ },
700
+ {
701
+ "description": "Specify a different icon for the Badge",
702
+ "name": "icon"
703
+ }
704
+ ],
705
+ "members": [
706
+ {
707
+ "kind": "field",
708
+ "name": "appearance",
709
+ "type": {
710
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
711
+ },
712
+ "default": "'infoPrimary'",
713
+ "description": "Specify the appearance of the Badge",
714
+ "attribute": "appearance"
715
+ },
716
+ {
717
+ "kind": "field",
718
+ "name": "theme",
719
+ "type": {
720
+ "text": "'light' | 'dark' | undefined"
721
+ },
722
+ "description": "Theme of the Badge",
723
+ "attribute": "theme"
613
724
  },
614
725
  {
615
726
  "kind": "field",
@@ -730,908 +841,805 @@
730
841
  },
731
842
  {
732
843
  "kind": "javascript-module",
733
- "path": "libs/web-components/src/lib/Box/Box.ts",
844
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
734
845
  "declarations": [
735
846
  {
736
847
  "kind": "class",
737
- "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",
738
- "name": "BmBox",
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",
739
850
  "slots": [
740
851
  {
741
- "description": "Provide content for the Box",
742
- "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"
743
866
  }
744
867
  ],
745
868
  "members": [
746
869
  {
747
870
  "kind": "field",
748
- "name": "backgroundColor",
871
+ "name": "heading",
749
872
  "type": {
750
- "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"
873
+ "text": "string | undefined"
751
874
  },
752
- "description": "Specify the background color of a Box",
753
- "attribute": "backgroundColor"
875
+ "description": "Specify the heading text for Alert",
876
+ "attribute": "heading"
754
877
  },
755
878
  {
756
879
  "kind": "field",
757
- "name": "borderColor",
880
+ "name": "body",
758
881
  "type": {
759
- "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"
882
+ "text": "string | undefined"
760
883
  },
761
- "description": "Specify the border color of a Box",
762
- "attribute": "borderColor"
884
+ "description": "Specify the body text for Alert",
885
+ "attribute": "body"
763
886
  },
764
887
  {
765
888
  "kind": "field",
766
- "name": "borderWidth",
889
+ "name": "size",
767
890
  "type": {
768
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
891
+ "text": "'sm' | 'md'"
769
892
  },
770
- "description": "Specify the border width of a Box",
771
- "attribute": "borderWidth"
893
+ "default": "'sm'",
894
+ "description": "Specify the size of the Alert",
895
+ "attribute": "size"
772
896
  },
773
897
  {
774
898
  "kind": "field",
775
- "name": "borderRadius",
899
+ "name": "fullWidth",
776
900
  "type": {
777
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
901
+ "text": "boolean"
778
902
  },
779
- "description": "Specify the border radius of a Box",
780
- "attribute": "borderRadius"
903
+ "default": "false",
904
+ "description": "Specify if the Alert has no border radius",
905
+ "attribute": "fullWidth"
781
906
  },
782
907
  {
783
908
  "kind": "field",
784
- "name": "px",
909
+ "name": "theme",
785
910
  "type": {
786
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
911
+ "text": "'light' | 'dark' | undefined"
787
912
  },
788
- "description": "Specify before and after padding of a Box",
789
- "attribute": "px"
913
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
914
+ "attribute": "theme"
790
915
  },
791
916
  {
792
917
  "kind": "field",
793
- "name": "py",
918
+ "name": "appearance",
794
919
  "type": {
795
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
920
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
796
921
  },
797
- "description": "Specify top and bottom padding of a Box",
798
- "attribute": "py"
922
+ "default": "'infoPrimary'",
923
+ "description": "Specify the appearance of the Alert",
924
+ "attribute": "appearance"
799
925
  },
800
926
  {
801
927
  "kind": "field",
802
- "name": "pTop",
928
+ "name": "hidden",
803
929
  "type": {
804
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
930
+ "text": "boolean"
805
931
  },
806
- "description": "Specify top padding of a Box",
807
- "attribute": "pTop"
932
+ "default": "false",
933
+ "description": "Specify if the Alert is hidden",
934
+ "attribute": "hidden"
808
935
  },
809
936
  {
810
937
  "kind": "field",
811
- "name": "pBottom",
938
+ "name": "hideIcon",
812
939
  "type": {
813
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
940
+ "text": "boolean"
814
941
  },
815
- "description": "Specify bottom padding of a Box",
816
- "attribute": "pBottom"
942
+ "default": "false",
943
+ "description": "Specify if the icon displays on the Alert",
944
+ "attribute": "hideIcon"
817
945
  },
818
946
  {
819
947
  "kind": "field",
820
- "name": "pBefore",
948
+ "name": "dismissible",
821
949
  "type": {
822
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
950
+ "text": "boolean"
823
951
  },
824
- "description": "Specify before padding of a Box",
825
- "attribute": "pBefore"
952
+ "default": "false",
953
+ "description": "Specify if the Alert can be dismissed",
954
+ "attribute": "dismissible"
826
955
  },
827
956
  {
828
957
  "kind": "field",
829
- "name": "pAfter",
958
+ "name": "disableAutoFocus",
830
959
  "type": {
831
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
960
+ "text": "boolean"
832
961
  },
833
- "description": "Specify after padding of a Box",
834
- "attribute": "pAfter"
962
+ "default": "false",
963
+ "description": "Prevent autofocus on show",
964
+ "attribute": "disableAutoFocus"
835
965
  },
836
966
  {
837
967
  "kind": "field",
838
- "name": "mx",
968
+ "name": "disableCloseOnEscape",
839
969
  "type": {
840
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
970
+ "text": "boolean"
841
971
  },
842
- "description": "Specify before and after margin of a Box",
843
- "attribute": "mx"
972
+ "default": "false",
973
+ "description": "Prevent Escape from closing",
974
+ "attribute": "disableCloseOnEscape"
975
+ }
976
+ ],
977
+ "events": [
978
+ {
979
+ "description": "Dispatched when the Alert has been dismissed",
980
+ "name": "bm-dismiss"
981
+ }
982
+ ],
983
+ "attributes": [
984
+ {
985
+ "name": "heading",
986
+ "type": {
987
+ "text": "string | undefined"
988
+ },
989
+ "description": "Specify the heading text for Alert",
990
+ "fieldName": "heading"
844
991
  },
845
992
  {
846
- "kind": "field",
847
- "name": "my",
993
+ "name": "body",
848
994
  "type": {
849
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
995
+ "text": "string | undefined"
850
996
  },
851
- "description": "Specify top and bottom margin of a Box",
852
- "attribute": "my"
997
+ "description": "Specify the body text for Alert",
998
+ "fieldName": "body"
853
999
  },
854
1000
  {
855
- "kind": "field",
856
- "name": "mTop",
1001
+ "name": "size",
857
1002
  "type": {
858
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1003
+ "text": "'sm' | 'md'"
859
1004
  },
860
- "description": "Specify top margin of a Box",
861
- "attribute": "mTop"
1005
+ "default": "'sm'",
1006
+ "description": "Specify the size of the Alert",
1007
+ "fieldName": "size"
862
1008
  },
863
1009
  {
864
- "kind": "field",
865
- "name": "mBottom",
1010
+ "name": "fullWidth",
866
1011
  "type": {
867
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1012
+ "text": "boolean"
868
1013
  },
869
- "description": "Specify bottom margin of a Box",
870
- "attribute": "mBottom"
1014
+ "default": "false",
1015
+ "description": "Specify if the Alert has no border radius",
1016
+ "fieldName": "fullWidth"
871
1017
  },
872
1018
  {
873
- "kind": "field",
874
- "name": "mBefore",
1019
+ "name": "theme",
875
1020
  "type": {
876
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1021
+ "text": "'light' | 'dark' | undefined"
877
1022
  },
878
- "description": "Specify before margin of a Box",
879
- "attribute": "mBefore"
1023
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1024
+ "fieldName": "theme"
880
1025
  },
881
1026
  {
882
- "kind": "field",
883
- "name": "mAfter",
1027
+ "name": "appearance",
884
1028
  "type": {
885
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1029
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
886
1030
  },
887
- "description": "Specify after margin of a Box",
888
- "attribute": "mAfter"
1031
+ "default": "'infoPrimary'",
1032
+ "description": "Specify the appearance of the Alert",
1033
+ "fieldName": "appearance"
889
1034
  },
890
1035
  {
891
- "kind": "field",
892
- "name": "m",
1036
+ "name": "hidden",
893
1037
  "type": {
894
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1038
+ "text": "boolean"
895
1039
  },
896
- "description": "Specify all margin",
897
- "attribute": "m"
1040
+ "default": "false",
1041
+ "description": "Specify if the Alert is hidden",
1042
+ "fieldName": "hidden"
898
1043
  },
899
1044
  {
900
- "kind": "field",
901
- "name": "p",
1045
+ "name": "hideIcon",
902
1046
  "type": {
903
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1047
+ "text": "boolean"
904
1048
  },
905
- "description": "Specify all padding",
906
- "attribute": "p"
1049
+ "default": "false",
1050
+ "description": "Specify if the icon displays on the Alert",
1051
+ "fieldName": "hideIcon"
907
1052
  },
908
1053
  {
909
- "kind": "field",
910
- "name": "gap",
1054
+ "name": "dismissible",
911
1055
  "type": {
912
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1056
+ "text": "boolean"
913
1057
  },
914
- "description": "Specify gap between child elements",
915
- "attribute": "gap"
1058
+ "default": "false",
1059
+ "description": "Specify if the Alert can be dismissed",
1060
+ "fieldName": "dismissible"
916
1061
  },
917
1062
  {
918
- "kind": "field",
919
- "name": "shadow",
1063
+ "name": "disableAutoFocus",
920
1064
  "type": {
921
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1065
+ "text": "boolean"
922
1066
  },
923
- "description": "Specify if a Box has a shadow",
924
- "attribute": "shadow"
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"
925
1079
  }
926
1080
  ],
927
- "attributes": [
1081
+ "superclass": {
1082
+ "name": "LitElement",
1083
+ "package": "lit"
1084
+ },
1085
+ "tagName": "bm-alert",
1086
+ "customElement": true
1087
+ }
1088
+ ],
1089
+ "exports": [
1090
+ {
1091
+ "kind": "js",
1092
+ "name": "BmAlert",
1093
+ "declaration": {
1094
+ "name": "BmAlert",
1095
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1096
+ }
1097
+ },
1098
+ {
1099
+ "kind": "custom-element-definition",
1100
+ "name": "bm-alert",
1101
+ "declaration": {
1102
+ "name": "BmAlert",
1103
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1104
+ }
1105
+ }
1106
+ ]
1107
+ },
1108
+ {
1109
+ "kind": "javascript-module",
1110
+ "path": "libs/web-components/src/lib/Alert/index.ts",
1111
+ "declarations": [],
1112
+ "exports": [
1113
+ {
1114
+ "kind": "js",
1115
+ "name": "*",
1116
+ "declaration": {
1117
+ "name": "*",
1118
+ "package": "./Alert"
1119
+ }
1120
+ }
1121
+ ]
1122
+ },
1123
+ {
1124
+ "kind": "javascript-module",
1125
+ "path": "libs/web-components/src/lib/Box/Box.ts",
1126
+ "declarations": [
1127
+ {
1128
+ "kind": "class",
1129
+ "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",
1130
+ "name": "BmBox",
1131
+ "slots": [
1132
+ {
1133
+ "description": "Provide content for the Box",
1134
+ "name": "default"
1135
+ }
1136
+ ],
1137
+ "members": [
928
1138
  {
1139
+ "kind": "field",
929
1140
  "name": "backgroundColor",
930
1141
  "type": {
931
1142
  "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"
932
1143
  },
933
1144
  "description": "Specify the background color of a Box",
934
- "fieldName": "backgroundColor"
1145
+ "attribute": "backgroundColor"
935
1146
  },
936
1147
  {
1148
+ "kind": "field",
937
1149
  "name": "borderColor",
938
1150
  "type": {
939
1151
  "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"
940
1152
  },
941
1153
  "description": "Specify the border color of a Box",
942
- "fieldName": "borderColor"
1154
+ "attribute": "borderColor"
943
1155
  },
944
1156
  {
1157
+ "kind": "field",
945
1158
  "name": "borderWidth",
946
1159
  "type": {
947
1160
  "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
948
1161
  },
949
1162
  "description": "Specify the border width of a Box",
950
- "fieldName": "borderWidth"
1163
+ "attribute": "borderWidth"
951
1164
  },
952
1165
  {
1166
+ "kind": "field",
953
1167
  "name": "borderRadius",
954
1168
  "type": {
955
1169
  "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
956
1170
  },
957
1171
  "description": "Specify the border radius of a Box",
958
- "fieldName": "borderRadius"
1172
+ "attribute": "borderRadius"
959
1173
  },
960
1174
  {
1175
+ "kind": "field",
961
1176
  "name": "px",
962
1177
  "type": {
963
1178
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
964
1179
  },
965
1180
  "description": "Specify before and after padding of a Box",
966
- "fieldName": "px"
1181
+ "attribute": "px"
967
1182
  },
968
1183
  {
1184
+ "kind": "field",
969
1185
  "name": "py",
970
1186
  "type": {
971
1187
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
972
1188
  },
973
1189
  "description": "Specify top and bottom padding of a Box",
974
- "fieldName": "py"
1190
+ "attribute": "py"
975
1191
  },
976
1192
  {
1193
+ "kind": "field",
977
1194
  "name": "pTop",
978
1195
  "type": {
979
1196
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
980
1197
  },
981
1198
  "description": "Specify top padding of a Box",
982
- "fieldName": "pTop"
1199
+ "attribute": "pTop"
983
1200
  },
984
1201
  {
1202
+ "kind": "field",
985
1203
  "name": "pBottom",
986
1204
  "type": {
987
1205
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
988
1206
  },
989
1207
  "description": "Specify bottom padding of a Box",
990
- "fieldName": "pBottom"
1208
+ "attribute": "pBottom"
991
1209
  },
992
1210
  {
1211
+ "kind": "field",
993
1212
  "name": "pBefore",
994
1213
  "type": {
995
1214
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
996
1215
  },
997
1216
  "description": "Specify before padding of a Box",
998
- "fieldName": "pBefore"
1217
+ "attribute": "pBefore"
999
1218
  },
1000
1219
  {
1220
+ "kind": "field",
1001
1221
  "name": "pAfter",
1002
1222
  "type": {
1003
1223
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1004
1224
  },
1005
1225
  "description": "Specify after padding of a Box",
1006
- "fieldName": "pAfter"
1226
+ "attribute": "pAfter"
1007
1227
  },
1008
1228
  {
1229
+ "kind": "field",
1009
1230
  "name": "mx",
1010
1231
  "type": {
1011
1232
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1012
1233
  },
1013
1234
  "description": "Specify before and after margin of a Box",
1014
- "fieldName": "mx"
1235
+ "attribute": "mx"
1015
1236
  },
1016
1237
  {
1238
+ "kind": "field",
1017
1239
  "name": "my",
1018
1240
  "type": {
1019
1241
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1020
1242
  },
1021
1243
  "description": "Specify top and bottom margin of a Box",
1022
- "fieldName": "my"
1244
+ "attribute": "my"
1023
1245
  },
1024
1246
  {
1247
+ "kind": "field",
1025
1248
  "name": "mTop",
1026
1249
  "type": {
1027
1250
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1028
1251
  },
1029
1252
  "description": "Specify top margin of a Box",
1030
- "fieldName": "mTop"
1253
+ "attribute": "mTop"
1031
1254
  },
1032
1255
  {
1256
+ "kind": "field",
1033
1257
  "name": "mBottom",
1034
1258
  "type": {
1035
1259
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1036
1260
  },
1037
1261
  "description": "Specify bottom margin of a Box",
1038
- "fieldName": "mBottom"
1262
+ "attribute": "mBottom"
1039
1263
  },
1040
1264
  {
1265
+ "kind": "field",
1041
1266
  "name": "mBefore",
1042
1267
  "type": {
1043
1268
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1044
1269
  },
1045
1270
  "description": "Specify before margin of a Box",
1046
- "fieldName": "mBefore"
1271
+ "attribute": "mBefore"
1047
1272
  },
1048
1273
  {
1274
+ "kind": "field",
1049
1275
  "name": "mAfter",
1050
1276
  "type": {
1051
1277
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1052
1278
  },
1053
1279
  "description": "Specify after margin of a Box",
1054
- "fieldName": "mAfter"
1280
+ "attribute": "mAfter"
1055
1281
  },
1056
1282
  {
1283
+ "kind": "field",
1057
1284
  "name": "m",
1058
1285
  "type": {
1059
1286
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1060
1287
  },
1061
1288
  "description": "Specify all margin",
1062
- "fieldName": "m"
1289
+ "attribute": "m"
1063
1290
  },
1064
1291
  {
1292
+ "kind": "field",
1065
1293
  "name": "p",
1066
1294
  "type": {
1067
1295
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1068
1296
  },
1069
1297
  "description": "Specify all padding",
1070
- "fieldName": "p"
1298
+ "attribute": "p"
1071
1299
  },
1072
1300
  {
1301
+ "kind": "field",
1073
1302
  "name": "gap",
1074
1303
  "type": {
1075
1304
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1076
1305
  },
1077
1306
  "description": "Specify gap between child elements",
1078
- "fieldName": "gap"
1307
+ "attribute": "gap"
1079
1308
  },
1080
1309
  {
1310
+ "kind": "field",
1081
1311
  "name": "shadow",
1082
1312
  "type": {
1083
1313
  "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1084
1314
  },
1085
1315
  "description": "Specify if a Box has a shadow",
1086
- "fieldName": "shadow"
1087
- }
1088
- ],
1089
- "superclass": {
1090
- "name": "LitElement",
1091
- "package": "lit"
1092
- },
1093
- "tagName": "bm-box",
1094
- "customElement": true
1095
- }
1096
- ],
1097
- "exports": [
1098
- {
1099
- "kind": "js",
1100
- "name": "BmBox",
1101
- "declaration": {
1102
- "name": "BmBox",
1103
- "module": "libs/web-components/src/lib/Box/Box.ts"
1104
- }
1105
- },
1106
- {
1107
- "kind": "custom-element-definition",
1108
- "name": "bm-box",
1109
- "declaration": {
1110
- "name": "BmBox",
1111
- "module": "libs/web-components/src/lib/Box/Box.ts"
1112
- }
1113
- }
1114
- ]
1115
- },
1116
- {
1117
- "kind": "javascript-module",
1118
- "path": "libs/web-components/src/lib/Box/index.ts",
1119
- "declarations": [],
1120
- "exports": [
1121
- {
1122
- "kind": "js",
1123
- "name": "*",
1124
- "declaration": {
1125
- "name": "*",
1126
- "package": "./Box"
1127
- }
1128
- }
1129
- ]
1130
- },
1131
- {
1132
- "kind": "javascript-module",
1133
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1134
- "declarations": [
1135
- {
1136
- "kind": "class",
1137
- "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",
1138
- "name": "BmBadgeDot",
1139
- "slots": [
1140
- {
1141
- "description": "Provide text for the BadgeDot",
1142
- "name": "default"
1143
- }
1144
- ],
1145
- "members": [
1146
- {
1147
- "kind": "field",
1148
- "name": "theme",
1149
- "type": {
1150
- "text": "'light' | 'dark' | undefined"
1151
- },
1152
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1153
- "attribute": "theme"
1154
- },
1155
- {
1156
- "kind": "field",
1157
- "name": "appearance",
1158
- "type": {
1159
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1160
- },
1161
- "default": "'infoPrimary'",
1162
- "description": "Specify the appearance of the BadgeDot",
1163
- "attribute": "appearance"
1164
- },
1165
- {
1166
- "kind": "field",
1167
- "name": "emphasis",
1168
- "type": {
1169
- "text": "'strong' | 'subtle'"
1170
- },
1171
- "default": "'strong'",
1172
- "description": "Specify the emphasis of the BadgeDot",
1173
- "attribute": "emphasis"
1174
- },
1175
- {
1176
- "kind": "field",
1177
- "name": "overrideDotColor",
1178
- "type": {
1179
- "text": "string | undefined"
1180
- },
1181
- "description": "Overrides default dot color",
1182
- "attribute": "overrideDotColor"
1316
+ "attribute": "shadow"
1183
1317
  }
1184
1318
  ],
1185
1319
  "attributes": [
1186
1320
  {
1187
- "name": "theme",
1188
- "type": {
1189
- "text": "'light' | 'dark' | undefined"
1190
- },
1191
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1192
- "fieldName": "theme"
1193
- },
1194
- {
1195
- "name": "appearance",
1196
- "type": {
1197
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1198
- },
1199
- "default": "'infoPrimary'",
1200
- "description": "Specify the appearance of the BadgeDot",
1201
- "fieldName": "appearance"
1202
- },
1203
- {
1204
- "name": "emphasis",
1321
+ "name": "backgroundColor",
1205
1322
  "type": {
1206
- "text": "'strong' | 'subtle'"
1323
+ "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"
1207
1324
  },
1208
- "default": "'strong'",
1209
- "description": "Specify the emphasis of the BadgeDot",
1210
- "fieldName": "emphasis"
1325
+ "description": "Specify the background color of a Box",
1326
+ "fieldName": "backgroundColor"
1211
1327
  },
1212
1328
  {
1213
- "name": "overrideDotColor",
1214
- "type": {
1215
- "text": "string | undefined"
1216
- },
1217
- "description": "Overrides default dot color",
1218
- "fieldName": "overrideDotColor"
1219
- }
1220
- ],
1221
- "superclass": {
1222
- "name": "LitElement",
1223
- "package": "lit"
1224
- },
1225
- "tagName": "bm-badge-dot",
1226
- "customElement": true
1227
- }
1228
- ],
1229
- "exports": [
1230
- {
1231
- "kind": "js",
1232
- "name": "BmBadgeDot",
1233
- "declaration": {
1234
- "name": "BmBadgeDot",
1235
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1236
- }
1237
- },
1238
- {
1239
- "kind": "custom-element-definition",
1240
- "name": "bm-badge-dot",
1241
- "declaration": {
1242
- "name": "BmBadgeDot",
1243
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1244
- }
1245
- }
1246
- ]
1247
- },
1248
- {
1249
- "kind": "javascript-module",
1250
- "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1251
- "declarations": [],
1252
- "exports": [
1253
- {
1254
- "kind": "js",
1255
- "name": "*",
1256
- "declaration": {
1257
- "name": "*",
1258
- "package": "./BadgeDot"
1259
- }
1260
- }
1261
- ]
1262
- },
1263
- {
1264
- "kind": "javascript-module",
1265
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1266
- "declarations": [
1267
- {
1268
- "kind": "class",
1269
- "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** ",
1270
- "name": "BmAvatar",
1271
- "slots": [
1272
- {
1273
- "description": "Customize the default icon",
1274
- "name": "icon"
1275
- }
1276
- ],
1277
- "members": [
1278
- {
1279
- "kind": "field",
1280
- "name": "appearance",
1329
+ "name": "borderColor",
1281
1330
  "type": {
1282
- "text": "'accent' | 'neutral' | undefined"
1331
+ "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"
1283
1332
  },
1284
- "default": "'neutral'",
1285
- "description": "Specify the appearance of the Avatar",
1286
- "attribute": "appearance"
1333
+ "description": "Specify the border color of a Box",
1334
+ "fieldName": "borderColor"
1287
1335
  },
1288
1336
  {
1289
- "kind": "field",
1290
- "name": "name",
1337
+ "name": "borderWidth",
1291
1338
  "type": {
1292
- "text": "string | undefined"
1339
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1293
1340
  },
1294
- "description": "Specify a name to display initials in the Avatar",
1295
- "attribute": "name"
1341
+ "description": "Specify the border width of a Box",
1342
+ "fieldName": "borderWidth"
1296
1343
  },
1297
1344
  {
1298
- "kind": "field",
1299
- "name": "src",
1345
+ "name": "borderRadius",
1300
1346
  "type": {
1301
- "text": "string | undefined"
1347
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1302
1348
  },
1303
- "description": "Pass an image to the Avatar",
1304
- "attribute": "src"
1349
+ "description": "Specify the border radius of a Box",
1350
+ "fieldName": "borderRadius"
1305
1351
  },
1306
1352
  {
1307
- "kind": "field",
1308
- "name": "alt",
1353
+ "name": "px",
1309
1354
  "type": {
1310
- "text": "string | undefined"
1355
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1311
1356
  },
1312
- "description": "Specify alt for image",
1313
- "attribute": "alt"
1357
+ "description": "Specify before and after padding of a Box",
1358
+ "fieldName": "px"
1314
1359
  },
1315
1360
  {
1316
- "kind": "field",
1317
- "name": "size",
1361
+ "name": "py",
1318
1362
  "type": {
1319
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1363
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1320
1364
  },
1321
- "default": "'md'",
1322
- "description": "Specify the size of the Avatar",
1323
- "attribute": "size"
1365
+ "description": "Specify top and bottom padding of a Box",
1366
+ "fieldName": "py"
1324
1367
  },
1325
1368
  {
1326
- "kind": "field",
1327
- "name": "disabled",
1369
+ "name": "pTop",
1328
1370
  "type": {
1329
- "text": "boolean | undefined"
1371
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1330
1372
  },
1331
- "default": "false",
1332
- "description": "Specify if the Avatar is disabled",
1333
- "attribute": "disabled"
1373
+ "description": "Specify top padding of a Box",
1374
+ "fieldName": "pTop"
1334
1375
  },
1335
1376
  {
1336
- "kind": "field",
1337
- "name": "shape",
1377
+ "name": "pBottom",
1338
1378
  "type": {
1339
- "text": "'circle' | 'square' | undefined"
1379
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1340
1380
  },
1341
- "default": "'circle'",
1342
- "description": "Specify the shape of the Avatar",
1343
- "attribute": "shape"
1381
+ "description": "Specify bottom padding of a Box",
1382
+ "fieldName": "pBottom"
1344
1383
  },
1345
1384
  {
1346
- "kind": "field",
1347
- "name": "isInteractive",
1385
+ "name": "pBefore",
1348
1386
  "type": {
1349
- "text": "boolean"
1387
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1350
1388
  },
1351
- "default": "false",
1352
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1353
- "attribute": "isInteractive"
1389
+ "description": "Specify before padding of a Box",
1390
+ "fieldName": "pBefore"
1354
1391
  },
1355
1392
  {
1356
- "kind": "field",
1357
- "name": "isFocusable",
1393
+ "name": "pAfter",
1358
1394
  "type": {
1359
- "text": "boolean"
1395
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1360
1396
  },
1361
- "default": "false",
1362
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1363
- "attribute": "isFocusable"
1397
+ "description": "Specify after padding of a Box",
1398
+ "fieldName": "pAfter"
1364
1399
  },
1365
1400
  {
1366
- "kind": "field",
1367
- "name": "withBorder",
1368
- "type": {
1369
- "text": "boolean"
1370
- },
1371
- "default": "false",
1372
- "attribute": "withBorder"
1373
- }
1374
- ],
1375
- "attributes": [
1376
- {
1377
- "name": "appearance",
1401
+ "name": "mx",
1378
1402
  "type": {
1379
- "text": "'accent' | 'neutral' | undefined"
1403
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1380
1404
  },
1381
- "default": "'neutral'",
1382
- "description": "Specify the appearance of the Avatar",
1383
- "fieldName": "appearance"
1405
+ "description": "Specify before and after margin of a Box",
1406
+ "fieldName": "mx"
1384
1407
  },
1385
1408
  {
1386
- "name": "name",
1409
+ "name": "my",
1387
1410
  "type": {
1388
- "text": "string | undefined"
1411
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1389
1412
  },
1390
- "description": "Specify a name to display initials in the Avatar",
1391
- "fieldName": "name"
1413
+ "description": "Specify top and bottom margin of a Box",
1414
+ "fieldName": "my"
1392
1415
  },
1393
1416
  {
1394
- "name": "src",
1417
+ "name": "mTop",
1395
1418
  "type": {
1396
- "text": "string | undefined"
1419
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1397
1420
  },
1398
- "description": "Pass an image to the Avatar",
1399
- "fieldName": "src"
1421
+ "description": "Specify top margin of a Box",
1422
+ "fieldName": "mTop"
1400
1423
  },
1401
1424
  {
1402
- "name": "alt",
1425
+ "name": "mBottom",
1403
1426
  "type": {
1404
- "text": "string | undefined"
1427
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1405
1428
  },
1406
- "description": "Specify alt for image",
1407
- "fieldName": "alt"
1429
+ "description": "Specify bottom margin of a Box",
1430
+ "fieldName": "mBottom"
1408
1431
  },
1409
1432
  {
1410
- "name": "size",
1433
+ "name": "mBefore",
1411
1434
  "type": {
1412
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1435
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1413
1436
  },
1414
- "default": "'md'",
1415
- "description": "Specify the size of the Avatar",
1416
- "fieldName": "size"
1437
+ "description": "Specify before margin of a Box",
1438
+ "fieldName": "mBefore"
1417
1439
  },
1418
1440
  {
1419
- "name": "disabled",
1441
+ "name": "mAfter",
1420
1442
  "type": {
1421
- "text": "boolean | undefined"
1443
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1422
1444
  },
1423
- "default": "false",
1424
- "description": "Specify if the Avatar is disabled",
1425
- "fieldName": "disabled"
1445
+ "description": "Specify after margin of a Box",
1446
+ "fieldName": "mAfter"
1426
1447
  },
1427
1448
  {
1428
- "name": "shape",
1449
+ "name": "m",
1429
1450
  "type": {
1430
- "text": "'circle' | 'square' | undefined"
1451
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1431
1452
  },
1432
- "default": "'circle'",
1433
- "description": "Specify the shape of the Avatar",
1434
- "fieldName": "shape"
1453
+ "description": "Specify all margin",
1454
+ "fieldName": "m"
1435
1455
  },
1436
1456
  {
1437
- "name": "isInteractive",
1457
+ "name": "p",
1438
1458
  "type": {
1439
- "text": "boolean"
1459
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1440
1460
  },
1441
- "default": "false",
1442
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1443
- "fieldName": "isInteractive"
1461
+ "description": "Specify all padding",
1462
+ "fieldName": "p"
1444
1463
  },
1445
1464
  {
1446
- "name": "isFocusable",
1465
+ "name": "gap",
1447
1466
  "type": {
1448
- "text": "boolean"
1467
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1449
1468
  },
1450
- "default": "false",
1451
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1452
- "fieldName": "isFocusable"
1469
+ "description": "Specify gap between child elements",
1470
+ "fieldName": "gap"
1453
1471
  },
1454
1472
  {
1455
- "name": "withBorder",
1473
+ "name": "shadow",
1456
1474
  "type": {
1457
- "text": "boolean"
1475
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1458
1476
  },
1459
- "default": "false",
1460
- "fieldName": "withBorder"
1477
+ "description": "Specify if a Box has a shadow",
1478
+ "fieldName": "shadow"
1461
1479
  }
1462
1480
  ],
1463
1481
  "superclass": {
1464
1482
  "name": "LitElement",
1465
1483
  "package": "lit"
1466
1484
  },
1467
- "tagName": "bm-avatar",
1485
+ "tagName": "bm-box",
1468
1486
  "customElement": true
1469
1487
  }
1470
1488
  ],
1471
1489
  "exports": [
1472
1490
  {
1473
1491
  "kind": "js",
1474
- "name": "BmAvatar",
1492
+ "name": "BmBox",
1475
1493
  "declaration": {
1476
- "name": "BmAvatar",
1477
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1494
+ "name": "BmBox",
1495
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1478
1496
  }
1479
1497
  },
1480
1498
  {
1481
1499
  "kind": "custom-element-definition",
1482
- "name": "bm-avatar",
1500
+ "name": "bm-box",
1483
1501
  "declaration": {
1484
- "name": "BmAvatar",
1485
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1502
+ "name": "BmBox",
1503
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1486
1504
  }
1487
1505
  }
1488
1506
  ]
1489
1507
  },
1490
1508
  {
1491
1509
  "kind": "javascript-module",
1492
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1493
- "declarations": [
1494
- {
1495
- "kind": "variable",
1496
- "name": "AvatarGroupCtx"
1497
- }
1498
- ],
1510
+ "path": "libs/web-components/src/lib/Box/index.ts",
1511
+ "declarations": [],
1499
1512
  "exports": [
1500
1513
  {
1501
1514
  "kind": "js",
1502
- "name": "AvatarGroupCtx",
1515
+ "name": "*",
1503
1516
  "declaration": {
1504
- "name": "AvatarGroupCtx",
1505
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1517
+ "name": "*",
1518
+ "package": "./Box"
1506
1519
  }
1507
1520
  }
1508
1521
  ]
1509
1522
  },
1510
1523
  {
1511
1524
  "kind": "javascript-module",
1512
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1525
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1513
1526
  "declarations": [
1514
1527
  {
1515
1528
  "kind": "class",
1516
- "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.",
1517
- "name": "BmAvatarGroup",
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",
1518
1531
  "slots": [
1519
1532
  {
1520
- "description": "Add Avatars to create a group",
1533
+ "description": "Provide text for the BadgeDot",
1521
1534
  "name": "default"
1522
1535
  }
1523
1536
  ],
1524
1537
  "members": [
1525
1538
  {
1526
1539
  "kind": "field",
1527
- "name": "wrapping",
1540
+ "name": "theme",
1528
1541
  "type": {
1529
- "text": "boolean"
1542
+ "text": "'light' | 'dark' | undefined"
1530
1543
  },
1531
- "default": "false",
1532
- "description": "Specify if the AvatarGroup wraps",
1533
- "attribute": "wrapping"
1544
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1545
+ "attribute": "theme"
1534
1546
  },
1535
1547
  {
1536
1548
  "kind": "field",
1537
- "name": "maxCount",
1549
+ "name": "appearance",
1538
1550
  "type": {
1539
- "text": "number"
1551
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1540
1552
  },
1541
- "default": "5",
1542
- "description": "Specify the max number of avatars displayed in the group.",
1543
- "attribute": "maxCount",
1544
- "reflects": true
1553
+ "default": "'infoPrimary'",
1554
+ "description": "Specify the appearance of the BadgeDot",
1555
+ "attribute": "appearance"
1545
1556
  },
1546
1557
  {
1547
1558
  "kind": "field",
1548
- "name": "size",
1559
+ "name": "emphasis",
1549
1560
  "type": {
1550
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1561
+ "text": "'strong' | 'subtle'"
1551
1562
  },
1552
- "default": "'md'",
1553
- "description": "Specify the size of all Avatars",
1554
- "attribute": "size"
1563
+ "default": "'strong'",
1564
+ "description": "Specify the emphasis of the BadgeDot",
1565
+ "attribute": "emphasis"
1555
1566
  },
1556
1567
  {
1557
1568
  "kind": "field",
1558
- "name": "layout",
1569
+ "name": "overrideDotColor",
1559
1570
  "type": {
1560
- "text": "'stacked' | 'spaced' | undefined"
1571
+ "text": "string | undefined"
1561
1572
  },
1562
- "default": "'stacked'",
1563
- "description": "Specify the kind of the group.",
1564
- "attribute": "layout"
1573
+ "description": "Overrides default dot color",
1574
+ "attribute": "overrideDotColor"
1565
1575
  }
1566
1576
  ],
1567
1577
  "attributes": [
1568
1578
  {
1569
- "name": "wrapping",
1579
+ "name": "theme",
1570
1580
  "type": {
1571
- "text": "boolean"
1581
+ "text": "'light' | 'dark' | undefined"
1572
1582
  },
1573
- "default": "false",
1574
- "description": "Specify if the AvatarGroup wraps",
1575
- "fieldName": "wrapping"
1583
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1584
+ "fieldName": "theme"
1576
1585
  },
1577
1586
  {
1578
- "name": "maxCount",
1587
+ "name": "appearance",
1579
1588
  "type": {
1580
- "text": "number"
1589
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1581
1590
  },
1582
- "default": "5",
1583
- "description": "Specify the max number of avatars displayed in the group.",
1584
- "fieldName": "maxCount"
1591
+ "default": "'infoPrimary'",
1592
+ "description": "Specify the appearance of the BadgeDot",
1593
+ "fieldName": "appearance"
1585
1594
  },
1586
1595
  {
1587
- "name": "size",
1596
+ "name": "emphasis",
1588
1597
  "type": {
1589
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1598
+ "text": "'strong' | 'subtle'"
1590
1599
  },
1591
- "default": "'md'",
1592
- "description": "Specify the size of all Avatars",
1593
- "fieldName": "size"
1600
+ "default": "'strong'",
1601
+ "description": "Specify the emphasis of the BadgeDot",
1602
+ "fieldName": "emphasis"
1594
1603
  },
1595
1604
  {
1596
- "name": "layout",
1605
+ "name": "overrideDotColor",
1597
1606
  "type": {
1598
- "text": "'stacked' | 'spaced' | undefined"
1607
+ "text": "string | undefined"
1599
1608
  },
1600
- "default": "'stacked'",
1601
- "description": "Specify the kind of the group.",
1602
- "fieldName": "layout"
1609
+ "description": "Overrides default dot color",
1610
+ "fieldName": "overrideDotColor"
1603
1611
  }
1604
1612
  ],
1605
1613
  "superclass": {
1606
1614
  "name": "LitElement",
1607
1615
  "package": "lit"
1608
1616
  },
1609
- "tagName": "bm-avatar-group",
1617
+ "tagName": "bm-badge-dot",
1610
1618
  "customElement": true
1611
1619
  }
1612
1620
  ],
1613
1621
  "exports": [
1614
1622
  {
1615
1623
  "kind": "js",
1616
- "name": "BmAvatarGroup",
1624
+ "name": "BmBadgeDot",
1617
1625
  "declaration": {
1618
- "name": "BmAvatarGroup",
1619
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1626
+ "name": "BmBadgeDot",
1627
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1620
1628
  }
1621
1629
  },
1622
1630
  {
1623
1631
  "kind": "custom-element-definition",
1624
- "name": "bm-avatar-group",
1632
+ "name": "bm-badge-dot",
1625
1633
  "declaration": {
1626
- "name": "BmAvatarGroup",
1627
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1634
+ "name": "BmBadgeDot",
1635
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1628
1636
  }
1629
1637
  }
1630
1638
  ]
1631
1639
  },
1632
1640
  {
1633
1641
  "kind": "javascript-module",
1634
- "path": "libs/web-components/src/lib/Avatar/index.ts",
1642
+ "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1635
1643
  "declarations": [],
1636
1644
  "exports": [
1637
1645
  {
@@ -1639,15 +1647,7 @@
1639
1647
  "name": "*",
1640
1648
  "declaration": {
1641
1649
  "name": "*",
1642
- "package": "./Avatar"
1643
- }
1644
- },
1645
- {
1646
- "kind": "js",
1647
- "name": "*",
1648
- "declaration": {
1649
- "name": "*",
1650
- "package": "./AvatarGroup"
1650
+ "package": "./BadgeDot"
1651
1651
  }
1652
1652
  }
1653
1653
  ]
@@ -8969,232 +8969,10 @@
8969
8969
  {
8970
8970
  "name": "value",
8971
8971
  "type": {
8972
- "text": "string | undefined"
8973
- },
8974
- "description": "The value attribute for the input element",
8975
- "fieldName": "value"
8976
- },
8977
- {
8978
- "name": "checked",
8979
- "type": {
8980
- "text": "boolean"
8981
- },
8982
- "default": "false",
8983
- "description": "The checked attribute for the input element",
8984
- "fieldName": "checked"
8985
- },
8986
- {
8987
- "name": "onKeyDown",
8988
- "type": {
8989
- "text": "(event: KeyboardEvent) => void | undefined"
8990
- },
8991
- "description": "A user-defined function to handle keydown events",
8992
- "fieldName": "onKeyDown"
8993
- }
8994
- ],
8995
- "superclass": {
8996
- "name": "LitElement",
8997
- "package": "lit"
8998
- },
8999
- "tagName": "bm-radio-button",
9000
- "customElement": true
9001
- }
9002
- ],
9003
- "exports": [
9004
- {
9005
- "kind": "js",
9006
- "name": "BmRadioButton",
9007
- "declaration": {
9008
- "name": "BmRadioButton",
9009
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9010
- }
9011
- },
9012
- {
9013
- "kind": "custom-element-definition",
9014
- "name": "bm-radio-button",
9015
- "declaration": {
9016
- "name": "BmRadioButton",
9017
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9018
- }
9019
- }
9020
- ]
9021
- },
9022
- {
9023
- "kind": "javascript-module",
9024
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9025
- "declarations": [],
9026
- "exports": [
9027
- {
9028
- "kind": "js",
9029
- "name": "*",
9030
- "declaration": {
9031
- "name": "*",
9032
- "package": "./RadioButton"
9033
- }
9034
- },
9035
- {
9036
- "kind": "js",
9037
- "name": "*",
9038
- "declaration": {
9039
- "name": "*",
9040
- "package": "./RadioButtonGroup/RadioButtonGroup"
9041
- }
9042
- }
9043
- ]
9044
- },
9045
- {
9046
- "kind": "javascript-module",
9047
- "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9048
- "declarations": [
9049
- {
9050
- "kind": "class",
9051
- "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
9052
- "name": "BmSwitch",
9053
- "slots": [
9054
- {
9055
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9056
- "name": "onText"
9057
- },
9058
- {
9059
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9060
- "name": "offText"
9061
- }
9062
- ],
9063
- "members": [
9064
- {
9065
- "kind": "field",
9066
- "name": "inputChoiceGroupContext",
9067
- "type": {
9068
- "text": "InputChoiceGroupContextProps"
9069
- }
9070
- },
9071
- {
9072
- "kind": "field",
9073
- "name": "onText",
9074
- "type": {
9075
- "text": "string | undefined"
9076
- },
9077
- "default": "undefined",
9078
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9079
- "attribute": "onText"
9080
- },
9081
- {
9082
- "kind": "field",
9083
- "name": "offText",
9084
- "type": {
9085
- "text": "string | undefined"
9086
- },
9087
- "default": "undefined",
9088
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9089
- "attribute": "offText"
9090
- },
9091
- {
9092
- "kind": "field",
9093
- "name": "theme",
9094
- "type": {
9095
- "text": "ThemeTypes | undefined"
9096
- },
9097
- "default": "undefined",
9098
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9099
- },
9100
- {
9101
- "kind": "field",
9102
- "name": "textPosition",
9103
- "type": {
9104
- "text": "'before' | 'after'"
9105
- },
9106
- "default": "'after'",
9107
- "description": "Specify the position of the side label",
9108
- "attribute": "textPosition"
9109
- },
9110
- {
9111
- "kind": "field",
9112
- "name": "readOnly",
9113
- "type": {
9114
- "text": "boolean"
9115
- },
9116
- "default": "false",
9117
- "description": "Specify if Switch displays in a read-only state",
9118
- "attribute": "readOnly"
9119
- },
9120
- {
9121
- "kind": "field",
9122
- "name": "disabled",
9123
- "type": {
9124
- "text": "boolean"
9125
- },
9126
- "default": "false",
9127
- "description": "Specify if Switch displays in a disabled state",
9128
- "attribute": "disabled"
9129
- },
9130
- {
9131
- "kind": "field",
9132
- "name": "checked",
9133
- "type": {
9134
- "text": "boolean"
9135
- },
9136
- "default": "false",
9137
- "attribute": "checked"
9138
- },
9139
- {
9140
- "kind": "field",
9141
- "name": "value",
9142
- "type": {
9143
- "text": "string | undefined"
9144
- },
9145
- "description": "The value attribute for the input element",
9146
- "attribute": "value"
9147
- },
9148
- {
9149
- "kind": "field",
9150
- "name": "switchRef"
9151
- }
9152
- ],
9153
- "attributes": [
9154
- {
9155
- "name": "onText",
9156
- "type": {
9157
- "text": "string | undefined"
9158
- },
9159
- "default": "undefined",
9160
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9161
- "fieldName": "onText"
9162
- },
9163
- {
9164
- "name": "offText",
9165
- "type": {
9166
- "text": "string | undefined"
9167
- },
9168
- "default": "undefined",
9169
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9170
- "fieldName": "offText"
9171
- },
9172
- {
9173
- "name": "textPosition",
9174
- "type": {
9175
- "text": "'before' | 'after'"
9176
- },
9177
- "default": "'after'",
9178
- "description": "Specify the position of the side label",
9179
- "fieldName": "textPosition"
9180
- },
9181
- {
9182
- "name": "readOnly",
9183
- "type": {
9184
- "text": "boolean"
9185
- },
9186
- "default": "false",
9187
- "description": "Specify if Switch displays in a read-only state",
9188
- "fieldName": "readOnly"
9189
- },
9190
- {
9191
- "name": "disabled",
9192
- "type": {
9193
- "text": "boolean"
8972
+ "text": "string | undefined"
9194
8973
  },
9195
- "default": "false",
9196
- "description": "Specify if Switch displays in a disabled state",
9197
- "fieldName": "disabled"
8974
+ "description": "The value attribute for the input element",
8975
+ "fieldName": "value"
9198
8976
  },
9199
8977
  {
9200
8978
  "name": "checked",
@@ -9202,47 +8980,48 @@
9202
8980
  "text": "boolean"
9203
8981
  },
9204
8982
  "default": "false",
8983
+ "description": "The checked attribute for the input element",
9205
8984
  "fieldName": "checked"
9206
8985
  },
9207
8986
  {
9208
- "name": "value",
8987
+ "name": "onKeyDown",
9209
8988
  "type": {
9210
- "text": "string | undefined"
8989
+ "text": "(event: KeyboardEvent) => void | undefined"
9211
8990
  },
9212
- "description": "The value attribute for the input element",
9213
- "fieldName": "value"
8991
+ "description": "A user-defined function to handle keydown events",
8992
+ "fieldName": "onKeyDown"
9214
8993
  }
9215
8994
  ],
9216
8995
  "superclass": {
9217
8996
  "name": "LitElement",
9218
8997
  "package": "lit"
9219
8998
  },
9220
- "tagName": "bm-switch",
8999
+ "tagName": "bm-radio-button",
9221
9000
  "customElement": true
9222
9001
  }
9223
9002
  ],
9224
9003
  "exports": [
9225
9004
  {
9226
9005
  "kind": "js",
9227
- "name": "BmSwitch",
9006
+ "name": "BmRadioButton",
9228
9007
  "declaration": {
9229
- "name": "BmSwitch",
9230
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9008
+ "name": "BmRadioButton",
9009
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9231
9010
  }
9232
9011
  },
9233
9012
  {
9234
9013
  "kind": "custom-element-definition",
9235
- "name": "bm-switch",
9014
+ "name": "bm-radio-button",
9236
9015
  "declaration": {
9237
- "name": "BmSwitch",
9238
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9016
+ "name": "BmRadioButton",
9017
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9239
9018
  }
9240
9019
  }
9241
9020
  ]
9242
9021
  },
9243
9022
  {
9244
9023
  "kind": "javascript-module",
9245
- "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9024
+ "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9246
9025
  "declarations": [],
9247
9026
  "exports": [
9248
9027
  {
@@ -9250,7 +9029,7 @@
9250
9029
  "name": "*",
9251
9030
  "declaration": {
9252
9031
  "name": "*",
9253
- "package": "./Switch"
9032
+ "package": "./RadioButton"
9254
9033
  }
9255
9034
  },
9256
9035
  {
@@ -9258,7 +9037,7 @@
9258
9037
  "name": "*",
9259
9038
  "declaration": {
9260
9039
  "name": "*",
9261
- "package": "./SwitchGroup/SwitchGroup"
9040
+ "package": "./RadioButtonGroup/RadioButtonGroup"
9262
9041
  }
9263
9042
  }
9264
9043
  ]
@@ -9778,6 +9557,227 @@
9778
9557
  }
9779
9558
  ]
9780
9559
  },
9560
+ {
9561
+ "kind": "javascript-module",
9562
+ "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9563
+ "declarations": [
9564
+ {
9565
+ "kind": "class",
9566
+ "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
9567
+ "name": "BmSwitch",
9568
+ "slots": [
9569
+ {
9570
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9571
+ "name": "onText"
9572
+ },
9573
+ {
9574
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9575
+ "name": "offText"
9576
+ }
9577
+ ],
9578
+ "members": [
9579
+ {
9580
+ "kind": "field",
9581
+ "name": "inputChoiceGroupContext",
9582
+ "type": {
9583
+ "text": "InputChoiceGroupContextProps"
9584
+ }
9585
+ },
9586
+ {
9587
+ "kind": "field",
9588
+ "name": "onText",
9589
+ "type": {
9590
+ "text": "string | undefined"
9591
+ },
9592
+ "default": "undefined",
9593
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9594
+ "attribute": "onText"
9595
+ },
9596
+ {
9597
+ "kind": "field",
9598
+ "name": "offText",
9599
+ "type": {
9600
+ "text": "string | undefined"
9601
+ },
9602
+ "default": "undefined",
9603
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9604
+ "attribute": "offText"
9605
+ },
9606
+ {
9607
+ "kind": "field",
9608
+ "name": "theme",
9609
+ "type": {
9610
+ "text": "ThemeTypes | undefined"
9611
+ },
9612
+ "default": "undefined",
9613
+ "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9614
+ },
9615
+ {
9616
+ "kind": "field",
9617
+ "name": "textPosition",
9618
+ "type": {
9619
+ "text": "'before' | 'after'"
9620
+ },
9621
+ "default": "'after'",
9622
+ "description": "Specify the position of the side label",
9623
+ "attribute": "textPosition"
9624
+ },
9625
+ {
9626
+ "kind": "field",
9627
+ "name": "readOnly",
9628
+ "type": {
9629
+ "text": "boolean"
9630
+ },
9631
+ "default": "false",
9632
+ "description": "Specify if Switch displays in a read-only state",
9633
+ "attribute": "readOnly"
9634
+ },
9635
+ {
9636
+ "kind": "field",
9637
+ "name": "disabled",
9638
+ "type": {
9639
+ "text": "boolean"
9640
+ },
9641
+ "default": "false",
9642
+ "description": "Specify if Switch displays in a disabled state",
9643
+ "attribute": "disabled"
9644
+ },
9645
+ {
9646
+ "kind": "field",
9647
+ "name": "checked",
9648
+ "type": {
9649
+ "text": "boolean"
9650
+ },
9651
+ "default": "false",
9652
+ "attribute": "checked"
9653
+ },
9654
+ {
9655
+ "kind": "field",
9656
+ "name": "value",
9657
+ "type": {
9658
+ "text": "string | undefined"
9659
+ },
9660
+ "description": "The value attribute for the input element",
9661
+ "attribute": "value"
9662
+ },
9663
+ {
9664
+ "kind": "field",
9665
+ "name": "switchRef"
9666
+ }
9667
+ ],
9668
+ "attributes": [
9669
+ {
9670
+ "name": "onText",
9671
+ "type": {
9672
+ "text": "string | undefined"
9673
+ },
9674
+ "default": "undefined",
9675
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9676
+ "fieldName": "onText"
9677
+ },
9678
+ {
9679
+ "name": "offText",
9680
+ "type": {
9681
+ "text": "string | undefined"
9682
+ },
9683
+ "default": "undefined",
9684
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9685
+ "fieldName": "offText"
9686
+ },
9687
+ {
9688
+ "name": "textPosition",
9689
+ "type": {
9690
+ "text": "'before' | 'after'"
9691
+ },
9692
+ "default": "'after'",
9693
+ "description": "Specify the position of the side label",
9694
+ "fieldName": "textPosition"
9695
+ },
9696
+ {
9697
+ "name": "readOnly",
9698
+ "type": {
9699
+ "text": "boolean"
9700
+ },
9701
+ "default": "false",
9702
+ "description": "Specify if Switch displays in a read-only state",
9703
+ "fieldName": "readOnly"
9704
+ },
9705
+ {
9706
+ "name": "disabled",
9707
+ "type": {
9708
+ "text": "boolean"
9709
+ },
9710
+ "default": "false",
9711
+ "description": "Specify if Switch displays in a disabled state",
9712
+ "fieldName": "disabled"
9713
+ },
9714
+ {
9715
+ "name": "checked",
9716
+ "type": {
9717
+ "text": "boolean"
9718
+ },
9719
+ "default": "false",
9720
+ "fieldName": "checked"
9721
+ },
9722
+ {
9723
+ "name": "value",
9724
+ "type": {
9725
+ "text": "string | undefined"
9726
+ },
9727
+ "description": "The value attribute for the input element",
9728
+ "fieldName": "value"
9729
+ }
9730
+ ],
9731
+ "superclass": {
9732
+ "name": "LitElement",
9733
+ "package": "lit"
9734
+ },
9735
+ "tagName": "bm-switch",
9736
+ "customElement": true
9737
+ }
9738
+ ],
9739
+ "exports": [
9740
+ {
9741
+ "kind": "js",
9742
+ "name": "BmSwitch",
9743
+ "declaration": {
9744
+ "name": "BmSwitch",
9745
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9746
+ }
9747
+ },
9748
+ {
9749
+ "kind": "custom-element-definition",
9750
+ "name": "bm-switch",
9751
+ "declaration": {
9752
+ "name": "BmSwitch",
9753
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9754
+ }
9755
+ }
9756
+ ]
9757
+ },
9758
+ {
9759
+ "kind": "javascript-module",
9760
+ "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9761
+ "declarations": [],
9762
+ "exports": [
9763
+ {
9764
+ "kind": "js",
9765
+ "name": "*",
9766
+ "declaration": {
9767
+ "name": "*",
9768
+ "package": "./Switch"
9769
+ }
9770
+ },
9771
+ {
9772
+ "kind": "js",
9773
+ "name": "*",
9774
+ "declaration": {
9775
+ "name": "*",
9776
+ "package": "./SwitchGroup/SwitchGroup"
9777
+ }
9778
+ }
9779
+ ]
9780
+ },
9781
9781
  {
9782
9782
  "kind": "javascript-module",
9783
9783
  "path": "libs/web-components/src/lib/wip/Checkbox/CheckboxGroup/CheckboxGroup.ts",