@viasat/beam-web-components 2.22.0 → 2.24.0

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