@viasat/beam-web-components 2.55.0 → 2.55.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/custom-elements.json +1344 -1344
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +385 -385
package/custom-elements.json CHANGED
@@ -294,147 +294,273 @@
294
294
  },
295
295
  {
296
296
  "kind": "javascript-module",
297
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
297
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
298
298
  "declarations": [
299
299
  {
300
300
  "kind": "class",
301
- "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
302
- "name": "BmBadge",
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",
303
303
  "slots": [
304
304
  {
305
- "description": "Provide text for the Badge",
306
- "name": "default"
305
+ "description": "Specify a different icon for the Alert",
306
+ "name": "icon"
307
307
  },
308
308
  {
309
- "description": "Specify a different icon for the Badge",
310
- "name": "icon"
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"
311
319
  }
312
320
  ],
313
321
  "members": [
314
322
  {
315
323
  "kind": "field",
316
- "name": "appearance",
324
+ "name": "heading",
317
325
  "type": {
318
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
326
+ "text": "string | undefined"
319
327
  },
320
- "default": "'infoPrimary'",
321
- "description": "Specify the appearance of the Badge",
322
- "attribute": "appearance"
328
+ "description": "Specify the heading text for Alert",
329
+ "attribute": "heading"
323
330
  },
324
331
  {
325
332
  "kind": "field",
326
- "name": "theme",
333
+ "name": "body",
327
334
  "type": {
328
- "text": "'light' | 'dark' | undefined"
335
+ "text": "string | undefined"
329
336
  },
330
- "description": "Theme of the Badge",
331
- "attribute": "theme"
337
+ "description": "Specify the body text for Alert",
338
+ "attribute": "body"
332
339
  },
333
340
  {
334
341
  "kind": "field",
335
342
  "name": "size",
336
343
  "type": {
337
- "text": "'sm' | 'md' | undefined"
344
+ "text": "'sm' | 'md'"
338
345
  },
339
346
  "default": "'sm'",
340
- "description": "Specify the size of the Badge",
347
+ "description": "Specify the size of the Alert",
341
348
  "attribute": "size"
342
349
  },
343
350
  {
344
351
  "kind": "field",
345
- "name": "emphasis",
352
+ "name": "fullWidth",
346
353
  "type": {
347
- "text": "'strong' | 'medium' | 'subtle'"
354
+ "text": "boolean"
348
355
  },
349
- "default": "'strong'",
350
- "description": "Specify the emphasis of the Badge",
351
- "attribute": "emphasis"
356
+ "default": "false",
357
+ "description": "Specify if the Alert has no border radius",
358
+ "attribute": "fullWidth"
359
+ },
360
+ {
361
+ "kind": "field",
362
+ "name": "theme",
363
+ "type": {
364
+ "text": "'light' | 'dark' | undefined"
365
+ },
366
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
367
+ "attribute": "theme"
368
+ },
369
+ {
370
+ "kind": "field",
371
+ "name": "appearance",
372
+ "type": {
373
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
374
+ },
375
+ "default": "'infoPrimary'",
376
+ "description": "Specify the appearance of the Alert",
377
+ "attribute": "appearance"
378
+ },
379
+ {
380
+ "kind": "field",
381
+ "name": "hidden",
382
+ "type": {
383
+ "text": "boolean"
384
+ },
385
+ "default": "false",
386
+ "description": "Specify if the Alert is hidden",
387
+ "attribute": "hidden"
352
388
  },
353
389
  {
354
390
  "kind": "field",
355
391
  "name": "hideIcon",
356
392
  "type": {
357
- "text": "boolean | undefined"
393
+ "text": "boolean"
358
394
  },
359
- "description": "Hides Badge icon",
395
+ "default": "false",
396
+ "description": "Specify if the icon displays on the Alert",
360
397
  "attribute": "hideIcon"
398
+ },
399
+ {
400
+ "kind": "field",
401
+ "name": "dismissible",
402
+ "type": {
403
+ "text": "boolean"
404
+ },
405
+ "default": "false",
406
+ "description": "Specify if the Alert can be dismissed",
407
+ "attribute": "dismissible"
408
+ },
409
+ {
410
+ "kind": "field",
411
+ "name": "disableAutoFocus",
412
+ "type": {
413
+ "text": "boolean"
414
+ },
415
+ "default": "false",
416
+ "description": "Prevent autofocus on show",
417
+ "attribute": "disableAutoFocus"
418
+ },
419
+ {
420
+ "kind": "field",
421
+ "name": "disableCloseOnEscape",
422
+ "type": {
423
+ "text": "boolean"
424
+ },
425
+ "default": "false",
426
+ "description": "Prevent Escape from closing",
427
+ "attribute": "disableCloseOnEscape"
428
+ }
429
+ ],
430
+ "events": [
431
+ {
432
+ "description": "Dispatched when the Alert has been dismissed",
433
+ "name": "bm-dismiss"
361
434
  }
362
435
  ],
363
436
  "attributes": [
364
437
  {
365
- "name": "appearance",
438
+ "name": "heading",
366
439
  "type": {
367
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
440
+ "text": "string | undefined"
368
441
  },
369
- "default": "'infoPrimary'",
370
- "description": "Specify the appearance of the Badge",
371
- "fieldName": "appearance"
442
+ "description": "Specify the heading text for Alert",
443
+ "fieldName": "heading"
372
444
  },
373
445
  {
374
- "name": "theme",
446
+ "name": "body",
375
447
  "type": {
376
- "text": "'light' | 'dark' | undefined"
448
+ "text": "string | undefined"
377
449
  },
378
- "description": "Theme of the Badge",
379
- "fieldName": "theme"
450
+ "description": "Specify the body text for Alert",
451
+ "fieldName": "body"
380
452
  },
381
453
  {
382
454
  "name": "size",
383
455
  "type": {
384
- "text": "'sm' | 'md' | undefined"
456
+ "text": "'sm' | 'md'"
385
457
  },
386
458
  "default": "'sm'",
387
- "description": "Specify the size of the Badge",
459
+ "description": "Specify the size of the Alert",
388
460
  "fieldName": "size"
389
461
  },
390
462
  {
391
- "name": "emphasis",
463
+ "name": "fullWidth",
392
464
  "type": {
393
- "text": "'strong' | 'medium' | 'subtle'"
465
+ "text": "boolean"
394
466
  },
395
- "default": "'strong'",
396
- "description": "Specify the emphasis of the Badge",
397
- "fieldName": "emphasis"
467
+ "default": "false",
468
+ "description": "Specify if the Alert has no border radius",
469
+ "fieldName": "fullWidth"
470
+ },
471
+ {
472
+ "name": "theme",
473
+ "type": {
474
+ "text": "'light' | 'dark' | undefined"
475
+ },
476
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
477
+ "fieldName": "theme"
478
+ },
479
+ {
480
+ "name": "appearance",
481
+ "type": {
482
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
483
+ },
484
+ "default": "'infoPrimary'",
485
+ "description": "Specify the appearance of the Alert",
486
+ "fieldName": "appearance"
487
+ },
488
+ {
489
+ "name": "hidden",
490
+ "type": {
491
+ "text": "boolean"
492
+ },
493
+ "default": "false",
494
+ "description": "Specify if the Alert is hidden",
495
+ "fieldName": "hidden"
398
496
  },
399
497
  {
400
498
  "name": "hideIcon",
401
499
  "type": {
402
- "text": "boolean | undefined"
500
+ "text": "boolean"
403
501
  },
404
- "description": "Hides Badge icon",
502
+ "default": "false",
503
+ "description": "Specify if the icon displays on the Alert",
405
504
  "fieldName": "hideIcon"
505
+ },
506
+ {
507
+ "name": "dismissible",
508
+ "type": {
509
+ "text": "boolean"
510
+ },
511
+ "default": "false",
512
+ "description": "Specify if the Alert can be dismissed",
513
+ "fieldName": "dismissible"
514
+ },
515
+ {
516
+ "name": "disableAutoFocus",
517
+ "type": {
518
+ "text": "boolean"
519
+ },
520
+ "default": "false",
521
+ "description": "Prevent autofocus on show",
522
+ "fieldName": "disableAutoFocus"
523
+ },
524
+ {
525
+ "name": "disableCloseOnEscape",
526
+ "type": {
527
+ "text": "boolean"
528
+ },
529
+ "default": "false",
530
+ "description": "Prevent Escape from closing",
531
+ "fieldName": "disableCloseOnEscape"
406
532
  }
407
533
  ],
408
534
  "superclass": {
409
535
  "name": "LitElement",
410
536
  "package": "lit"
411
537
  },
412
- "tagName": "bm-badge",
538
+ "tagName": "bm-alert",
413
539
  "customElement": true
414
540
  }
415
541
  ],
416
542
  "exports": [
417
543
  {
418
544
  "kind": "js",
419
- "name": "BmBadge",
545
+ "name": "BmAlert",
420
546
  "declaration": {
421
- "name": "BmBadge",
422
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
547
+ "name": "BmAlert",
548
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
423
549
  }
424
550
  },
425
551
  {
426
552
  "kind": "custom-element-definition",
427
- "name": "bm-badge",
553
+ "name": "bm-alert",
428
554
  "declaration": {
429
- "name": "BmBadge",
430
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
555
+ "name": "BmAlert",
556
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
431
557
  }
432
558
  }
433
559
  ]
434
560
  },
435
561
  {
436
562
  "kind": "javascript-module",
437
- "path": "libs/web-components/src/lib/Badge/index.ts",
563
+ "path": "libs/web-components/src/lib/Alert/index.ts",
438
564
  "declarations": [],
439
565
  "exports": [
440
566
  {
@@ -442,531 +568,383 @@
442
568
  "name": "*",
443
569
  "declaration": {
444
570
  "name": "*",
445
- "package": "./Badge"
571
+ "package": "./Alert"
446
572
  }
447
573
  }
448
574
  ]
449
575
  },
450
576
  {
451
577
  "kind": "javascript-module",
452
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
578
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
453
579
  "declarations": [
454
580
  {
455
581
  "kind": "class",
456
- "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
457
- "name": "BmBadgeDot",
582
+ "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** ",
583
+ "name": "BmAvatar",
458
584
  "slots": [
459
585
  {
460
- "description": "Provide text for the BadgeDot",
461
- "name": "default"
586
+ "description": "Customize the default icon",
587
+ "name": "icon"
462
588
  }
463
589
  ],
464
590
  "members": [
465
- {
466
- "kind": "field",
467
- "name": "theme",
468
- "type": {
469
- "text": "'light' | 'dark' | undefined"
470
- },
471
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
472
- "attribute": "theme"
473
- },
474
591
  {
475
592
  "kind": "field",
476
593
  "name": "appearance",
477
594
  "type": {
478
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
595
+ "text": "'accent' | 'neutral' | undefined"
479
596
  },
480
- "default": "'infoPrimary'",
481
- "description": "Specify the appearance of the BadgeDot",
597
+ "default": "'neutral'",
598
+ "description": "Specify the appearance of the Avatar",
482
599
  "attribute": "appearance"
483
600
  },
484
601
  {
485
602
  "kind": "field",
486
- "name": "emphasis",
603
+ "name": "name",
487
604
  "type": {
488
- "text": "'strong' | 'subtle'"
605
+ "text": "string | undefined"
489
606
  },
490
- "default": "'strong'",
491
- "description": "Specify the emphasis of the BadgeDot",
492
- "attribute": "emphasis"
607
+ "description": "Specify a name to display initials in the Avatar",
608
+ "attribute": "name"
493
609
  },
494
610
  {
495
611
  "kind": "field",
496
- "name": "overrideDotColor",
612
+ "name": "src",
497
613
  "type": {
498
614
  "text": "string | undefined"
499
615
  },
500
- "description": "Overrides default dot color",
501
- "attribute": "overrideDotColor"
616
+ "description": "Pass an image to the Avatar",
617
+ "attribute": "src"
618
+ },
619
+ {
620
+ "kind": "field",
621
+ "name": "alt",
622
+ "type": {
623
+ "text": "string | undefined"
624
+ },
625
+ "description": "Specify alt for image",
626
+ "attribute": "alt"
627
+ },
628
+ {
629
+ "kind": "field",
630
+ "name": "size",
631
+ "type": {
632
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
633
+ },
634
+ "default": "'md'",
635
+ "description": "Specify the size of the Avatar",
636
+ "attribute": "size"
637
+ },
638
+ {
639
+ "kind": "field",
640
+ "name": "disabled",
641
+ "type": {
642
+ "text": "boolean | undefined"
643
+ },
644
+ "default": "false",
645
+ "description": "Specify if the Avatar is disabled",
646
+ "attribute": "disabled"
647
+ },
648
+ {
649
+ "kind": "field",
650
+ "name": "shape",
651
+ "type": {
652
+ "text": "'circle' | 'square' | undefined"
653
+ },
654
+ "default": "'circle'",
655
+ "description": "Specify the shape of the Avatar",
656
+ "attribute": "shape"
657
+ },
658
+ {
659
+ "kind": "field",
660
+ "name": "isInteractive",
661
+ "type": {
662
+ "text": "boolean"
663
+ },
664
+ "default": "false",
665
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
666
+ "attribute": "isInteractive"
667
+ },
668
+ {
669
+ "kind": "field",
670
+ "name": "isFocusable",
671
+ "type": {
672
+ "text": "boolean"
673
+ },
674
+ "default": "false",
675
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
676
+ "attribute": "isFocusable"
677
+ },
678
+ {
679
+ "kind": "field",
680
+ "name": "withBorder",
681
+ "type": {
682
+ "text": "boolean"
683
+ },
684
+ "default": "false",
685
+ "attribute": "withBorder"
502
686
  }
503
687
  ],
504
688
  "attributes": [
505
689
  {
506
- "name": "theme",
690
+ "name": "appearance",
507
691
  "type": {
508
- "text": "'light' | 'dark' | undefined"
692
+ "text": "'accent' | 'neutral' | undefined"
509
693
  },
510
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
511
- "fieldName": "theme"
694
+ "default": "'neutral'",
695
+ "description": "Specify the appearance of the Avatar",
696
+ "fieldName": "appearance"
512
697
  },
513
698
  {
514
- "name": "appearance",
699
+ "name": "name",
515
700
  "type": {
516
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
701
+ "text": "string | undefined"
517
702
  },
518
- "default": "'infoPrimary'",
519
- "description": "Specify the appearance of the BadgeDot",
520
- "fieldName": "appearance"
703
+ "description": "Specify a name to display initials in the Avatar",
704
+ "fieldName": "name"
521
705
  },
522
706
  {
523
- "name": "emphasis",
707
+ "name": "src",
524
708
  "type": {
525
- "text": "'strong' | 'subtle'"
709
+ "text": "string | undefined"
526
710
  },
527
- "default": "'strong'",
528
- "description": "Specify the emphasis of the BadgeDot",
529
- "fieldName": "emphasis"
711
+ "description": "Pass an image to the Avatar",
712
+ "fieldName": "src"
530
713
  },
531
714
  {
532
- "name": "overrideDotColor",
715
+ "name": "alt",
533
716
  "type": {
534
717
  "text": "string | undefined"
535
718
  },
536
- "description": "Overrides default dot color",
537
- "fieldName": "overrideDotColor"
719
+ "description": "Specify alt for image",
720
+ "fieldName": "alt"
721
+ },
722
+ {
723
+ "name": "size",
724
+ "type": {
725
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
726
+ },
727
+ "default": "'md'",
728
+ "description": "Specify the size of the Avatar",
729
+ "fieldName": "size"
730
+ },
731
+ {
732
+ "name": "disabled",
733
+ "type": {
734
+ "text": "boolean | undefined"
735
+ },
736
+ "default": "false",
737
+ "description": "Specify if the Avatar is disabled",
738
+ "fieldName": "disabled"
739
+ },
740
+ {
741
+ "name": "shape",
742
+ "type": {
743
+ "text": "'circle' | 'square' | undefined"
744
+ },
745
+ "default": "'circle'",
746
+ "description": "Specify the shape of the Avatar",
747
+ "fieldName": "shape"
748
+ },
749
+ {
750
+ "name": "isInteractive",
751
+ "type": {
752
+ "text": "boolean"
753
+ },
754
+ "default": "false",
755
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
756
+ "fieldName": "isInteractive"
757
+ },
758
+ {
759
+ "name": "isFocusable",
760
+ "type": {
761
+ "text": "boolean"
762
+ },
763
+ "default": "false",
764
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
765
+ "fieldName": "isFocusable"
766
+ },
767
+ {
768
+ "name": "withBorder",
769
+ "type": {
770
+ "text": "boolean"
771
+ },
772
+ "default": "false",
773
+ "fieldName": "withBorder"
538
774
  }
539
775
  ],
540
776
  "superclass": {
541
777
  "name": "LitElement",
542
778
  "package": "lit"
543
779
  },
544
- "tagName": "bm-badge-dot",
780
+ "tagName": "bm-avatar",
545
781
  "customElement": true
546
782
  }
547
783
  ],
548
784
  "exports": [
549
785
  {
550
786
  "kind": "js",
551
- "name": "BmBadgeDot",
787
+ "name": "BmAvatar",
552
788
  "declaration": {
553
- "name": "BmBadgeDot",
554
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
789
+ "name": "BmAvatar",
790
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
555
791
  }
556
792
  },
557
793
  {
558
794
  "kind": "custom-element-definition",
559
- "name": "bm-badge-dot",
795
+ "name": "bm-avatar",
560
796
  "declaration": {
561
- "name": "BmBadgeDot",
562
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
797
+ "name": "BmAvatar",
798
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
563
799
  }
564
800
  }
565
801
  ]
566
802
  },
567
803
  {
568
804
  "kind": "javascript-module",
569
- "path": "libs/web-components/src/lib/BadgeDot/index.ts",
570
- "declarations": [],
805
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
806
+ "declarations": [
807
+ {
808
+ "kind": "variable",
809
+ "name": "AvatarGroupCtx"
810
+ }
811
+ ],
571
812
  "exports": [
572
813
  {
573
814
  "kind": "js",
574
- "name": "*",
815
+ "name": "AvatarGroupCtx",
575
816
  "declaration": {
576
- "name": "*",
577
- "package": "./BadgeDot"
817
+ "name": "AvatarGroupCtx",
818
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
578
819
  }
579
820
  }
580
821
  ]
581
822
  },
582
823
  {
583
824
  "kind": "javascript-module",
584
- "path": "libs/web-components/src/lib/Box/Box.ts",
825
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
585
826
  "declarations": [
586
827
  {
587
828
  "kind": "class",
588
- "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",
589
- "name": "BmBox",
829
+ "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.",
830
+ "name": "BmAvatarGroup",
590
831
  "slots": [
591
832
  {
592
- "description": "Provide content for the Box",
833
+ "description": "Add Avatars to create a group",
593
834
  "name": "default"
594
835
  }
595
836
  ],
596
837
  "members": [
597
838
  {
598
839
  "kind": "field",
599
- "name": "backgroundColor",
840
+ "name": "wrapping",
600
841
  "type": {
601
- "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"
842
+ "text": "boolean"
602
843
  },
603
- "description": "Specify the background color of a Box",
604
- "attribute": "backgroundColor"
844
+ "default": "false",
845
+ "description": "Specify if the AvatarGroup wraps",
846
+ "attribute": "wrapping"
605
847
  },
606
848
  {
607
849
  "kind": "field",
608
- "name": "borderColor",
850
+ "name": "maxCount",
609
851
  "type": {
610
- "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"
852
+ "text": "number"
611
853
  },
612
- "description": "Specify the border color of a Box",
613
- "attribute": "borderColor"
854
+ "default": "5",
855
+ "description": "Specify the max number of avatars displayed in the group.",
856
+ "attribute": "maxCount",
857
+ "reflects": true
614
858
  },
615
859
  {
616
860
  "kind": "field",
617
- "name": "borderWidth",
861
+ "name": "size",
618
862
  "type": {
619
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
863
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
620
864
  },
621
- "description": "Specify the border width of a Box",
622
- "attribute": "borderWidth"
865
+ "default": "'md'",
866
+ "description": "Specify the size of all Avatars",
867
+ "attribute": "size"
623
868
  },
624
869
  {
625
870
  "kind": "field",
626
- "name": "borderRadius",
871
+ "name": "layout",
627
872
  "type": {
628
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
873
+ "text": "'stacked' | 'spaced' | undefined"
629
874
  },
630
- "description": "Specify the border radius of a Box",
631
- "attribute": "borderRadius"
632
- },
875
+ "default": "'stacked'",
876
+ "description": "Specify the kind of the group.",
877
+ "attribute": "layout"
878
+ }
879
+ ],
880
+ "attributes": [
633
881
  {
634
- "kind": "field",
635
- "name": "px",
882
+ "name": "wrapping",
636
883
  "type": {
637
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
884
+ "text": "boolean"
638
885
  },
639
- "description": "Specify before and after padding of a Box",
640
- "attribute": "px"
886
+ "default": "false",
887
+ "description": "Specify if the AvatarGroup wraps",
888
+ "fieldName": "wrapping"
641
889
  },
642
890
  {
643
- "kind": "field",
644
- "name": "py",
645
- "type": {
646
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
647
- },
648
- "description": "Specify top and bottom padding of a Box",
649
- "attribute": "py"
650
- },
651
- {
652
- "kind": "field",
653
- "name": "pTop",
654
- "type": {
655
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
656
- },
657
- "description": "Specify top padding of a Box",
658
- "attribute": "pTop"
659
- },
660
- {
661
- "kind": "field",
662
- "name": "pBottom",
663
- "type": {
664
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
665
- },
666
- "description": "Specify bottom padding of a Box",
667
- "attribute": "pBottom"
668
- },
669
- {
670
- "kind": "field",
671
- "name": "pBefore",
672
- "type": {
673
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
674
- },
675
- "description": "Specify before padding of a Box",
676
- "attribute": "pBefore"
677
- },
678
- {
679
- "kind": "field",
680
- "name": "pAfter",
681
- "type": {
682
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
683
- },
684
- "description": "Specify after padding of a Box",
685
- "attribute": "pAfter"
686
- },
687
- {
688
- "kind": "field",
689
- "name": "mx",
690
- "type": {
691
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
692
- },
693
- "description": "Specify before and after margin of a Box",
694
- "attribute": "mx"
695
- },
696
- {
697
- "kind": "field",
698
- "name": "my",
699
- "type": {
700
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
701
- },
702
- "description": "Specify top and bottom margin of a Box",
703
- "attribute": "my"
704
- },
705
- {
706
- "kind": "field",
707
- "name": "mTop",
708
- "type": {
709
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
710
- },
711
- "description": "Specify top margin of a Box",
712
- "attribute": "mTop"
713
- },
714
- {
715
- "kind": "field",
716
- "name": "mBottom",
717
- "type": {
718
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
719
- },
720
- "description": "Specify bottom margin of a Box",
721
- "attribute": "mBottom"
722
- },
723
- {
724
- "kind": "field",
725
- "name": "mBefore",
726
- "type": {
727
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
728
- },
729
- "description": "Specify before margin of a Box",
730
- "attribute": "mBefore"
731
- },
732
- {
733
- "kind": "field",
734
- "name": "mAfter",
735
- "type": {
736
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
737
- },
738
- "description": "Specify after margin of a Box",
739
- "attribute": "mAfter"
740
- },
741
- {
742
- "kind": "field",
743
- "name": "m",
744
- "type": {
745
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
746
- },
747
- "description": "Specify all margin",
748
- "attribute": "m"
749
- },
750
- {
751
- "kind": "field",
752
- "name": "p",
753
- "type": {
754
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
755
- },
756
- "description": "Specify all padding",
757
- "attribute": "p"
758
- },
759
- {
760
- "kind": "field",
761
- "name": "gap",
762
- "type": {
763
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
764
- },
765
- "description": "Specify gap between child elements",
766
- "attribute": "gap"
767
- },
768
- {
769
- "kind": "field",
770
- "name": "shadow",
771
- "type": {
772
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
773
- },
774
- "description": "Specify if a Box has a shadow",
775
- "attribute": "shadow"
776
- }
777
- ],
778
- "attributes": [
779
- {
780
- "name": "backgroundColor",
781
- "type": {
782
- "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"
783
- },
784
- "description": "Specify the background color of a Box",
785
- "fieldName": "backgroundColor"
786
- },
787
- {
788
- "name": "borderColor",
789
- "type": {
790
- "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"
791
- },
792
- "description": "Specify the border color of a Box",
793
- "fieldName": "borderColor"
794
- },
795
- {
796
- "name": "borderWidth",
797
- "type": {
798
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
799
- },
800
- "description": "Specify the border width of a Box",
801
- "fieldName": "borderWidth"
802
- },
803
- {
804
- "name": "borderRadius",
805
- "type": {
806
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
807
- },
808
- "description": "Specify the border radius of a Box",
809
- "fieldName": "borderRadius"
810
- },
811
- {
812
- "name": "px",
813
- "type": {
814
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
815
- },
816
- "description": "Specify before and after padding of a Box",
817
- "fieldName": "px"
818
- },
819
- {
820
- "name": "py",
821
- "type": {
822
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
823
- },
824
- "description": "Specify top and bottom padding of a Box",
825
- "fieldName": "py"
826
- },
827
- {
828
- "name": "pTop",
829
- "type": {
830
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
831
- },
832
- "description": "Specify top padding of a Box",
833
- "fieldName": "pTop"
834
- },
835
- {
836
- "name": "pBottom",
837
- "type": {
838
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
839
- },
840
- "description": "Specify bottom padding of a Box",
841
- "fieldName": "pBottom"
842
- },
843
- {
844
- "name": "pBefore",
845
- "type": {
846
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
847
- },
848
- "description": "Specify before padding of a Box",
849
- "fieldName": "pBefore"
850
- },
851
- {
852
- "name": "pAfter",
853
- "type": {
854
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
855
- },
856
- "description": "Specify after padding of a Box",
857
- "fieldName": "pAfter"
858
- },
859
- {
860
- "name": "mx",
861
- "type": {
862
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
863
- },
864
- "description": "Specify before and after margin of a Box",
865
- "fieldName": "mx"
866
- },
867
- {
868
- "name": "my",
869
- "type": {
870
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
871
- },
872
- "description": "Specify top and bottom margin of a Box",
873
- "fieldName": "my"
874
- },
875
- {
876
- "name": "mTop",
877
- "type": {
878
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
879
- },
880
- "description": "Specify top margin of a Box",
881
- "fieldName": "mTop"
882
- },
883
- {
884
- "name": "mBottom",
885
- "type": {
886
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
887
- },
888
- "description": "Specify bottom margin of a Box",
889
- "fieldName": "mBottom"
890
- },
891
- {
892
- "name": "mBefore",
893
- "type": {
894
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
895
- },
896
- "description": "Specify before margin of a Box",
897
- "fieldName": "mBefore"
898
- },
899
- {
900
- "name": "mAfter",
901
- "type": {
902
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
903
- },
904
- "description": "Specify after margin of a Box",
905
- "fieldName": "mAfter"
906
- },
907
- {
908
- "name": "m",
909
- "type": {
910
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
911
- },
912
- "description": "Specify all margin",
913
- "fieldName": "m"
914
- },
915
- {
916
- "name": "p",
891
+ "name": "maxCount",
917
892
  "type": {
918
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
893
+ "text": "number"
919
894
  },
920
- "description": "Specify all padding",
921
- "fieldName": "p"
895
+ "default": "5",
896
+ "description": "Specify the max number of avatars displayed in the group.",
897
+ "fieldName": "maxCount"
922
898
  },
923
899
  {
924
- "name": "gap",
900
+ "name": "size",
925
901
  "type": {
926
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
902
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
927
903
  },
928
- "description": "Specify gap between child elements",
929
- "fieldName": "gap"
904
+ "default": "'md'",
905
+ "description": "Specify the size of all Avatars",
906
+ "fieldName": "size"
930
907
  },
931
908
  {
932
- "name": "shadow",
909
+ "name": "layout",
933
910
  "type": {
934
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
911
+ "text": "'stacked' | 'spaced' | undefined"
935
912
  },
936
- "description": "Specify if a Box has a shadow",
937
- "fieldName": "shadow"
913
+ "default": "'stacked'",
914
+ "description": "Specify the kind of the group.",
915
+ "fieldName": "layout"
938
916
  }
939
917
  ],
940
918
  "superclass": {
941
919
  "name": "LitElement",
942
920
  "package": "lit"
943
921
  },
944
- "tagName": "bm-box",
922
+ "tagName": "bm-avatar-group",
945
923
  "customElement": true
946
924
  }
947
925
  ],
948
926
  "exports": [
949
927
  {
950
928
  "kind": "js",
951
- "name": "BmBox",
929
+ "name": "BmAvatarGroup",
952
930
  "declaration": {
953
- "name": "BmBox",
954
- "module": "libs/web-components/src/lib/Box/Box.ts"
931
+ "name": "BmAvatarGroup",
932
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
955
933
  }
956
934
  },
957
935
  {
958
936
  "kind": "custom-element-definition",
959
- "name": "bm-box",
937
+ "name": "bm-avatar-group",
960
938
  "declaration": {
961
- "name": "BmBox",
962
- "module": "libs/web-components/src/lib/Box/Box.ts"
939
+ "name": "BmAvatarGroup",
940
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
963
941
  }
964
942
  }
965
943
  ]
966
944
  },
967
945
  {
968
946
  "kind": "javascript-module",
969
- "path": "libs/web-components/src/lib/Box/index.ts",
947
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
970
948
  "declarations": [],
971
949
  "exports": [
972
950
  {
@@ -974,672 +952,596 @@
974
952
  "name": "*",
975
953
  "declaration": {
976
954
  "name": "*",
977
- "package": "./Box"
955
+ "package": "./Avatar"
956
+ }
957
+ },
958
+ {
959
+ "kind": "js",
960
+ "name": "*",
961
+ "declaration": {
962
+ "name": "*",
963
+ "package": "./AvatarGroup"
978
964
  }
979
965
  }
980
966
  ]
981
967
  },
982
968
  {
983
969
  "kind": "javascript-module",
984
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
970
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
985
971
  "declarations": [
986
972
  {
987
973
  "kind": "class",
988
- "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** ",
989
- "name": "BmAvatar",
974
+ "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",
975
+ "name": "BmBadge",
990
976
  "slots": [
991
- {
992
- "description": "Customize the default icon",
993
- "name": "icon"
994
- }
995
- ],
996
- "members": [
997
- {
998
- "kind": "field",
999
- "name": "appearance",
1000
- "type": {
1001
- "text": "'accent' | 'neutral' | undefined"
1002
- },
1003
- "default": "'neutral'",
1004
- "description": "Specify the appearance of the Avatar",
1005
- "attribute": "appearance"
1006
- },
1007
- {
1008
- "kind": "field",
1009
- "name": "name",
1010
- "type": {
1011
- "text": "string | undefined"
1012
- },
1013
- "description": "Specify a name to display initials in the Avatar",
1014
- "attribute": "name"
1015
- },
1016
- {
1017
- "kind": "field",
1018
- "name": "src",
1019
- "type": {
1020
- "text": "string | undefined"
1021
- },
1022
- "description": "Pass an image to the Avatar",
1023
- "attribute": "src"
1024
- },
1025
- {
1026
- "kind": "field",
1027
- "name": "alt",
1028
- "type": {
1029
- "text": "string | undefined"
1030
- },
1031
- "description": "Specify alt for image",
1032
- "attribute": "alt"
1033
- },
1034
- {
1035
- "kind": "field",
1036
- "name": "size",
1037
- "type": {
1038
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1039
- },
1040
- "default": "'md'",
1041
- "description": "Specify the size of the Avatar",
1042
- "attribute": "size"
977
+ {
978
+ "description": "Provide text for the Badge",
979
+ "name": "default"
1043
980
  },
981
+ {
982
+ "description": "Specify a different icon for the Badge",
983
+ "name": "icon"
984
+ }
985
+ ],
986
+ "members": [
1044
987
  {
1045
988
  "kind": "field",
1046
- "name": "disabled",
989
+ "name": "appearance",
1047
990
  "type": {
1048
- "text": "boolean | undefined"
991
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1049
992
  },
1050
- "default": "false",
1051
- "description": "Specify if the Avatar is disabled",
1052
- "attribute": "disabled"
993
+ "default": "'infoPrimary'",
994
+ "description": "Specify the appearance of the Badge",
995
+ "attribute": "appearance"
1053
996
  },
1054
997
  {
1055
998
  "kind": "field",
1056
- "name": "shape",
999
+ "name": "theme",
1057
1000
  "type": {
1058
- "text": "'circle' | 'square' | undefined"
1001
+ "text": "'light' | 'dark' | undefined"
1059
1002
  },
1060
- "default": "'circle'",
1061
- "description": "Specify the shape of the Avatar",
1062
- "attribute": "shape"
1003
+ "description": "Theme of the Badge",
1004
+ "attribute": "theme"
1063
1005
  },
1064
1006
  {
1065
1007
  "kind": "field",
1066
- "name": "isInteractive",
1008
+ "name": "size",
1067
1009
  "type": {
1068
- "text": "boolean"
1010
+ "text": "'sm' | 'md' | undefined"
1069
1011
  },
1070
- "default": "false",
1071
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1072
- "attribute": "isInteractive"
1012
+ "default": "'sm'",
1013
+ "description": "Specify the size of the Badge",
1014
+ "attribute": "size"
1073
1015
  },
1074
1016
  {
1075
1017
  "kind": "field",
1076
- "name": "isFocusable",
1018
+ "name": "emphasis",
1077
1019
  "type": {
1078
- "text": "boolean"
1020
+ "text": "'strong' | 'medium' | 'subtle'"
1079
1021
  },
1080
- "default": "false",
1081
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1082
- "attribute": "isFocusable"
1022
+ "default": "'strong'",
1023
+ "description": "Specify the emphasis of the Badge",
1024
+ "attribute": "emphasis"
1083
1025
  },
1084
1026
  {
1085
1027
  "kind": "field",
1086
- "name": "withBorder",
1028
+ "name": "hideIcon",
1087
1029
  "type": {
1088
- "text": "boolean"
1030
+ "text": "boolean | undefined"
1089
1031
  },
1090
- "default": "false",
1091
- "attribute": "withBorder"
1032
+ "description": "Hides Badge icon",
1033
+ "attribute": "hideIcon"
1092
1034
  }
1093
1035
  ],
1094
1036
  "attributes": [
1095
1037
  {
1096
1038
  "name": "appearance",
1097
1039
  "type": {
1098
- "text": "'accent' | 'neutral' | undefined"
1040
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1099
1041
  },
1100
- "default": "'neutral'",
1101
- "description": "Specify the appearance of the Avatar",
1042
+ "default": "'infoPrimary'",
1043
+ "description": "Specify the appearance of the Badge",
1102
1044
  "fieldName": "appearance"
1103
1045
  },
1104
1046
  {
1105
- "name": "name",
1106
- "type": {
1107
- "text": "string | undefined"
1108
- },
1109
- "description": "Specify a name to display initials in the Avatar",
1110
- "fieldName": "name"
1111
- },
1112
- {
1113
- "name": "src",
1114
- "type": {
1115
- "text": "string | undefined"
1116
- },
1117
- "description": "Pass an image to the Avatar",
1118
- "fieldName": "src"
1119
- },
1120
- {
1121
- "name": "alt",
1047
+ "name": "theme",
1122
1048
  "type": {
1123
- "text": "string | undefined"
1049
+ "text": "'light' | 'dark' | undefined"
1124
1050
  },
1125
- "description": "Specify alt for image",
1126
- "fieldName": "alt"
1051
+ "description": "Theme of the Badge",
1052
+ "fieldName": "theme"
1127
1053
  },
1128
1054
  {
1129
1055
  "name": "size",
1130
1056
  "type": {
1131
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1057
+ "text": "'sm' | 'md' | undefined"
1132
1058
  },
1133
- "default": "'md'",
1134
- "description": "Specify the size of the Avatar",
1059
+ "default": "'sm'",
1060
+ "description": "Specify the size of the Badge",
1135
1061
  "fieldName": "size"
1136
1062
  },
1137
1063
  {
1138
- "name": "disabled",
1139
- "type": {
1140
- "text": "boolean | undefined"
1141
- },
1142
- "default": "false",
1143
- "description": "Specify if the Avatar is disabled",
1144
- "fieldName": "disabled"
1145
- },
1146
- {
1147
- "name": "shape",
1148
- "type": {
1149
- "text": "'circle' | 'square' | undefined"
1150
- },
1151
- "default": "'circle'",
1152
- "description": "Specify the shape of the Avatar",
1153
- "fieldName": "shape"
1154
- },
1155
- {
1156
- "name": "isInteractive",
1157
- "type": {
1158
- "text": "boolean"
1159
- },
1160
- "default": "false",
1161
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1162
- "fieldName": "isInteractive"
1163
- },
1164
- {
1165
- "name": "isFocusable",
1064
+ "name": "emphasis",
1166
1065
  "type": {
1167
- "text": "boolean"
1066
+ "text": "'strong' | 'medium' | 'subtle'"
1168
1067
  },
1169
- "default": "false",
1170
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1171
- "fieldName": "isFocusable"
1068
+ "default": "'strong'",
1069
+ "description": "Specify the emphasis of the Badge",
1070
+ "fieldName": "emphasis"
1172
1071
  },
1173
1072
  {
1174
- "name": "withBorder",
1073
+ "name": "hideIcon",
1175
1074
  "type": {
1176
- "text": "boolean"
1075
+ "text": "boolean | undefined"
1177
1076
  },
1178
- "default": "false",
1179
- "fieldName": "withBorder"
1077
+ "description": "Hides Badge icon",
1078
+ "fieldName": "hideIcon"
1180
1079
  }
1181
1080
  ],
1182
1081
  "superclass": {
1183
1082
  "name": "LitElement",
1184
1083
  "package": "lit"
1185
1084
  },
1186
- "tagName": "bm-avatar",
1085
+ "tagName": "bm-badge",
1187
1086
  "customElement": true
1188
1087
  }
1189
1088
  ],
1190
1089
  "exports": [
1191
1090
  {
1192
1091
  "kind": "js",
1193
- "name": "BmAvatar",
1092
+ "name": "BmBadge",
1194
1093
  "declaration": {
1195
- "name": "BmAvatar",
1196
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1094
+ "name": "BmBadge",
1095
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1197
1096
  }
1198
1097
  },
1199
1098
  {
1200
1099
  "kind": "custom-element-definition",
1201
- "name": "bm-avatar",
1100
+ "name": "bm-badge",
1202
1101
  "declaration": {
1203
- "name": "BmAvatar",
1204
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1102
+ "name": "BmBadge",
1103
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1205
1104
  }
1206
1105
  }
1207
1106
  ]
1208
1107
  },
1209
1108
  {
1210
1109
  "kind": "javascript-module",
1211
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1110
+ "path": "libs/web-components/src/lib/Badge/index.ts",
1111
+ "declarations": [],
1112
+ "exports": [
1113
+ {
1114
+ "kind": "js",
1115
+ "name": "*",
1116
+ "declaration": {
1117
+ "name": "*",
1118
+ "package": "./Badge"
1119
+ }
1120
+ }
1121
+ ]
1122
+ },
1123
+ {
1124
+ "kind": "javascript-module",
1125
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1212
1126
  "declarations": [
1213
1127
  {
1214
1128
  "kind": "variable",
1215
- "name": "AvatarGroupCtx"
1129
+ "name": "BreadcrumbGroupCtx"
1216
1130
  }
1217
1131
  ],
1218
1132
  "exports": [
1219
1133
  {
1220
1134
  "kind": "js",
1221
- "name": "AvatarGroupCtx",
1135
+ "name": "BreadcrumbGroupCtx",
1222
1136
  "declaration": {
1223
- "name": "AvatarGroupCtx",
1224
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1137
+ "name": "BreadcrumbGroupCtx",
1138
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1225
1139
  }
1226
1140
  }
1227
1141
  ]
1228
1142
  },
1229
1143
  {
1230
1144
  "kind": "javascript-module",
1231
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1145
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1232
1146
  "declarations": [
1233
1147
  {
1234
1148
  "kind": "class",
1235
- "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.",
1236
- "name": "BmAvatarGroup",
1149
+ "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1150
+ "name": "BmBreadcrumbs",
1237
1151
  "slots": [
1238
1152
  {
1239
- "description": "Add Avatars to create a group",
1153
+ "description": "Pass items to the Breadcrumb",
1240
1154
  "name": "default"
1241
1155
  }
1242
1156
  ],
1243
1157
  "members": [
1244
1158
  {
1245
1159
  "kind": "field",
1246
- "name": "wrapping",
1160
+ "name": "wrap",
1247
1161
  "type": {
1248
1162
  "text": "boolean"
1249
1163
  },
1250
- "default": "false",
1251
- "description": "Specify if the AvatarGroup wraps",
1252
- "attribute": "wrapping"
1164
+ "default": "true",
1165
+ "description": "Specify if items wrap or collapse to an ellipsis",
1166
+ "attribute": "wrap"
1253
1167
  },
1254
1168
  {
1255
1169
  "kind": "field",
1256
- "name": "maxCount",
1170
+ "name": "itemsBeforeCollapse",
1257
1171
  "type": {
1258
1172
  "text": "number"
1259
1173
  },
1260
- "default": "5",
1261
- "description": "Specify the max number of avatars displayed in the group.",
1262
- "attribute": "maxCount",
1263
- "reflects": true
1174
+ "default": "1",
1175
+ "description": "Specify how many items show before ellipsis",
1176
+ "attribute": "itemsBeforeCollapse"
1264
1177
  },
1265
1178
  {
1266
1179
  "kind": "field",
1267
- "name": "size",
1180
+ "name": "itemsAfterCollapse",
1268
1181
  "type": {
1269
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1182
+ "text": "number"
1270
1183
  },
1271
- "default": "'md'",
1272
- "description": "Specify the size of all Avatars",
1273
- "attribute": "size"
1184
+ "default": "1",
1185
+ "description": "Specify how many items show after ellipsis",
1186
+ "attribute": "itemsAfterCollapse"
1274
1187
  },
1275
1188
  {
1276
1189
  "kind": "field",
1277
- "name": "layout",
1190
+ "name": "theme",
1278
1191
  "type": {
1279
- "text": "'stacked' | 'spaced' | undefined"
1192
+ "text": "'light' | 'dark' | undefined"
1280
1193
  },
1281
- "default": "'stacked'",
1282
- "description": "Specify the kind of the group.",
1283
- "attribute": "layout"
1194
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1195
+ "attribute": "theme"
1284
1196
  }
1285
1197
  ],
1286
1198
  "attributes": [
1287
1199
  {
1288
- "name": "wrapping",
1200
+ "name": "wrap",
1289
1201
  "type": {
1290
1202
  "text": "boolean"
1291
1203
  },
1292
- "default": "false",
1293
- "description": "Specify if the AvatarGroup wraps",
1294
- "fieldName": "wrapping"
1204
+ "default": "true",
1205
+ "description": "Specify if items wrap or collapse to an ellipsis",
1206
+ "fieldName": "wrap"
1295
1207
  },
1296
1208
  {
1297
- "name": "maxCount",
1209
+ "name": "itemsBeforeCollapse",
1298
1210
  "type": {
1299
1211
  "text": "number"
1300
1212
  },
1301
- "default": "5",
1302
- "description": "Specify the max number of avatars displayed in the group.",
1303
- "fieldName": "maxCount"
1213
+ "default": "1",
1214
+ "description": "Specify how many items show before ellipsis",
1215
+ "fieldName": "itemsBeforeCollapse"
1304
1216
  },
1305
1217
  {
1306
- "name": "size",
1218
+ "name": "itemsAfterCollapse",
1307
1219
  "type": {
1308
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1220
+ "text": "number"
1309
1221
  },
1310
- "default": "'md'",
1311
- "description": "Specify the size of all Avatars",
1312
- "fieldName": "size"
1222
+ "default": "1",
1223
+ "description": "Specify how many items show after ellipsis",
1224
+ "fieldName": "itemsAfterCollapse"
1313
1225
  },
1314
1226
  {
1315
- "name": "layout",
1227
+ "name": "theme",
1316
1228
  "type": {
1317
- "text": "'stacked' | 'spaced' | undefined"
1229
+ "text": "'light' | 'dark' | undefined"
1318
1230
  },
1319
- "default": "'stacked'",
1320
- "description": "Specify the kind of the group.",
1321
- "fieldName": "layout"
1231
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1232
+ "fieldName": "theme"
1322
1233
  }
1323
1234
  ],
1324
1235
  "superclass": {
1325
1236
  "name": "LitElement",
1326
1237
  "package": "lit"
1327
1238
  },
1328
- "tagName": "bm-avatar-group",
1239
+ "tagName": "bm-breadcrumb",
1329
1240
  "customElement": true
1330
1241
  }
1331
1242
  ],
1332
1243
  "exports": [
1333
1244
  {
1334
1245
  "kind": "js",
1335
- "name": "BmAvatarGroup",
1246
+ "name": "BmBreadcrumbs",
1336
1247
  "declaration": {
1337
- "name": "BmAvatarGroup",
1338
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1248
+ "name": "BmBreadcrumbs",
1249
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1339
1250
  }
1340
1251
  },
1341
1252
  {
1342
1253
  "kind": "custom-element-definition",
1343
- "name": "bm-avatar-group",
1344
- "declaration": {
1345
- "name": "BmAvatarGroup",
1346
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1347
- }
1348
- }
1349
- ]
1350
- },
1351
- {
1352
- "kind": "javascript-module",
1353
- "path": "libs/web-components/src/lib/Avatar/index.ts",
1354
- "declarations": [],
1355
- "exports": [
1356
- {
1357
- "kind": "js",
1358
- "name": "*",
1359
- "declaration": {
1360
- "name": "*",
1361
- "package": "./Avatar"
1362
- }
1363
- },
1364
- {
1365
- "kind": "js",
1366
- "name": "*",
1254
+ "name": "bm-breadcrumb",
1367
1255
  "declaration": {
1368
- "name": "*",
1369
- "package": "./AvatarGroup"
1256
+ "name": "BmBreadcrumbs",
1257
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1370
1258
  }
1371
1259
  }
1372
1260
  ]
1373
1261
  },
1374
1262
  {
1375
1263
  "kind": "javascript-module",
1376
- "path": "libs/web-components/src/lib/Alert/Alert.ts",
1264
+ "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1377
1265
  "declarations": [
1378
1266
  {
1379
1267
  "kind": "class",
1380
- "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",
1381
- "name": "BmAlert",
1268
+ "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1269
+ "name": "BmBreadcrumbsItem",
1382
1270
  "slots": [
1383
1271
  {
1384
- "description": "Specify a different icon for the Alert",
1385
- "name": "icon"
1386
- },
1387
- {
1388
- "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
1389
- "name": "heading"
1390
- },
1391
- {
1392
- "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
1393
- "name": "body"
1272
+ "description": "Pass text to an item",
1273
+ "name": "default"
1394
1274
  },
1395
1275
  {
1396
- "description": "Specify if actions display on the Alert",
1397
- "name": "actions"
1276
+ "description": "Pass icon to an item",
1277
+ "name": "icon"
1398
1278
  }
1399
1279
  ],
1400
1280
  "members": [
1401
1281
  {
1402
1282
  "kind": "field",
1403
- "name": "heading",
1283
+ "name": "href",
1404
1284
  "type": {
1405
1285
  "text": "string | undefined"
1406
1286
  },
1407
- "description": "Specify the heading text for Alert",
1408
- "attribute": "heading"
1287
+ "description": "Pass href to an item",
1288
+ "attribute": "href"
1409
1289
  },
1410
1290
  {
1411
1291
  "kind": "field",
1412
- "name": "body",
1292
+ "name": "clickable",
1413
1293
  "type": {
1414
- "text": "string | undefined"
1294
+ "text": "boolean"
1415
1295
  },
1416
- "description": "Specify the body text for Alert",
1417
- "attribute": "body"
1296
+ "default": "false",
1297
+ "description": "Specify if the item is interactive without an href",
1298
+ "attribute": "clickable"
1418
1299
  },
1419
1300
  {
1420
1301
  "kind": "field",
1421
- "name": "size",
1302
+ "name": "truncationWidth",
1422
1303
  "type": {
1423
- "text": "'sm' | 'md'"
1304
+ "text": "string | undefined"
1424
1305
  },
1425
- "default": "'sm'",
1426
- "description": "Specify the size of the Alert",
1427
- "attribute": "size"
1306
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1307
+ "attribute": "truncationWidth"
1428
1308
  },
1429
1309
  {
1430
1310
  "kind": "field",
1431
- "name": "fullWidth",
1311
+ "name": "isCurrent",
1432
1312
  "type": {
1433
1313
  "text": "boolean"
1434
1314
  },
1435
1315
  "default": "false",
1436
- "description": "Specify if the Alert has no border radius",
1437
- "attribute": "fullWidth"
1438
- },
1439
- {
1440
- "kind": "field",
1441
- "name": "theme",
1442
- "type": {
1443
- "text": "'light' | 'dark' | undefined"
1444
- },
1445
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1446
- "attribute": "theme"
1316
+ "description": "Specify explicitly if the item is the last one",
1317
+ "attribute": "isCurrent",
1318
+ "reflects": true
1447
1319
  },
1448
1320
  {
1449
1321
  "kind": "field",
1450
- "name": "appearance",
1322
+ "name": "isCollapsed",
1451
1323
  "type": {
1452
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1324
+ "text": "boolean"
1453
1325
  },
1454
- "default": "'infoPrimary'",
1455
- "description": "Specify the appearance of the Alert",
1456
- "attribute": "appearance"
1457
- },
1326
+ "default": "false",
1327
+ "attribute": "isCollapsed",
1328
+ "reflects": true
1329
+ }
1330
+ ],
1331
+ "attributes": [
1458
1332
  {
1459
- "kind": "field",
1460
- "name": "hidden",
1333
+ "name": "href",
1461
1334
  "type": {
1462
- "text": "boolean"
1335
+ "text": "string | undefined"
1463
1336
  },
1464
- "default": "false",
1465
- "description": "Specify if the Alert is hidden",
1466
- "attribute": "hidden"
1337
+ "description": "Pass href to an item",
1338
+ "fieldName": "href"
1467
1339
  },
1468
1340
  {
1469
- "kind": "field",
1470
- "name": "hideIcon",
1341
+ "name": "clickable",
1471
1342
  "type": {
1472
1343
  "text": "boolean"
1473
1344
  },
1474
1345
  "default": "false",
1475
- "description": "Specify if the icon displays on the Alert",
1476
- "attribute": "hideIcon"
1346
+ "description": "Specify if the item is interactive without an href",
1347
+ "fieldName": "clickable"
1477
1348
  },
1478
1349
  {
1479
- "kind": "field",
1480
- "name": "dismissible",
1350
+ "name": "truncationWidth",
1481
1351
  "type": {
1482
- "text": "boolean"
1352
+ "text": "string | undefined"
1483
1353
  },
1484
- "default": "false",
1485
- "description": "Specify if the Alert can be dismissed",
1486
- "attribute": "dismissible"
1354
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1355
+ "fieldName": "truncationWidth"
1487
1356
  },
1488
1357
  {
1489
- "kind": "field",
1490
- "name": "disableAutoFocus",
1358
+ "name": "isCurrent",
1491
1359
  "type": {
1492
1360
  "text": "boolean"
1493
1361
  },
1494
1362
  "default": "false",
1495
- "description": "Prevent autofocus on show",
1496
- "attribute": "disableAutoFocus"
1363
+ "description": "Specify explicitly if the item is the last one",
1364
+ "fieldName": "isCurrent"
1497
1365
  },
1498
1366
  {
1499
- "kind": "field",
1500
- "name": "disableCloseOnEscape",
1367
+ "name": "isCollapsed",
1501
1368
  "type": {
1502
1369
  "text": "boolean"
1503
1370
  },
1504
1371
  "default": "false",
1505
- "description": "Prevent Escape from closing",
1506
- "attribute": "disableCloseOnEscape"
1372
+ "fieldName": "isCollapsed"
1507
1373
  }
1508
1374
  ],
1509
- "events": [
1375
+ "superclass": {
1376
+ "name": "LitElement",
1377
+ "package": "lit"
1378
+ },
1379
+ "tagName": "bm-breadcrumb-item",
1380
+ "customElement": true
1381
+ }
1382
+ ],
1383
+ "exports": [
1384
+ {
1385
+ "kind": "js",
1386
+ "name": "BmBreadcrumbsItem",
1387
+ "declaration": {
1388
+ "name": "BmBreadcrumbsItem",
1389
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1390
+ }
1391
+ },
1392
+ {
1393
+ "kind": "custom-element-definition",
1394
+ "name": "bm-breadcrumb-item",
1395
+ "declaration": {
1396
+ "name": "BmBreadcrumbsItem",
1397
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1398
+ }
1399
+ }
1400
+ ]
1401
+ },
1402
+ {
1403
+ "kind": "javascript-module",
1404
+ "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1405
+ "declarations": [],
1406
+ "exports": [
1407
+ {
1408
+ "kind": "js",
1409
+ "name": "*",
1410
+ "declaration": {
1411
+ "name": "*",
1412
+ "package": "./Breadcrumbs"
1413
+ }
1414
+ },
1415
+ {
1416
+ "kind": "js",
1417
+ "name": "*",
1418
+ "declaration": {
1419
+ "name": "*",
1420
+ "package": "./BreadcrumbsItem"
1421
+ }
1422
+ }
1423
+ ]
1424
+ },
1425
+ {
1426
+ "kind": "javascript-module",
1427
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1428
+ "declarations": [
1429
+ {
1430
+ "kind": "class",
1431
+ "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",
1432
+ "name": "BmBadgeDot",
1433
+ "slots": [
1510
1434
  {
1511
- "description": "Dispatched when the Alert has been dismissed",
1512
- "name": "bm-dismiss"
1435
+ "description": "Provide text for the BadgeDot",
1436
+ "name": "default"
1513
1437
  }
1514
1438
  ],
1515
- "attributes": [
1516
- {
1517
- "name": "heading",
1518
- "type": {
1519
- "text": "string | undefined"
1520
- },
1521
- "description": "Specify the heading text for Alert",
1522
- "fieldName": "heading"
1523
- },
1524
- {
1525
- "name": "body",
1526
- "type": {
1527
- "text": "string | undefined"
1528
- },
1529
- "description": "Specify the body text for Alert",
1530
- "fieldName": "body"
1531
- },
1532
- {
1533
- "name": "size",
1534
- "type": {
1535
- "text": "'sm' | 'md'"
1536
- },
1537
- "default": "'sm'",
1538
- "description": "Specify the size of the Alert",
1539
- "fieldName": "size"
1540
- },
1541
- {
1542
- "name": "fullWidth",
1543
- "type": {
1544
- "text": "boolean"
1545
- },
1546
- "default": "false",
1547
- "description": "Specify if the Alert has no border radius",
1548
- "fieldName": "fullWidth"
1549
- },
1439
+ "members": [
1550
1440
  {
1441
+ "kind": "field",
1551
1442
  "name": "theme",
1552
1443
  "type": {
1553
1444
  "text": "'light' | 'dark' | undefined"
1554
- },
1555
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1556
- "fieldName": "theme"
1445
+ },
1446
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1447
+ "attribute": "theme"
1557
1448
  },
1558
1449
  {
1450
+ "kind": "field",
1559
1451
  "name": "appearance",
1560
1452
  "type": {
1561
1453
  "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1562
1454
  },
1563
1455
  "default": "'infoPrimary'",
1564
- "description": "Specify the appearance of the Alert",
1565
- "fieldName": "appearance"
1456
+ "description": "Specify the appearance of the BadgeDot",
1457
+ "attribute": "appearance"
1566
1458
  },
1567
1459
  {
1568
- "name": "hidden",
1460
+ "kind": "field",
1461
+ "name": "emphasis",
1569
1462
  "type": {
1570
- "text": "boolean"
1463
+ "text": "'strong' | 'subtle'"
1571
1464
  },
1572
- "default": "false",
1573
- "description": "Specify if the Alert is hidden",
1574
- "fieldName": "hidden"
1465
+ "default": "'strong'",
1466
+ "description": "Specify the emphasis of the BadgeDot",
1467
+ "attribute": "emphasis"
1575
1468
  },
1576
1469
  {
1577
- "name": "hideIcon",
1470
+ "kind": "field",
1471
+ "name": "overrideDotColor",
1578
1472
  "type": {
1579
- "text": "boolean"
1473
+ "text": "string | undefined"
1580
1474
  },
1581
- "default": "false",
1582
- "description": "Specify if the icon displays on the Alert",
1583
- "fieldName": "hideIcon"
1475
+ "description": "Overrides default dot color",
1476
+ "attribute": "overrideDotColor"
1477
+ }
1478
+ ],
1479
+ "attributes": [
1480
+ {
1481
+ "name": "theme",
1482
+ "type": {
1483
+ "text": "'light' | 'dark' | undefined"
1484
+ },
1485
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1486
+ "fieldName": "theme"
1584
1487
  },
1585
1488
  {
1586
- "name": "dismissible",
1489
+ "name": "appearance",
1587
1490
  "type": {
1588
- "text": "boolean"
1491
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1589
1492
  },
1590
- "default": "false",
1591
- "description": "Specify if the Alert can be dismissed",
1592
- "fieldName": "dismissible"
1493
+ "default": "'infoPrimary'",
1494
+ "description": "Specify the appearance of the BadgeDot",
1495
+ "fieldName": "appearance"
1593
1496
  },
1594
1497
  {
1595
- "name": "disableAutoFocus",
1498
+ "name": "emphasis",
1596
1499
  "type": {
1597
- "text": "boolean"
1500
+ "text": "'strong' | 'subtle'"
1598
1501
  },
1599
- "default": "false",
1600
- "description": "Prevent autofocus on show",
1601
- "fieldName": "disableAutoFocus"
1502
+ "default": "'strong'",
1503
+ "description": "Specify the emphasis of the BadgeDot",
1504
+ "fieldName": "emphasis"
1602
1505
  },
1603
1506
  {
1604
- "name": "disableCloseOnEscape",
1507
+ "name": "overrideDotColor",
1605
1508
  "type": {
1606
- "text": "boolean"
1509
+ "text": "string | undefined"
1607
1510
  },
1608
- "default": "false",
1609
- "description": "Prevent Escape from closing",
1610
- "fieldName": "disableCloseOnEscape"
1511
+ "description": "Overrides default dot color",
1512
+ "fieldName": "overrideDotColor"
1611
1513
  }
1612
1514
  ],
1613
1515
  "superclass": {
1614
1516
  "name": "LitElement",
1615
1517
  "package": "lit"
1616
1518
  },
1617
- "tagName": "bm-alert",
1519
+ "tagName": "bm-badge-dot",
1618
1520
  "customElement": true
1619
1521
  }
1620
1522
  ],
1621
1523
  "exports": [
1622
1524
  {
1623
1525
  "kind": "js",
1624
- "name": "BmAlert",
1526
+ "name": "BmBadgeDot",
1625
1527
  "declaration": {
1626
- "name": "BmAlert",
1627
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1528
+ "name": "BmBadgeDot",
1529
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1628
1530
  }
1629
1531
  },
1630
1532
  {
1631
1533
  "kind": "custom-element-definition",
1632
- "name": "bm-alert",
1534
+ "name": "bm-badge-dot",
1633
1535
  "declaration": {
1634
- "name": "BmAlert",
1635
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1536
+ "name": "BmBadgeDot",
1537
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1636
1538
  }
1637
1539
  }
1638
1540
  ]
1639
1541
  },
1640
1542
  {
1641
1543
  "kind": "javascript-module",
1642
- "path": "libs/web-components/src/lib/Alert/index.ts",
1544
+ "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1643
1545
  "declarations": [],
1644
1546
  "exports": [
1645
1547
  {
@@ -1647,293 +1549,399 @@
1647
1549
  "name": "*",
1648
1550
  "declaration": {
1649
1551
  "name": "*",
1650
- "package": "./Alert"
1651
- }
1652
- }
1653
- ]
1654
- },
1655
- {
1656
- "kind": "javascript-module",
1657
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1658
- "declarations": [
1659
- {
1660
- "kind": "variable",
1661
- "name": "BreadcrumbGroupCtx"
1662
- }
1663
- ],
1664
- "exports": [
1665
- {
1666
- "kind": "js",
1667
- "name": "BreadcrumbGroupCtx",
1668
- "declaration": {
1669
- "name": "BreadcrumbGroupCtx",
1670
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1552
+ "package": "./BadgeDot"
1671
1553
  }
1672
1554
  }
1673
1555
  ]
1674
1556
  },
1675
1557
  {
1676
1558
  "kind": "javascript-module",
1677
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1559
+ "path": "libs/web-components/src/lib/Box/Box.ts",
1678
1560
  "declarations": [
1679
1561
  {
1680
1562
  "kind": "class",
1681
- "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1682
- "name": "BmBreadcrumbs",
1563
+ "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",
1564
+ "name": "BmBox",
1683
1565
  "slots": [
1684
1566
  {
1685
- "description": "Pass items to the Breadcrumb",
1567
+ "description": "Provide content for the Box",
1686
1568
  "name": "default"
1687
1569
  }
1688
1570
  ],
1689
1571
  "members": [
1690
1572
  {
1691
1573
  "kind": "field",
1692
- "name": "wrap",
1574
+ "name": "backgroundColor",
1575
+ "type": {
1576
+ "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"
1577
+ },
1578
+ "description": "Specify the background color of a Box",
1579
+ "attribute": "backgroundColor"
1580
+ },
1581
+ {
1582
+ "kind": "field",
1583
+ "name": "borderColor",
1584
+ "type": {
1585
+ "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"
1586
+ },
1587
+ "description": "Specify the border color of a Box",
1588
+ "attribute": "borderColor"
1589
+ },
1590
+ {
1591
+ "kind": "field",
1592
+ "name": "borderWidth",
1593
+ "type": {
1594
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1595
+ },
1596
+ "description": "Specify the border width of a Box",
1597
+ "attribute": "borderWidth"
1598
+ },
1599
+ {
1600
+ "kind": "field",
1601
+ "name": "borderRadius",
1602
+ "type": {
1603
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1604
+ },
1605
+ "description": "Specify the border radius of a Box",
1606
+ "attribute": "borderRadius"
1607
+ },
1608
+ {
1609
+ "kind": "field",
1610
+ "name": "px",
1611
+ "type": {
1612
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1613
+ },
1614
+ "description": "Specify before and after padding of a Box",
1615
+ "attribute": "px"
1616
+ },
1617
+ {
1618
+ "kind": "field",
1619
+ "name": "py",
1620
+ "type": {
1621
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1622
+ },
1623
+ "description": "Specify top and bottom padding of a Box",
1624
+ "attribute": "py"
1625
+ },
1626
+ {
1627
+ "kind": "field",
1628
+ "name": "pTop",
1629
+ "type": {
1630
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1631
+ },
1632
+ "description": "Specify top padding of a Box",
1633
+ "attribute": "pTop"
1634
+ },
1635
+ {
1636
+ "kind": "field",
1637
+ "name": "pBottom",
1638
+ "type": {
1639
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1640
+ },
1641
+ "description": "Specify bottom padding of a Box",
1642
+ "attribute": "pBottom"
1643
+ },
1644
+ {
1645
+ "kind": "field",
1646
+ "name": "pBefore",
1647
+ "type": {
1648
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1649
+ },
1650
+ "description": "Specify before padding of a Box",
1651
+ "attribute": "pBefore"
1652
+ },
1653
+ {
1654
+ "kind": "field",
1655
+ "name": "pAfter",
1656
+ "type": {
1657
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1658
+ },
1659
+ "description": "Specify after padding of a Box",
1660
+ "attribute": "pAfter"
1661
+ },
1662
+ {
1663
+ "kind": "field",
1664
+ "name": "mx",
1665
+ "type": {
1666
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1667
+ },
1668
+ "description": "Specify before and after margin of a Box",
1669
+ "attribute": "mx"
1670
+ },
1671
+ {
1672
+ "kind": "field",
1673
+ "name": "my",
1674
+ "type": {
1675
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1676
+ },
1677
+ "description": "Specify top and bottom margin of a Box",
1678
+ "attribute": "my"
1679
+ },
1680
+ {
1681
+ "kind": "field",
1682
+ "name": "mTop",
1683
+ "type": {
1684
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1685
+ },
1686
+ "description": "Specify top margin of a Box",
1687
+ "attribute": "mTop"
1688
+ },
1689
+ {
1690
+ "kind": "field",
1691
+ "name": "mBottom",
1692
+ "type": {
1693
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1694
+ },
1695
+ "description": "Specify bottom margin of a Box",
1696
+ "attribute": "mBottom"
1697
+ },
1698
+ {
1699
+ "kind": "field",
1700
+ "name": "mBefore",
1701
+ "type": {
1702
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1703
+ },
1704
+ "description": "Specify before margin of a Box",
1705
+ "attribute": "mBefore"
1706
+ },
1707
+ {
1708
+ "kind": "field",
1709
+ "name": "mAfter",
1710
+ "type": {
1711
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1712
+ },
1713
+ "description": "Specify after margin of a Box",
1714
+ "attribute": "mAfter"
1715
+ },
1716
+ {
1717
+ "kind": "field",
1718
+ "name": "m",
1693
1719
  "type": {
1694
- "text": "boolean"
1720
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1695
1721
  },
1696
- "default": "true",
1697
- "description": "Specify if items wrap or collapse to an ellipsis",
1698
- "attribute": "wrap"
1722
+ "description": "Specify all margin",
1723
+ "attribute": "m"
1699
1724
  },
1700
1725
  {
1701
1726
  "kind": "field",
1702
- "name": "itemsBeforeCollapse",
1727
+ "name": "p",
1703
1728
  "type": {
1704
- "text": "number"
1729
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1705
1730
  },
1706
- "default": "1",
1707
- "description": "Specify how many items show before ellipsis",
1708
- "attribute": "itemsBeforeCollapse"
1731
+ "description": "Specify all padding",
1732
+ "attribute": "p"
1709
1733
  },
1710
1734
  {
1711
1735
  "kind": "field",
1712
- "name": "itemsAfterCollapse",
1736
+ "name": "gap",
1713
1737
  "type": {
1714
- "text": "number"
1738
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1715
1739
  },
1716
- "default": "1",
1717
- "description": "Specify how many items show after ellipsis",
1718
- "attribute": "itemsAfterCollapse"
1740
+ "description": "Specify gap between child elements",
1741
+ "attribute": "gap"
1719
1742
  },
1720
1743
  {
1721
1744
  "kind": "field",
1722
- "name": "theme",
1745
+ "name": "shadow",
1723
1746
  "type": {
1724
- "text": "'light' | 'dark' | undefined"
1747
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1725
1748
  },
1726
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1727
- "attribute": "theme"
1749
+ "description": "Specify if a Box has a shadow",
1750
+ "attribute": "shadow"
1728
1751
  }
1729
1752
  ],
1730
1753
  "attributes": [
1731
1754
  {
1732
- "name": "wrap",
1755
+ "name": "backgroundColor",
1733
1756
  "type": {
1734
- "text": "boolean"
1757
+ "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"
1735
1758
  },
1736
- "default": "true",
1737
- "description": "Specify if items wrap or collapse to an ellipsis",
1738
- "fieldName": "wrap"
1759
+ "description": "Specify the background color of a Box",
1760
+ "fieldName": "backgroundColor"
1739
1761
  },
1740
1762
  {
1741
- "name": "itemsBeforeCollapse",
1763
+ "name": "borderColor",
1742
1764
  "type": {
1743
- "text": "number"
1765
+ "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"
1744
1766
  },
1745
- "default": "1",
1746
- "description": "Specify how many items show before ellipsis",
1747
- "fieldName": "itemsBeforeCollapse"
1767
+ "description": "Specify the border color of a Box",
1768
+ "fieldName": "borderColor"
1748
1769
  },
1749
1770
  {
1750
- "name": "itemsAfterCollapse",
1771
+ "name": "borderWidth",
1751
1772
  "type": {
1752
- "text": "number"
1773
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1753
1774
  },
1754
- "default": "1",
1755
- "description": "Specify how many items show after ellipsis",
1756
- "fieldName": "itemsAfterCollapse"
1775
+ "description": "Specify the border width of a Box",
1776
+ "fieldName": "borderWidth"
1757
1777
  },
1758
1778
  {
1759
- "name": "theme",
1779
+ "name": "borderRadius",
1760
1780
  "type": {
1761
- "text": "'light' | 'dark' | undefined"
1781
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1762
1782
  },
1763
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1764
- "fieldName": "theme"
1765
- }
1766
- ],
1767
- "superclass": {
1768
- "name": "LitElement",
1769
- "package": "lit"
1770
- },
1771
- "tagName": "bm-breadcrumb",
1772
- "customElement": true
1773
- }
1774
- ],
1775
- "exports": [
1776
- {
1777
- "kind": "js",
1778
- "name": "BmBreadcrumbs",
1779
- "declaration": {
1780
- "name": "BmBreadcrumbs",
1781
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1782
- }
1783
- },
1784
- {
1785
- "kind": "custom-element-definition",
1786
- "name": "bm-breadcrumb",
1787
- "declaration": {
1788
- "name": "BmBreadcrumbs",
1789
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1790
- }
1791
- }
1792
- ]
1793
- },
1794
- {
1795
- "kind": "javascript-module",
1796
- "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1797
- "declarations": [
1798
- {
1799
- "kind": "class",
1800
- "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1801
- "name": "BmBreadcrumbsItem",
1802
- "slots": [
1783
+ "description": "Specify the border radius of a Box",
1784
+ "fieldName": "borderRadius"
1785
+ },
1803
1786
  {
1804
- "description": "Pass text to an item",
1805
- "name": "default"
1787
+ "name": "px",
1788
+ "type": {
1789
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1790
+ },
1791
+ "description": "Specify before and after padding of a Box",
1792
+ "fieldName": "px"
1806
1793
  },
1807
1794
  {
1808
- "description": "Pass icon to an item",
1809
- "name": "icon"
1810
- }
1811
- ],
1812
- "members": [
1795
+ "name": "py",
1796
+ "type": {
1797
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1798
+ },
1799
+ "description": "Specify top and bottom padding of a Box",
1800
+ "fieldName": "py"
1801
+ },
1813
1802
  {
1814
- "kind": "field",
1815
- "name": "href",
1803
+ "name": "pTop",
1816
1804
  "type": {
1817
- "text": "string | undefined"
1805
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1818
1806
  },
1819
- "description": "Pass href to an item",
1820
- "attribute": "href"
1807
+ "description": "Specify top padding of a Box",
1808
+ "fieldName": "pTop"
1821
1809
  },
1822
1810
  {
1823
- "kind": "field",
1824
- "name": "clickable",
1811
+ "name": "pBottom",
1825
1812
  "type": {
1826
- "text": "boolean"
1813
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1827
1814
  },
1828
- "default": "false",
1829
- "description": "Specify if the item is interactive without an href",
1830
- "attribute": "clickable"
1815
+ "description": "Specify bottom padding of a Box",
1816
+ "fieldName": "pBottom"
1831
1817
  },
1832
1818
  {
1833
- "kind": "field",
1834
- "name": "truncationWidth",
1819
+ "name": "pBefore",
1835
1820
  "type": {
1836
- "text": "string | undefined"
1821
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1837
1822
  },
1838
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1839
- "attribute": "truncationWidth"
1823
+ "description": "Specify before padding of a Box",
1824
+ "fieldName": "pBefore"
1840
1825
  },
1841
1826
  {
1842
- "kind": "field",
1843
- "name": "isCurrent",
1827
+ "name": "pAfter",
1844
1828
  "type": {
1845
- "text": "boolean"
1829
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1846
1830
  },
1847
- "default": "false",
1848
- "description": "Specify explicitly if the item is the last one",
1849
- "attribute": "isCurrent",
1850
- "reflects": true
1831
+ "description": "Specify after padding of a Box",
1832
+ "fieldName": "pAfter"
1851
1833
  },
1852
1834
  {
1853
- "kind": "field",
1854
- "name": "isCollapsed",
1835
+ "name": "mx",
1855
1836
  "type": {
1856
- "text": "boolean"
1837
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1857
1838
  },
1858
- "default": "false",
1859
- "attribute": "isCollapsed",
1860
- "reflects": true
1861
- }
1862
- ],
1863
- "attributes": [
1839
+ "description": "Specify before and after margin of a Box",
1840
+ "fieldName": "mx"
1841
+ },
1864
1842
  {
1865
- "name": "href",
1843
+ "name": "my",
1866
1844
  "type": {
1867
- "text": "string | undefined"
1845
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1868
1846
  },
1869
- "description": "Pass href to an item",
1870
- "fieldName": "href"
1847
+ "description": "Specify top and bottom margin of a Box",
1848
+ "fieldName": "my"
1871
1849
  },
1872
1850
  {
1873
- "name": "clickable",
1851
+ "name": "mTop",
1874
1852
  "type": {
1875
- "text": "boolean"
1853
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1876
1854
  },
1877
- "default": "false",
1878
- "description": "Specify if the item is interactive without an href",
1879
- "fieldName": "clickable"
1855
+ "description": "Specify top margin of a Box",
1856
+ "fieldName": "mTop"
1880
1857
  },
1881
1858
  {
1882
- "name": "truncationWidth",
1859
+ "name": "mBottom",
1883
1860
  "type": {
1884
- "text": "string | undefined"
1861
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1885
1862
  },
1886
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1887
- "fieldName": "truncationWidth"
1863
+ "description": "Specify bottom margin of a Box",
1864
+ "fieldName": "mBottom"
1888
1865
  },
1889
1866
  {
1890
- "name": "isCurrent",
1867
+ "name": "mBefore",
1891
1868
  "type": {
1892
- "text": "boolean"
1869
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1893
1870
  },
1894
- "default": "false",
1895
- "description": "Specify explicitly if the item is the last one",
1896
- "fieldName": "isCurrent"
1871
+ "description": "Specify before margin of a Box",
1872
+ "fieldName": "mBefore"
1897
1873
  },
1898
1874
  {
1899
- "name": "isCollapsed",
1875
+ "name": "mAfter",
1900
1876
  "type": {
1901
- "text": "boolean"
1877
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1902
1878
  },
1903
- "default": "false",
1904
- "fieldName": "isCollapsed"
1879
+ "description": "Specify after margin of a Box",
1880
+ "fieldName": "mAfter"
1881
+ },
1882
+ {
1883
+ "name": "m",
1884
+ "type": {
1885
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1886
+ },
1887
+ "description": "Specify all margin",
1888
+ "fieldName": "m"
1889
+ },
1890
+ {
1891
+ "name": "p",
1892
+ "type": {
1893
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1894
+ },
1895
+ "description": "Specify all padding",
1896
+ "fieldName": "p"
1897
+ },
1898
+ {
1899
+ "name": "gap",
1900
+ "type": {
1901
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1902
+ },
1903
+ "description": "Specify gap between child elements",
1904
+ "fieldName": "gap"
1905
+ },
1906
+ {
1907
+ "name": "shadow",
1908
+ "type": {
1909
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1910
+ },
1911
+ "description": "Specify if a Box has a shadow",
1912
+ "fieldName": "shadow"
1905
1913
  }
1906
1914
  ],
1907
1915
  "superclass": {
1908
1916
  "name": "LitElement",
1909
1917
  "package": "lit"
1910
1918
  },
1911
- "tagName": "bm-breadcrumb-item",
1919
+ "tagName": "bm-box",
1912
1920
  "customElement": true
1913
1921
  }
1914
1922
  ],
1915
1923
  "exports": [
1916
1924
  {
1917
1925
  "kind": "js",
1918
- "name": "BmBreadcrumbsItem",
1926
+ "name": "BmBox",
1919
1927
  "declaration": {
1920
- "name": "BmBreadcrumbsItem",
1921
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1928
+ "name": "BmBox",
1929
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1922
1930
  }
1923
1931
  },
1924
1932
  {
1925
1933
  "kind": "custom-element-definition",
1926
- "name": "bm-breadcrumb-item",
1934
+ "name": "bm-box",
1927
1935
  "declaration": {
1928
- "name": "BmBreadcrumbsItem",
1929
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1936
+ "name": "BmBox",
1937
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1930
1938
  }
1931
1939
  }
1932
1940
  ]
1933
1941
  },
1934
1942
  {
1935
1943
  "kind": "javascript-module",
1936
- "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1944
+ "path": "libs/web-components/src/lib/Box/index.ts",
1937
1945
  "declarations": [],
1938
1946
  "exports": [
1939
1947
  {
@@ -1941,15 +1949,7 @@
1941
1949
  "name": "*",
1942
1950
  "declaration": {
1943
1951
  "name": "*",
1944
- "package": "./Breadcrumbs"
1945
- }
1946
- },
1947
- {
1948
- "kind": "js",
1949
- "name": "*",
1950
- "declaration": {
1951
- "name": "*",
1952
- "package": "./BreadcrumbsItem"
1952
+ "package": "./Box"
1953
1953
  }
1954
1954
  }
1955
1955
  ]
@@ -8215,329 +8215,122 @@
8215
8215
  "fieldName": "width"
8216
8216
  },
8217
8217
  {
8218
- "name": "ellipse",
8219
- "type": {
8220
- "text": "boolean"
8221
- },
8222
- "default": "true",
8223
- "description": "Specify if overflow displays ellipsis",
8224
- "fieldName": "ellipse"
8225
- },
8226
- {
8227
- "name": "hideRequiredMarker",
8228
- "type": {
8229
- "text": "boolean"
8230
- },
8231
- "default": "false",
8232
- "description": "Specify if the NativeSelect displays with an asterisk",
8233
- "fieldName": "hideRequiredMarker"
8234
- },
8235
- {
8236
- "name": "theme",
8237
- "type": {
8238
- "text": "'light' | 'dark' | undefined"
8239
- },
8240
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8241
- "fieldName": "theme"
8242
- },
8243
- {
8244
- "name": "id",
8245
- "type": {
8246
- "text": "string"
8247
- },
8248
- "default": "''",
8249
- "fieldName": "id",
8250
- "inheritedFrom": {
8251
- "name": "FormField",
8252
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8253
- }
8254
- },
8255
- {
8256
- "name": "name",
8257
- "type": {
8258
- "text": "string"
8259
- },
8260
- "default": "''",
8261
- "fieldName": "name",
8262
- "inheritedFrom": {
8263
- "name": "FormField",
8264
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8265
- }
8266
- },
8267
- {
8268
- "name": "value",
8269
- "type": {
8270
- "text": "string"
8271
- },
8272
- "default": "''",
8273
- "fieldName": "value",
8274
- "inheritedFrom": {
8275
- "name": "FormField",
8276
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8277
- }
8278
- },
8279
- {
8280
- "name": "validationRules",
8281
- "type": {
8282
- "text": "Array<FormValidator>"
8283
- },
8284
- "default": "[]",
8285
- "fieldName": "validationRules",
8286
- "inheritedFrom": {
8287
- "name": "FormField",
8288
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8289
- }
8290
- },
8291
- {
8292
- "name": "input-aria-label",
8293
- "type": {
8294
- "text": "string | undefined"
8295
- },
8296
- "fieldName": "inputAriaLabel",
8297
- "inheritedFrom": {
8298
- "name": "FormField",
8299
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8300
- }
8301
- }
8302
- ],
8303
- "superclass": {
8304
- "name": "FormField",
8305
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8306
- },
8307
- "summary": "`bm-native-select`",
8308
- "tagName": "bm-native-select",
8309
- "customElement": true
8310
- }
8311
- ],
8312
- "exports": [
8313
- {
8314
- "kind": "js",
8315
- "name": "BmNativeSelect",
8316
- "declaration": {
8317
- "name": "BmNativeSelect",
8318
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8319
- }
8320
- },
8321
- {
8322
- "kind": "custom-element-definition",
8323
- "name": "bm-native-select",
8324
- "declaration": {
8325
- "name": "BmNativeSelect",
8326
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8327
- }
8328
- }
8329
- ]
8330
- },
8331
- {
8332
- "kind": "javascript-module",
8333
- "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8334
- "declarations": [],
8335
- "exports": [
8336
- {
8337
- "kind": "js",
8338
- "name": "*",
8339
- "declaration": {
8340
- "name": "*",
8341
- "package": "./NativeSelect"
8342
- }
8343
- }
8344
- ]
8345
- },
8346
- {
8347
- "kind": "javascript-module",
8348
- "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8349
- "declarations": [
8350
- {
8351
- "kind": "class",
8352
- "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
8353
- "name": "BmRadioButton",
8354
- "members": [
8355
- {
8356
- "kind": "field",
8357
- "name": "label",
8358
- "type": {
8359
- "text": "string | undefined"
8360
- },
8361
- "description": "Specify the text for the label",
8362
- "attribute": "label"
8363
- },
8364
- {
8365
- "kind": "field",
8366
- "name": "error",
8367
- "type": {
8368
- "text": "boolean | undefined"
8369
- },
8370
- "description": "Specify error text and display error state of a RadioButton",
8371
- "attribute": "error"
8372
- },
8373
- {
8374
- "kind": "field",
8375
- "name": "readOnly",
8376
- "type": {
8377
- "text": "boolean | undefined"
8378
- },
8379
- "description": "Specify if RadioButton displays in a read-only state",
8380
- "attribute": "readOnly"
8381
- },
8382
- {
8383
- "kind": "field",
8384
- "name": "disabled",
8385
- "type": {
8386
- "text": "boolean | undefined"
8387
- },
8388
- "description": "Specify if RadioButton displays in a disabled state",
8389
- "attribute": "disabled"
8390
- },
8391
- {
8392
- "kind": "field",
8393
- "name": "theme",
8394
- "type": {
8395
- "text": "'light' | 'dark' | undefined"
8396
- },
8397
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8398
- "attribute": "theme"
8399
- },
8400
- {
8401
- "kind": "field",
8402
- "name": "value",
8403
- "type": {
8404
- "text": "string | undefined"
8405
- },
8406
- "description": "The value attribute for the input element",
8407
- "attribute": "value"
8408
- },
8409
- {
8410
- "kind": "field",
8411
- "name": "checked",
8412
- "type": {
8413
- "text": "boolean"
8414
- },
8415
- "default": "false",
8416
- "description": "The checked attribute for the input element",
8417
- "attribute": "checked"
8418
- },
8419
- {
8420
- "kind": "field",
8421
- "name": "onKeyDown",
8422
- "type": {
8423
- "text": "(event: KeyboardEvent) => void | undefined"
8424
- },
8425
- "description": "A user-defined function to handle keydown events",
8426
- "attribute": "onKeyDown"
8427
- },
8428
- {
8429
- "kind": "field",
8430
- "name": "inputChoiceGroupContext",
8431
- "type": {
8432
- "text": "InputChoiceGroupContextProps"
8433
- }
8434
- },
8435
- {
8436
- "kind": "field",
8437
- "name": "radioButtonRef"
8438
- },
8439
- {
8440
- "kind": "method",
8441
- "name": "focus"
8442
- }
8443
- ],
8444
- "attributes": [
8445
- {
8446
- "name": "label",
8218
+ "name": "ellipse",
8447
8219
  "type": {
8448
- "text": "string | undefined"
8220
+ "text": "boolean"
8449
8221
  },
8450
- "description": "Specify the text for the label",
8451
- "fieldName": "label"
8222
+ "default": "true",
8223
+ "description": "Specify if overflow displays ellipsis",
8224
+ "fieldName": "ellipse"
8452
8225
  },
8453
8226
  {
8454
- "name": "error",
8227
+ "name": "hideRequiredMarker",
8455
8228
  "type": {
8456
- "text": "boolean | undefined"
8229
+ "text": "boolean"
8457
8230
  },
8458
- "description": "Specify error text and display error state of a RadioButton",
8459
- "fieldName": "error"
8231
+ "default": "false",
8232
+ "description": "Specify if the NativeSelect displays with an asterisk",
8233
+ "fieldName": "hideRequiredMarker"
8460
8234
  },
8461
8235
  {
8462
- "name": "readOnly",
8236
+ "name": "theme",
8463
8237
  "type": {
8464
- "text": "boolean | undefined"
8238
+ "text": "'light' | 'dark' | undefined"
8465
8239
  },
8466
- "description": "Specify if RadioButton displays in a read-only state",
8467
- "fieldName": "readOnly"
8240
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8241
+ "fieldName": "theme"
8468
8242
  },
8469
8243
  {
8470
- "name": "disabled",
8244
+ "name": "id",
8471
8245
  "type": {
8472
- "text": "boolean | undefined"
8246
+ "text": "string"
8473
8247
  },
8474
- "description": "Specify if RadioButton displays in a disabled state",
8475
- "fieldName": "disabled"
8248
+ "default": "''",
8249
+ "fieldName": "id",
8250
+ "inheritedFrom": {
8251
+ "name": "FormField",
8252
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8253
+ }
8476
8254
  },
8477
8255
  {
8478
- "name": "theme",
8256
+ "name": "name",
8479
8257
  "type": {
8480
- "text": "'light' | 'dark' | undefined"
8258
+ "text": "string"
8481
8259
  },
8482
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8483
- "fieldName": "theme"
8260
+ "default": "''",
8261
+ "fieldName": "name",
8262
+ "inheritedFrom": {
8263
+ "name": "FormField",
8264
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8265
+ }
8484
8266
  },
8485
8267
  {
8486
8268
  "name": "value",
8487
8269
  "type": {
8488
- "text": "string | undefined"
8270
+ "text": "string"
8489
8271
  },
8490
- "description": "The value attribute for the input element",
8491
- "fieldName": "value"
8272
+ "default": "''",
8273
+ "fieldName": "value",
8274
+ "inheritedFrom": {
8275
+ "name": "FormField",
8276
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8277
+ }
8492
8278
  },
8493
8279
  {
8494
- "name": "checked",
8280
+ "name": "validationRules",
8495
8281
  "type": {
8496
- "text": "boolean"
8282
+ "text": "Array<FormValidator>"
8497
8283
  },
8498
- "default": "false",
8499
- "description": "The checked attribute for the input element",
8500
- "fieldName": "checked"
8284
+ "default": "[]",
8285
+ "fieldName": "validationRules",
8286
+ "inheritedFrom": {
8287
+ "name": "FormField",
8288
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8289
+ }
8501
8290
  },
8502
8291
  {
8503
- "name": "onKeyDown",
8292
+ "name": "input-aria-label",
8504
8293
  "type": {
8505
- "text": "(event: KeyboardEvent) => void | undefined"
8294
+ "text": "string | undefined"
8506
8295
  },
8507
- "description": "A user-defined function to handle keydown events",
8508
- "fieldName": "onKeyDown"
8296
+ "fieldName": "inputAriaLabel",
8297
+ "inheritedFrom": {
8298
+ "name": "FormField",
8299
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8300
+ }
8509
8301
  }
8510
8302
  ],
8511
8303
  "superclass": {
8512
- "name": "LitElement",
8513
- "package": "lit"
8304
+ "name": "FormField",
8305
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8514
8306
  },
8515
- "tagName": "bm-radio-button",
8307
+ "summary": "`bm-native-select`",
8308
+ "tagName": "bm-native-select",
8516
8309
  "customElement": true
8517
8310
  }
8518
8311
  ],
8519
8312
  "exports": [
8520
8313
  {
8521
8314
  "kind": "js",
8522
- "name": "BmRadioButton",
8315
+ "name": "BmNativeSelect",
8523
8316
  "declaration": {
8524
- "name": "BmRadioButton",
8525
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8317
+ "name": "BmNativeSelect",
8318
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8526
8319
  }
8527
8320
  },
8528
8321
  {
8529
8322
  "kind": "custom-element-definition",
8530
- "name": "bm-radio-button",
8323
+ "name": "bm-native-select",
8531
8324
  "declaration": {
8532
- "name": "BmRadioButton",
8533
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8325
+ "name": "BmNativeSelect",
8326
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8534
8327
  }
8535
8328
  }
8536
8329
  ]
8537
8330
  },
8538
8331
  {
8539
8332
  "kind": "javascript-module",
8540
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
8333
+ "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8541
8334
  "declarations": [],
8542
8335
  "exports": [
8543
8336
  {
@@ -8545,15 +8338,7 @@
8545
8338
  "name": "*",
8546
8339
  "declaration": {
8547
8340
  "name": "*",
8548
- "package": "./RadioButton"
8549
- }
8550
- },
8551
- {
8552
- "kind": "js",
8553
- "name": "*",
8554
- "declaration": {
8555
- "name": "*",
8556
- "package": "./RadioButtonGroup/RadioButtonGroup"
8341
+ "package": "./NativeSelect"
8557
8342
  }
8558
8343
  }
8559
8344
  ]
@@ -9044,88 +8829,66 @@
9044
8829
  },
9045
8830
  {
9046
8831
  "kind": "javascript-module",
9047
- "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
8832
+ "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
9048
8833
  "declarations": [
9049
8834
  {
9050
8835
  "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
- ],
8836
+ "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
8837
+ "name": "BmRadioButton",
9063
8838
  "members": [
9064
8839
  {
9065
8840
  "kind": "field",
9066
- "name": "inputChoiceGroupContext",
9067
- "type": {
9068
- "text": "InputChoiceGroupContextProps"
9069
- }
9070
- },
9071
- {
9072
- "kind": "field",
9073
- "name": "onText",
8841
+ "name": "label",
9074
8842
  "type": {
9075
8843
  "text": "string | undefined"
9076
8844
  },
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"
8845
+ "description": "Specify the text for the label",
8846
+ "attribute": "label"
9080
8847
  },
9081
8848
  {
9082
8849
  "kind": "field",
9083
- "name": "offText",
8850
+ "name": "error",
9084
8851
  "type": {
9085
- "text": "string | undefined"
8852
+ "text": "boolean | undefined"
9086
8853
  },
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"
8854
+ "description": "Specify error text and display error state of a RadioButton",
8855
+ "attribute": "error"
9090
8856
  },
9091
8857
  {
9092
8858
  "kind": "field",
9093
- "name": "theme",
8859
+ "name": "readOnly",
9094
8860
  "type": {
9095
- "text": "ThemeTypes | undefined"
8861
+ "text": "boolean | undefined"
9096
8862
  },
9097
- "default": "undefined",
9098
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
8863
+ "description": "Specify if RadioButton displays in a read-only state",
8864
+ "attribute": "readOnly"
9099
8865
  },
9100
8866
  {
9101
8867
  "kind": "field",
9102
- "name": "textPosition",
8868
+ "name": "disabled",
9103
8869
  "type": {
9104
- "text": "'before' | 'after'"
8870
+ "text": "boolean | undefined"
9105
8871
  },
9106
- "default": "'after'",
9107
- "description": "Specify the position of the side label",
9108
- "attribute": "textPosition"
8872
+ "description": "Specify if RadioButton displays in a disabled state",
8873
+ "attribute": "disabled"
9109
8874
  },
9110
8875
  {
9111
8876
  "kind": "field",
9112
- "name": "readOnly",
8877
+ "name": "theme",
9113
8878
  "type": {
9114
- "text": "boolean"
8879
+ "text": "'light' | 'dark' | undefined"
9115
8880
  },
9116
- "default": "false",
9117
- "description": "Specify if Switch displays in a read-only state",
9118
- "attribute": "readOnly"
8881
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8882
+ "attribute": "theme"
9119
8883
  },
9120
8884
  {
9121
8885
  "kind": "field",
9122
- "name": "disabled",
8886
+ "name": "value",
9123
8887
  "type": {
9124
- "text": "boolean"
8888
+ "text": "string | undefined"
9125
8889
  },
9126
- "default": "false",
9127
- "description": "Specify if Switch displays in a disabled state",
9128
- "attribute": "disabled"
8890
+ "description": "The value attribute for the input element",
8891
+ "attribute": "value"
9129
8892
  },
9130
8893
  {
9131
8894
  "kind": "field",
@@ -9134,67 +8897,82 @@
9134
8897
  "text": "boolean"
9135
8898
  },
9136
8899
  "default": "false",
8900
+ "description": "The checked attribute for the input element",
9137
8901
  "attribute": "checked"
9138
8902
  },
9139
8903
  {
9140
8904
  "kind": "field",
9141
- "name": "value",
8905
+ "name": "onKeyDown",
9142
8906
  "type": {
9143
- "text": "string | undefined"
8907
+ "text": "(event: KeyboardEvent) => void | undefined"
9144
8908
  },
9145
- "description": "The value attribute for the input element",
9146
- "attribute": "value"
8909
+ "description": "A user-defined function to handle keydown events",
8910
+ "attribute": "onKeyDown"
9147
8911
  },
9148
8912
  {
9149
8913
  "kind": "field",
9150
- "name": "switchRef"
8914
+ "name": "inputChoiceGroupContext",
8915
+ "type": {
8916
+ "text": "InputChoiceGroupContextProps"
8917
+ }
8918
+ },
8919
+ {
8920
+ "kind": "field",
8921
+ "name": "radioButtonRef"
8922
+ },
8923
+ {
8924
+ "kind": "method",
8925
+ "name": "focus"
9151
8926
  }
9152
8927
  ],
9153
8928
  "attributes": [
9154
8929
  {
9155
- "name": "onText",
8930
+ "name": "label",
9156
8931
  "type": {
9157
8932
  "text": "string | undefined"
9158
8933
  },
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"
8934
+ "description": "Specify the text for the label",
8935
+ "fieldName": "label"
9162
8936
  },
9163
8937
  {
9164
- "name": "offText",
8938
+ "name": "error",
9165
8939
  "type": {
9166
- "text": "string | undefined"
8940
+ "text": "boolean | undefined"
9167
8941
  },
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"
8942
+ "description": "Specify error text and display error state of a RadioButton",
8943
+ "fieldName": "error"
9171
8944
  },
9172
8945
  {
9173
- "name": "textPosition",
8946
+ "name": "readOnly",
9174
8947
  "type": {
9175
- "text": "'before' | 'after'"
8948
+ "text": "boolean | undefined"
9176
8949
  },
9177
- "default": "'after'",
9178
- "description": "Specify the position of the side label",
9179
- "fieldName": "textPosition"
8950
+ "description": "Specify if RadioButton displays in a read-only state",
8951
+ "fieldName": "readOnly"
9180
8952
  },
9181
8953
  {
9182
- "name": "readOnly",
8954
+ "name": "disabled",
9183
8955
  "type": {
9184
- "text": "boolean"
8956
+ "text": "boolean | undefined"
9185
8957
  },
9186
- "default": "false",
9187
- "description": "Specify if Switch displays in a read-only state",
9188
- "fieldName": "readOnly"
8958
+ "description": "Specify if RadioButton displays in a disabled state",
8959
+ "fieldName": "disabled"
9189
8960
  },
9190
8961
  {
9191
- "name": "disabled",
8962
+ "name": "theme",
9192
8963
  "type": {
9193
- "text": "boolean"
8964
+ "text": "'light' | 'dark' | undefined"
8965
+ },
8966
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8967
+ "fieldName": "theme"
8968
+ },
8969
+ {
8970
+ "name": "value",
8971
+ "type": {
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",