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