@viasat/beam-web-components 2.22.0 → 2.23.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 +1401 -1401
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +318 -318
package/custom-elements.json CHANGED
@@ -294,68 +294,32 @@
294
294
  },
295
295
  {
296
296
  "kind": "javascript-module",
297
- "path": "libs/web-components/src/lib/Alert/Alert.ts",
297
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
298
298
  "declarations": [
299
299
  {
300
300
  "kind": "class",
301
- "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
302
- "name": "BmAlert",
301
+ "description": "`bm-badge`\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",
303
303
  "slots": [
304
304
  {
305
- "description": "Specify a different icon for the Alert",
306
- "name": "icon"
307
- },
308
- {
309
- "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
310
- "name": "heading"
311
- },
312
- {
313
- "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
314
- "name": "body"
305
+ "description": "Provide text for the Badge",
306
+ "name": "default"
315
307
  },
316
308
  {
317
- "description": "Specify if actions display on the Alert",
318
- "name": "actions"
309
+ "description": "Specify a different icon for the Badge",
310
+ "name": "icon"
319
311
  }
320
312
  ],
321
313
  "members": [
322
314
  {
323
315
  "kind": "field",
324
- "name": "heading",
325
- "type": {
326
- "text": "string | undefined"
327
- },
328
- "description": "Specify the heading text for Alert",
329
- "attribute": "heading"
330
- },
331
- {
332
- "kind": "field",
333
- "name": "body",
334
- "type": {
335
- "text": "string | undefined"
336
- },
337
- "description": "Specify the body text for Alert",
338
- "attribute": "body"
339
- },
340
- {
341
- "kind": "field",
342
- "name": "size",
343
- "type": {
344
- "text": "'sm' | 'md'"
345
- },
346
- "default": "'sm'",
347
- "description": "Specify the size of the Alert",
348
- "attribute": "size"
349
- },
350
- {
351
- "kind": "field",
352
- "name": "fullWidth",
316
+ "name": "appearance",
353
317
  "type": {
354
- "text": "boolean"
318
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
355
319
  },
356
- "default": "false",
357
- "description": "Specify if the Alert has no border radius",
358
- "attribute": "fullWidth"
320
+ "default": "'infoPrimary'",
321
+ "description": "Specify the appearance of the Badge",
322
+ "attribute": "appearance"
359
323
  },
360
324
  {
361
325
  "kind": "field",
@@ -363,204 +327,114 @@
363
327
  "type": {
364
328
  "text": "'light' | 'dark' | undefined"
365
329
  },
366
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
330
+ "description": "Theme of the Badge",
367
331
  "attribute": "theme"
368
332
  },
369
333
  {
370
334
  "kind": "field",
371
- "name": "appearance",
335
+ "name": "size",
372
336
  "type": {
373
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
337
+ "text": "'sm' | 'md' | undefined"
374
338
  },
375
- "default": "'infoPrimary'",
376
- "description": "Specify the appearance of the Alert",
377
- "attribute": "appearance"
339
+ "default": "'sm'",
340
+ "description": "Specify the size of the Badge",
341
+ "attribute": "size"
378
342
  },
379
343
  {
380
344
  "kind": "field",
381
- "name": "hidden",
345
+ "name": "emphasis",
382
346
  "type": {
383
- "text": "boolean"
347
+ "text": "'strong' | 'medium' | 'subtle'"
384
348
  },
385
- "default": "false",
386
- "description": "Specify if the Alert is hidden",
387
- "attribute": "hidden"
349
+ "default": "'strong'",
350
+ "description": "Specify the emphasis of the Badge",
351
+ "attribute": "emphasis"
388
352
  },
389
353
  {
390
354
  "kind": "field",
391
355
  "name": "hideIcon",
392
356
  "type": {
393
- "text": "boolean"
357
+ "text": "boolean | undefined"
394
358
  },
395
- "default": "false",
396
- "description": "Specify if the icon displays on the Alert",
359
+ "description": "Hides Badge icon",
397
360
  "attribute": "hideIcon"
398
- },
399
- {
400
- "kind": "field",
401
- "name": "dismissible",
402
- "type": {
403
- "text": "boolean"
404
- },
405
- "default": "false",
406
- "description": "Specify if the Alert can be dismissed",
407
- "attribute": "dismissible"
408
- },
409
- {
410
- "kind": "field",
411
- "name": "disableAutoFocus",
412
- "type": {
413
- "text": "boolean"
414
- },
415
- "default": "false",
416
- "description": "Prevent autofocus on show",
417
- "attribute": "disableAutoFocus"
418
- },
419
- {
420
- "kind": "field",
421
- "name": "disableCloseOnEscape",
422
- "type": {
423
- "text": "boolean"
424
- },
425
- "default": "false",
426
- "description": "Prevent Escape from closing",
427
- "attribute": "disableCloseOnEscape"
428
- }
429
- ],
430
- "events": [
431
- {
432
- "description": "Dispatched when the Alert has been dismissed",
433
- "name": "bm-dismiss"
434
361
  }
435
362
  ],
436
363
  "attributes": [
437
364
  {
438
- "name": "heading",
439
- "type": {
440
- "text": "string | undefined"
441
- },
442
- "description": "Specify the heading text for Alert",
443
- "fieldName": "heading"
444
- },
445
- {
446
- "name": "body",
447
- "type": {
448
- "text": "string | undefined"
449
- },
450
- "description": "Specify the body text for Alert",
451
- "fieldName": "body"
452
- },
453
- {
454
- "name": "size",
455
- "type": {
456
- "text": "'sm' | 'md'"
457
- },
458
- "default": "'sm'",
459
- "description": "Specify the size of the Alert",
460
- "fieldName": "size"
461
- },
462
- {
463
- "name": "fullWidth",
365
+ "name": "appearance",
464
366
  "type": {
465
- "text": "boolean"
367
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
466
368
  },
467
- "default": "false",
468
- "description": "Specify if the Alert has no border radius",
469
- "fieldName": "fullWidth"
369
+ "default": "'infoPrimary'",
370
+ "description": "Specify the appearance of the Badge",
371
+ "fieldName": "appearance"
470
372
  },
471
373
  {
472
374
  "name": "theme",
473
375
  "type": {
474
376
  "text": "'light' | 'dark' | undefined"
475
377
  },
476
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
378
+ "description": "Theme of the Badge",
477
379
  "fieldName": "theme"
478
380
  },
479
381
  {
480
- "name": "appearance",
382
+ "name": "size",
481
383
  "type": {
482
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
384
+ "text": "'sm' | 'md' | undefined"
483
385
  },
484
- "default": "'infoPrimary'",
485
- "description": "Specify the appearance of the Alert",
486
- "fieldName": "appearance"
386
+ "default": "'sm'",
387
+ "description": "Specify the size of the Badge",
388
+ "fieldName": "size"
487
389
  },
488
390
  {
489
- "name": "hidden",
391
+ "name": "emphasis",
490
392
  "type": {
491
- "text": "boolean"
393
+ "text": "'strong' | 'medium' | 'subtle'"
492
394
  },
493
- "default": "false",
494
- "description": "Specify if the Alert is hidden",
495
- "fieldName": "hidden"
395
+ "default": "'strong'",
396
+ "description": "Specify the emphasis of the Badge",
397
+ "fieldName": "emphasis"
496
398
  },
497
399
  {
498
400
  "name": "hideIcon",
499
401
  "type": {
500
- "text": "boolean"
402
+ "text": "boolean | undefined"
501
403
  },
502
- "default": "false",
503
- "description": "Specify if the icon displays on the Alert",
404
+ "description": "Hides Badge icon",
504
405
  "fieldName": "hideIcon"
505
- },
506
- {
507
- "name": "dismissible",
508
- "type": {
509
- "text": "boolean"
510
- },
511
- "default": "false",
512
- "description": "Specify if the Alert can be dismissed",
513
- "fieldName": "dismissible"
514
- },
515
- {
516
- "name": "disableAutoFocus",
517
- "type": {
518
- "text": "boolean"
519
- },
520
- "default": "false",
521
- "description": "Prevent autofocus on show",
522
- "fieldName": "disableAutoFocus"
523
- },
524
- {
525
- "name": "disableCloseOnEscape",
526
- "type": {
527
- "text": "boolean"
528
- },
529
- "default": "false",
530
- "description": "Prevent Escape from closing",
531
- "fieldName": "disableCloseOnEscape"
532
406
  }
533
407
  ],
534
408
  "superclass": {
535
409
  "name": "LitElement",
536
410
  "package": "lit"
537
411
  },
538
- "tagName": "bm-alert",
412
+ "tagName": "bm-badge",
539
413
  "customElement": true
540
414
  }
541
415
  ],
542
416
  "exports": [
543
417
  {
544
418
  "kind": "js",
545
- "name": "BmAlert",
419
+ "name": "BmBadge",
546
420
  "declaration": {
547
- "name": "BmAlert",
548
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
421
+ "name": "BmBadge",
422
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
549
423
  }
550
424
  },
551
425
  {
552
426
  "kind": "custom-element-definition",
553
- "name": "bm-alert",
427
+ "name": "bm-badge",
554
428
  "declaration": {
555
- "name": "BmAlert",
556
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
429
+ "name": "BmBadge",
430
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
557
431
  }
558
432
  }
559
433
  ]
560
434
  },
561
435
  {
562
436
  "kind": "javascript-module",
563
- "path": "libs/web-components/src/lib/Alert/index.ts",
437
+ "path": "libs/web-components/src/lib/Badge/index.ts",
564
438
  "declarations": [],
565
439
  "exports": [
566
440
  {
@@ -568,538 +442,399 @@
568
442
  "name": "*",
569
443
  "declaration": {
570
444
  "name": "*",
571
- "package": "./Alert"
445
+ "package": "./Badge"
572
446
  }
573
447
  }
574
448
  ]
575
449
  },
576
450
  {
577
451
  "kind": "javascript-module",
578
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
452
+ "path": "libs/web-components/src/lib/Box/Box.ts",
579
453
  "declarations": [
580
454
  {
581
455
  "kind": "class",
582
- "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
583
- "name": "BmBadge",
456
+ "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",
457
+ "name": "BmBox",
584
458
  "slots": [
585
459
  {
586
- "description": "Provide text for the Badge",
460
+ "description": "Provide content for the Box",
587
461
  "name": "default"
588
- },
589
- {
590
- "description": "Specify a different icon for the Badge",
591
- "name": "icon"
592
462
  }
593
463
  ],
594
464
  "members": [
595
465
  {
596
466
  "kind": "field",
597
- "name": "appearance",
467
+ "name": "backgroundColor",
598
468
  "type": {
599
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
469
+ "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"
600
470
  },
601
- "default": "'infoPrimary'",
602
- "description": "Specify the appearance of the Badge",
603
- "attribute": "appearance"
471
+ "description": "Specify the background color of a Box",
472
+ "attribute": "backgroundColor"
604
473
  },
605
474
  {
606
475
  "kind": "field",
607
- "name": "theme",
476
+ "name": "borderColor",
608
477
  "type": {
609
- "text": "'light' | 'dark' | undefined"
478
+ "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"
610
479
  },
611
- "description": "Theme of the Badge",
612
- "attribute": "theme"
480
+ "description": "Specify the border color of a Box",
481
+ "attribute": "borderColor"
613
482
  },
614
483
  {
615
484
  "kind": "field",
616
- "name": "size",
485
+ "name": "borderWidth",
617
486
  "type": {
618
- "text": "'sm' | 'md' | undefined"
487
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
619
488
  },
620
- "default": "'sm'",
621
- "description": "Specify the size of the Badge",
622
- "attribute": "size"
489
+ "description": "Specify the border width of a Box",
490
+ "attribute": "borderWidth"
623
491
  },
624
492
  {
625
493
  "kind": "field",
626
- "name": "emphasis",
494
+ "name": "borderRadius",
627
495
  "type": {
628
- "text": "'strong' | 'medium' | 'subtle'"
496
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
629
497
  },
630
- "default": "'strong'",
631
- "description": "Specify the emphasis of the Badge",
632
- "attribute": "emphasis"
498
+ "description": "Specify the border radius of a Box",
499
+ "attribute": "borderRadius"
633
500
  },
634
501
  {
635
502
  "kind": "field",
636
- "name": "hideIcon",
503
+ "name": "px",
637
504
  "type": {
638
- "text": "boolean | undefined"
505
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
639
506
  },
640
- "description": "Hides Badge icon",
641
- "attribute": "hideIcon"
642
- }
643
- ],
644
- "attributes": [
507
+ "description": "Specify before and after padding of a Box",
508
+ "attribute": "px"
509
+ },
645
510
  {
646
- "name": "appearance",
511
+ "kind": "field",
512
+ "name": "py",
647
513
  "type": {
648
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
514
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
649
515
  },
650
- "default": "'infoPrimary'",
651
- "description": "Specify the appearance of the Badge",
652
- "fieldName": "appearance"
516
+ "description": "Specify top and bottom padding of a Box",
517
+ "attribute": "py"
653
518
  },
654
519
  {
655
- "name": "theme",
520
+ "kind": "field",
521
+ "name": "pTop",
656
522
  "type": {
657
- "text": "'light' | 'dark' | undefined"
523
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
658
524
  },
659
- "description": "Theme of the Badge",
660
- "fieldName": "theme"
525
+ "description": "Specify top padding of a Box",
526
+ "attribute": "pTop"
661
527
  },
662
528
  {
663
- "name": "size",
529
+ "kind": "field",
530
+ "name": "pBottom",
664
531
  "type": {
665
- "text": "'sm' | 'md' | undefined"
532
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
666
533
  },
667
- "default": "'sm'",
668
- "description": "Specify the size of the Badge",
669
- "fieldName": "size"
534
+ "description": "Specify bottom padding of a Box",
535
+ "attribute": "pBottom"
670
536
  },
671
537
  {
672
- "name": "emphasis",
538
+ "kind": "field",
539
+ "name": "pBefore",
673
540
  "type": {
674
- "text": "'strong' | 'medium' | 'subtle'"
541
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
675
542
  },
676
- "default": "'strong'",
677
- "description": "Specify the emphasis of the Badge",
678
- "fieldName": "emphasis"
543
+ "description": "Specify before padding of a Box",
544
+ "attribute": "pBefore"
679
545
  },
680
546
  {
681
- "name": "hideIcon",
547
+ "kind": "field",
548
+ "name": "pAfter",
682
549
  "type": {
683
- "text": "boolean | undefined"
550
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
684
551
  },
685
- "description": "Hides Badge icon",
686
- "fieldName": "hideIcon"
687
- }
688
- ],
689
- "superclass": {
690
- "name": "LitElement",
691
- "package": "lit"
692
- },
693
- "tagName": "bm-badge",
694
- "customElement": true
695
- }
696
- ],
697
- "exports": [
698
- {
699
- "kind": "js",
700
- "name": "BmBadge",
701
- "declaration": {
702
- "name": "BmBadge",
703
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
704
- }
705
- },
706
- {
707
- "kind": "custom-element-definition",
708
- "name": "bm-badge",
709
- "declaration": {
710
- "name": "BmBadge",
711
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
712
- }
713
- }
714
- ]
715
- },
716
- {
717
- "kind": "javascript-module",
718
- "path": "libs/web-components/src/lib/Badge/index.ts",
719
- "declarations": [],
720
- "exports": [
721
- {
722
- "kind": "js",
723
- "name": "*",
724
- "declaration": {
725
- "name": "*",
726
- "package": "./Badge"
727
- }
728
- }
729
- ]
730
- },
731
- {
732
- "kind": "javascript-module",
733
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
734
- "declarations": [
735
- {
736
- "kind": "class",
737
- "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
738
- "name": "BmAvatar",
739
- "slots": [
740
- {
741
- "description": "Customize the default icon",
742
- "name": "icon"
743
- }
744
- ],
745
- "members": [
552
+ "description": "Specify after padding of a Box",
553
+ "attribute": "pAfter"
554
+ },
746
555
  {
747
556
  "kind": "field",
748
- "name": "appearance",
557
+ "name": "mx",
749
558
  "type": {
750
- "text": "'accent' | 'neutral' | undefined"
559
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
751
560
  },
752
- "default": "'neutral'",
753
- "description": "Specify the appearance of the Avatar",
754
- "attribute": "appearance"
561
+ "description": "Specify before and after margin of a Box",
562
+ "attribute": "mx"
755
563
  },
756
564
  {
757
565
  "kind": "field",
758
- "name": "name",
566
+ "name": "my",
759
567
  "type": {
760
- "text": "string | undefined"
568
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
761
569
  },
762
- "description": "Specify a name to display initials in the Avatar",
763
- "attribute": "name"
570
+ "description": "Specify top and bottom margin of a Box",
571
+ "attribute": "my"
764
572
  },
765
573
  {
766
574
  "kind": "field",
767
- "name": "src",
575
+ "name": "mTop",
768
576
  "type": {
769
- "text": "string | undefined"
577
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
770
578
  },
771
- "description": "Pass an image to the Avatar",
772
- "attribute": "src"
579
+ "description": "Specify top margin of a Box",
580
+ "attribute": "mTop"
773
581
  },
774
582
  {
775
583
  "kind": "field",
776
- "name": "alt",
584
+ "name": "mBottom",
777
585
  "type": {
778
- "text": "string | undefined"
586
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
779
587
  },
780
- "description": "Specify alt for image",
781
- "attribute": "alt"
588
+ "description": "Specify bottom margin of a Box",
589
+ "attribute": "mBottom"
782
590
  },
783
591
  {
784
592
  "kind": "field",
785
- "name": "size",
593
+ "name": "mBefore",
786
594
  "type": {
787
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
595
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
788
596
  },
789
- "default": "'md'",
790
- "description": "Specify the size of the Avatar",
791
- "attribute": "size"
597
+ "description": "Specify before margin of a Box",
598
+ "attribute": "mBefore"
792
599
  },
793
600
  {
794
601
  "kind": "field",
795
- "name": "disabled",
602
+ "name": "mAfter",
796
603
  "type": {
797
- "text": "boolean | undefined"
604
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
798
605
  },
799
- "default": "false",
800
- "description": "Specify if the Avatar is disabled",
801
- "attribute": "disabled"
606
+ "description": "Specify after margin of a Box",
607
+ "attribute": "mAfter"
802
608
  },
803
609
  {
804
610
  "kind": "field",
805
- "name": "shape",
611
+ "name": "m",
806
612
  "type": {
807
- "text": "'circle' | 'square' | undefined"
613
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
808
614
  },
809
- "default": "'circle'",
810
- "description": "Specify the shape of the Avatar",
811
- "attribute": "shape"
615
+ "description": "Specify all margin",
616
+ "attribute": "m"
812
617
  },
813
618
  {
814
619
  "kind": "field",
815
- "name": "isInteractive",
620
+ "name": "p",
816
621
  "type": {
817
- "text": "boolean"
622
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
818
623
  },
819
- "default": "false",
820
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
821
- "attribute": "isInteractive"
624
+ "description": "Specify all padding",
625
+ "attribute": "p"
822
626
  },
823
627
  {
824
628
  "kind": "field",
825
- "name": "isFocusable",
629
+ "name": "gap",
826
630
  "type": {
827
- "text": "boolean"
631
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
828
632
  },
829
- "default": "false",
830
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
831
- "attribute": "isFocusable"
633
+ "description": "Specify gap between child elements",
634
+ "attribute": "gap"
832
635
  },
833
636
  {
834
637
  "kind": "field",
835
- "name": "withBorder",
638
+ "name": "shadow",
836
639
  "type": {
837
- "text": "boolean"
640
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
838
641
  },
839
- "default": "false",
840
- "attribute": "withBorder"
642
+ "description": "Specify if a Box has a shadow",
643
+ "attribute": "shadow"
841
644
  }
842
645
  ],
843
646
  "attributes": [
844
647
  {
845
- "name": "appearance",
648
+ "name": "backgroundColor",
846
649
  "type": {
847
- "text": "'accent' | 'neutral' | undefined"
650
+ "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"
848
651
  },
849
- "default": "'neutral'",
850
- "description": "Specify the appearance of the Avatar",
851
- "fieldName": "appearance"
652
+ "description": "Specify the background color of a Box",
653
+ "fieldName": "backgroundColor"
852
654
  },
853
655
  {
854
- "name": "name",
656
+ "name": "borderColor",
855
657
  "type": {
856
- "text": "string | undefined"
658
+ "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"
857
659
  },
858
- "description": "Specify a name to display initials in the Avatar",
859
- "fieldName": "name"
660
+ "description": "Specify the border color of a Box",
661
+ "fieldName": "borderColor"
860
662
  },
861
663
  {
862
- "name": "src",
664
+ "name": "borderWidth",
863
665
  "type": {
864
- "text": "string | undefined"
666
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
865
667
  },
866
- "description": "Pass an image to the Avatar",
867
- "fieldName": "src"
668
+ "description": "Specify the border width of a Box",
669
+ "fieldName": "borderWidth"
868
670
  },
869
671
  {
870
- "name": "alt",
672
+ "name": "borderRadius",
871
673
  "type": {
872
- "text": "string | undefined"
674
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
873
675
  },
874
- "description": "Specify alt for image",
875
- "fieldName": "alt"
676
+ "description": "Specify the border radius of a Box",
677
+ "fieldName": "borderRadius"
876
678
  },
877
679
  {
878
- "name": "size",
680
+ "name": "px",
879
681
  "type": {
880
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
682
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
881
683
  },
882
- "default": "'md'",
883
- "description": "Specify the size of the Avatar",
884
- "fieldName": "size"
684
+ "description": "Specify before and after padding of a Box",
685
+ "fieldName": "px"
885
686
  },
886
687
  {
887
- "name": "disabled",
688
+ "name": "py",
888
689
  "type": {
889
- "text": "boolean | undefined"
690
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
890
691
  },
891
- "default": "false",
892
- "description": "Specify if the Avatar is disabled",
893
- "fieldName": "disabled"
692
+ "description": "Specify top and bottom padding of a Box",
693
+ "fieldName": "py"
894
694
  },
895
695
  {
896
- "name": "shape",
696
+ "name": "pTop",
897
697
  "type": {
898
- "text": "'circle' | 'square' | undefined"
698
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
899
699
  },
900
- "default": "'circle'",
901
- "description": "Specify the shape of the Avatar",
902
- "fieldName": "shape"
700
+ "description": "Specify top padding of a Box",
701
+ "fieldName": "pTop"
903
702
  },
904
703
  {
905
- "name": "isInteractive",
704
+ "name": "pBottom",
906
705
  "type": {
907
- "text": "boolean"
706
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
908
707
  },
909
- "default": "false",
910
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
911
- "fieldName": "isInteractive"
708
+ "description": "Specify bottom padding of a Box",
709
+ "fieldName": "pBottom"
912
710
  },
913
711
  {
914
- "name": "isFocusable",
712
+ "name": "pBefore",
915
713
  "type": {
916
- "text": "boolean"
714
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
917
715
  },
918
- "default": "false",
919
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
920
- "fieldName": "isFocusable"
716
+ "description": "Specify before padding of a Box",
717
+ "fieldName": "pBefore"
921
718
  },
922
719
  {
923
- "name": "withBorder",
720
+ "name": "pAfter",
924
721
  "type": {
925
- "text": "boolean"
722
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
926
723
  },
927
- "default": "false",
928
- "fieldName": "withBorder"
929
- }
930
- ],
931
- "superclass": {
932
- "name": "LitElement",
933
- "package": "lit"
934
- },
935
- "tagName": "bm-avatar",
936
- "customElement": true
937
- }
938
- ],
939
- "exports": [
940
- {
941
- "kind": "js",
942
- "name": "BmAvatar",
943
- "declaration": {
944
- "name": "BmAvatar",
945
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
946
- }
947
- },
948
- {
949
- "kind": "custom-element-definition",
950
- "name": "bm-avatar",
951
- "declaration": {
952
- "name": "BmAvatar",
953
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
954
- }
955
- }
956
- ]
957
- },
958
- {
959
- "kind": "javascript-module",
960
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
961
- "declarations": [
962
- {
963
- "kind": "variable",
964
- "name": "AvatarGroupCtx"
965
- }
966
- ],
967
- "exports": [
968
- {
969
- "kind": "js",
970
- "name": "AvatarGroupCtx",
971
- "declaration": {
972
- "name": "AvatarGroupCtx",
973
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
974
- }
975
- }
976
- ]
977
- },
978
- {
979
- "kind": "javascript-module",
980
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
981
- "declarations": [
982
- {
983
- "kind": "class",
984
- "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
985
- "name": "BmAvatarGroup",
986
- "slots": [
724
+ "description": "Specify after padding of a Box",
725
+ "fieldName": "pAfter"
726
+ },
987
727
  {
988
- "description": "Add Avatars to create a group",
989
- "name": "default"
990
- }
991
- ],
992
- "members": [
728
+ "name": "mx",
729
+ "type": {
730
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
731
+ },
732
+ "description": "Specify before and after margin of a Box",
733
+ "fieldName": "mx"
734
+ },
993
735
  {
994
- "kind": "field",
995
- "name": "wrapping",
736
+ "name": "my",
996
737
  "type": {
997
- "text": "boolean"
738
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
998
739
  },
999
- "default": "false",
1000
- "description": "Specify if the AvatarGroup wraps",
1001
- "attribute": "wrapping"
740
+ "description": "Specify top and bottom margin of a Box",
741
+ "fieldName": "my"
1002
742
  },
1003
743
  {
1004
- "kind": "field",
1005
- "name": "maxCount",
744
+ "name": "mTop",
1006
745
  "type": {
1007
- "text": "number"
746
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1008
747
  },
1009
- "default": "5",
1010
- "description": "Specify the max number of avatars displayed in the group.",
1011
- "attribute": "maxCount",
1012
- "reflects": true
748
+ "description": "Specify top margin of a Box",
749
+ "fieldName": "mTop"
1013
750
  },
1014
751
  {
1015
- "kind": "field",
1016
- "name": "size",
752
+ "name": "mBottom",
1017
753
  "type": {
1018
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
754
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1019
755
  },
1020
- "default": "'md'",
1021
- "description": "Specify the size of all Avatars",
1022
- "attribute": "size"
756
+ "description": "Specify bottom margin of a Box",
757
+ "fieldName": "mBottom"
1023
758
  },
1024
759
  {
1025
- "kind": "field",
1026
- "name": "layout",
760
+ "name": "mBefore",
1027
761
  "type": {
1028
- "text": "'stacked' | 'spaced' | undefined"
762
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1029
763
  },
1030
- "default": "'stacked'",
1031
- "description": "Specify the kind of the group.",
1032
- "attribute": "layout"
1033
- }
1034
- ],
1035
- "attributes": [
764
+ "description": "Specify before margin of a Box",
765
+ "fieldName": "mBefore"
766
+ },
1036
767
  {
1037
- "name": "wrapping",
768
+ "name": "mAfter",
1038
769
  "type": {
1039
- "text": "boolean"
770
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1040
771
  },
1041
- "default": "false",
1042
- "description": "Specify if the AvatarGroup wraps",
1043
- "fieldName": "wrapping"
772
+ "description": "Specify after margin of a Box",
773
+ "fieldName": "mAfter"
1044
774
  },
1045
775
  {
1046
- "name": "maxCount",
776
+ "name": "m",
1047
777
  "type": {
1048
- "text": "number"
778
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1049
779
  },
1050
- "default": "5",
1051
- "description": "Specify the max number of avatars displayed in the group.",
1052
- "fieldName": "maxCount"
780
+ "description": "Specify all margin",
781
+ "fieldName": "m"
1053
782
  },
1054
783
  {
1055
- "name": "size",
784
+ "name": "p",
1056
785
  "type": {
1057
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
786
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1058
787
  },
1059
- "default": "'md'",
1060
- "description": "Specify the size of all Avatars",
1061
- "fieldName": "size"
788
+ "description": "Specify all padding",
789
+ "fieldName": "p"
1062
790
  },
1063
791
  {
1064
- "name": "layout",
792
+ "name": "gap",
1065
793
  "type": {
1066
- "text": "'stacked' | 'spaced' | undefined"
794
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1067
795
  },
1068
- "default": "'stacked'",
1069
- "description": "Specify the kind of the group.",
1070
- "fieldName": "layout"
796
+ "description": "Specify gap between child elements",
797
+ "fieldName": "gap"
798
+ },
799
+ {
800
+ "name": "shadow",
801
+ "type": {
802
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
803
+ },
804
+ "description": "Specify if a Box has a shadow",
805
+ "fieldName": "shadow"
1071
806
  }
1072
807
  ],
1073
808
  "superclass": {
1074
809
  "name": "LitElement",
1075
810
  "package": "lit"
1076
811
  },
1077
- "tagName": "bm-avatar-group",
812
+ "tagName": "bm-box",
1078
813
  "customElement": true
1079
814
  }
1080
815
  ],
1081
816
  "exports": [
1082
817
  {
1083
818
  "kind": "js",
1084
- "name": "BmAvatarGroup",
819
+ "name": "BmBox",
1085
820
  "declaration": {
1086
- "name": "BmAvatarGroup",
1087
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
821
+ "name": "BmBox",
822
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1088
823
  }
1089
824
  },
1090
825
  {
1091
826
  "kind": "custom-element-definition",
1092
- "name": "bm-avatar-group",
827
+ "name": "bm-box",
1093
828
  "declaration": {
1094
- "name": "BmAvatarGroup",
1095
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
829
+ "name": "BmBox",
830
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1096
831
  }
1097
832
  }
1098
833
  ]
1099
834
  },
1100
835
  {
1101
836
  "kind": "javascript-module",
1102
- "path": "libs/web-components/src/lib/Avatar/index.ts",
837
+ "path": "libs/web-components/src/lib/Box/index.ts",
1103
838
  "declarations": [],
1104
839
  "exports": [
1105
840
  {
@@ -1107,15 +842,7 @@
1107
842
  "name": "*",
1108
843
  "declaration": {
1109
844
  "name": "*",
1110
- "package": "./Avatar"
1111
- }
1112
- },
1113
- {
1114
- "kind": "js",
1115
- "name": "*",
1116
- "declaration": {
1117
- "name": "*",
1118
- "package": "./AvatarGroup"
845
+ "package": "./Box"
1119
846
  }
1120
847
  }
1121
848
  ]
@@ -1254,392 +981,558 @@
1254
981
  },
1255
982
  {
1256
983
  "kind": "javascript-module",
1257
- "path": "libs/web-components/src/lib/Box/Box.ts",
984
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1258
985
  "declarations": [
1259
986
  {
1260
- "kind": "class",
1261
- "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
1262
- "name": "BmBox",
1263
- "slots": [
1264
- {
1265
- "description": "Provide content for the Box",
1266
- "name": "default"
1267
- }
1268
- ],
1269
- "members": [
1270
- {
1271
- "kind": "field",
1272
- "name": "backgroundColor",
1273
- "type": {
1274
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1275
- },
1276
- "description": "Specify the background color of a Box",
1277
- "attribute": "backgroundColor"
1278
- },
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": [
1279
1017
  {
1280
1018
  "kind": "field",
1281
- "name": "borderColor",
1019
+ "name": "wrap",
1282
1020
  "type": {
1283
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1021
+ "text": "boolean"
1284
1022
  },
1285
- "description": "Specify the border color of a Box",
1286
- "attribute": "borderColor"
1023
+ "default": "true",
1024
+ "description": "Specify if items wrap or collapse to an ellipsis",
1025
+ "attribute": "wrap"
1287
1026
  },
1288
1027
  {
1289
1028
  "kind": "field",
1290
- "name": "borderWidth",
1029
+ "name": "itemsBeforeCollapse",
1291
1030
  "type": {
1292
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1031
+ "text": "number"
1293
1032
  },
1294
- "description": "Specify the border width of a Box",
1295
- "attribute": "borderWidth"
1033
+ "default": "1",
1034
+ "description": "Specify how many items show before ellipsis",
1035
+ "attribute": "itemsBeforeCollapse"
1296
1036
  },
1297
1037
  {
1298
1038
  "kind": "field",
1299
- "name": "borderRadius",
1039
+ "name": "itemsAfterCollapse",
1300
1040
  "type": {
1301
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1041
+ "text": "number"
1302
1042
  },
1303
- "description": "Specify the border radius of a Box",
1304
- "attribute": "borderRadius"
1043
+ "default": "1",
1044
+ "description": "Specify how many items show after ellipsis",
1045
+ "attribute": "itemsAfterCollapse"
1305
1046
  },
1306
1047
  {
1307
1048
  "kind": "field",
1308
- "name": "px",
1049
+ "name": "theme",
1309
1050
  "type": {
1310
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1051
+ "text": "'light' | 'dark' | undefined"
1311
1052
  },
1312
- "description": "Specify before and after padding of a Box",
1313
- "attribute": "px"
1314
- },
1053
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1054
+ "attribute": "theme"
1055
+ }
1056
+ ],
1057
+ "attributes": [
1315
1058
  {
1316
- "kind": "field",
1317
- "name": "py",
1059
+ "name": "wrap",
1318
1060
  "type": {
1319
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1061
+ "text": "boolean"
1320
1062
  },
1321
- "description": "Specify top and bottom padding of a Box",
1322
- "attribute": "py"
1063
+ "default": "true",
1064
+ "description": "Specify if items wrap or collapse to an ellipsis",
1065
+ "fieldName": "wrap"
1323
1066
  },
1324
1067
  {
1325
- "kind": "field",
1326
- "name": "pTop",
1068
+ "name": "itemsBeforeCollapse",
1327
1069
  "type": {
1328
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1070
+ "text": "number"
1329
1071
  },
1330
- "description": "Specify top padding of a Box",
1331
- "attribute": "pTop"
1072
+ "default": "1",
1073
+ "description": "Specify how many items show before ellipsis",
1074
+ "fieldName": "itemsBeforeCollapse"
1332
1075
  },
1333
1076
  {
1334
- "kind": "field",
1335
- "name": "pBottom",
1077
+ "name": "itemsAfterCollapse",
1336
1078
  "type": {
1337
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1079
+ "text": "number"
1338
1080
  },
1339
- "description": "Specify bottom padding of a Box",
1340
- "attribute": "pBottom"
1081
+ "default": "1",
1082
+ "description": "Specify how many items show after ellipsis",
1083
+ "fieldName": "itemsAfterCollapse"
1341
1084
  },
1342
1085
  {
1343
- "kind": "field",
1344
- "name": "pBefore",
1086
+ "name": "theme",
1345
1087
  "type": {
1346
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1088
+ "text": "'light' | 'dark' | undefined"
1347
1089
  },
1348
- "description": "Specify before padding of a Box",
1349
- "attribute": "pBefore"
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"
1350
1133
  },
1134
+ {
1135
+ "description": "Pass icon to an item",
1136
+ "name": "icon"
1137
+ }
1138
+ ],
1139
+ "members": [
1351
1140
  {
1352
1141
  "kind": "field",
1353
- "name": "pAfter",
1142
+ "name": "href",
1354
1143
  "type": {
1355
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1144
+ "text": "string | undefined"
1356
1145
  },
1357
- "description": "Specify after padding of a Box",
1358
- "attribute": "pAfter"
1146
+ "description": "Pass href to an item",
1147
+ "attribute": "href"
1359
1148
  },
1360
1149
  {
1361
1150
  "kind": "field",
1362
- "name": "mx",
1151
+ "name": "clickable",
1363
1152
  "type": {
1364
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1153
+ "text": "boolean"
1365
1154
  },
1366
- "description": "Specify before and after margin of a Box",
1367
- "attribute": "mx"
1155
+ "default": "false",
1156
+ "description": "Specify if the item is interactive without an href",
1157
+ "attribute": "clickable"
1368
1158
  },
1369
1159
  {
1370
1160
  "kind": "field",
1371
- "name": "my",
1161
+ "name": "truncationWidth",
1372
1162
  "type": {
1373
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1163
+ "text": "string | undefined"
1374
1164
  },
1375
- "description": "Specify top and bottom margin of a Box",
1376
- "attribute": "my"
1165
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1166
+ "attribute": "truncationWidth"
1377
1167
  },
1378
1168
  {
1379
1169
  "kind": "field",
1380
- "name": "mTop",
1170
+ "name": "isCurrent",
1381
1171
  "type": {
1382
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1172
+ "text": "boolean"
1383
1173
  },
1384
- "description": "Specify top margin of a Box",
1385
- "attribute": "mTop"
1174
+ "default": "false",
1175
+ "description": "Specify explicitly if the item is the last one",
1176
+ "attribute": "isCurrent",
1177
+ "reflects": true
1386
1178
  },
1387
1179
  {
1388
1180
  "kind": "field",
1389
- "name": "mBottom",
1181
+ "name": "isCollapsed",
1390
1182
  "type": {
1391
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1183
+ "text": "boolean"
1392
1184
  },
1393
- "description": "Specify bottom margin of a Box",
1394
- "attribute": "mBottom"
1395
- },
1185
+ "default": "false",
1186
+ "attribute": "isCollapsed",
1187
+ "reflects": true
1188
+ }
1189
+ ],
1190
+ "attributes": [
1396
1191
  {
1397
- "kind": "field",
1398
- "name": "mBefore",
1192
+ "name": "href",
1399
1193
  "type": {
1400
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1194
+ "text": "string | undefined"
1401
1195
  },
1402
- "description": "Specify before margin of a Box",
1403
- "attribute": "mBefore"
1196
+ "description": "Pass href to an item",
1197
+ "fieldName": "href"
1404
1198
  },
1405
1199
  {
1406
- "kind": "field",
1407
- "name": "mAfter",
1200
+ "name": "clickable",
1408
1201
  "type": {
1409
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1202
+ "text": "boolean"
1410
1203
  },
1411
- "description": "Specify after margin of a Box",
1412
- "attribute": "mAfter"
1204
+ "default": "false",
1205
+ "description": "Specify if the item is interactive without an href",
1206
+ "fieldName": "clickable"
1413
1207
  },
1414
1208
  {
1415
- "kind": "field",
1416
- "name": "m",
1209
+ "name": "truncationWidth",
1417
1210
  "type": {
1418
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1211
+ "text": "string | undefined"
1419
1212
  },
1420
- "description": "Specify all margin",
1421
- "attribute": "m"
1213
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1214
+ "fieldName": "truncationWidth"
1422
1215
  },
1423
1216
  {
1424
- "kind": "field",
1425
- "name": "p",
1217
+ "name": "isCurrent",
1426
1218
  "type": {
1427
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1219
+ "text": "boolean"
1428
1220
  },
1429
- "description": "Specify all padding",
1430
- "attribute": "p"
1221
+ "default": "false",
1222
+ "description": "Specify explicitly if the item is the last one",
1223
+ "fieldName": "isCurrent"
1431
1224
  },
1432
1225
  {
1433
- "kind": "field",
1434
- "name": "gap",
1226
+ "name": "isCollapsed",
1435
1227
  "type": {
1436
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1228
+ "text": "boolean"
1437
1229
  },
1438
- "description": "Specify gap between child elements",
1439
- "attribute": "gap"
1230
+ "default": "false",
1231
+ "fieldName": "isCollapsed"
1232
+ }
1233
+ ],
1234
+ "superclass": {
1235
+ "name": "LitElement",
1236
+ "package": "lit"
1237
+ },
1238
+ "tagName": "bm-breadcrumb-item",
1239
+ "customElement": true
1240
+ }
1241
+ ],
1242
+ "exports": [
1243
+ {
1244
+ "kind": "js",
1245
+ "name": "BmBreadcrumbsItem",
1246
+ "declaration": {
1247
+ "name": "BmBreadcrumbsItem",
1248
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1249
+ }
1250
+ },
1251
+ {
1252
+ "kind": "custom-element-definition",
1253
+ "name": "bm-breadcrumb-item",
1254
+ "declaration": {
1255
+ "name": "BmBreadcrumbsItem",
1256
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1257
+ }
1258
+ }
1259
+ ]
1260
+ },
1261
+ {
1262
+ "kind": "javascript-module",
1263
+ "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1264
+ "declarations": [],
1265
+ "exports": [
1266
+ {
1267
+ "kind": "js",
1268
+ "name": "*",
1269
+ "declaration": {
1270
+ "name": "*",
1271
+ "package": "./Breadcrumbs"
1272
+ }
1273
+ },
1274
+ {
1275
+ "kind": "js",
1276
+ "name": "*",
1277
+ "declaration": {
1278
+ "name": "*",
1279
+ "package": "./BreadcrumbsItem"
1280
+ }
1281
+ }
1282
+ ]
1283
+ },
1284
+ {
1285
+ "kind": "javascript-module",
1286
+ "path": "libs/web-components/src/lib/Button/Button.ts",
1287
+ "declarations": [
1288
+ {
1289
+ "kind": "class",
1290
+ "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1291
+ "name": "BmButton",
1292
+ "slots": [
1293
+ {
1294
+ "description": "Provide content for the Button",
1295
+ "name": "default"
1296
+ },
1297
+ {
1298
+ "description": "Specify if the Button displays icon before the text",
1299
+ "name": "iconBefore"
1440
1300
  },
1301
+ {
1302
+ "description": "Specify if the Button displays icon after the text",
1303
+ "name": "iconAfter"
1304
+ }
1305
+ ],
1306
+ "members": [
1441
1307
  {
1442
1308
  "kind": "field",
1443
- "name": "shadow",
1309
+ "name": "formAssociated",
1444
1310
  "type": {
1445
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1311
+ "text": "boolean"
1446
1312
  },
1447
- "description": "Specify if a Box has a shadow",
1448
- "attribute": "shadow"
1449
- }
1450
- ],
1451
- "attributes": [
1313
+ "static": true,
1314
+ "default": "true"
1315
+ },
1452
1316
  {
1453
- "name": "backgroundColor",
1317
+ "kind": "field",
1318
+ "name": "appearance",
1454
1319
  "type": {
1455
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1320
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1456
1321
  },
1457
- "description": "Specify the background color of a Box",
1458
- "fieldName": "backgroundColor"
1322
+ "default": "'accent'",
1323
+ "description": "Specify the appearance of a Button",
1324
+ "attribute": "appearance"
1459
1325
  },
1460
1326
  {
1461
- "name": "borderColor",
1327
+ "kind": "field",
1328
+ "name": "kind",
1462
1329
  "type": {
1463
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1330
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1464
1331
  },
1465
- "description": "Specify the border color of a Box",
1466
- "fieldName": "borderColor"
1332
+ "default": "'filled'",
1333
+ "description": "Specify the kind of Button",
1334
+ "attribute": "kind"
1467
1335
  },
1468
1336
  {
1469
- "name": "borderWidth",
1337
+ "kind": "field",
1338
+ "name": "size",
1470
1339
  "type": {
1471
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1340
+ "text": "'sm' | 'md' | 'lg'"
1472
1341
  },
1473
- "description": "Specify the border width of a Box",
1474
- "fieldName": "borderWidth"
1342
+ "default": "'md'",
1343
+ "description": "Specify the size of a Button",
1344
+ "attribute": "size"
1475
1345
  },
1476
1346
  {
1477
- "name": "borderRadius",
1347
+ "kind": "field",
1348
+ "name": "disabled",
1478
1349
  "type": {
1479
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1350
+ "text": "boolean"
1480
1351
  },
1481
- "description": "Specify the border radius of a Box",
1482
- "fieldName": "borderRadius"
1352
+ "default": "false",
1353
+ "description": "Specify if the Button is disabled",
1354
+ "attribute": "disabled"
1483
1355
  },
1484
1356
  {
1485
- "name": "px",
1357
+ "kind": "field",
1358
+ "name": "fluid",
1486
1359
  "type": {
1487
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1360
+ "text": "boolean"
1488
1361
  },
1489
- "description": "Specify before and after padding of a Box",
1490
- "fieldName": "px"
1362
+ "default": "false",
1363
+ "description": "Specify if Button is fluid",
1364
+ "attribute": "fluid"
1491
1365
  },
1492
1366
  {
1493
- "name": "py",
1367
+ "kind": "field",
1368
+ "name": "width",
1494
1369
  "type": {
1495
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1370
+ "text": "string | undefined"
1496
1371
  },
1497
- "description": "Specify top and bottom padding of a Box",
1498
- "fieldName": "py"
1372
+ "description": "Specify the width of a Button",
1373
+ "attribute": "width"
1499
1374
  },
1500
1375
  {
1501
- "name": "pTop",
1376
+ "kind": "field",
1377
+ "name": "height",
1502
1378
  "type": {
1503
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1379
+ "text": "string | undefined"
1504
1380
  },
1505
- "description": "Specify top padding of a Box",
1506
- "fieldName": "pTop"
1381
+ "description": "Specify the height of a Button",
1382
+ "attribute": "height"
1507
1383
  },
1508
1384
  {
1509
- "name": "pBottom",
1385
+ "kind": "field",
1386
+ "name": "theme",
1510
1387
  "type": {
1511
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1388
+ "text": "'light' | 'dark' | undefined"
1512
1389
  },
1513
- "description": "Specify bottom padding of a Box",
1514
- "fieldName": "pBottom"
1390
+ "description": "Specify the theme of the Button",
1391
+ "attribute": "theme"
1515
1392
  },
1516
1393
  {
1517
- "name": "pBefore",
1394
+ "kind": "field",
1395
+ "name": "iconOnly",
1518
1396
  "type": {
1519
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1397
+ "text": "boolean | undefined"
1520
1398
  },
1521
- "description": "Specify before padding of a Box",
1522
- "fieldName": "pBefore"
1399
+ "description": "Specify if the icon displays without text",
1400
+ "attribute": "iconOnly"
1523
1401
  },
1524
1402
  {
1525
- "name": "pAfter",
1403
+ "kind": "field",
1404
+ "name": "type",
1526
1405
  "type": {
1527
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1406
+ "text": "string"
1528
1407
  },
1529
- "description": "Specify after padding of a Box",
1530
- "fieldName": "pAfter"
1408
+ "default": "'button'",
1409
+ "attribute": "type"
1531
1410
  },
1532
1411
  {
1533
- "name": "mx",
1412
+ "kind": "field",
1413
+ "name": "formContext",
1534
1414
  "type": {
1535
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1415
+ "text": "BmFormContext"
1416
+ }
1417
+ }
1418
+ ],
1419
+ "attributes": [
1420
+ {
1421
+ "name": "appearance",
1422
+ "type": {
1423
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1536
1424
  },
1537
- "description": "Specify before and after margin of a Box",
1538
- "fieldName": "mx"
1425
+ "default": "'accent'",
1426
+ "description": "Specify the appearance of a Button",
1427
+ "fieldName": "appearance"
1539
1428
  },
1540
1429
  {
1541
- "name": "my",
1430
+ "name": "kind",
1542
1431
  "type": {
1543
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1432
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1544
1433
  },
1545
- "description": "Specify top and bottom margin of a Box",
1546
- "fieldName": "my"
1434
+ "default": "'filled'",
1435
+ "description": "Specify the kind of Button",
1436
+ "fieldName": "kind"
1547
1437
  },
1548
1438
  {
1549
- "name": "mTop",
1439
+ "name": "size",
1550
1440
  "type": {
1551
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1441
+ "text": "'sm' | 'md' | 'lg'"
1552
1442
  },
1553
- "description": "Specify top margin of a Box",
1554
- "fieldName": "mTop"
1443
+ "default": "'md'",
1444
+ "description": "Specify the size of a Button",
1445
+ "fieldName": "size"
1555
1446
  },
1556
1447
  {
1557
- "name": "mBottom",
1448
+ "name": "disabled",
1558
1449
  "type": {
1559
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1450
+ "text": "boolean"
1560
1451
  },
1561
- "description": "Specify bottom margin of a Box",
1562
- "fieldName": "mBottom"
1452
+ "default": "false",
1453
+ "description": "Specify if the Button is disabled",
1454
+ "fieldName": "disabled"
1563
1455
  },
1564
1456
  {
1565
- "name": "mBefore",
1457
+ "name": "fluid",
1566
1458
  "type": {
1567
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1459
+ "text": "boolean"
1568
1460
  },
1569
- "description": "Specify before margin of a Box",
1570
- "fieldName": "mBefore"
1461
+ "default": "false",
1462
+ "description": "Specify if Button is fluid",
1463
+ "fieldName": "fluid"
1571
1464
  },
1572
1465
  {
1573
- "name": "mAfter",
1466
+ "name": "width",
1574
1467
  "type": {
1575
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1468
+ "text": "string | undefined"
1576
1469
  },
1577
- "description": "Specify after margin of a Box",
1578
- "fieldName": "mAfter"
1470
+ "description": "Specify the width of a Button",
1471
+ "fieldName": "width"
1579
1472
  },
1580
1473
  {
1581
- "name": "m",
1474
+ "name": "height",
1582
1475
  "type": {
1583
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1476
+ "text": "string | undefined"
1584
1477
  },
1585
- "description": "Specify all margin",
1586
- "fieldName": "m"
1478
+ "description": "Specify the height of a Button",
1479
+ "fieldName": "height"
1587
1480
  },
1588
1481
  {
1589
- "name": "p",
1482
+ "name": "theme",
1590
1483
  "type": {
1591
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1484
+ "text": "'light' | 'dark' | undefined"
1592
1485
  },
1593
- "description": "Specify all padding",
1594
- "fieldName": "p"
1486
+ "description": "Specify the theme of the Button",
1487
+ "fieldName": "theme"
1595
1488
  },
1596
1489
  {
1597
- "name": "gap",
1490
+ "name": "iconOnly",
1598
1491
  "type": {
1599
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1492
+ "text": "boolean | undefined"
1600
1493
  },
1601
- "description": "Specify gap between child elements",
1602
- "fieldName": "gap"
1494
+ "description": "Specify if the icon displays without text",
1495
+ "fieldName": "iconOnly"
1603
1496
  },
1604
1497
  {
1605
- "name": "shadow",
1498
+ "name": "type",
1606
1499
  "type": {
1607
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1500
+ "text": "string"
1608
1501
  },
1609
- "description": "Specify if a Box has a shadow",
1610
- "fieldName": "shadow"
1502
+ "default": "'button'",
1503
+ "fieldName": "type"
1611
1504
  }
1612
1505
  ],
1613
1506
  "superclass": {
1614
1507
  "name": "LitElement",
1615
1508
  "package": "lit"
1616
1509
  },
1617
- "tagName": "bm-box",
1510
+ "tagName": "bm-button",
1618
1511
  "customElement": true
1619
1512
  }
1620
1513
  ],
1621
1514
  "exports": [
1622
1515
  {
1623
1516
  "kind": "js",
1624
- "name": "BmBox",
1517
+ "name": "BmButton",
1625
1518
  "declaration": {
1626
- "name": "BmBox",
1627
- "module": "libs/web-components/src/lib/Box/Box.ts"
1519
+ "name": "BmButton",
1520
+ "module": "libs/web-components/src/lib/Button/Button.ts"
1628
1521
  }
1629
1522
  },
1630
1523
  {
1631
1524
  "kind": "custom-element-definition",
1632
- "name": "bm-box",
1525
+ "name": "bm-button",
1633
1526
  "declaration": {
1634
- "name": "BmBox",
1635
- "module": "libs/web-components/src/lib/Box/Box.ts"
1527
+ "name": "BmButton",
1528
+ "module": "libs/web-components/src/lib/Button/Button.ts"
1636
1529
  }
1637
1530
  }
1638
1531
  ]
1639
1532
  },
1640
1533
  {
1641
1534
  "kind": "javascript-module",
1642
- "path": "libs/web-components/src/lib/Box/index.ts",
1535
+ "path": "libs/web-components/src/lib/Button/index.ts",
1643
1536
  "declarations": [],
1644
1537
  "exports": [
1645
1538
  {
@@ -1647,565 +1540,664 @@
1647
1540
  "name": "*",
1648
1541
  "declaration": {
1649
1542
  "name": "*",
1650
- "package": "./Box"
1651
- }
1652
- }
1653
- ]
1654
- },
1655
- {
1656
- "kind": "javascript-module",
1657
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1658
- "declarations": [
1659
- {
1660
- "kind": "variable",
1661
- "name": "BreadcrumbGroupCtx"
1662
- }
1663
- ],
1664
- "exports": [
1665
- {
1666
- "kind": "js",
1667
- "name": "BreadcrumbGroupCtx",
1668
- "declaration": {
1669
- "name": "BreadcrumbGroupCtx",
1670
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1543
+ "package": "./Button"
1671
1544
  }
1672
1545
  }
1673
1546
  ]
1674
1547
  },
1675
1548
  {
1676
1549
  "kind": "javascript-module",
1677
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1550
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
1678
1551
  "declarations": [
1679
1552
  {
1680
1553
  "kind": "class",
1681
- "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1682
- "name": "BmBreadcrumbs",
1554
+ "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
1555
+ "name": "BmAlert",
1683
1556
  "slots": [
1684
1557
  {
1685
- "description": "Pass items to the Breadcrumb",
1686
- "name": "default"
1558
+ "description": "Specify a different icon for the Alert",
1559
+ "name": "icon"
1560
+ },
1561
+ {
1562
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
1563
+ "name": "heading"
1564
+ },
1565
+ {
1566
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
1567
+ "name": "body"
1568
+ },
1569
+ {
1570
+ "description": "Specify if actions display on the Alert",
1571
+ "name": "actions"
1687
1572
  }
1688
1573
  ],
1689
1574
  "members": [
1690
1575
  {
1691
1576
  "kind": "field",
1692
- "name": "wrap",
1577
+ "name": "heading",
1578
+ "type": {
1579
+ "text": "string | undefined"
1580
+ },
1581
+ "description": "Specify the heading text for Alert",
1582
+ "attribute": "heading"
1583
+ },
1584
+ {
1585
+ "kind": "field",
1586
+ "name": "body",
1587
+ "type": {
1588
+ "text": "string | undefined"
1589
+ },
1590
+ "description": "Specify the body text for Alert",
1591
+ "attribute": "body"
1592
+ },
1593
+ {
1594
+ "kind": "field",
1595
+ "name": "size",
1596
+ "type": {
1597
+ "text": "'sm' | 'md'"
1598
+ },
1599
+ "default": "'sm'",
1600
+ "description": "Specify the size of the Alert",
1601
+ "attribute": "size"
1602
+ },
1603
+ {
1604
+ "kind": "field",
1605
+ "name": "fullWidth",
1693
1606
  "type": {
1694
1607
  "text": "boolean"
1695
1608
  },
1696
- "default": "true",
1697
- "description": "Specify if items wrap or collapse to an ellipsis",
1698
- "attribute": "wrap"
1609
+ "default": "false",
1610
+ "description": "Specify if the Alert has no border radius",
1611
+ "attribute": "fullWidth"
1699
1612
  },
1700
1613
  {
1701
1614
  "kind": "field",
1702
- "name": "itemsBeforeCollapse",
1615
+ "name": "theme",
1703
1616
  "type": {
1704
- "text": "number"
1617
+ "text": "'light' | 'dark' | undefined"
1705
1618
  },
1706
- "default": "1",
1707
- "description": "Specify how many items show before ellipsis",
1708
- "attribute": "itemsBeforeCollapse"
1619
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1620
+ "attribute": "theme"
1709
1621
  },
1710
1622
  {
1711
1623
  "kind": "field",
1712
- "name": "itemsAfterCollapse",
1624
+ "name": "appearance",
1713
1625
  "type": {
1714
- "text": "number"
1626
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1715
1627
  },
1716
- "default": "1",
1717
- "description": "Specify how many items show after ellipsis",
1718
- "attribute": "itemsAfterCollapse"
1628
+ "default": "'infoPrimary'",
1629
+ "description": "Specify the appearance of the Alert",
1630
+ "attribute": "appearance"
1631
+ },
1632
+ {
1633
+ "kind": "field",
1634
+ "name": "hidden",
1635
+ "type": {
1636
+ "text": "boolean"
1637
+ },
1638
+ "default": "false",
1639
+ "description": "Specify if the Alert is hidden",
1640
+ "attribute": "hidden"
1641
+ },
1642
+ {
1643
+ "kind": "field",
1644
+ "name": "hideIcon",
1645
+ "type": {
1646
+ "text": "boolean"
1647
+ },
1648
+ "default": "false",
1649
+ "description": "Specify if the icon displays on the Alert",
1650
+ "attribute": "hideIcon"
1651
+ },
1652
+ {
1653
+ "kind": "field",
1654
+ "name": "dismissible",
1655
+ "type": {
1656
+ "text": "boolean"
1657
+ },
1658
+ "default": "false",
1659
+ "description": "Specify if the Alert can be dismissed",
1660
+ "attribute": "dismissible"
1661
+ },
1662
+ {
1663
+ "kind": "field",
1664
+ "name": "disableAutoFocus",
1665
+ "type": {
1666
+ "text": "boolean"
1667
+ },
1668
+ "default": "false",
1669
+ "description": "Prevent autofocus on show",
1670
+ "attribute": "disableAutoFocus"
1671
+ },
1672
+ {
1673
+ "kind": "field",
1674
+ "name": "disableCloseOnEscape",
1675
+ "type": {
1676
+ "text": "boolean"
1677
+ },
1678
+ "default": "false",
1679
+ "description": "Prevent Escape from closing",
1680
+ "attribute": "disableCloseOnEscape"
1681
+ }
1682
+ ],
1683
+ "events": [
1684
+ {
1685
+ "description": "Dispatched when the Alert has been dismissed",
1686
+ "name": "bm-dismiss"
1687
+ }
1688
+ ],
1689
+ "attributes": [
1690
+ {
1691
+ "name": "heading",
1692
+ "type": {
1693
+ "text": "string | undefined"
1694
+ },
1695
+ "description": "Specify the heading text for Alert",
1696
+ "fieldName": "heading"
1697
+ },
1698
+ {
1699
+ "name": "body",
1700
+ "type": {
1701
+ "text": "string | undefined"
1702
+ },
1703
+ "description": "Specify the body text for Alert",
1704
+ "fieldName": "body"
1705
+ },
1706
+ {
1707
+ "name": "size",
1708
+ "type": {
1709
+ "text": "'sm' | 'md'"
1710
+ },
1711
+ "default": "'sm'",
1712
+ "description": "Specify the size of the Alert",
1713
+ "fieldName": "size"
1714
+ },
1715
+ {
1716
+ "name": "fullWidth",
1717
+ "type": {
1718
+ "text": "boolean"
1719
+ },
1720
+ "default": "false",
1721
+ "description": "Specify if the Alert has no border radius",
1722
+ "fieldName": "fullWidth"
1723
+ },
1724
+ {
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"
1719
1740
  },
1720
1741
  {
1721
- "kind": "field",
1722
- "name": "theme",
1742
+ "name": "hidden",
1723
1743
  "type": {
1724
- "text": "'light' | 'dark' | undefined"
1744
+ "text": "boolean"
1725
1745
  },
1726
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1727
- "attribute": "theme"
1728
- }
1729
- ],
1730
- "attributes": [
1746
+ "default": "false",
1747
+ "description": "Specify if the Alert is hidden",
1748
+ "fieldName": "hidden"
1749
+ },
1731
1750
  {
1732
- "name": "wrap",
1751
+ "name": "hideIcon",
1733
1752
  "type": {
1734
1753
  "text": "boolean"
1735
1754
  },
1736
- "default": "true",
1737
- "description": "Specify if items wrap or collapse to an ellipsis",
1738
- "fieldName": "wrap"
1755
+ "default": "false",
1756
+ "description": "Specify if the icon displays on the Alert",
1757
+ "fieldName": "hideIcon"
1739
1758
  },
1740
1759
  {
1741
- "name": "itemsBeforeCollapse",
1760
+ "name": "dismissible",
1742
1761
  "type": {
1743
- "text": "number"
1762
+ "text": "boolean"
1744
1763
  },
1745
- "default": "1",
1746
- "description": "Specify how many items show before ellipsis",
1747
- "fieldName": "itemsBeforeCollapse"
1764
+ "default": "false",
1765
+ "description": "Specify if the Alert can be dismissed",
1766
+ "fieldName": "dismissible"
1748
1767
  },
1749
1768
  {
1750
- "name": "itemsAfterCollapse",
1769
+ "name": "disableAutoFocus",
1751
1770
  "type": {
1752
- "text": "number"
1771
+ "text": "boolean"
1753
1772
  },
1754
- "default": "1",
1755
- "description": "Specify how many items show after ellipsis",
1756
- "fieldName": "itemsAfterCollapse"
1773
+ "default": "false",
1774
+ "description": "Prevent autofocus on show",
1775
+ "fieldName": "disableAutoFocus"
1757
1776
  },
1758
1777
  {
1759
- "name": "theme",
1778
+ "name": "disableCloseOnEscape",
1760
1779
  "type": {
1761
- "text": "'light' | 'dark' | undefined"
1780
+ "text": "boolean"
1762
1781
  },
1763
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1764
- "fieldName": "theme"
1782
+ "default": "false",
1783
+ "description": "Prevent Escape from closing",
1784
+ "fieldName": "disableCloseOnEscape"
1765
1785
  }
1766
1786
  ],
1767
1787
  "superclass": {
1768
1788
  "name": "LitElement",
1769
1789
  "package": "lit"
1770
1790
  },
1771
- "tagName": "bm-breadcrumb",
1791
+ "tagName": "bm-alert",
1772
1792
  "customElement": true
1773
1793
  }
1774
1794
  ],
1775
1795
  "exports": [
1776
1796
  {
1777
1797
  "kind": "js",
1778
- "name": "BmBreadcrumbs",
1798
+ "name": "BmAlert",
1779
1799
  "declaration": {
1780
- "name": "BmBreadcrumbs",
1781
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1800
+ "name": "BmAlert",
1801
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1782
1802
  }
1783
1803
  },
1784
1804
  {
1785
1805
  "kind": "custom-element-definition",
1786
- "name": "bm-breadcrumb",
1806
+ "name": "bm-alert",
1787
1807
  "declaration": {
1788
- "name": "BmBreadcrumbs",
1789
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1808
+ "name": "BmAlert",
1809
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1790
1810
  }
1791
1811
  }
1792
1812
  ]
1793
1813
  },
1794
1814
  {
1795
1815
  "kind": "javascript-module",
1796
- "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1816
+ "path": "libs/web-components/src/lib/Alert/index.ts",
1817
+ "declarations": [],
1818
+ "exports": [
1819
+ {
1820
+ "kind": "js",
1821
+ "name": "*",
1822
+ "declaration": {
1823
+ "name": "*",
1824
+ "package": "./Alert"
1825
+ }
1826
+ }
1827
+ ]
1828
+ },
1829
+ {
1830
+ "kind": "javascript-module",
1831
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1797
1832
  "declarations": [
1798
1833
  {
1799
1834
  "kind": "class",
1800
- "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1801
- "name": "BmBreadcrumbsItem",
1835
+ "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
1836
+ "name": "BmAvatar",
1802
1837
  "slots": [
1803
1838
  {
1804
- "description": "Pass text to an item",
1805
- "name": "default"
1806
- },
1807
- {
1808
- "description": "Pass icon to an item",
1839
+ "description": "Customize the default icon",
1809
1840
  "name": "icon"
1810
1841
  }
1811
1842
  ],
1812
1843
  "members": [
1813
1844
  {
1814
1845
  "kind": "field",
1815
- "name": "href",
1846
+ "name": "appearance",
1847
+ "type": {
1848
+ "text": "'accent' | 'neutral' | undefined"
1849
+ },
1850
+ "default": "'neutral'",
1851
+ "description": "Specify the appearance of the Avatar",
1852
+ "attribute": "appearance"
1853
+ },
1854
+ {
1855
+ "kind": "field",
1856
+ "name": "name",
1816
1857
  "type": {
1817
1858
  "text": "string | undefined"
1818
1859
  },
1819
- "description": "Pass href to an item",
1820
- "attribute": "href"
1860
+ "description": "Specify a name to display initials in the Avatar",
1861
+ "attribute": "name"
1821
1862
  },
1822
1863
  {
1823
1864
  "kind": "field",
1824
- "name": "clickable",
1865
+ "name": "src",
1825
1866
  "type": {
1826
- "text": "boolean"
1867
+ "text": "string | undefined"
1827
1868
  },
1828
- "default": "false",
1829
- "description": "Specify if the item is interactive without an href",
1830
- "attribute": "clickable"
1869
+ "description": "Pass an image to the Avatar",
1870
+ "attribute": "src"
1831
1871
  },
1832
1872
  {
1833
1873
  "kind": "field",
1834
- "name": "truncationWidth",
1874
+ "name": "alt",
1835
1875
  "type": {
1836
1876
  "text": "string | undefined"
1837
1877
  },
1838
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1839
- "attribute": "truncationWidth"
1878
+ "description": "Specify alt for image",
1879
+ "attribute": "alt"
1840
1880
  },
1841
1881
  {
1842
1882
  "kind": "field",
1843
- "name": "isCurrent",
1883
+ "name": "size",
1884
+ "type": {
1885
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1886
+ },
1887
+ "default": "'md'",
1888
+ "description": "Specify the size of the Avatar",
1889
+ "attribute": "size"
1890
+ },
1891
+ {
1892
+ "kind": "field",
1893
+ "name": "disabled",
1894
+ "type": {
1895
+ "text": "boolean | undefined"
1896
+ },
1897
+ "default": "false",
1898
+ "description": "Specify if the Avatar is disabled",
1899
+ "attribute": "disabled"
1900
+ },
1901
+ {
1902
+ "kind": "field",
1903
+ "name": "shape",
1904
+ "type": {
1905
+ "text": "'circle' | 'square' | undefined"
1906
+ },
1907
+ "default": "'circle'",
1908
+ "description": "Specify the shape of the Avatar",
1909
+ "attribute": "shape"
1910
+ },
1911
+ {
1912
+ "kind": "field",
1913
+ "name": "isInteractive",
1844
1914
  "type": {
1845
1915
  "text": "boolean"
1846
1916
  },
1847
1917
  "default": "false",
1848
- "description": "Specify explicitly if the item is the last one",
1849
- "attribute": "isCurrent",
1850
- "reflects": true
1918
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1919
+ "attribute": "isInteractive"
1851
1920
  },
1852
1921
  {
1853
1922
  "kind": "field",
1854
- "name": "isCollapsed",
1923
+ "name": "isFocusable",
1855
1924
  "type": {
1856
1925
  "text": "boolean"
1857
1926
  },
1858
1927
  "default": "false",
1859
- "attribute": "isCollapsed",
1860
- "reflects": true
1928
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1929
+ "attribute": "isFocusable"
1930
+ },
1931
+ {
1932
+ "kind": "field",
1933
+ "name": "withBorder",
1934
+ "type": {
1935
+ "text": "boolean"
1936
+ },
1937
+ "default": "false",
1938
+ "attribute": "withBorder"
1861
1939
  }
1862
1940
  ],
1863
1941
  "attributes": [
1864
1942
  {
1865
- "name": "href",
1943
+ "name": "appearance",
1944
+ "type": {
1945
+ "text": "'accent' | 'neutral' | undefined"
1946
+ },
1947
+ "default": "'neutral'",
1948
+ "description": "Specify the appearance of the Avatar",
1949
+ "fieldName": "appearance"
1950
+ },
1951
+ {
1952
+ "name": "name",
1866
1953
  "type": {
1867
1954
  "text": "string | undefined"
1868
1955
  },
1869
- "description": "Pass href to an item",
1870
- "fieldName": "href"
1956
+ "description": "Specify a name to display initials in the Avatar",
1957
+ "fieldName": "name"
1871
1958
  },
1872
1959
  {
1873
- "name": "clickable",
1960
+ "name": "src",
1874
1961
  "type": {
1875
- "text": "boolean"
1962
+ "text": "string | undefined"
1876
1963
  },
1877
- "default": "false",
1878
- "description": "Specify if the item is interactive without an href",
1879
- "fieldName": "clickable"
1964
+ "description": "Pass an image to the Avatar",
1965
+ "fieldName": "src"
1880
1966
  },
1881
1967
  {
1882
- "name": "truncationWidth",
1968
+ "name": "alt",
1883
1969
  "type": {
1884
1970
  "text": "string | undefined"
1885
1971
  },
1886
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1887
- "fieldName": "truncationWidth"
1972
+ "description": "Specify alt for image",
1973
+ "fieldName": "alt"
1888
1974
  },
1889
1975
  {
1890
- "name": "isCurrent",
1976
+ "name": "size",
1977
+ "type": {
1978
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1979
+ },
1980
+ "default": "'md'",
1981
+ "description": "Specify the size of the Avatar",
1982
+ "fieldName": "size"
1983
+ },
1984
+ {
1985
+ "name": "disabled",
1986
+ "type": {
1987
+ "text": "boolean | undefined"
1988
+ },
1989
+ "default": "false",
1990
+ "description": "Specify if the Avatar is disabled",
1991
+ "fieldName": "disabled"
1992
+ },
1993
+ {
1994
+ "name": "shape",
1995
+ "type": {
1996
+ "text": "'circle' | 'square' | undefined"
1997
+ },
1998
+ "default": "'circle'",
1999
+ "description": "Specify the shape of the Avatar",
2000
+ "fieldName": "shape"
2001
+ },
2002
+ {
2003
+ "name": "isInteractive",
1891
2004
  "type": {
1892
2005
  "text": "boolean"
1893
2006
  },
1894
2007
  "default": "false",
1895
- "description": "Specify explicitly if the item is the last one",
1896
- "fieldName": "isCurrent"
2008
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
2009
+ "fieldName": "isInteractive"
1897
2010
  },
1898
2011
  {
1899
- "name": "isCollapsed",
2012
+ "name": "isFocusable",
1900
2013
  "type": {
1901
2014
  "text": "boolean"
1902
2015
  },
1903
2016
  "default": "false",
1904
- "fieldName": "isCollapsed"
2017
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
2018
+ "fieldName": "isFocusable"
2019
+ },
2020
+ {
2021
+ "name": "withBorder",
2022
+ "type": {
2023
+ "text": "boolean"
2024
+ },
2025
+ "default": "false",
2026
+ "fieldName": "withBorder"
1905
2027
  }
1906
2028
  ],
1907
2029
  "superclass": {
1908
2030
  "name": "LitElement",
1909
2031
  "package": "lit"
1910
2032
  },
1911
- "tagName": "bm-breadcrumb-item",
2033
+ "tagName": "bm-avatar",
1912
2034
  "customElement": true
1913
2035
  }
1914
2036
  ],
1915
2037
  "exports": [
1916
2038
  {
1917
2039
  "kind": "js",
1918
- "name": "BmBreadcrumbsItem",
2040
+ "name": "BmAvatar",
1919
2041
  "declaration": {
1920
- "name": "BmBreadcrumbsItem",
1921
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
2042
+ "name": "BmAvatar",
2043
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1922
2044
  }
1923
2045
  },
1924
2046
  {
1925
2047
  "kind": "custom-element-definition",
1926
- "name": "bm-breadcrumb-item",
2048
+ "name": "bm-avatar",
1927
2049
  "declaration": {
1928
- "name": "BmBreadcrumbsItem",
1929
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
2050
+ "name": "BmAvatar",
2051
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1930
2052
  }
1931
2053
  }
1932
2054
  ]
1933
2055
  },
1934
2056
  {
1935
2057
  "kind": "javascript-module",
1936
- "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1937
- "declarations": [],
1938
- "exports": [
2058
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
2059
+ "declarations": [
1939
2060
  {
1940
- "kind": "js",
1941
- "name": "*",
1942
- "declaration": {
1943
- "name": "*",
1944
- "package": "./Breadcrumbs"
1945
- }
1946
- },
2061
+ "kind": "variable",
2062
+ "name": "AvatarGroupCtx"
2063
+ }
2064
+ ],
2065
+ "exports": [
1947
2066
  {
1948
2067
  "kind": "js",
1949
- "name": "*",
2068
+ "name": "AvatarGroupCtx",
1950
2069
  "declaration": {
1951
- "name": "*",
1952
- "package": "./BreadcrumbsItem"
2070
+ "name": "AvatarGroupCtx",
2071
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1953
2072
  }
1954
2073
  }
1955
2074
  ]
1956
2075
  },
1957
2076
  {
1958
2077
  "kind": "javascript-module",
1959
- "path": "libs/web-components/src/lib/Button/Button.ts",
2078
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1960
2079
  "declarations": [
1961
2080
  {
1962
2081
  "kind": "class",
1963
- "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1964
- "name": "BmButton",
2082
+ "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
2083
+ "name": "BmAvatarGroup",
1965
2084
  "slots": [
1966
2085
  {
1967
- "description": "Provide content for the Button",
2086
+ "description": "Add Avatars to create a group",
1968
2087
  "name": "default"
1969
- },
1970
- {
1971
- "description": "Specify if the Button displays icon before the text",
1972
- "name": "iconBefore"
1973
- },
1974
- {
1975
- "description": "Specify if the Button displays icon after the text",
1976
- "name": "iconAfter"
1977
2088
  }
1978
2089
  ],
1979
2090
  "members": [
1980
2091
  {
1981
2092
  "kind": "field",
1982
- "name": "formAssociated",
2093
+ "name": "wrapping",
1983
2094
  "type": {
1984
2095
  "text": "boolean"
1985
2096
  },
1986
- "static": true,
1987
- "default": "true"
1988
- },
1989
- {
1990
- "kind": "field",
1991
- "name": "appearance",
1992
- "type": {
1993
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1994
- },
1995
- "default": "'accent'",
1996
- "description": "Specify the appearance of a Button",
1997
- "attribute": "appearance"
2097
+ "default": "false",
2098
+ "description": "Specify if the AvatarGroup wraps",
2099
+ "attribute": "wrapping"
1998
2100
  },
1999
2101
  {
2000
2102
  "kind": "field",
2001
- "name": "kind",
2103
+ "name": "maxCount",
2002
2104
  "type": {
2003
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
2105
+ "text": "number"
2004
2106
  },
2005
- "default": "'filled'",
2006
- "description": "Specify the kind of Button",
2007
- "attribute": "kind"
2107
+ "default": "5",
2108
+ "description": "Specify the max number of avatars displayed in the group.",
2109
+ "attribute": "maxCount",
2110
+ "reflects": true
2008
2111
  },
2009
2112
  {
2010
2113
  "kind": "field",
2011
2114
  "name": "size",
2012
2115
  "type": {
2013
- "text": "'sm' | 'md' | 'lg'"
2116
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2014
2117
  },
2015
2118
  "default": "'md'",
2016
- "description": "Specify the size of a Button",
2119
+ "description": "Specify the size of all Avatars",
2017
2120
  "attribute": "size"
2018
2121
  },
2019
2122
  {
2020
2123
  "kind": "field",
2021
- "name": "disabled",
2022
- "type": {
2023
- "text": "boolean"
2024
- },
2025
- "default": "false",
2026
- "description": "Specify if the Button is disabled",
2027
- "attribute": "disabled"
2028
- },
2029
- {
2030
- "kind": "field",
2031
- "name": "fluid",
2032
- "type": {
2033
- "text": "boolean"
2034
- },
2035
- "default": "false",
2036
- "description": "Specify if Button is fluid",
2037
- "attribute": "fluid"
2038
- },
2039
- {
2040
- "kind": "field",
2041
- "name": "width",
2042
- "type": {
2043
- "text": "string | undefined"
2044
- },
2045
- "description": "Specify the width of a Button",
2046
- "attribute": "width"
2047
- },
2048
- {
2049
- "kind": "field",
2050
- "name": "height",
2051
- "type": {
2052
- "text": "string | undefined"
2053
- },
2054
- "description": "Specify the height of a Button",
2055
- "attribute": "height"
2056
- },
2057
- {
2058
- "kind": "field",
2059
- "name": "theme",
2060
- "type": {
2061
- "text": "'light' | 'dark' | undefined"
2062
- },
2063
- "description": "Specify the theme of the Button",
2064
- "attribute": "theme"
2065
- },
2066
- {
2067
- "kind": "field",
2068
- "name": "iconOnly",
2069
- "type": {
2070
- "text": "boolean | undefined"
2071
- },
2072
- "description": "Specify if the icon displays without text",
2073
- "attribute": "iconOnly"
2074
- },
2075
- {
2076
- "kind": "field",
2077
- "name": "type",
2124
+ "name": "layout",
2078
2125
  "type": {
2079
- "text": "string"
2126
+ "text": "'stacked' | 'spaced' | undefined"
2080
2127
  },
2081
- "default": "'button'",
2082
- "attribute": "type"
2083
- },
2084
- {
2085
- "kind": "field",
2086
- "name": "formContext",
2087
- "type": {
2088
- "text": "BmFormContext"
2089
- }
2128
+ "default": "'stacked'",
2129
+ "description": "Specify the kind of the group.",
2130
+ "attribute": "layout"
2090
2131
  }
2091
2132
  ],
2092
2133
  "attributes": [
2093
2134
  {
2094
- "name": "appearance",
2135
+ "name": "wrapping",
2095
2136
  "type": {
2096
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
2137
+ "text": "boolean"
2097
2138
  },
2098
- "default": "'accent'",
2099
- "description": "Specify the appearance of a Button",
2100
- "fieldName": "appearance"
2139
+ "default": "false",
2140
+ "description": "Specify if the AvatarGroup wraps",
2141
+ "fieldName": "wrapping"
2101
2142
  },
2102
2143
  {
2103
- "name": "kind",
2144
+ "name": "maxCount",
2104
2145
  "type": {
2105
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
2146
+ "text": "number"
2106
2147
  },
2107
- "default": "'filled'",
2108
- "description": "Specify the kind of Button",
2109
- "fieldName": "kind"
2148
+ "default": "5",
2149
+ "description": "Specify the max number of avatars displayed in the group.",
2150
+ "fieldName": "maxCount"
2110
2151
  },
2111
2152
  {
2112
2153
  "name": "size",
2113
2154
  "type": {
2114
- "text": "'sm' | 'md' | 'lg'"
2155
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2115
2156
  },
2116
2157
  "default": "'md'",
2117
- "description": "Specify the size of a Button",
2158
+ "description": "Specify the size of all Avatars",
2118
2159
  "fieldName": "size"
2119
2160
  },
2120
2161
  {
2121
- "name": "disabled",
2122
- "type": {
2123
- "text": "boolean"
2124
- },
2125
- "default": "false",
2126
- "description": "Specify if the Button is disabled",
2127
- "fieldName": "disabled"
2128
- },
2129
- {
2130
- "name": "fluid",
2131
- "type": {
2132
- "text": "boolean"
2133
- },
2134
- "default": "false",
2135
- "description": "Specify if Button is fluid",
2136
- "fieldName": "fluid"
2137
- },
2138
- {
2139
- "name": "width",
2140
- "type": {
2141
- "text": "string | undefined"
2142
- },
2143
- "description": "Specify the width of a Button",
2144
- "fieldName": "width"
2145
- },
2146
- {
2147
- "name": "height",
2148
- "type": {
2149
- "text": "string | undefined"
2150
- },
2151
- "description": "Specify the height of a Button",
2152
- "fieldName": "height"
2153
- },
2154
- {
2155
- "name": "theme",
2156
- "type": {
2157
- "text": "'light' | 'dark' | undefined"
2158
- },
2159
- "description": "Specify the theme of the Button",
2160
- "fieldName": "theme"
2161
- },
2162
- {
2163
- "name": "iconOnly",
2164
- "type": {
2165
- "text": "boolean | undefined"
2166
- },
2167
- "description": "Specify if the icon displays without text",
2168
- "fieldName": "iconOnly"
2169
- },
2170
- {
2171
- "name": "type",
2162
+ "name": "layout",
2172
2163
  "type": {
2173
- "text": "string"
2164
+ "text": "'stacked' | 'spaced' | undefined"
2174
2165
  },
2175
- "default": "'button'",
2176
- "fieldName": "type"
2166
+ "default": "'stacked'",
2167
+ "description": "Specify the kind of the group.",
2168
+ "fieldName": "layout"
2177
2169
  }
2178
2170
  ],
2179
2171
  "superclass": {
2180
2172
  "name": "LitElement",
2181
2173
  "package": "lit"
2182
2174
  },
2183
- "tagName": "bm-button",
2175
+ "tagName": "bm-avatar-group",
2184
2176
  "customElement": true
2185
2177
  }
2186
2178
  ],
2187
2179
  "exports": [
2188
2180
  {
2189
2181
  "kind": "js",
2190
- "name": "BmButton",
2182
+ "name": "BmAvatarGroup",
2191
2183
  "declaration": {
2192
- "name": "BmButton",
2193
- "module": "libs/web-components/src/lib/Button/Button.ts"
2184
+ "name": "BmAvatarGroup",
2185
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
2194
2186
  }
2195
2187
  },
2196
2188
  {
2197
2189
  "kind": "custom-element-definition",
2198
- "name": "bm-button",
2190
+ "name": "bm-avatar-group",
2199
2191
  "declaration": {
2200
- "name": "BmButton",
2201
- "module": "libs/web-components/src/lib/Button/Button.ts"
2192
+ "name": "BmAvatarGroup",
2193
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
2202
2194
  }
2203
2195
  }
2204
2196
  ]
2205
2197
  },
2206
2198
  {
2207
2199
  "kind": "javascript-module",
2208
- "path": "libs/web-components/src/lib/Button/index.ts",
2200
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
2209
2201
  "declarations": [],
2210
2202
  "exports": [
2211
2203
  {
@@ -2213,7 +2205,15 @@
2213
2205
  "name": "*",
2214
2206
  "declaration": {
2215
2207
  "name": "*",
2216
- "package": "./Button"
2208
+ "package": "./Avatar"
2209
+ }
2210
+ },
2211
+ {
2212
+ "kind": "js",
2213
+ "name": "*",
2214
+ "declaration": {
2215
+ "name": "*",
2216
+ "package": "./AvatarGroup"
2217
2217
  }
2218
2218
  }
2219
2219
  ]
@@ -7728,132 +7728,347 @@
7728
7728
  {
7729
7729
  "name": "initialValues",
7730
7730
  "type": {
7731
- "text": "Record<string, FormValue>"
7731
+ "text": "Record<string, FormValue>"
7732
+ },
7733
+ "default": "{}",
7734
+ "description": "Specify initial values on Form controls based on their names",
7735
+ "fieldName": "initialValues"
7736
+ },
7737
+ {
7738
+ "name": "required",
7739
+ "type": {
7740
+ "text": "boolean"
7741
+ },
7742
+ "default": "false",
7743
+ "description": "Specify if input is a required",
7744
+ "fieldName": "required"
7745
+ },
7746
+ {
7747
+ "name": "disabled",
7748
+ "type": {
7749
+ "text": "boolean"
7750
+ },
7751
+ "default": "false",
7752
+ "description": "Specify if input is a disabled",
7753
+ "fieldName": "disabled"
7754
+ },
7755
+ {
7756
+ "name": "readOnly",
7757
+ "type": {
7758
+ "text": "boolean"
7759
+ },
7760
+ "default": "false",
7761
+ "description": "Specify if input is a read only",
7762
+ "fieldName": "readOnly"
7763
+ },
7764
+ {
7765
+ "name": "action",
7766
+ "type": {
7767
+ "text": "string | undefined"
7768
+ },
7769
+ "fieldName": "action"
7770
+ },
7771
+ {
7772
+ "name": "method",
7773
+ "type": {
7774
+ "text": "string | undefined"
7775
+ },
7776
+ "fieldName": "method"
7777
+ },
7778
+ {
7779
+ "name": "target",
7780
+ "type": {
7781
+ "text": "string | undefined"
7782
+ },
7783
+ "fieldName": "target"
7784
+ },
7785
+ {
7786
+ "name": "enctype",
7787
+ "type": {
7788
+ "text": "string | undefined"
7789
+ },
7790
+ "fieldName": "enctype"
7791
+ }
7792
+ ],
7793
+ "superclass": {
7794
+ "name": "LitElement",
7795
+ "package": "lit"
7796
+ },
7797
+ "summary": "`bm-form`",
7798
+ "tagName": "bm-form",
7799
+ "customElement": true
7800
+ }
7801
+ ],
7802
+ "exports": [
7803
+ {
7804
+ "kind": "js",
7805
+ "name": "validators",
7806
+ "declaration": {
7807
+ "name": "validators",
7808
+ "package": "@viasat/beam-shared/components/form"
7809
+ }
7810
+ },
7811
+ {
7812
+ "kind": "js",
7813
+ "name": "BmForm",
7814
+ "declaration": {
7815
+ "name": "BmForm",
7816
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
7817
+ }
7818
+ },
7819
+ {
7820
+ "kind": "custom-element-definition",
7821
+ "name": "bm-form",
7822
+ "declaration": {
7823
+ "name": "BmForm",
7824
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
7825
+ }
7826
+ }
7827
+ ]
7828
+ },
7829
+ {
7830
+ "kind": "javascript-module",
7831
+ "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
7832
+ "declarations": [
7833
+ {
7834
+ "kind": "function",
7835
+ "name": "createId",
7836
+ "return": {
7837
+ "type": {
7838
+ "text": "string"
7839
+ }
7840
+ }
7841
+ }
7842
+ ],
7843
+ "exports": [
7844
+ {
7845
+ "kind": "js",
7846
+ "name": "createId",
7847
+ "declaration": {
7848
+ "name": "createId",
7849
+ "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
7850
+ }
7851
+ }
7852
+ ]
7853
+ },
7854
+ {
7855
+ "kind": "javascript-module",
7856
+ "path": "libs/web-components/src/lib/wip/Form/index.ts",
7857
+ "declarations": [],
7858
+ "exports": [
7859
+ {
7860
+ "kind": "js",
7861
+ "name": "*",
7862
+ "declaration": {
7863
+ "name": "*",
7864
+ "package": "./Form"
7865
+ }
7866
+ },
7867
+ {
7868
+ "kind": "js",
7869
+ "name": "*",
7870
+ "declaration": {
7871
+ "name": "*",
7872
+ "package": "./Form.decorator"
7873
+ }
7874
+ }
7875
+ ]
7876
+ },
7877
+ {
7878
+ "kind": "javascript-module",
7879
+ "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
7880
+ "declarations": [
7881
+ {
7882
+ "kind": "class",
7883
+ "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
7884
+ "name": "BmRadioButton",
7885
+ "members": [
7886
+ {
7887
+ "kind": "field",
7888
+ "name": "label",
7889
+ "type": {
7890
+ "text": "string | undefined"
7891
+ },
7892
+ "description": "Specify the text for the label",
7893
+ "attribute": "label"
7894
+ },
7895
+ {
7896
+ "kind": "field",
7897
+ "name": "error",
7898
+ "type": {
7899
+ "text": "boolean | undefined"
7900
+ },
7901
+ "description": "Specify error text and display error state of a RadioButton",
7902
+ "attribute": "error"
7903
+ },
7904
+ {
7905
+ "kind": "field",
7906
+ "name": "readOnly",
7907
+ "type": {
7908
+ "text": "boolean | undefined"
7909
+ },
7910
+ "description": "Specify if RadioButton displays in a read-only state",
7911
+ "attribute": "readOnly"
7912
+ },
7913
+ {
7914
+ "kind": "field",
7915
+ "name": "disabled",
7916
+ "type": {
7917
+ "text": "boolean | undefined"
7918
+ },
7919
+ "description": "Specify if RadioButton displays in a disabled state",
7920
+ "attribute": "disabled"
7921
+ },
7922
+ {
7923
+ "kind": "field",
7924
+ "name": "theme",
7925
+ "type": {
7926
+ "text": "'light' | 'dark' | undefined"
7927
+ },
7928
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
7929
+ "attribute": "theme"
7930
+ },
7931
+ {
7932
+ "kind": "field",
7933
+ "name": "value",
7934
+ "type": {
7935
+ "text": "string | undefined"
7936
+ },
7937
+ "description": "The value attribute for the input element",
7938
+ "attribute": "value"
7939
+ },
7940
+ {
7941
+ "kind": "field",
7942
+ "name": "checked",
7943
+ "type": {
7944
+ "text": "boolean"
7945
+ },
7946
+ "default": "false",
7947
+ "description": "The checked attribute for the input element",
7948
+ "attribute": "checked"
7949
+ },
7950
+ {
7951
+ "kind": "field",
7952
+ "name": "onKeyDown",
7953
+ "type": {
7954
+ "text": "(event: KeyboardEvent) => void | undefined"
7955
+ },
7956
+ "description": "A user-defined function to handle keydown events",
7957
+ "attribute": "onKeyDown"
7958
+ },
7959
+ {
7960
+ "kind": "field",
7961
+ "name": "inputChoiceGroupContext",
7962
+ "type": {
7963
+ "text": "InputChoiceGroupContextProps"
7964
+ }
7965
+ },
7966
+ {
7967
+ "kind": "field",
7968
+ "name": "radioButtonRef"
7969
+ },
7970
+ {
7971
+ "kind": "method",
7972
+ "name": "focus"
7973
+ }
7974
+ ],
7975
+ "attributes": [
7976
+ {
7977
+ "name": "label",
7978
+ "type": {
7979
+ "text": "string | undefined"
7732
7980
  },
7733
- "default": "{}",
7734
- "description": "Specify initial values on Form controls based on their names",
7735
- "fieldName": "initialValues"
7981
+ "description": "Specify the text for the label",
7982
+ "fieldName": "label"
7736
7983
  },
7737
7984
  {
7738
- "name": "required",
7985
+ "name": "error",
7739
7986
  "type": {
7740
- "text": "boolean"
7987
+ "text": "boolean | undefined"
7741
7988
  },
7742
- "default": "false",
7743
- "description": "Specify if input is a required",
7744
- "fieldName": "required"
7989
+ "description": "Specify error text and display error state of a RadioButton",
7990
+ "fieldName": "error"
7745
7991
  },
7746
7992
  {
7747
- "name": "disabled",
7993
+ "name": "readOnly",
7748
7994
  "type": {
7749
- "text": "boolean"
7995
+ "text": "boolean | undefined"
7750
7996
  },
7751
- "default": "false",
7752
- "description": "Specify if input is a disabled",
7753
- "fieldName": "disabled"
7997
+ "description": "Specify if RadioButton displays in a read-only state",
7998
+ "fieldName": "readOnly"
7754
7999
  },
7755
8000
  {
7756
- "name": "readOnly",
8001
+ "name": "disabled",
7757
8002
  "type": {
7758
- "text": "boolean"
8003
+ "text": "boolean | undefined"
7759
8004
  },
7760
- "default": "false",
7761
- "description": "Specify if input is a read only",
7762
- "fieldName": "readOnly"
8005
+ "description": "Specify if RadioButton displays in a disabled state",
8006
+ "fieldName": "disabled"
7763
8007
  },
7764
8008
  {
7765
- "name": "action",
8009
+ "name": "theme",
7766
8010
  "type": {
7767
- "text": "string | undefined"
8011
+ "text": "'light' | 'dark' | undefined"
7768
8012
  },
7769
- "fieldName": "action"
8013
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8014
+ "fieldName": "theme"
7770
8015
  },
7771
8016
  {
7772
- "name": "method",
8017
+ "name": "value",
7773
8018
  "type": {
7774
8019
  "text": "string | undefined"
7775
8020
  },
7776
- "fieldName": "method"
8021
+ "description": "The value attribute for the input element",
8022
+ "fieldName": "value"
7777
8023
  },
7778
8024
  {
7779
- "name": "target",
8025
+ "name": "checked",
7780
8026
  "type": {
7781
- "text": "string | undefined"
8027
+ "text": "boolean"
7782
8028
  },
7783
- "fieldName": "target"
8029
+ "default": "false",
8030
+ "description": "The checked attribute for the input element",
8031
+ "fieldName": "checked"
7784
8032
  },
7785
8033
  {
7786
- "name": "enctype",
8034
+ "name": "onKeyDown",
7787
8035
  "type": {
7788
- "text": "string | undefined"
8036
+ "text": "(event: KeyboardEvent) => void | undefined"
7789
8037
  },
7790
- "fieldName": "enctype"
8038
+ "description": "A user-defined function to handle keydown events",
8039
+ "fieldName": "onKeyDown"
7791
8040
  }
7792
8041
  ],
7793
8042
  "superclass": {
7794
8043
  "name": "LitElement",
7795
8044
  "package": "lit"
7796
8045
  },
7797
- "summary": "`bm-form`",
7798
- "tagName": "bm-form",
8046
+ "tagName": "bm-radio-button",
7799
8047
  "customElement": true
7800
8048
  }
7801
8049
  ],
7802
8050
  "exports": [
7803
8051
  {
7804
8052
  "kind": "js",
7805
- "name": "validators",
7806
- "declaration": {
7807
- "name": "validators",
7808
- "package": "@viasat/beam-shared/components/form"
7809
- }
7810
- },
7811
- {
7812
- "kind": "js",
7813
- "name": "BmForm",
8053
+ "name": "BmRadioButton",
7814
8054
  "declaration": {
7815
- "name": "BmForm",
7816
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8055
+ "name": "BmRadioButton",
8056
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
7817
8057
  }
7818
8058
  },
7819
8059
  {
7820
8060
  "kind": "custom-element-definition",
7821
- "name": "bm-form",
7822
- "declaration": {
7823
- "name": "BmForm",
7824
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
7825
- }
7826
- }
7827
- ]
7828
- },
7829
- {
7830
- "kind": "javascript-module",
7831
- "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
7832
- "declarations": [
7833
- {
7834
- "kind": "function",
7835
- "name": "createId",
7836
- "return": {
7837
- "type": {
7838
- "text": "string"
7839
- }
7840
- }
7841
- }
7842
- ],
7843
- "exports": [
7844
- {
7845
- "kind": "js",
7846
- "name": "createId",
8061
+ "name": "bm-radio-button",
7847
8062
  "declaration": {
7848
- "name": "createId",
7849
- "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
8063
+ "name": "BmRadioButton",
8064
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
7850
8065
  }
7851
8066
  }
7852
8067
  ]
7853
8068
  },
7854
8069
  {
7855
8070
  "kind": "javascript-module",
7856
- "path": "libs/web-components/src/lib/wip/Form/index.ts",
8071
+ "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
7857
8072
  "declarations": [],
7858
8073
  "exports": [
7859
8074
  {
@@ -7861,7 +8076,7 @@
7861
8076
  "name": "*",
7862
8077
  "declaration": {
7863
8078
  "name": "*",
7864
- "package": "./Form"
8079
+ "package": "./RadioButton"
7865
8080
  }
7866
8081
  },
7867
8082
  {
@@ -7869,7 +8084,7 @@
7869
8084
  "name": "*",
7870
8085
  "declaration": {
7871
8086
  "name": "*",
7872
- "package": "./Form.decorator"
8087
+ "package": "./RadioButtonGroup/RadioButtonGroup"
7873
8088
  }
7874
8089
  }
7875
8090
  ]
@@ -8304,150 +8519,157 @@
8304
8519
  },
8305
8520
  {
8306
8521
  "kind": "javascript-module",
8307
- "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8522
+ "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
8308
8523
  "declarations": [
8309
8524
  {
8310
8525
  "kind": "class",
8311
- "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
8312
- "name": "BmRadioButton",
8526
+ "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
8527
+ "name": "BmSwitch",
8528
+ "slots": [
8529
+ {
8530
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8531
+ "name": "onText"
8532
+ },
8533
+ {
8534
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8535
+ "name": "offText"
8536
+ }
8537
+ ],
8313
8538
  "members": [
8314
8539
  {
8315
8540
  "kind": "field",
8316
- "name": "label",
8541
+ "name": "inputChoiceGroupContext",
8317
8542
  "type": {
8318
- "text": "string | undefined"
8319
- },
8320
- "description": "Specify the text for the label",
8321
- "attribute": "label"
8543
+ "text": "InputChoiceGroupContextProps"
8544
+ }
8322
8545
  },
8323
8546
  {
8324
8547
  "kind": "field",
8325
- "name": "error",
8548
+ "name": "onText",
8326
8549
  "type": {
8327
- "text": "boolean | undefined"
8550
+ "text": "string | undefined"
8328
8551
  },
8329
- "description": "Specify error text and display error state of a RadioButton",
8330
- "attribute": "error"
8552
+ "default": "undefined",
8553
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8554
+ "attribute": "onText"
8331
8555
  },
8332
8556
  {
8333
8557
  "kind": "field",
8334
- "name": "readOnly",
8558
+ "name": "offText",
8335
8559
  "type": {
8336
- "text": "boolean | undefined"
8560
+ "text": "string | undefined"
8337
8561
  },
8338
- "description": "Specify if RadioButton displays in a read-only state",
8339
- "attribute": "readOnly"
8562
+ "default": "undefined",
8563
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8564
+ "attribute": "offText"
8340
8565
  },
8341
8566
  {
8342
8567
  "kind": "field",
8343
- "name": "disabled",
8568
+ "name": "theme",
8344
8569
  "type": {
8345
- "text": "boolean | undefined"
8570
+ "text": "ThemeTypes | undefined"
8346
8571
  },
8347
- "description": "Specify if RadioButton displays in a disabled state",
8348
- "attribute": "disabled"
8572
+ "default": "undefined",
8573
+ "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
8349
8574
  },
8350
8575
  {
8351
8576
  "kind": "field",
8352
- "name": "theme",
8577
+ "name": "textPosition",
8353
8578
  "type": {
8354
- "text": "'light' | 'dark' | undefined"
8579
+ "text": "'before' | 'after'"
8355
8580
  },
8356
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8357
- "attribute": "theme"
8581
+ "default": "'after'",
8582
+ "description": "Specify the position of the side label",
8583
+ "attribute": "textPosition"
8358
8584
  },
8359
8585
  {
8360
8586
  "kind": "field",
8361
- "name": "value",
8587
+ "name": "readOnly",
8362
8588
  "type": {
8363
- "text": "string | undefined"
8589
+ "text": "boolean"
8364
8590
  },
8365
- "description": "The value attribute for the input element",
8366
- "attribute": "value"
8591
+ "default": "false",
8592
+ "description": "Specify if Switch displays in a read-only state",
8593
+ "attribute": "readOnly"
8367
8594
  },
8368
8595
  {
8369
8596
  "kind": "field",
8370
- "name": "checked",
8597
+ "name": "disabled",
8371
8598
  "type": {
8372
8599
  "text": "boolean"
8373
8600
  },
8374
8601
  "default": "false",
8375
- "description": "The checked attribute for the input element",
8376
- "attribute": "checked"
8602
+ "description": "Specify if Switch displays in a disabled state",
8603
+ "attribute": "disabled"
8377
8604
  },
8378
8605
  {
8379
8606
  "kind": "field",
8380
- "name": "onKeyDown",
8607
+ "name": "checked",
8381
8608
  "type": {
8382
- "text": "(event: KeyboardEvent) => void | undefined"
8609
+ "text": "boolean"
8383
8610
  },
8384
- "description": "A user-defined function to handle keydown events",
8385
- "attribute": "onKeyDown"
8611
+ "default": "false",
8612
+ "attribute": "checked"
8386
8613
  },
8387
8614
  {
8388
8615
  "kind": "field",
8389
- "name": "inputChoiceGroupContext",
8616
+ "name": "value",
8390
8617
  "type": {
8391
- "text": "InputChoiceGroupContextProps"
8392
- }
8618
+ "text": "string | undefined"
8619
+ },
8620
+ "description": "The value attribute for the input element",
8621
+ "attribute": "value"
8393
8622
  },
8394
8623
  {
8395
8624
  "kind": "field",
8396
- "name": "radioButtonRef"
8397
- },
8398
- {
8399
- "kind": "method",
8400
- "name": "focus"
8625
+ "name": "switchRef"
8401
8626
  }
8402
8627
  ],
8403
8628
  "attributes": [
8404
8629
  {
8405
- "name": "label",
8630
+ "name": "onText",
8406
8631
  "type": {
8407
8632
  "text": "string | undefined"
8408
8633
  },
8409
- "description": "Specify the text for the label",
8410
- "fieldName": "label"
8411
- },
8412
- {
8413
- "name": "error",
8414
- "type": {
8415
- "text": "boolean | undefined"
8416
- },
8417
- "description": "Specify error text and display error state of a RadioButton",
8418
- "fieldName": "error"
8634
+ "default": "undefined",
8635
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8636
+ "fieldName": "onText"
8419
8637
  },
8420
8638
  {
8421
- "name": "readOnly",
8639
+ "name": "offText",
8422
8640
  "type": {
8423
- "text": "boolean | undefined"
8641
+ "text": "string | undefined"
8424
8642
  },
8425
- "description": "Specify if RadioButton displays in a read-only state",
8426
- "fieldName": "readOnly"
8643
+ "default": "undefined",
8644
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8645
+ "fieldName": "offText"
8427
8646
  },
8428
8647
  {
8429
- "name": "disabled",
8648
+ "name": "textPosition",
8430
8649
  "type": {
8431
- "text": "boolean | undefined"
8650
+ "text": "'before' | 'after'"
8432
8651
  },
8433
- "description": "Specify if RadioButton displays in a disabled state",
8434
- "fieldName": "disabled"
8652
+ "default": "'after'",
8653
+ "description": "Specify the position of the side label",
8654
+ "fieldName": "textPosition"
8435
8655
  },
8436
8656
  {
8437
- "name": "theme",
8657
+ "name": "readOnly",
8438
8658
  "type": {
8439
- "text": "'light' | 'dark' | undefined"
8659
+ "text": "boolean"
8440
8660
  },
8441
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8442
- "fieldName": "theme"
8661
+ "default": "false",
8662
+ "description": "Specify if Switch displays in a read-only state",
8663
+ "fieldName": "readOnly"
8443
8664
  },
8444
8665
  {
8445
- "name": "value",
8666
+ "name": "disabled",
8446
8667
  "type": {
8447
- "text": "string | undefined"
8668
+ "text": "boolean"
8448
8669
  },
8449
- "description": "The value attribute for the input element",
8450
- "fieldName": "value"
8670
+ "default": "false",
8671
+ "description": "Specify if Switch displays in a disabled state",
8672
+ "fieldName": "disabled"
8451
8673
  },
8452
8674
  {
8453
8675
  "name": "checked",
@@ -8455,48 +8677,47 @@
8455
8677
  "text": "boolean"
8456
8678
  },
8457
8679
  "default": "false",
8458
- "description": "The checked attribute for the input element",
8459
8680
  "fieldName": "checked"
8460
8681
  },
8461
8682
  {
8462
- "name": "onKeyDown",
8683
+ "name": "value",
8463
8684
  "type": {
8464
- "text": "(event: KeyboardEvent) => void | undefined"
8685
+ "text": "string | undefined"
8465
8686
  },
8466
- "description": "A user-defined function to handle keydown events",
8467
- "fieldName": "onKeyDown"
8687
+ "description": "The value attribute for the input element",
8688
+ "fieldName": "value"
8468
8689
  }
8469
8690
  ],
8470
8691
  "superclass": {
8471
8692
  "name": "LitElement",
8472
8693
  "package": "lit"
8473
8694
  },
8474
- "tagName": "bm-radio-button",
8695
+ "tagName": "bm-switch",
8475
8696
  "customElement": true
8476
8697
  }
8477
8698
  ],
8478
8699
  "exports": [
8479
8700
  {
8480
8701
  "kind": "js",
8481
- "name": "BmRadioButton",
8702
+ "name": "BmSwitch",
8482
8703
  "declaration": {
8483
- "name": "BmRadioButton",
8484
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8704
+ "name": "BmSwitch",
8705
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
8485
8706
  }
8486
8707
  },
8487
8708
  {
8488
8709
  "kind": "custom-element-definition",
8489
- "name": "bm-radio-button",
8710
+ "name": "bm-switch",
8490
8711
  "declaration": {
8491
- "name": "BmRadioButton",
8492
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8712
+ "name": "BmSwitch",
8713
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
8493
8714
  }
8494
8715
  }
8495
8716
  ]
8496
8717
  },
8497
8718
  {
8498
8719
  "kind": "javascript-module",
8499
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
8720
+ "path": "libs/web-components/src/lib/wip/Switch/index.ts",
8500
8721
  "declarations": [],
8501
8722
  "exports": [
8502
8723
  {
@@ -8504,7 +8725,7 @@
8504
8725
  "name": "*",
8505
8726
  "declaration": {
8506
8727
  "name": "*",
8507
- "package": "./RadioButton"
8728
+ "package": "./Switch"
8508
8729
  }
8509
8730
  },
8510
8731
  {
@@ -8512,7 +8733,7 @@
8512
8733
  "name": "*",
8513
8734
  "declaration": {
8514
8735
  "name": "*",
8515
- "package": "./RadioButtonGroup/RadioButtonGroup"
8736
+ "package": "./SwitchGroup/SwitchGroup"
8516
8737
  }
8517
8738
  }
8518
8739
  ]
@@ -9032,227 +9253,6 @@
9032
9253
  }
9033
9254
  ]
9034
9255
  },
9035
- {
9036
- "kind": "javascript-module",
9037
- "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9038
- "declarations": [
9039
- {
9040
- "kind": "class",
9041
- "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
9042
- "name": "BmSwitch",
9043
- "slots": [
9044
- {
9045
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9046
- "name": "onText"
9047
- },
9048
- {
9049
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9050
- "name": "offText"
9051
- }
9052
- ],
9053
- "members": [
9054
- {
9055
- "kind": "field",
9056
- "name": "inputChoiceGroupContext",
9057
- "type": {
9058
- "text": "InputChoiceGroupContextProps"
9059
- }
9060
- },
9061
- {
9062
- "kind": "field",
9063
- "name": "onText",
9064
- "type": {
9065
- "text": "string | undefined"
9066
- },
9067
- "default": "undefined",
9068
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9069
- "attribute": "onText"
9070
- },
9071
- {
9072
- "kind": "field",
9073
- "name": "offText",
9074
- "type": {
9075
- "text": "string | undefined"
9076
- },
9077
- "default": "undefined",
9078
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9079
- "attribute": "offText"
9080
- },
9081
- {
9082
- "kind": "field",
9083
- "name": "theme",
9084
- "type": {
9085
- "text": "ThemeTypes | undefined"
9086
- },
9087
- "default": "undefined",
9088
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9089
- },
9090
- {
9091
- "kind": "field",
9092
- "name": "textPosition",
9093
- "type": {
9094
- "text": "'before' | 'after'"
9095
- },
9096
- "default": "'after'",
9097
- "description": "Specify the position of the side label",
9098
- "attribute": "textPosition"
9099
- },
9100
- {
9101
- "kind": "field",
9102
- "name": "readOnly",
9103
- "type": {
9104
- "text": "boolean"
9105
- },
9106
- "default": "false",
9107
- "description": "Specify if Switch displays in a read-only state",
9108
- "attribute": "readOnly"
9109
- },
9110
- {
9111
- "kind": "field",
9112
- "name": "disabled",
9113
- "type": {
9114
- "text": "boolean"
9115
- },
9116
- "default": "false",
9117
- "description": "Specify if Switch displays in a disabled state",
9118
- "attribute": "disabled"
9119
- },
9120
- {
9121
- "kind": "field",
9122
- "name": "checked",
9123
- "type": {
9124
- "text": "boolean"
9125
- },
9126
- "default": "false",
9127
- "attribute": "checked"
9128
- },
9129
- {
9130
- "kind": "field",
9131
- "name": "value",
9132
- "type": {
9133
- "text": "string | undefined"
9134
- },
9135
- "description": "The value attribute for the input element",
9136
- "attribute": "value"
9137
- },
9138
- {
9139
- "kind": "field",
9140
- "name": "switchRef"
9141
- }
9142
- ],
9143
- "attributes": [
9144
- {
9145
- "name": "onText",
9146
- "type": {
9147
- "text": "string | undefined"
9148
- },
9149
- "default": "undefined",
9150
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9151
- "fieldName": "onText"
9152
- },
9153
- {
9154
- "name": "offText",
9155
- "type": {
9156
- "text": "string | undefined"
9157
- },
9158
- "default": "undefined",
9159
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9160
- "fieldName": "offText"
9161
- },
9162
- {
9163
- "name": "textPosition",
9164
- "type": {
9165
- "text": "'before' | 'after'"
9166
- },
9167
- "default": "'after'",
9168
- "description": "Specify the position of the side label",
9169
- "fieldName": "textPosition"
9170
- },
9171
- {
9172
- "name": "readOnly",
9173
- "type": {
9174
- "text": "boolean"
9175
- },
9176
- "default": "false",
9177
- "description": "Specify if Switch displays in a read-only state",
9178
- "fieldName": "readOnly"
9179
- },
9180
- {
9181
- "name": "disabled",
9182
- "type": {
9183
- "text": "boolean"
9184
- },
9185
- "default": "false",
9186
- "description": "Specify if Switch displays in a disabled state",
9187
- "fieldName": "disabled"
9188
- },
9189
- {
9190
- "name": "checked",
9191
- "type": {
9192
- "text": "boolean"
9193
- },
9194
- "default": "false",
9195
- "fieldName": "checked"
9196
- },
9197
- {
9198
- "name": "value",
9199
- "type": {
9200
- "text": "string | undefined"
9201
- },
9202
- "description": "The value attribute for the input element",
9203
- "fieldName": "value"
9204
- }
9205
- ],
9206
- "superclass": {
9207
- "name": "LitElement",
9208
- "package": "lit"
9209
- },
9210
- "tagName": "bm-switch",
9211
- "customElement": true
9212
- }
9213
- ],
9214
- "exports": [
9215
- {
9216
- "kind": "js",
9217
- "name": "BmSwitch",
9218
- "declaration": {
9219
- "name": "BmSwitch",
9220
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9221
- }
9222
- },
9223
- {
9224
- "kind": "custom-element-definition",
9225
- "name": "bm-switch",
9226
- "declaration": {
9227
- "name": "BmSwitch",
9228
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9229
- }
9230
- }
9231
- ]
9232
- },
9233
- {
9234
- "kind": "javascript-module",
9235
- "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9236
- "declarations": [],
9237
- "exports": [
9238
- {
9239
- "kind": "js",
9240
- "name": "*",
9241
- "declaration": {
9242
- "name": "*",
9243
- "package": "./Switch"
9244
- }
9245
- },
9246
- {
9247
- "kind": "js",
9248
- "name": "*",
9249
- "declaration": {
9250
- "name": "*",
9251
- "package": "./SwitchGroup/SwitchGroup"
9252
- }
9253
- }
9254
- ]
9255
- },
9256
9256
  {
9257
9257
  "kind": "javascript-module",
9258
9258
  "path": "libs/web-components/src/lib/wip/TextField/TextField.ts",