@viasat/beam-web-components 2.42.0 → 2.43.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/TextField/TextField.js +1 -1
  2. package/Tooltip/Tooltip.js +217 -217
  3. package/custom-elements.json +1528 -1528
  4. package/local/TextField/TextField.js +1 -1
  5. package/local/Tooltip/Tooltip.js +443 -443
  6. package/package.json +6 -6
  7. package/vscode.html-custom-data.json +296 -296
package/custom-elements.json CHANGED
@@ -294,19 +294,15 @@
294
294
  },
295
295
  {
296
296
  "kind": "javascript-module",
297
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
297
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
298
298
  "declarations": [
299
299
  {
300
300
  "kind": "class",
301
- "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
302
- "name": "BmBadge",
301
+ "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
302
+ "name": "BmAvatar",
303
303
  "slots": [
304
304
  {
305
- "description": "Provide text for the Badge",
306
- "name": "default"
307
- },
308
- {
309
- "description": "Specify a different icon for the Badge",
305
+ "description": "Customize the default icon",
310
306
  "name": "icon"
311
307
  }
312
308
  ],
@@ -315,258 +311,359 @@
315
311
  "kind": "field",
316
312
  "name": "appearance",
317
313
  "type": {
318
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
314
+ "text": "'accent' | 'neutral' | undefined"
319
315
  },
320
- "default": "'infoPrimary'",
321
- "description": "Specify the appearance of the Badge",
316
+ "default": "'neutral'",
317
+ "description": "Specify the appearance of the Avatar",
322
318
  "attribute": "appearance"
323
319
  },
324
320
  {
325
321
  "kind": "field",
326
- "name": "theme",
322
+ "name": "name",
327
323
  "type": {
328
- "text": "'light' | 'dark' | undefined"
324
+ "text": "string | undefined"
329
325
  },
330
- "description": "Theme of the Badge",
331
- "attribute": "theme"
326
+ "description": "Specify a name to display initials in the Avatar",
327
+ "attribute": "name"
328
+ },
329
+ {
330
+ "kind": "field",
331
+ "name": "src",
332
+ "type": {
333
+ "text": "string | undefined"
334
+ },
335
+ "description": "Pass an image to the Avatar",
336
+ "attribute": "src"
337
+ },
338
+ {
339
+ "kind": "field",
340
+ "name": "alt",
341
+ "type": {
342
+ "text": "string | undefined"
343
+ },
344
+ "description": "Specify alt for image",
345
+ "attribute": "alt"
332
346
  },
333
347
  {
334
348
  "kind": "field",
335
349
  "name": "size",
336
350
  "type": {
337
- "text": "'sm' | 'md' | undefined"
351
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
338
352
  },
339
- "default": "'sm'",
340
- "description": "Specify the size of the Badge",
353
+ "default": "'md'",
354
+ "description": "Specify the size of the Avatar",
341
355
  "attribute": "size"
342
356
  },
343
357
  {
344
358
  "kind": "field",
345
- "name": "emphasis",
359
+ "name": "disabled",
346
360
  "type": {
347
- "text": "'strong' | 'medium' | 'subtle'"
361
+ "text": "boolean | undefined"
348
362
  },
349
- "default": "'strong'",
350
- "description": "Specify the emphasis of the Badge",
351
- "attribute": "emphasis"
363
+ "default": "false",
364
+ "description": "Specify if the Avatar is disabled",
365
+ "attribute": "disabled"
352
366
  },
353
367
  {
354
368
  "kind": "field",
355
- "name": "hideIcon",
369
+ "name": "shape",
356
370
  "type": {
357
- "text": "boolean | undefined"
371
+ "text": "'circle' | 'square' | undefined"
358
372
  },
359
- "description": "Hides Badge icon",
360
- "attribute": "hideIcon"
373
+ "default": "'circle'",
374
+ "description": "Specify the shape of the Avatar",
375
+ "attribute": "shape"
376
+ },
377
+ {
378
+ "kind": "field",
379
+ "name": "isInteractive",
380
+ "type": {
381
+ "text": "boolean"
382
+ },
383
+ "default": "false",
384
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
385
+ "attribute": "isInteractive"
386
+ },
387
+ {
388
+ "kind": "field",
389
+ "name": "isFocusable",
390
+ "type": {
391
+ "text": "boolean"
392
+ },
393
+ "default": "false",
394
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
395
+ "attribute": "isFocusable"
396
+ },
397
+ {
398
+ "kind": "field",
399
+ "name": "withBorder",
400
+ "type": {
401
+ "text": "boolean"
402
+ },
403
+ "default": "false",
404
+ "attribute": "withBorder"
361
405
  }
362
406
  ],
363
407
  "attributes": [
364
408
  {
365
409
  "name": "appearance",
366
410
  "type": {
367
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
411
+ "text": "'accent' | 'neutral' | undefined"
368
412
  },
369
- "default": "'infoPrimary'",
370
- "description": "Specify the appearance of the Badge",
413
+ "default": "'neutral'",
414
+ "description": "Specify the appearance of the Avatar",
371
415
  "fieldName": "appearance"
372
416
  },
373
417
  {
374
- "name": "theme",
418
+ "name": "name",
375
419
  "type": {
376
- "text": "'light' | 'dark' | undefined"
420
+ "text": "string | undefined"
377
421
  },
378
- "description": "Theme of the Badge",
379
- "fieldName": "theme"
422
+ "description": "Specify a name to display initials in the Avatar",
423
+ "fieldName": "name"
424
+ },
425
+ {
426
+ "name": "src",
427
+ "type": {
428
+ "text": "string | undefined"
429
+ },
430
+ "description": "Pass an image to the Avatar",
431
+ "fieldName": "src"
432
+ },
433
+ {
434
+ "name": "alt",
435
+ "type": {
436
+ "text": "string | undefined"
437
+ },
438
+ "description": "Specify alt for image",
439
+ "fieldName": "alt"
380
440
  },
381
441
  {
382
442
  "name": "size",
383
443
  "type": {
384
- "text": "'sm' | 'md' | undefined"
444
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
385
445
  },
386
- "default": "'sm'",
387
- "description": "Specify the size of the Badge",
446
+ "default": "'md'",
447
+ "description": "Specify the size of the Avatar",
388
448
  "fieldName": "size"
389
449
  },
390
450
  {
391
- "name": "emphasis",
451
+ "name": "disabled",
392
452
  "type": {
393
- "text": "'strong' | 'medium' | 'subtle'"
453
+ "text": "boolean | undefined"
394
454
  },
395
- "default": "'strong'",
396
- "description": "Specify the emphasis of the Badge",
397
- "fieldName": "emphasis"
455
+ "default": "false",
456
+ "description": "Specify if the Avatar is disabled",
457
+ "fieldName": "disabled"
398
458
  },
399
459
  {
400
- "name": "hideIcon",
460
+ "name": "shape",
401
461
  "type": {
402
- "text": "boolean | undefined"
462
+ "text": "'circle' | 'square' | undefined"
403
463
  },
404
- "description": "Hides Badge icon",
405
- "fieldName": "hideIcon"
464
+ "default": "'circle'",
465
+ "description": "Specify the shape of the Avatar",
466
+ "fieldName": "shape"
467
+ },
468
+ {
469
+ "name": "isInteractive",
470
+ "type": {
471
+ "text": "boolean"
472
+ },
473
+ "default": "false",
474
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
475
+ "fieldName": "isInteractive"
476
+ },
477
+ {
478
+ "name": "isFocusable",
479
+ "type": {
480
+ "text": "boolean"
481
+ },
482
+ "default": "false",
483
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
484
+ "fieldName": "isFocusable"
485
+ },
486
+ {
487
+ "name": "withBorder",
488
+ "type": {
489
+ "text": "boolean"
490
+ },
491
+ "default": "false",
492
+ "fieldName": "withBorder"
406
493
  }
407
494
  ],
408
495
  "superclass": {
409
496
  "name": "LitElement",
410
497
  "package": "lit"
411
498
  },
412
- "tagName": "bm-badge",
499
+ "tagName": "bm-avatar",
413
500
  "customElement": true
414
501
  }
415
502
  ],
416
503
  "exports": [
417
504
  {
418
505
  "kind": "js",
419
- "name": "BmBadge",
506
+ "name": "BmAvatar",
420
507
  "declaration": {
421
- "name": "BmBadge",
422
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
508
+ "name": "BmAvatar",
509
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
423
510
  }
424
511
  },
425
512
  {
426
513
  "kind": "custom-element-definition",
427
- "name": "bm-badge",
514
+ "name": "bm-avatar",
428
515
  "declaration": {
429
- "name": "BmBadge",
430
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
516
+ "name": "BmAvatar",
517
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
431
518
  }
432
519
  }
433
520
  ]
434
521
  },
435
522
  {
436
523
  "kind": "javascript-module",
437
- "path": "libs/web-components/src/lib/Badge/index.ts",
438
- "declarations": [],
524
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
525
+ "declarations": [
526
+ {
527
+ "kind": "variable",
528
+ "name": "AvatarGroupCtx"
529
+ }
530
+ ],
439
531
  "exports": [
440
532
  {
441
533
  "kind": "js",
442
- "name": "*",
534
+ "name": "AvatarGroupCtx",
443
535
  "declaration": {
444
- "name": "*",
445
- "package": "./Badge"
536
+ "name": "AvatarGroupCtx",
537
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
446
538
  }
447
539
  }
448
540
  ]
449
541
  },
450
542
  {
451
543
  "kind": "javascript-module",
452
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
544
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
453
545
  "declarations": [
454
546
  {
455
547
  "kind": "class",
456
- "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
457
- "name": "BmBadgeDot",
548
+ "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
549
+ "name": "BmAvatarGroup",
458
550
  "slots": [
459
551
  {
460
- "description": "Provide text for the BadgeDot",
552
+ "description": "Add Avatars to create a group",
461
553
  "name": "default"
462
554
  }
463
555
  ],
464
556
  "members": [
465
557
  {
466
558
  "kind": "field",
467
- "name": "theme",
559
+ "name": "wrapping",
468
560
  "type": {
469
- "text": "'light' | 'dark' | undefined"
561
+ "text": "boolean"
470
562
  },
471
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
472
- "attribute": "theme"
563
+ "default": "false",
564
+ "description": "Specify if the AvatarGroup wraps",
565
+ "attribute": "wrapping"
473
566
  },
474
567
  {
475
568
  "kind": "field",
476
- "name": "appearance",
569
+ "name": "maxCount",
477
570
  "type": {
478
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
571
+ "text": "number"
479
572
  },
480
- "default": "'infoPrimary'",
481
- "description": "Specify the appearance of the BadgeDot",
482
- "attribute": "appearance"
573
+ "default": "5",
574
+ "description": "Specify the max number of avatars displayed in the group.",
575
+ "attribute": "maxCount",
576
+ "reflects": true
483
577
  },
484
578
  {
485
579
  "kind": "field",
486
- "name": "emphasis",
580
+ "name": "size",
487
581
  "type": {
488
- "text": "'strong' | 'subtle'"
582
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
489
583
  },
490
- "default": "'strong'",
491
- "description": "Specify the emphasis of the BadgeDot",
492
- "attribute": "emphasis"
584
+ "default": "'md'",
585
+ "description": "Specify the size of all Avatars",
586
+ "attribute": "size"
493
587
  },
494
588
  {
495
589
  "kind": "field",
496
- "name": "overrideDotColor",
590
+ "name": "layout",
497
591
  "type": {
498
- "text": "string | undefined"
592
+ "text": "'stacked' | 'spaced' | undefined"
499
593
  },
500
- "description": "Overrides default dot color",
501
- "attribute": "overrideDotColor"
594
+ "default": "'stacked'",
595
+ "description": "Specify the kind of the group.",
596
+ "attribute": "layout"
502
597
  }
503
598
  ],
504
599
  "attributes": [
505
600
  {
506
- "name": "theme",
601
+ "name": "wrapping",
507
602
  "type": {
508
- "text": "'light' | 'dark' | undefined"
603
+ "text": "boolean"
509
604
  },
510
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
511
- "fieldName": "theme"
605
+ "default": "false",
606
+ "description": "Specify if the AvatarGroup wraps",
607
+ "fieldName": "wrapping"
512
608
  },
513
609
  {
514
- "name": "appearance",
610
+ "name": "maxCount",
515
611
  "type": {
516
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
612
+ "text": "number"
517
613
  },
518
- "default": "'infoPrimary'",
519
- "description": "Specify the appearance of the BadgeDot",
520
- "fieldName": "appearance"
614
+ "default": "5",
615
+ "description": "Specify the max number of avatars displayed in the group.",
616
+ "fieldName": "maxCount"
521
617
  },
522
618
  {
523
- "name": "emphasis",
619
+ "name": "size",
524
620
  "type": {
525
- "text": "'strong' | 'subtle'"
621
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
526
622
  },
527
- "default": "'strong'",
528
- "description": "Specify the emphasis of the BadgeDot",
529
- "fieldName": "emphasis"
623
+ "default": "'md'",
624
+ "description": "Specify the size of all Avatars",
625
+ "fieldName": "size"
530
626
  },
531
627
  {
532
- "name": "overrideDotColor",
628
+ "name": "layout",
533
629
  "type": {
534
- "text": "string | undefined"
630
+ "text": "'stacked' | 'spaced' | undefined"
535
631
  },
536
- "description": "Overrides default dot color",
537
- "fieldName": "overrideDotColor"
632
+ "default": "'stacked'",
633
+ "description": "Specify the kind of the group.",
634
+ "fieldName": "layout"
538
635
  }
539
636
  ],
540
637
  "superclass": {
541
638
  "name": "LitElement",
542
639
  "package": "lit"
543
640
  },
544
- "tagName": "bm-badge-dot",
641
+ "tagName": "bm-avatar-group",
545
642
  "customElement": true
546
643
  }
547
644
  ],
548
645
  "exports": [
549
646
  {
550
647
  "kind": "js",
551
- "name": "BmBadgeDot",
648
+ "name": "BmAvatarGroup",
552
649
  "declaration": {
553
- "name": "BmBadgeDot",
554
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
650
+ "name": "BmAvatarGroup",
651
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
555
652
  }
556
653
  },
557
654
  {
558
655
  "kind": "custom-element-definition",
559
- "name": "bm-badge-dot",
656
+ "name": "bm-avatar-group",
560
657
  "declaration": {
561
- "name": "BmBadgeDot",
562
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
658
+ "name": "BmAvatarGroup",
659
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
563
660
  }
564
661
  }
565
662
  ]
566
663
  },
567
664
  {
568
665
  "kind": "javascript-module",
569
- "path": "libs/web-components/src/lib/BadgeDot/index.ts",
666
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
570
667
  "declarations": [],
571
668
  "exports": [
572
669
  {
@@ -574,399 +671,443 @@
574
671
  "name": "*",
575
672
  "declaration": {
576
673
  "name": "*",
577
- "package": "./BadgeDot"
674
+ "package": "./Avatar"
675
+ }
676
+ },
677
+ {
678
+ "kind": "js",
679
+ "name": "*",
680
+ "declaration": {
681
+ "name": "*",
682
+ "package": "./AvatarGroup"
578
683
  }
579
684
  }
580
685
  ]
581
686
  },
582
687
  {
583
688
  "kind": "javascript-module",
584
- "path": "libs/web-components/src/lib/Box/Box.ts",
689
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
585
690
  "declarations": [
586
691
  {
587
692
  "kind": "class",
588
- "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
589
- "name": "BmBox",
693
+ "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
694
+ "name": "BmBadge",
590
695
  "slots": [
591
696
  {
592
- "description": "Provide content for the Box",
697
+ "description": "Provide text for the Badge",
593
698
  "name": "default"
699
+ },
700
+ {
701
+ "description": "Specify a different icon for the Badge",
702
+ "name": "icon"
594
703
  }
595
704
  ],
596
705
  "members": [
597
706
  {
598
707
  "kind": "field",
599
- "name": "backgroundColor",
708
+ "name": "appearance",
600
709
  "type": {
601
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
710
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
602
711
  },
603
- "description": "Specify the background color of a Box",
604
- "attribute": "backgroundColor"
712
+ "default": "'infoPrimary'",
713
+ "description": "Specify the appearance of the Badge",
714
+ "attribute": "appearance"
605
715
  },
606
716
  {
607
717
  "kind": "field",
608
- "name": "borderColor",
718
+ "name": "theme",
609
719
  "type": {
610
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
720
+ "text": "'light' | 'dark' | undefined"
611
721
  },
612
- "description": "Specify the border color of a Box",
613
- "attribute": "borderColor"
722
+ "description": "Theme of the Badge",
723
+ "attribute": "theme"
614
724
  },
615
725
  {
616
726
  "kind": "field",
617
- "name": "borderWidth",
727
+ "name": "size",
618
728
  "type": {
619
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
729
+ "text": "'sm' | 'md' | undefined"
620
730
  },
621
- "description": "Specify the border width of a Box",
622
- "attribute": "borderWidth"
731
+ "default": "'sm'",
732
+ "description": "Specify the size of the Badge",
733
+ "attribute": "size"
623
734
  },
624
735
  {
625
736
  "kind": "field",
626
- "name": "borderRadius",
737
+ "name": "emphasis",
627
738
  "type": {
628
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
739
+ "text": "'strong' | 'medium' | 'subtle'"
629
740
  },
630
- "description": "Specify the border radius of a Box",
631
- "attribute": "borderRadius"
741
+ "default": "'strong'",
742
+ "description": "Specify the emphasis of the Badge",
743
+ "attribute": "emphasis"
632
744
  },
633
745
  {
634
746
  "kind": "field",
635
- "name": "px",
747
+ "name": "hideIcon",
636
748
  "type": {
637
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
749
+ "text": "boolean | undefined"
638
750
  },
639
- "description": "Specify before and after padding of a Box",
640
- "attribute": "px"
641
- },
751
+ "description": "Hides Badge icon",
752
+ "attribute": "hideIcon"
753
+ }
754
+ ],
755
+ "attributes": [
642
756
  {
643
- "kind": "field",
644
- "name": "py",
757
+ "name": "appearance",
645
758
  "type": {
646
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
759
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
647
760
  },
648
- "description": "Specify top and bottom padding of a Box",
649
- "attribute": "py"
761
+ "default": "'infoPrimary'",
762
+ "description": "Specify the appearance of the Badge",
763
+ "fieldName": "appearance"
650
764
  },
651
765
  {
652
- "kind": "field",
653
- "name": "pTop",
766
+ "name": "theme",
654
767
  "type": {
655
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
768
+ "text": "'light' | 'dark' | undefined"
656
769
  },
657
- "description": "Specify top padding of a Box",
658
- "attribute": "pTop"
770
+ "description": "Theme of the Badge",
771
+ "fieldName": "theme"
659
772
  },
660
773
  {
661
- "kind": "field",
662
- "name": "pBottom",
774
+ "name": "size",
663
775
  "type": {
664
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
776
+ "text": "'sm' | 'md' | undefined"
665
777
  },
666
- "description": "Specify bottom padding of a Box",
667
- "attribute": "pBottom"
778
+ "default": "'sm'",
779
+ "description": "Specify the size of the Badge",
780
+ "fieldName": "size"
668
781
  },
669
782
  {
670
- "kind": "field",
671
- "name": "pBefore",
783
+ "name": "emphasis",
672
784
  "type": {
673
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
785
+ "text": "'strong' | 'medium' | 'subtle'"
674
786
  },
675
- "description": "Specify before padding of a Box",
676
- "attribute": "pBefore"
787
+ "default": "'strong'",
788
+ "description": "Specify the emphasis of the Badge",
789
+ "fieldName": "emphasis"
677
790
  },
678
791
  {
679
- "kind": "field",
680
- "name": "pAfter",
792
+ "name": "hideIcon",
681
793
  "type": {
682
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
794
+ "text": "boolean | undefined"
683
795
  },
684
- "description": "Specify after padding of a Box",
685
- "attribute": "pAfter"
796
+ "description": "Hides Badge icon",
797
+ "fieldName": "hideIcon"
798
+ }
799
+ ],
800
+ "superclass": {
801
+ "name": "LitElement",
802
+ "package": "lit"
803
+ },
804
+ "tagName": "bm-badge",
805
+ "customElement": true
806
+ }
807
+ ],
808
+ "exports": [
809
+ {
810
+ "kind": "js",
811
+ "name": "BmBadge",
812
+ "declaration": {
813
+ "name": "BmBadge",
814
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
815
+ }
816
+ },
817
+ {
818
+ "kind": "custom-element-definition",
819
+ "name": "bm-badge",
820
+ "declaration": {
821
+ "name": "BmBadge",
822
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
823
+ }
824
+ }
825
+ ]
826
+ },
827
+ {
828
+ "kind": "javascript-module",
829
+ "path": "libs/web-components/src/lib/Badge/index.ts",
830
+ "declarations": [],
831
+ "exports": [
832
+ {
833
+ "kind": "js",
834
+ "name": "*",
835
+ "declaration": {
836
+ "name": "*",
837
+ "package": "./Badge"
838
+ }
839
+ }
840
+ ]
841
+ },
842
+ {
843
+ "kind": "javascript-module",
844
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
845
+ "declarations": [
846
+ {
847
+ "kind": "class",
848
+ "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
849
+ "name": "BmAlert",
850
+ "slots": [
851
+ {
852
+ "description": "Specify a different icon for the Alert",
853
+ "name": "icon"
854
+ },
855
+ {
856
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
857
+ "name": "heading"
858
+ },
859
+ {
860
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
861
+ "name": "body"
686
862
  },
863
+ {
864
+ "description": "Specify if actions display on the Alert",
865
+ "name": "actions"
866
+ }
867
+ ],
868
+ "members": [
687
869
  {
688
870
  "kind": "field",
689
- "name": "mx",
871
+ "name": "heading",
690
872
  "type": {
691
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
873
+ "text": "string | undefined"
692
874
  },
693
- "description": "Specify before and after margin of a Box",
694
- "attribute": "mx"
875
+ "description": "Specify the heading text for Alert",
876
+ "attribute": "heading"
695
877
  },
696
878
  {
697
879
  "kind": "field",
698
- "name": "my",
880
+ "name": "body",
699
881
  "type": {
700
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
882
+ "text": "string | undefined"
701
883
  },
702
- "description": "Specify top and bottom margin of a Box",
703
- "attribute": "my"
884
+ "description": "Specify the body text for Alert",
885
+ "attribute": "body"
704
886
  },
705
887
  {
706
888
  "kind": "field",
707
- "name": "mTop",
889
+ "name": "size",
708
890
  "type": {
709
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
891
+ "text": "'sm' | 'md'"
710
892
  },
711
- "description": "Specify top margin of a Box",
712
- "attribute": "mTop"
893
+ "default": "'sm'",
894
+ "description": "Specify the size of the Alert",
895
+ "attribute": "size"
713
896
  },
714
897
  {
715
898
  "kind": "field",
716
- "name": "mBottom",
899
+ "name": "fullWidth",
717
900
  "type": {
718
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
901
+ "text": "boolean"
719
902
  },
720
- "description": "Specify bottom margin of a Box",
721
- "attribute": "mBottom"
903
+ "default": "false",
904
+ "description": "Specify if the Alert has no border radius",
905
+ "attribute": "fullWidth"
722
906
  },
723
907
  {
724
908
  "kind": "field",
725
- "name": "mBefore",
909
+ "name": "theme",
726
910
  "type": {
727
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
911
+ "text": "'light' | 'dark' | undefined"
728
912
  },
729
- "description": "Specify before margin of a Box",
730
- "attribute": "mBefore"
913
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
914
+ "attribute": "theme"
731
915
  },
732
916
  {
733
917
  "kind": "field",
734
- "name": "mAfter",
918
+ "name": "appearance",
735
919
  "type": {
736
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
920
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
737
921
  },
738
- "description": "Specify after margin of a Box",
739
- "attribute": "mAfter"
922
+ "default": "'infoPrimary'",
923
+ "description": "Specify the appearance of the Alert",
924
+ "attribute": "appearance"
740
925
  },
741
926
  {
742
927
  "kind": "field",
743
- "name": "m",
928
+ "name": "hidden",
744
929
  "type": {
745
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
930
+ "text": "boolean"
746
931
  },
747
- "description": "Specify all margin",
748
- "attribute": "m"
932
+ "default": "false",
933
+ "description": "Specify if the Alert is hidden",
934
+ "attribute": "hidden"
749
935
  },
750
936
  {
751
937
  "kind": "field",
752
- "name": "p",
938
+ "name": "hideIcon",
753
939
  "type": {
754
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
940
+ "text": "boolean"
755
941
  },
756
- "description": "Specify all padding",
757
- "attribute": "p"
942
+ "default": "false",
943
+ "description": "Specify if the icon displays on the Alert",
944
+ "attribute": "hideIcon"
758
945
  },
759
946
  {
760
947
  "kind": "field",
761
- "name": "gap",
948
+ "name": "dismissible",
762
949
  "type": {
763
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
950
+ "text": "boolean"
764
951
  },
765
- "description": "Specify gap between child elements",
766
- "attribute": "gap"
952
+ "default": "false",
953
+ "description": "Specify if the Alert can be dismissed",
954
+ "attribute": "dismissible"
767
955
  },
768
956
  {
769
957
  "kind": "field",
770
- "name": "shadow",
771
- "type": {
772
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
773
- },
774
- "description": "Specify if a Box has a shadow",
775
- "attribute": "shadow"
776
- }
777
- ],
778
- "attributes": [
779
- {
780
- "name": "backgroundColor",
781
- "type": {
782
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
783
- },
784
- "description": "Specify the background color of a Box",
785
- "fieldName": "backgroundColor"
786
- },
787
- {
788
- "name": "borderColor",
789
- "type": {
790
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
791
- },
792
- "description": "Specify the border color of a Box",
793
- "fieldName": "borderColor"
794
- },
795
- {
796
- "name": "borderWidth",
797
- "type": {
798
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
799
- },
800
- "description": "Specify the border width of a Box",
801
- "fieldName": "borderWidth"
802
- },
803
- {
804
- "name": "borderRadius",
805
- "type": {
806
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
807
- },
808
- "description": "Specify the border radius of a Box",
809
- "fieldName": "borderRadius"
810
- },
811
- {
812
- "name": "px",
813
- "type": {
814
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
815
- },
816
- "description": "Specify before and after padding of a Box",
817
- "fieldName": "px"
818
- },
819
- {
820
- "name": "py",
821
- "type": {
822
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
823
- },
824
- "description": "Specify top and bottom padding of a Box",
825
- "fieldName": "py"
826
- },
827
- {
828
- "name": "pTop",
958
+ "name": "disableAutoFocus",
829
959
  "type": {
830
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
960
+ "text": "boolean"
831
961
  },
832
- "description": "Specify top padding of a Box",
833
- "fieldName": "pTop"
962
+ "default": "false",
963
+ "description": "Prevent autofocus on show",
964
+ "attribute": "disableAutoFocus"
834
965
  },
835
966
  {
836
- "name": "pBottom",
967
+ "kind": "field",
968
+ "name": "disableCloseOnEscape",
837
969
  "type": {
838
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
970
+ "text": "boolean"
839
971
  },
840
- "description": "Specify bottom padding of a Box",
841
- "fieldName": "pBottom"
842
- },
972
+ "default": "false",
973
+ "description": "Prevent Escape from closing",
974
+ "attribute": "disableCloseOnEscape"
975
+ }
976
+ ],
977
+ "events": [
843
978
  {
844
- "name": "pBefore",
845
- "type": {
846
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
847
- },
848
- "description": "Specify before padding of a Box",
849
- "fieldName": "pBefore"
850
- },
979
+ "description": "Dispatched when the Alert has been dismissed",
980
+ "name": "bm-dismiss"
981
+ }
982
+ ],
983
+ "attributes": [
851
984
  {
852
- "name": "pAfter",
985
+ "name": "heading",
853
986
  "type": {
854
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
987
+ "text": "string | undefined"
855
988
  },
856
- "description": "Specify after padding of a Box",
857
- "fieldName": "pAfter"
989
+ "description": "Specify the heading text for Alert",
990
+ "fieldName": "heading"
858
991
  },
859
992
  {
860
- "name": "mx",
993
+ "name": "body",
861
994
  "type": {
862
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
995
+ "text": "string | undefined"
863
996
  },
864
- "description": "Specify before and after margin of a Box",
865
- "fieldName": "mx"
997
+ "description": "Specify the body text for Alert",
998
+ "fieldName": "body"
866
999
  },
867
1000
  {
868
- "name": "my",
1001
+ "name": "size",
869
1002
  "type": {
870
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1003
+ "text": "'sm' | 'md'"
871
1004
  },
872
- "description": "Specify top and bottom margin of a Box",
873
- "fieldName": "my"
1005
+ "default": "'sm'",
1006
+ "description": "Specify the size of the Alert",
1007
+ "fieldName": "size"
874
1008
  },
875
1009
  {
876
- "name": "mTop",
1010
+ "name": "fullWidth",
877
1011
  "type": {
878
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1012
+ "text": "boolean"
879
1013
  },
880
- "description": "Specify top margin of a Box",
881
- "fieldName": "mTop"
1014
+ "default": "false",
1015
+ "description": "Specify if the Alert has no border radius",
1016
+ "fieldName": "fullWidth"
882
1017
  },
883
1018
  {
884
- "name": "mBottom",
1019
+ "name": "theme",
885
1020
  "type": {
886
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1021
+ "text": "'light' | 'dark' | undefined"
887
1022
  },
888
- "description": "Specify bottom margin of a Box",
889
- "fieldName": "mBottom"
1023
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1024
+ "fieldName": "theme"
890
1025
  },
891
1026
  {
892
- "name": "mBefore",
1027
+ "name": "appearance",
893
1028
  "type": {
894
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1029
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
895
1030
  },
896
- "description": "Specify before margin of a Box",
897
- "fieldName": "mBefore"
1031
+ "default": "'infoPrimary'",
1032
+ "description": "Specify the appearance of the Alert",
1033
+ "fieldName": "appearance"
898
1034
  },
899
1035
  {
900
- "name": "mAfter",
1036
+ "name": "hidden",
901
1037
  "type": {
902
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1038
+ "text": "boolean"
903
1039
  },
904
- "description": "Specify after margin of a Box",
905
- "fieldName": "mAfter"
1040
+ "default": "false",
1041
+ "description": "Specify if the Alert is hidden",
1042
+ "fieldName": "hidden"
906
1043
  },
907
1044
  {
908
- "name": "m",
1045
+ "name": "hideIcon",
909
1046
  "type": {
910
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1047
+ "text": "boolean"
911
1048
  },
912
- "description": "Specify all margin",
913
- "fieldName": "m"
1049
+ "default": "false",
1050
+ "description": "Specify if the icon displays on the Alert",
1051
+ "fieldName": "hideIcon"
914
1052
  },
915
1053
  {
916
- "name": "p",
1054
+ "name": "dismissible",
917
1055
  "type": {
918
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1056
+ "text": "boolean"
919
1057
  },
920
- "description": "Specify all padding",
921
- "fieldName": "p"
1058
+ "default": "false",
1059
+ "description": "Specify if the Alert can be dismissed",
1060
+ "fieldName": "dismissible"
922
1061
  },
923
1062
  {
924
- "name": "gap",
1063
+ "name": "disableAutoFocus",
925
1064
  "type": {
926
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1065
+ "text": "boolean"
927
1066
  },
928
- "description": "Specify gap between child elements",
929
- "fieldName": "gap"
1067
+ "default": "false",
1068
+ "description": "Prevent autofocus on show",
1069
+ "fieldName": "disableAutoFocus"
930
1070
  },
931
1071
  {
932
- "name": "shadow",
1072
+ "name": "disableCloseOnEscape",
933
1073
  "type": {
934
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1074
+ "text": "boolean"
935
1075
  },
936
- "description": "Specify if a Box has a shadow",
937
- "fieldName": "shadow"
1076
+ "default": "false",
1077
+ "description": "Prevent Escape from closing",
1078
+ "fieldName": "disableCloseOnEscape"
938
1079
  }
939
1080
  ],
940
1081
  "superclass": {
941
1082
  "name": "LitElement",
942
1083
  "package": "lit"
943
1084
  },
944
- "tagName": "bm-box",
1085
+ "tagName": "bm-alert",
945
1086
  "customElement": true
946
1087
  }
947
1088
  ],
948
1089
  "exports": [
949
1090
  {
950
1091
  "kind": "js",
951
- "name": "BmBox",
1092
+ "name": "BmAlert",
952
1093
  "declaration": {
953
- "name": "BmBox",
954
- "module": "libs/web-components/src/lib/Box/Box.ts"
1094
+ "name": "BmAlert",
1095
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
955
1096
  }
956
1097
  },
957
1098
  {
958
1099
  "kind": "custom-element-definition",
959
- "name": "bm-box",
1100
+ "name": "bm-alert",
960
1101
  "declaration": {
961
- "name": "BmBox",
962
- "module": "libs/web-components/src/lib/Box/Box.ts"
1102
+ "name": "BmAlert",
1103
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
963
1104
  }
964
1105
  }
965
1106
  ]
966
1107
  },
967
1108
  {
968
1109
  "kind": "javascript-module",
969
- "path": "libs/web-components/src/lib/Box/index.ts",
1110
+ "path": "libs/web-components/src/lib/Alert/index.ts",
970
1111
  "declarations": [],
971
1112
  "exports": [
972
1113
  {
@@ -974,582 +1115,531 @@
974
1115
  "name": "*",
975
1116
  "declaration": {
976
1117
  "name": "*",
977
- "package": "./Box"
978
- }
979
- }
980
- ]
981
- },
982
- {
983
- "kind": "javascript-module",
984
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
985
- "declarations": [
986
- {
987
- "kind": "variable",
988
- "name": "BreadcrumbGroupCtx"
989
- }
990
- ],
991
- "exports": [
992
- {
993
- "kind": "js",
994
- "name": "BreadcrumbGroupCtx",
995
- "declaration": {
996
- "name": "BreadcrumbGroupCtx",
997
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1118
+ "package": "./Alert"
998
1119
  }
999
1120
  }
1000
1121
  ]
1001
1122
  },
1002
1123
  {
1003
1124
  "kind": "javascript-module",
1004
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1125
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1005
1126
  "declarations": [
1006
1127
  {
1007
1128
  "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",
1129
+ "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
1130
+ "name": "BmBadgeDot",
1010
1131
  "slots": [
1011
1132
  {
1012
- "description": "Pass items to the Breadcrumb",
1133
+ "description": "Provide text for the BadgeDot",
1013
1134
  "name": "default"
1014
1135
  }
1015
1136
  ],
1016
1137
  "members": [
1017
1138
  {
1018
1139
  "kind": "field",
1019
- "name": "wrap",
1140
+ "name": "theme",
1020
1141
  "type": {
1021
- "text": "boolean"
1142
+ "text": "'light' | 'dark' | undefined"
1022
1143
  },
1023
- "default": "true",
1024
- "description": "Specify if items wrap or collapse to an ellipsis",
1025
- "attribute": "wrap"
1144
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1145
+ "attribute": "theme"
1026
1146
  },
1027
1147
  {
1028
1148
  "kind": "field",
1029
- "name": "itemsBeforeCollapse",
1149
+ "name": "appearance",
1030
1150
  "type": {
1031
- "text": "number"
1151
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1032
1152
  },
1033
- "default": "1",
1034
- "description": "Specify how many items show before ellipsis",
1035
- "attribute": "itemsBeforeCollapse"
1153
+ "default": "'infoPrimary'",
1154
+ "description": "Specify the appearance of the BadgeDot",
1155
+ "attribute": "appearance"
1036
1156
  },
1037
1157
  {
1038
1158
  "kind": "field",
1039
- "name": "itemsAfterCollapse",
1159
+ "name": "emphasis",
1040
1160
  "type": {
1041
- "text": "number"
1161
+ "text": "'strong' | 'subtle'"
1042
1162
  },
1043
- "default": "1",
1044
- "description": "Specify how many items show after ellipsis",
1045
- "attribute": "itemsAfterCollapse"
1163
+ "default": "'strong'",
1164
+ "description": "Specify the emphasis of the BadgeDot",
1165
+ "attribute": "emphasis"
1046
1166
  },
1047
1167
  {
1048
1168
  "kind": "field",
1049
- "name": "theme",
1169
+ "name": "overrideDotColor",
1050
1170
  "type": {
1051
- "text": "'light' | 'dark' | undefined"
1171
+ "text": "string | undefined"
1052
1172
  },
1053
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1054
- "attribute": "theme"
1173
+ "description": "Overrides default dot color",
1174
+ "attribute": "overrideDotColor"
1055
1175
  }
1056
1176
  ],
1057
1177
  "attributes": [
1058
1178
  {
1059
- "name": "wrap",
1179
+ "name": "theme",
1060
1180
  "type": {
1061
- "text": "boolean"
1181
+ "text": "'light' | 'dark' | undefined"
1062
1182
  },
1063
- "default": "true",
1064
- "description": "Specify if items wrap or collapse to an ellipsis",
1065
- "fieldName": "wrap"
1183
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1184
+ "fieldName": "theme"
1066
1185
  },
1067
1186
  {
1068
- "name": "itemsBeforeCollapse",
1187
+ "name": "appearance",
1069
1188
  "type": {
1070
- "text": "number"
1189
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1071
1190
  },
1072
- "default": "1",
1073
- "description": "Specify how many items show before ellipsis",
1074
- "fieldName": "itemsBeforeCollapse"
1191
+ "default": "'infoPrimary'",
1192
+ "description": "Specify the appearance of the BadgeDot",
1193
+ "fieldName": "appearance"
1075
1194
  },
1076
1195
  {
1077
- "name": "itemsAfterCollapse",
1196
+ "name": "emphasis",
1078
1197
  "type": {
1079
- "text": "number"
1198
+ "text": "'strong' | 'subtle'"
1080
1199
  },
1081
- "default": "1",
1082
- "description": "Specify how many items show after ellipsis",
1083
- "fieldName": "itemsAfterCollapse"
1200
+ "default": "'strong'",
1201
+ "description": "Specify the emphasis of the BadgeDot",
1202
+ "fieldName": "emphasis"
1084
1203
  },
1085
1204
  {
1086
- "name": "theme",
1205
+ "name": "overrideDotColor",
1087
1206
  "type": {
1088
- "text": "'light' | 'dark' | undefined"
1207
+ "text": "string | undefined"
1089
1208
  },
1090
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1091
- "fieldName": "theme"
1209
+ "description": "Overrides default dot color",
1210
+ "fieldName": "overrideDotColor"
1092
1211
  }
1093
1212
  ],
1094
1213
  "superclass": {
1095
1214
  "name": "LitElement",
1096
1215
  "package": "lit"
1097
1216
  },
1098
- "tagName": "bm-breadcrumb",
1217
+ "tagName": "bm-badge-dot",
1099
1218
  "customElement": true
1100
1219
  }
1101
1220
  ],
1102
1221
  "exports": [
1103
1222
  {
1104
1223
  "kind": "js",
1105
- "name": "BmBreadcrumbs",
1224
+ "name": "BmBadgeDot",
1106
1225
  "declaration": {
1107
- "name": "BmBreadcrumbs",
1108
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1226
+ "name": "BmBadgeDot",
1227
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1109
1228
  }
1110
1229
  },
1111
1230
  {
1112
1231
  "kind": "custom-element-definition",
1113
- "name": "bm-breadcrumb",
1232
+ "name": "bm-badge-dot",
1114
1233
  "declaration": {
1115
- "name": "BmBreadcrumbs",
1116
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1234
+ "name": "BmBadgeDot",
1235
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1117
1236
  }
1118
1237
  }
1119
1238
  ]
1120
1239
  },
1121
1240
  {
1122
1241
  "kind": "javascript-module",
1123
- "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1242
+ "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1243
+ "declarations": [],
1244
+ "exports": [
1245
+ {
1246
+ "kind": "js",
1247
+ "name": "*",
1248
+ "declaration": {
1249
+ "name": "*",
1250
+ "package": "./BadgeDot"
1251
+ }
1252
+ }
1253
+ ]
1254
+ },
1255
+ {
1256
+ "kind": "javascript-module",
1257
+ "path": "libs/web-components/src/lib/Box/Box.ts",
1124
1258
  "declarations": [
1125
1259
  {
1126
1260
  "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",
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",
1129
1263
  "slots": [
1130
1264
  {
1131
- "description": "Pass text to an item",
1265
+ "description": "Provide content for the Box",
1132
1266
  "name": "default"
1133
- },
1134
- {
1135
- "description": "Pass icon to an item",
1136
- "name": "icon"
1137
1267
  }
1138
1268
  ],
1139
1269
  "members": [
1140
1270
  {
1141
1271
  "kind": "field",
1142
- "name": "href",
1272
+ "name": "backgroundColor",
1143
1273
  "type": {
1144
- "text": "string | undefined"
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"
1145
1275
  },
1146
- "description": "Pass href to an item",
1147
- "attribute": "href"
1276
+ "description": "Specify the background color of a Box",
1277
+ "attribute": "backgroundColor"
1148
1278
  },
1149
1279
  {
1150
1280
  "kind": "field",
1151
- "name": "clickable",
1281
+ "name": "borderColor",
1152
1282
  "type": {
1153
- "text": "boolean"
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"
1154
1284
  },
1155
- "default": "false",
1156
- "description": "Specify if the item is interactive without an href",
1157
- "attribute": "clickable"
1285
+ "description": "Specify the border color of a Box",
1286
+ "attribute": "borderColor"
1158
1287
  },
1159
1288
  {
1160
1289
  "kind": "field",
1161
- "name": "truncationWidth",
1290
+ "name": "borderWidth",
1162
1291
  "type": {
1163
- "text": "string | undefined"
1292
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1164
1293
  },
1165
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1166
- "attribute": "truncationWidth"
1294
+ "description": "Specify the border width of a Box",
1295
+ "attribute": "borderWidth"
1167
1296
  },
1168
1297
  {
1169
1298
  "kind": "field",
1170
- "name": "isCurrent",
1299
+ "name": "borderRadius",
1171
1300
  "type": {
1172
- "text": "boolean"
1301
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1173
1302
  },
1174
- "default": "false",
1175
- "description": "Specify explicitly if the item is the last one",
1176
- "attribute": "isCurrent",
1177
- "reflects": true
1303
+ "description": "Specify the border radius of a Box",
1304
+ "attribute": "borderRadius"
1178
1305
  },
1179
1306
  {
1180
1307
  "kind": "field",
1181
- "name": "isCollapsed",
1308
+ "name": "px",
1182
1309
  "type": {
1183
- "text": "boolean"
1310
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1184
1311
  },
1185
- "default": "false",
1186
- "attribute": "isCollapsed",
1187
- "reflects": true
1188
- }
1189
- ],
1190
- "attributes": [
1312
+ "description": "Specify before and after padding of a Box",
1313
+ "attribute": "px"
1314
+ },
1191
1315
  {
1192
- "name": "href",
1316
+ "kind": "field",
1317
+ "name": "py",
1193
1318
  "type": {
1194
- "text": "string | undefined"
1319
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1195
1320
  },
1196
- "description": "Pass href to an item",
1197
- "fieldName": "href"
1321
+ "description": "Specify top and bottom padding of a Box",
1322
+ "attribute": "py"
1198
1323
  },
1199
1324
  {
1200
- "name": "clickable",
1325
+ "kind": "field",
1326
+ "name": "pTop",
1201
1327
  "type": {
1202
- "text": "boolean"
1328
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1203
1329
  },
1204
- "default": "false",
1205
- "description": "Specify if the item is interactive without an href",
1206
- "fieldName": "clickable"
1330
+ "description": "Specify top padding of a Box",
1331
+ "attribute": "pTop"
1207
1332
  },
1208
1333
  {
1209
- "name": "truncationWidth",
1334
+ "kind": "field",
1335
+ "name": "pBottom",
1210
1336
  "type": {
1211
- "text": "string | undefined"
1337
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1212
1338
  },
1213
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1214
- "fieldName": "truncationWidth"
1339
+ "description": "Specify bottom padding of a Box",
1340
+ "attribute": "pBottom"
1215
1341
  },
1216
1342
  {
1217
- "name": "isCurrent",
1343
+ "kind": "field",
1344
+ "name": "pBefore",
1218
1345
  "type": {
1219
- "text": "boolean"
1346
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1220
1347
  },
1221
- "default": "false",
1222
- "description": "Specify explicitly if the item is the last one",
1223
- "fieldName": "isCurrent"
1348
+ "description": "Specify before padding of a Box",
1349
+ "attribute": "pBefore"
1224
1350
  },
1225
1351
  {
1226
- "name": "isCollapsed",
1352
+ "kind": "field",
1353
+ "name": "pAfter",
1227
1354
  "type": {
1228
- "text": "boolean"
1355
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1229
1356
  },
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/Alert/Alert.ts",
1287
- "declarations": [
1288
- {
1289
- "kind": "class",
1290
- "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",
1291
- "name": "BmAlert",
1292
- "slots": [
1293
- {
1294
- "description": "Specify a different icon for the Alert",
1295
- "name": "icon"
1296
- },
1297
- {
1298
- "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
1299
- "name": "heading"
1300
- },
1301
- {
1302
- "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
1303
- "name": "body"
1304
- },
1305
- {
1306
- "description": "Specify if actions display on the Alert",
1307
- "name": "actions"
1308
- }
1309
- ],
1310
- "members": [
1311
- {
1312
- "kind": "field",
1313
- "name": "heading",
1314
- "type": {
1315
- "text": "string | undefined"
1316
- },
1317
- "description": "Specify the heading text for Alert",
1318
- "attribute": "heading"
1357
+ "description": "Specify after padding of a Box",
1358
+ "attribute": "pAfter"
1319
1359
  },
1320
1360
  {
1321
1361
  "kind": "field",
1322
- "name": "body",
1362
+ "name": "mx",
1323
1363
  "type": {
1324
- "text": "string | undefined"
1364
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1325
1365
  },
1326
- "description": "Specify the body text for Alert",
1327
- "attribute": "body"
1366
+ "description": "Specify before and after margin of a Box",
1367
+ "attribute": "mx"
1328
1368
  },
1329
1369
  {
1330
1370
  "kind": "field",
1331
- "name": "size",
1371
+ "name": "my",
1332
1372
  "type": {
1333
- "text": "'sm' | 'md'"
1373
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1334
1374
  },
1335
- "default": "'sm'",
1336
- "description": "Specify the size of the Alert",
1337
- "attribute": "size"
1375
+ "description": "Specify top and bottom margin of a Box",
1376
+ "attribute": "my"
1338
1377
  },
1339
1378
  {
1340
1379
  "kind": "field",
1341
- "name": "fullWidth",
1380
+ "name": "mTop",
1342
1381
  "type": {
1343
- "text": "boolean"
1382
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1344
1383
  },
1345
- "default": "false",
1346
- "description": "Specify if the Alert has no border radius",
1347
- "attribute": "fullWidth"
1384
+ "description": "Specify top margin of a Box",
1385
+ "attribute": "mTop"
1348
1386
  },
1349
1387
  {
1350
1388
  "kind": "field",
1351
- "name": "theme",
1389
+ "name": "mBottom",
1352
1390
  "type": {
1353
- "text": "'light' | 'dark' | undefined"
1391
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1354
1392
  },
1355
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1356
- "attribute": "theme"
1393
+ "description": "Specify bottom margin of a Box",
1394
+ "attribute": "mBottom"
1357
1395
  },
1358
1396
  {
1359
1397
  "kind": "field",
1360
- "name": "appearance",
1398
+ "name": "mBefore",
1361
1399
  "type": {
1362
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1400
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1363
1401
  },
1364
- "default": "'infoPrimary'",
1365
- "description": "Specify the appearance of the Alert",
1366
- "attribute": "appearance"
1402
+ "description": "Specify before margin of a Box",
1403
+ "attribute": "mBefore"
1367
1404
  },
1368
1405
  {
1369
1406
  "kind": "field",
1370
- "name": "hidden",
1407
+ "name": "mAfter",
1371
1408
  "type": {
1372
- "text": "boolean"
1409
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1373
1410
  },
1374
- "default": "false",
1375
- "description": "Specify if the Alert is hidden",
1376
- "attribute": "hidden"
1411
+ "description": "Specify after margin of a Box",
1412
+ "attribute": "mAfter"
1377
1413
  },
1378
1414
  {
1379
1415
  "kind": "field",
1380
- "name": "hideIcon",
1416
+ "name": "m",
1381
1417
  "type": {
1382
- "text": "boolean"
1418
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1383
1419
  },
1384
- "default": "false",
1385
- "description": "Specify if the icon displays on the Alert",
1386
- "attribute": "hideIcon"
1420
+ "description": "Specify all margin",
1421
+ "attribute": "m"
1387
1422
  },
1388
1423
  {
1389
1424
  "kind": "field",
1390
- "name": "dismissible",
1425
+ "name": "p",
1391
1426
  "type": {
1392
- "text": "boolean"
1427
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1393
1428
  },
1394
- "default": "false",
1395
- "description": "Specify if the Alert can be dismissed",
1396
- "attribute": "dismissible"
1429
+ "description": "Specify all padding",
1430
+ "attribute": "p"
1397
1431
  },
1398
1432
  {
1399
1433
  "kind": "field",
1400
- "name": "disableAutoFocus",
1434
+ "name": "gap",
1401
1435
  "type": {
1402
- "text": "boolean"
1436
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1403
1437
  },
1404
- "default": "false",
1405
- "description": "Prevent autofocus on show",
1406
- "attribute": "disableAutoFocus"
1438
+ "description": "Specify gap between child elements",
1439
+ "attribute": "gap"
1407
1440
  },
1408
1441
  {
1409
1442
  "kind": "field",
1410
- "name": "disableCloseOnEscape",
1443
+ "name": "shadow",
1411
1444
  "type": {
1412
- "text": "boolean"
1445
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1413
1446
  },
1414
- "default": "false",
1415
- "description": "Prevent Escape from closing",
1416
- "attribute": "disableCloseOnEscape"
1417
- }
1418
- ],
1419
- "events": [
1420
- {
1421
- "description": "Dispatched when the Alert has been dismissed",
1422
- "name": "bm-dismiss"
1447
+ "description": "Specify if a Box has a shadow",
1448
+ "attribute": "shadow"
1423
1449
  }
1424
1450
  ],
1425
1451
  "attributes": [
1426
1452
  {
1427
- "name": "heading",
1453
+ "name": "backgroundColor",
1428
1454
  "type": {
1429
- "text": "string | undefined"
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"
1430
1456
  },
1431
- "description": "Specify the heading text for Alert",
1432
- "fieldName": "heading"
1457
+ "description": "Specify the background color of a Box",
1458
+ "fieldName": "backgroundColor"
1433
1459
  },
1434
1460
  {
1435
- "name": "body",
1461
+ "name": "borderColor",
1436
1462
  "type": {
1437
- "text": "string | undefined"
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"
1438
1464
  },
1439
- "description": "Specify the body text for Alert",
1440
- "fieldName": "body"
1465
+ "description": "Specify the border color of a Box",
1466
+ "fieldName": "borderColor"
1441
1467
  },
1442
1468
  {
1443
- "name": "size",
1469
+ "name": "borderWidth",
1444
1470
  "type": {
1445
- "text": "'sm' | 'md'"
1471
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1446
1472
  },
1447
- "default": "'sm'",
1448
- "description": "Specify the size of the Alert",
1449
- "fieldName": "size"
1473
+ "description": "Specify the border width of a Box",
1474
+ "fieldName": "borderWidth"
1450
1475
  },
1451
1476
  {
1452
- "name": "fullWidth",
1477
+ "name": "borderRadius",
1453
1478
  "type": {
1454
- "text": "boolean"
1479
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1455
1480
  },
1456
- "default": "false",
1457
- "description": "Specify if the Alert has no border radius",
1458
- "fieldName": "fullWidth"
1481
+ "description": "Specify the border radius of a Box",
1482
+ "fieldName": "borderRadius"
1459
1483
  },
1460
1484
  {
1461
- "name": "theme",
1485
+ "name": "px",
1462
1486
  "type": {
1463
- "text": "'light' | 'dark' | undefined"
1487
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1464
1488
  },
1465
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1466
- "fieldName": "theme"
1489
+ "description": "Specify before and after padding of a Box",
1490
+ "fieldName": "px"
1467
1491
  },
1468
1492
  {
1469
- "name": "appearance",
1493
+ "name": "py",
1470
1494
  "type": {
1471
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1495
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1472
1496
  },
1473
- "default": "'infoPrimary'",
1474
- "description": "Specify the appearance of the Alert",
1475
- "fieldName": "appearance"
1497
+ "description": "Specify top and bottom padding of a Box",
1498
+ "fieldName": "py"
1476
1499
  },
1477
1500
  {
1478
- "name": "hidden",
1501
+ "name": "pTop",
1479
1502
  "type": {
1480
- "text": "boolean"
1503
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1481
1504
  },
1482
- "default": "false",
1483
- "description": "Specify if the Alert is hidden",
1484
- "fieldName": "hidden"
1505
+ "description": "Specify top padding of a Box",
1506
+ "fieldName": "pTop"
1485
1507
  },
1486
1508
  {
1487
- "name": "hideIcon",
1509
+ "name": "pBottom",
1488
1510
  "type": {
1489
- "text": "boolean"
1511
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1490
1512
  },
1491
- "default": "false",
1492
- "description": "Specify if the icon displays on the Alert",
1493
- "fieldName": "hideIcon"
1513
+ "description": "Specify bottom padding of a Box",
1514
+ "fieldName": "pBottom"
1494
1515
  },
1495
1516
  {
1496
- "name": "dismissible",
1517
+ "name": "pBefore",
1497
1518
  "type": {
1498
- "text": "boolean"
1519
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1499
1520
  },
1500
- "default": "false",
1501
- "description": "Specify if the Alert can be dismissed",
1502
- "fieldName": "dismissible"
1521
+ "description": "Specify before padding of a Box",
1522
+ "fieldName": "pBefore"
1503
1523
  },
1504
1524
  {
1505
- "name": "disableAutoFocus",
1525
+ "name": "pAfter",
1506
1526
  "type": {
1507
- "text": "boolean"
1527
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1508
1528
  },
1509
- "default": "false",
1510
- "description": "Prevent autofocus on show",
1511
- "fieldName": "disableAutoFocus"
1529
+ "description": "Specify after padding of a Box",
1530
+ "fieldName": "pAfter"
1512
1531
  },
1513
1532
  {
1514
- "name": "disableCloseOnEscape",
1533
+ "name": "mx",
1515
1534
  "type": {
1516
- "text": "boolean"
1535
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1517
1536
  },
1518
- "default": "false",
1519
- "description": "Prevent Escape from closing",
1520
- "fieldName": "disableCloseOnEscape"
1537
+ "description": "Specify before and after margin of a Box",
1538
+ "fieldName": "mx"
1539
+ },
1540
+ {
1541
+ "name": "my",
1542
+ "type": {
1543
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1544
+ },
1545
+ "description": "Specify top and bottom margin of a Box",
1546
+ "fieldName": "my"
1547
+ },
1548
+ {
1549
+ "name": "mTop",
1550
+ "type": {
1551
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1552
+ },
1553
+ "description": "Specify top margin of a Box",
1554
+ "fieldName": "mTop"
1555
+ },
1556
+ {
1557
+ "name": "mBottom",
1558
+ "type": {
1559
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1560
+ },
1561
+ "description": "Specify bottom margin of a Box",
1562
+ "fieldName": "mBottom"
1563
+ },
1564
+ {
1565
+ "name": "mBefore",
1566
+ "type": {
1567
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1568
+ },
1569
+ "description": "Specify before margin of a Box",
1570
+ "fieldName": "mBefore"
1571
+ },
1572
+ {
1573
+ "name": "mAfter",
1574
+ "type": {
1575
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1576
+ },
1577
+ "description": "Specify after margin of a Box",
1578
+ "fieldName": "mAfter"
1579
+ },
1580
+ {
1581
+ "name": "m",
1582
+ "type": {
1583
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1584
+ },
1585
+ "description": "Specify all margin",
1586
+ "fieldName": "m"
1587
+ },
1588
+ {
1589
+ "name": "p",
1590
+ "type": {
1591
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1592
+ },
1593
+ "description": "Specify all padding",
1594
+ "fieldName": "p"
1595
+ },
1596
+ {
1597
+ "name": "gap",
1598
+ "type": {
1599
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1600
+ },
1601
+ "description": "Specify gap between child elements",
1602
+ "fieldName": "gap"
1603
+ },
1604
+ {
1605
+ "name": "shadow",
1606
+ "type": {
1607
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1608
+ },
1609
+ "description": "Specify if a Box has a shadow",
1610
+ "fieldName": "shadow"
1521
1611
  }
1522
1612
  ],
1523
1613
  "superclass": {
1524
1614
  "name": "LitElement",
1525
1615
  "package": "lit"
1526
1616
  },
1527
- "tagName": "bm-alert",
1617
+ "tagName": "bm-box",
1528
1618
  "customElement": true
1529
1619
  }
1530
1620
  ],
1531
1621
  "exports": [
1532
1622
  {
1533
1623
  "kind": "js",
1534
- "name": "BmAlert",
1624
+ "name": "BmBox",
1535
1625
  "declaration": {
1536
- "name": "BmAlert",
1537
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1626
+ "name": "BmBox",
1627
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1538
1628
  }
1539
1629
  },
1540
1630
  {
1541
1631
  "kind": "custom-element-definition",
1542
- "name": "bm-alert",
1632
+ "name": "bm-box",
1543
1633
  "declaration": {
1544
- "name": "BmAlert",
1545
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1634
+ "name": "BmBox",
1635
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1546
1636
  }
1547
1637
  }
1548
1638
  ]
1549
1639
  },
1550
1640
  {
1551
1641
  "kind": "javascript-module",
1552
- "path": "libs/web-components/src/lib/Alert/index.ts",
1642
+ "path": "libs/web-components/src/lib/Box/index.ts",
1553
1643
  "declarations": [],
1554
1644
  "exports": [
1555
1645
  {
@@ -1557,383 +1647,293 @@
1557
1647
  "name": "*",
1558
1648
  "declaration": {
1559
1649
  "name": "*",
1560
- "package": "./Alert"
1650
+ "package": "./Box"
1561
1651
  }
1562
1652
  }
1563
1653
  ]
1564
1654
  },
1565
1655
  {
1566
1656
  "kind": "javascript-module",
1567
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
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"
1671
+ }
1672
+ }
1673
+ ]
1674
+ },
1675
+ {
1676
+ "kind": "javascript-module",
1677
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1568
1678
  "declarations": [
1569
1679
  {
1570
1680
  "kind": "class",
1571
- "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** ",
1572
- "name": "BmAvatar",
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",
1573
1683
  "slots": [
1574
1684
  {
1575
- "description": "Customize the default icon",
1576
- "name": "icon"
1685
+ "description": "Pass items to the Breadcrumb",
1686
+ "name": "default"
1577
1687
  }
1578
1688
  ],
1579
1689
  "members": [
1580
1690
  {
1581
1691
  "kind": "field",
1582
- "name": "appearance",
1583
- "type": {
1584
- "text": "'accent' | 'neutral' | undefined"
1585
- },
1586
- "default": "'neutral'",
1587
- "description": "Specify the appearance of the Avatar",
1588
- "attribute": "appearance"
1589
- },
1590
- {
1591
- "kind": "field",
1592
- "name": "name",
1593
- "type": {
1594
- "text": "string | undefined"
1595
- },
1596
- "description": "Specify a name to display initials in the Avatar",
1597
- "attribute": "name"
1598
- },
1599
- {
1600
- "kind": "field",
1601
- "name": "src",
1692
+ "name": "wrap",
1602
1693
  "type": {
1603
- "text": "string | undefined"
1694
+ "text": "boolean"
1604
1695
  },
1605
- "description": "Pass an image to the Avatar",
1606
- "attribute": "src"
1696
+ "default": "true",
1697
+ "description": "Specify if items wrap or collapse to an ellipsis",
1698
+ "attribute": "wrap"
1607
1699
  },
1608
1700
  {
1609
1701
  "kind": "field",
1610
- "name": "alt",
1702
+ "name": "itemsBeforeCollapse",
1611
1703
  "type": {
1612
- "text": "string | undefined"
1704
+ "text": "number"
1613
1705
  },
1614
- "description": "Specify alt for image",
1615
- "attribute": "alt"
1706
+ "default": "1",
1707
+ "description": "Specify how many items show before ellipsis",
1708
+ "attribute": "itemsBeforeCollapse"
1616
1709
  },
1617
1710
  {
1618
1711
  "kind": "field",
1619
- "name": "size",
1712
+ "name": "itemsAfterCollapse",
1620
1713
  "type": {
1621
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1714
+ "text": "number"
1622
1715
  },
1623
- "default": "'md'",
1624
- "description": "Specify the size of the Avatar",
1625
- "attribute": "size"
1716
+ "default": "1",
1717
+ "description": "Specify how many items show after ellipsis",
1718
+ "attribute": "itemsAfterCollapse"
1626
1719
  },
1627
1720
  {
1628
1721
  "kind": "field",
1629
- "name": "disabled",
1722
+ "name": "theme",
1630
1723
  "type": {
1631
- "text": "boolean | undefined"
1724
+ "text": "'light' | 'dark' | undefined"
1632
1725
  },
1633
- "default": "false",
1634
- "description": "Specify if the Avatar is disabled",
1635
- "attribute": "disabled"
1636
- },
1726
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1727
+ "attribute": "theme"
1728
+ }
1729
+ ],
1730
+ "attributes": [
1637
1731
  {
1638
- "kind": "field",
1639
- "name": "shape",
1732
+ "name": "wrap",
1640
1733
  "type": {
1641
- "text": "'circle' | 'square' | undefined"
1734
+ "text": "boolean"
1642
1735
  },
1643
- "default": "'circle'",
1644
- "description": "Specify the shape of the Avatar",
1645
- "attribute": "shape"
1736
+ "default": "true",
1737
+ "description": "Specify if items wrap or collapse to an ellipsis",
1738
+ "fieldName": "wrap"
1646
1739
  },
1647
1740
  {
1648
- "kind": "field",
1649
- "name": "isInteractive",
1741
+ "name": "itemsBeforeCollapse",
1650
1742
  "type": {
1651
- "text": "boolean"
1743
+ "text": "number"
1652
1744
  },
1653
- "default": "false",
1654
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1655
- "attribute": "isInteractive"
1745
+ "default": "1",
1746
+ "description": "Specify how many items show before ellipsis",
1747
+ "fieldName": "itemsBeforeCollapse"
1656
1748
  },
1657
1749
  {
1658
- "kind": "field",
1659
- "name": "isFocusable",
1750
+ "name": "itemsAfterCollapse",
1660
1751
  "type": {
1661
- "text": "boolean"
1752
+ "text": "number"
1662
1753
  },
1663
- "default": "false",
1664
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1665
- "attribute": "isFocusable"
1754
+ "default": "1",
1755
+ "description": "Specify how many items show after ellipsis",
1756
+ "fieldName": "itemsAfterCollapse"
1666
1757
  },
1667
1758
  {
1668
- "kind": "field",
1669
- "name": "withBorder",
1759
+ "name": "theme",
1670
1760
  "type": {
1671
- "text": "boolean"
1761
+ "text": "'light' | 'dark' | undefined"
1672
1762
  },
1673
- "default": "false",
1674
- "attribute": "withBorder"
1675
- }
1676
- ],
1677
- "attributes": [
1678
- {
1679
- "name": "appearance",
1680
- "type": {
1681
- "text": "'accent' | 'neutral' | undefined"
1682
- },
1683
- "default": "'neutral'",
1684
- "description": "Specify the appearance of the Avatar",
1685
- "fieldName": "appearance"
1686
- },
1687
- {
1688
- "name": "name",
1689
- "type": {
1690
- "text": "string | undefined"
1691
- },
1692
- "description": "Specify a name to display initials in the Avatar",
1693
- "fieldName": "name"
1694
- },
1695
- {
1696
- "name": "src",
1697
- "type": {
1698
- "text": "string | undefined"
1699
- },
1700
- "description": "Pass an image to the Avatar",
1701
- "fieldName": "src"
1702
- },
1703
- {
1704
- "name": "alt",
1705
- "type": {
1706
- "text": "string | undefined"
1707
- },
1708
- "description": "Specify alt for image",
1709
- "fieldName": "alt"
1710
- },
1711
- {
1712
- "name": "size",
1713
- "type": {
1714
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1715
- },
1716
- "default": "'md'",
1717
- "description": "Specify the size of the Avatar",
1718
- "fieldName": "size"
1719
- },
1720
- {
1721
- "name": "disabled",
1722
- "type": {
1723
- "text": "boolean | undefined"
1724
- },
1725
- "default": "false",
1726
- "description": "Specify if the Avatar is disabled",
1727
- "fieldName": "disabled"
1728
- },
1729
- {
1730
- "name": "shape",
1731
- "type": {
1732
- "text": "'circle' | 'square' | undefined"
1733
- },
1734
- "default": "'circle'",
1735
- "description": "Specify the shape of the Avatar",
1736
- "fieldName": "shape"
1737
- },
1738
- {
1739
- "name": "isInteractive",
1740
- "type": {
1741
- "text": "boolean"
1742
- },
1743
- "default": "false",
1744
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1745
- "fieldName": "isInteractive"
1746
- },
1747
- {
1748
- "name": "isFocusable",
1749
- "type": {
1750
- "text": "boolean"
1751
- },
1752
- "default": "false",
1753
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1754
- "fieldName": "isFocusable"
1755
- },
1756
- {
1757
- "name": "withBorder",
1758
- "type": {
1759
- "text": "boolean"
1760
- },
1761
- "default": "false",
1762
- "fieldName": "withBorder"
1763
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1764
+ "fieldName": "theme"
1763
1765
  }
1764
1766
  ],
1765
1767
  "superclass": {
1766
1768
  "name": "LitElement",
1767
1769
  "package": "lit"
1768
1770
  },
1769
- "tagName": "bm-avatar",
1771
+ "tagName": "bm-breadcrumb",
1770
1772
  "customElement": true
1771
1773
  }
1772
1774
  ],
1773
1775
  "exports": [
1774
1776
  {
1775
1777
  "kind": "js",
1776
- "name": "BmAvatar",
1778
+ "name": "BmBreadcrumbs",
1777
1779
  "declaration": {
1778
- "name": "BmAvatar",
1779
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1780
+ "name": "BmBreadcrumbs",
1781
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1780
1782
  }
1781
1783
  },
1782
1784
  {
1783
1785
  "kind": "custom-element-definition",
1784
- "name": "bm-avatar",
1785
- "declaration": {
1786
- "name": "BmAvatar",
1787
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1788
- }
1789
- }
1790
- ]
1791
- },
1792
- {
1793
- "kind": "javascript-module",
1794
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1795
- "declarations": [
1796
- {
1797
- "kind": "variable",
1798
- "name": "AvatarGroupCtx"
1799
- }
1800
- ],
1801
- "exports": [
1802
- {
1803
- "kind": "js",
1804
- "name": "AvatarGroupCtx",
1786
+ "name": "bm-breadcrumb",
1805
1787
  "declaration": {
1806
- "name": "AvatarGroupCtx",
1807
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1788
+ "name": "BmBreadcrumbs",
1789
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1808
1790
  }
1809
1791
  }
1810
1792
  ]
1811
1793
  },
1812
1794
  {
1813
1795
  "kind": "javascript-module",
1814
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1796
+ "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1815
1797
  "declarations": [
1816
1798
  {
1817
1799
  "kind": "class",
1818
- "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.",
1819
- "name": "BmAvatarGroup",
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",
1820
1802
  "slots": [
1821
1803
  {
1822
- "description": "Add Avatars to create a group",
1804
+ "description": "Pass text to an item",
1823
1805
  "name": "default"
1806
+ },
1807
+ {
1808
+ "description": "Pass icon to an item",
1809
+ "name": "icon"
1824
1810
  }
1825
1811
  ],
1826
1812
  "members": [
1827
1813
  {
1828
1814
  "kind": "field",
1829
- "name": "wrapping",
1815
+ "name": "href",
1816
+ "type": {
1817
+ "text": "string | undefined"
1818
+ },
1819
+ "description": "Pass href to an item",
1820
+ "attribute": "href"
1821
+ },
1822
+ {
1823
+ "kind": "field",
1824
+ "name": "clickable",
1830
1825
  "type": {
1831
1826
  "text": "boolean"
1832
1827
  },
1833
1828
  "default": "false",
1834
- "description": "Specify if the AvatarGroup wraps",
1835
- "attribute": "wrapping"
1829
+ "description": "Specify if the item is interactive without an href",
1830
+ "attribute": "clickable"
1836
1831
  },
1837
1832
  {
1838
1833
  "kind": "field",
1839
- "name": "maxCount",
1834
+ "name": "truncationWidth",
1840
1835
  "type": {
1841
- "text": "number"
1836
+ "text": "string | undefined"
1842
1837
  },
1843
- "default": "5",
1844
- "description": "Specify the max number of avatars displayed in the group.",
1845
- "attribute": "maxCount",
1846
- "reflects": true
1838
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1839
+ "attribute": "truncationWidth"
1847
1840
  },
1848
1841
  {
1849
1842
  "kind": "field",
1850
- "name": "size",
1843
+ "name": "isCurrent",
1851
1844
  "type": {
1852
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1845
+ "text": "boolean"
1853
1846
  },
1854
- "default": "'md'",
1855
- "description": "Specify the size of all Avatars",
1856
- "attribute": "size"
1847
+ "default": "false",
1848
+ "description": "Specify explicitly if the item is the last one",
1849
+ "attribute": "isCurrent",
1850
+ "reflects": true
1857
1851
  },
1858
1852
  {
1859
1853
  "kind": "field",
1860
- "name": "layout",
1854
+ "name": "isCollapsed",
1861
1855
  "type": {
1862
- "text": "'stacked' | 'spaced' | undefined"
1856
+ "text": "boolean"
1863
1857
  },
1864
- "default": "'stacked'",
1865
- "description": "Specify the kind of the group.",
1866
- "attribute": "layout"
1858
+ "default": "false",
1859
+ "attribute": "isCollapsed",
1860
+ "reflects": true
1867
1861
  }
1868
1862
  ],
1869
1863
  "attributes": [
1870
1864
  {
1871
- "name": "wrapping",
1865
+ "name": "href",
1866
+ "type": {
1867
+ "text": "string | undefined"
1868
+ },
1869
+ "description": "Pass href to an item",
1870
+ "fieldName": "href"
1871
+ },
1872
+ {
1873
+ "name": "clickable",
1872
1874
  "type": {
1873
1875
  "text": "boolean"
1874
1876
  },
1875
1877
  "default": "false",
1876
- "description": "Specify if the AvatarGroup wraps",
1877
- "fieldName": "wrapping"
1878
+ "description": "Specify if the item is interactive without an href",
1879
+ "fieldName": "clickable"
1878
1880
  },
1879
1881
  {
1880
- "name": "maxCount",
1882
+ "name": "truncationWidth",
1881
1883
  "type": {
1882
- "text": "number"
1884
+ "text": "string | undefined"
1883
1885
  },
1884
- "default": "5",
1885
- "description": "Specify the max number of avatars displayed in the group.",
1886
- "fieldName": "maxCount"
1886
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1887
+ "fieldName": "truncationWidth"
1887
1888
  },
1888
1889
  {
1889
- "name": "size",
1890
+ "name": "isCurrent",
1890
1891
  "type": {
1891
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1892
+ "text": "boolean"
1892
1893
  },
1893
- "default": "'md'",
1894
- "description": "Specify the size of all Avatars",
1895
- "fieldName": "size"
1894
+ "default": "false",
1895
+ "description": "Specify explicitly if the item is the last one",
1896
+ "fieldName": "isCurrent"
1896
1897
  },
1897
1898
  {
1898
- "name": "layout",
1899
+ "name": "isCollapsed",
1899
1900
  "type": {
1900
- "text": "'stacked' | 'spaced' | undefined"
1901
+ "text": "boolean"
1901
1902
  },
1902
- "default": "'stacked'",
1903
- "description": "Specify the kind of the group.",
1904
- "fieldName": "layout"
1903
+ "default": "false",
1904
+ "fieldName": "isCollapsed"
1905
1905
  }
1906
1906
  ],
1907
1907
  "superclass": {
1908
1908
  "name": "LitElement",
1909
1909
  "package": "lit"
1910
1910
  },
1911
- "tagName": "bm-avatar-group",
1911
+ "tagName": "bm-breadcrumb-item",
1912
1912
  "customElement": true
1913
1913
  }
1914
1914
  ],
1915
1915
  "exports": [
1916
1916
  {
1917
1917
  "kind": "js",
1918
- "name": "BmAvatarGroup",
1918
+ "name": "BmBreadcrumbsItem",
1919
1919
  "declaration": {
1920
- "name": "BmAvatarGroup",
1921
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1920
+ "name": "BmBreadcrumbsItem",
1921
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1922
1922
  }
1923
1923
  },
1924
1924
  {
1925
1925
  "kind": "custom-element-definition",
1926
- "name": "bm-avatar-group",
1926
+ "name": "bm-breadcrumb-item",
1927
1927
  "declaration": {
1928
- "name": "BmAvatarGroup",
1929
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1928
+ "name": "BmBreadcrumbsItem",
1929
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1930
1930
  }
1931
1931
  }
1932
1932
  ]
1933
1933
  },
1934
1934
  {
1935
1935
  "kind": "javascript-module",
1936
- "path": "libs/web-components/src/lib/Avatar/index.ts",
1936
+ "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1937
1937
  "declarations": [],
1938
1938
  "exports": [
1939
1939
  {
@@ -1941,7 +1941,7 @@
1941
1941
  "name": "*",
1942
1942
  "declaration": {
1943
1943
  "name": "*",
1944
- "package": "./Avatar"
1944
+ "package": "./Breadcrumbs"
1945
1945
  }
1946
1946
  },
1947
1947
  {
@@ -1949,7 +1949,7 @@
1949
1949
  "name": "*",
1950
1950
  "declaration": {
1951
1951
  "name": "*",
1952
- "package": "./AvatarGroup"
1952
+ "package": "./BreadcrumbsItem"
1953
1953
  }
1954
1954
  }
1955
1955
  ]
@@ -6181,140 +6181,113 @@
6181
6181
  },
6182
6182
  {
6183
6183
  "kind": "javascript-module",
6184
- "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
6185
- "declarations": [
6186
- {
6187
- "kind": "variable",
6188
- "name": "bmFormInitials",
6189
- "type": {
6190
- "text": "BmFormContext"
6191
- },
6192
- "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
6193
- },
6194
- {
6195
- "kind": "variable",
6196
- "name": "bmFormContext"
6197
- }
6198
- ],
6199
- "exports": [
6200
- {
6201
- "kind": "js",
6202
- "name": "bmFormInitials",
6203
- "declaration": {
6204
- "name": "bmFormInitials",
6205
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
6206
- }
6207
- },
6208
- {
6209
- "kind": "js",
6210
- "name": "bmFormContext",
6211
- "declaration": {
6212
- "name": "bmFormContext",
6213
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
6214
- }
6215
- }
6216
- ]
6217
- },
6218
- {
6219
- "kind": "javascript-module",
6220
- "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
6184
+ "path": "libs/web-components/src/lib/wip/Checkbox/Checkbox.ts",
6221
6185
  "declarations": [
6222
6186
  {
6223
6187
  "kind": "class",
6224
- "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
6225
- "name": "FormField",
6188
+ "description": "`bm-checkbox`\n\n### Attributes:\n- **theme** - Specify the theme of the CloseButton. By default it inherits the theme from the parent\n- **label** - Specify the text for the label\n- **name** - Specify the checkbox name\n- **value** - Specify the checkbox value\n- **error** - Specify error text and display error state of a Checkbox\n- **readOnly** - Specify if Checkbox displays in a read-only state\n- **indeterminate** - Specify if Checkbox displays in an indeterminate state\n- **disabled** - Specify if Checkbox displays in disabled state\n- **checked** - Specify if Checkbox is checked",
6189
+ "name": "BmCheckbox",
6226
6190
  "members": [
6227
6191
  {
6228
6192
  "kind": "field",
6229
- "name": "formAssociated",
6193
+ "name": "theme",
6230
6194
  "type": {
6231
- "text": "boolean"
6195
+ "text": "'light' | 'dark' | undefined"
6232
6196
  },
6233
- "static": true,
6234
- "default": "true"
6197
+ "description": "Specify the theme of the CloseButton. By default it inherits the theme from the parent",
6198
+ "attribute": "theme"
6235
6199
  },
6236
6200
  {
6237
6201
  "kind": "field",
6238
- "name": "id",
6202
+ "name": "label",
6239
6203
  "type": {
6240
- "text": "string"
6204
+ "text": "string | undefined"
6241
6205
  },
6242
- "default": "''",
6243
- "attribute": "id"
6206
+ "description": "Specify the text for the label",
6207
+ "attribute": "label"
6244
6208
  },
6245
6209
  {
6246
6210
  "kind": "field",
6247
6211
  "name": "name",
6248
6212
  "type": {
6249
- "text": "string"
6213
+ "text": "string | undefined"
6250
6214
  },
6251
- "default": "''",
6215
+ "description": "Specify the checkbox name",
6252
6216
  "attribute": "name"
6253
6217
  },
6254
6218
  {
6255
6219
  "kind": "field",
6256
6220
  "name": "value",
6257
6221
  "type": {
6258
- "text": "string"
6222
+ "text": "string | undefined"
6259
6223
  },
6260
- "default": "''",
6224
+ "description": "Specify the checkbox value",
6261
6225
  "attribute": "value"
6262
6226
  },
6263
6227
  {
6264
6228
  "kind": "field",
6265
- "name": "validationRules",
6229
+ "name": "error",
6266
6230
  "type": {
6267
- "text": "Array<FormValidator>"
6231
+ "text": "boolean | undefined"
6268
6232
  },
6269
- "default": "[]",
6270
- "attribute": "validationRules"
6233
+ "description": "Specify error text and display error state of a Checkbox",
6234
+ "attribute": "error"
6271
6235
  },
6272
6236
  {
6273
6237
  "kind": "field",
6274
- "name": "inputAriaLabel",
6238
+ "name": "readOnly",
6275
6239
  "type": {
6276
- "text": "string | undefined"
6240
+ "text": "boolean | undefined"
6277
6241
  },
6278
- "attribute": "input-aria-label"
6242
+ "default": "false",
6243
+ "description": "Specify if Checkbox displays in a read-only state",
6244
+ "attribute": "readOnly"
6279
6245
  },
6280
6246
  {
6281
6247
  "kind": "field",
6282
- "name": "formContext",
6248
+ "name": "indeterminate",
6283
6249
  "type": {
6284
- "text": "BmFormContext"
6285
- }
6250
+ "text": "boolean | undefined"
6251
+ },
6252
+ "default": "false",
6253
+ "description": "Specify if Checkbox displays in an indeterminate state",
6254
+ "attribute": "indeterminate"
6286
6255
  },
6287
6256
  {
6288
- "kind": "method",
6289
- "name": "formAssociatedCallback",
6290
- "return": {
6291
- "type": {
6292
- "text": "void"
6293
- }
6294
- }
6257
+ "kind": "field",
6258
+ "name": "disabled",
6259
+ "type": {
6260
+ "text": "boolean | undefined"
6261
+ },
6262
+ "default": "false",
6263
+ "description": "Specify if Checkbox displays in disabled state",
6264
+ "attribute": "disabled"
6295
6265
  },
6296
6266
  {
6297
- "kind": "method",
6298
- "name": "formResetCallback",
6299
- "return": {
6300
- "type": {
6301
- "text": "void"
6302
- }
6267
+ "kind": "field",
6268
+ "name": "checked",
6269
+ "type": {
6270
+ "text": "boolean | undefined"
6271
+ },
6272
+ "default": "false",
6273
+ "description": "Specify if Checkbox is checked",
6274
+ "attribute": "checked"
6275
+ },
6276
+ {
6277
+ "kind": "field",
6278
+ "name": "inputChoiceGroupContext",
6279
+ "type": {
6280
+ "text": "InputChoiceGroupContextProps | undefined"
6303
6281
  }
6304
6282
  },
6305
6283
  {
6306
6284
  "kind": "method",
6307
- "name": "finalizeAssociatedCallback",
6308
- "return": {
6309
- "type": {
6310
- "text": "FinalizeAssociatedResult"
6311
- }
6312
- },
6285
+ "name": "clickHandler",
6313
6286
  "parameters": [
6314
6287
  {
6315
- "name": "ctxValue",
6288
+ "name": "event",
6316
6289
  "type": {
6317
- "text": "string"
6290
+ "text": "Event"
6318
6291
  }
6319
6292
  }
6320
6293
  ]
@@ -6322,569 +6295,596 @@
6322
6295
  ],
6323
6296
  "attributes": [
6324
6297
  {
6325
- "name": "id",
6298
+ "name": "theme",
6326
6299
  "type": {
6327
- "text": "string"
6300
+ "text": "'light' | 'dark' | undefined"
6328
6301
  },
6329
- "default": "''",
6330
- "fieldName": "id"
6302
+ "description": "Specify the theme of the CloseButton. By default it inherits the theme from the parent",
6303
+ "fieldName": "theme"
6304
+ },
6305
+ {
6306
+ "name": "label",
6307
+ "type": {
6308
+ "text": "string | undefined"
6309
+ },
6310
+ "description": "Specify the text for the label",
6311
+ "fieldName": "label"
6331
6312
  },
6332
6313
  {
6333
6314
  "name": "name",
6334
6315
  "type": {
6335
- "text": "string"
6316
+ "text": "string | undefined"
6336
6317
  },
6337
- "default": "''",
6318
+ "description": "Specify the checkbox name",
6338
6319
  "fieldName": "name"
6339
6320
  },
6340
6321
  {
6341
6322
  "name": "value",
6342
6323
  "type": {
6343
- "text": "string"
6324
+ "text": "string | undefined"
6344
6325
  },
6345
- "default": "''",
6326
+ "description": "Specify the checkbox value",
6346
6327
  "fieldName": "value"
6347
6328
  },
6348
6329
  {
6349
- "name": "validationRules",
6330
+ "name": "error",
6350
6331
  "type": {
6351
- "text": "Array<FormValidator>"
6332
+ "text": "boolean | undefined"
6352
6333
  },
6353
- "default": "[]",
6354
- "fieldName": "validationRules"
6334
+ "description": "Specify error text and display error state of a Checkbox",
6335
+ "fieldName": "error"
6355
6336
  },
6356
6337
  {
6357
- "name": "input-aria-label",
6338
+ "name": "readOnly",
6358
6339
  "type": {
6359
- "text": "string | undefined"
6340
+ "text": "boolean | undefined"
6360
6341
  },
6361
- "fieldName": "inputAriaLabel"
6342
+ "default": "false",
6343
+ "description": "Specify if Checkbox displays in a read-only state",
6344
+ "fieldName": "readOnly"
6345
+ },
6346
+ {
6347
+ "name": "indeterminate",
6348
+ "type": {
6349
+ "text": "boolean | undefined"
6350
+ },
6351
+ "default": "false",
6352
+ "description": "Specify if Checkbox displays in an indeterminate state",
6353
+ "fieldName": "indeterminate"
6354
+ },
6355
+ {
6356
+ "name": "disabled",
6357
+ "type": {
6358
+ "text": "boolean | undefined"
6359
+ },
6360
+ "default": "false",
6361
+ "description": "Specify if Checkbox displays in disabled state",
6362
+ "fieldName": "disabled"
6363
+ },
6364
+ {
6365
+ "name": "checked",
6366
+ "type": {
6367
+ "text": "boolean | undefined"
6368
+ },
6369
+ "default": "false",
6370
+ "description": "Specify if Checkbox is checked",
6371
+ "fieldName": "checked"
6362
6372
  }
6363
6373
  ],
6364
6374
  "superclass": {
6365
6375
  "name": "LitElement",
6366
6376
  "package": "lit"
6367
6377
  },
6378
+ "tagName": "bm-checkbox",
6368
6379
  "customElement": true
6369
6380
  }
6370
6381
  ],
6371
6382
  "exports": [
6372
6383
  {
6373
6384
  "kind": "js",
6374
- "name": "FormField",
6385
+ "name": "BmCheckbox",
6375
6386
  "declaration": {
6376
- "name": "FormField",
6377
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
6387
+ "name": "BmCheckbox",
6388
+ "module": "libs/web-components/src/lib/wip/Checkbox/Checkbox.ts"
6389
+ }
6390
+ },
6391
+ {
6392
+ "kind": "custom-element-definition",
6393
+ "name": "bm-checkbox",
6394
+ "declaration": {
6395
+ "name": "BmCheckbox",
6396
+ "module": "libs/web-components/src/lib/wip/Checkbox/Checkbox.ts"
6378
6397
  }
6379
6398
  }
6380
6399
  ]
6381
6400
  },
6382
6401
  {
6383
6402
  "kind": "javascript-module",
6384
- "path": "libs/web-components/src/lib/wip/Form/Form.ts",
6403
+ "path": "libs/web-components/src/lib/wip/Checkbox/index.ts",
6404
+ "declarations": [],
6405
+ "exports": [
6406
+ {
6407
+ "kind": "js",
6408
+ "name": "*",
6409
+ "declaration": {
6410
+ "name": "*",
6411
+ "package": "./Checkbox"
6412
+ }
6413
+ },
6414
+ {
6415
+ "kind": "js",
6416
+ "name": "*",
6417
+ "declaration": {
6418
+ "name": "*",
6419
+ "package": "./CheckboxGroup/CheckboxGroup"
6420
+ }
6421
+ }
6422
+ ]
6423
+ },
6424
+ {
6425
+ "kind": "javascript-module",
6426
+ "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
6427
+ "declarations": [
6428
+ {
6429
+ "kind": "variable",
6430
+ "name": "bmFormInitials",
6431
+ "type": {
6432
+ "text": "BmFormContext"
6433
+ },
6434
+ "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
6435
+ },
6436
+ {
6437
+ "kind": "variable",
6438
+ "name": "bmFormContext"
6439
+ }
6440
+ ],
6441
+ "exports": [
6442
+ {
6443
+ "kind": "js",
6444
+ "name": "bmFormInitials",
6445
+ "declaration": {
6446
+ "name": "bmFormInitials",
6447
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
6448
+ }
6449
+ },
6450
+ {
6451
+ "kind": "js",
6452
+ "name": "bmFormContext",
6453
+ "declaration": {
6454
+ "name": "bmFormContext",
6455
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
6456
+ }
6457
+ }
6458
+ ]
6459
+ },
6460
+ {
6461
+ "kind": "javascript-module",
6462
+ "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
6385
6463
  "declarations": [
6386
6464
  {
6387
6465
  "kind": "class",
6388
- "description": "### Attributes:\n- **validationMode** - Specify if validation runs on change or when loosing focus\n- **initialValues** - Specify initial values on Form controls based on their names\n- **required** - Specify if input is a required\n- **disabled** - Specify if input is a disabled\n- **readOnly** - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
6389
- "name": "BmForm",
6390
- "slots": [
6391
- {
6392
- "description": "Add controls to the Form",
6393
- "name": "slot"
6394
- }
6395
- ],
6466
+ "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
6467
+ "name": "FormField",
6396
6468
  "members": [
6397
6469
  {
6398
6470
  "kind": "field",
6399
- "name": "validationMode",
6400
- "type": {
6401
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
6402
- },
6403
- "default": "'onBlur'",
6404
- "description": "Specify if validation runs on change or when loosing focus",
6405
- "attribute": "validationMode"
6406
- },
6407
- {
6408
- "kind": "field",
6409
- "name": "initialValues",
6410
- "type": {
6411
- "text": "Record<string, FormValue>"
6412
- },
6413
- "default": "{}",
6414
- "description": "Specify initial values on Form controls based on their names",
6415
- "attribute": "initialValues"
6416
- },
6417
- {
6418
- "kind": "field",
6419
- "name": "required",
6471
+ "name": "formAssociated",
6420
6472
  "type": {
6421
6473
  "text": "boolean"
6422
6474
  },
6423
- "default": "false",
6424
- "description": "Specify if input is a required",
6425
- "attribute": "required"
6475
+ "static": true,
6476
+ "default": "true"
6426
6477
  },
6427
6478
  {
6428
6479
  "kind": "field",
6429
- "name": "disabled",
6480
+ "name": "id",
6430
6481
  "type": {
6431
- "text": "boolean"
6482
+ "text": "string"
6432
6483
  },
6433
- "default": "false",
6434
- "description": "Specify if input is a disabled",
6435
- "attribute": "disabled"
6484
+ "default": "''",
6485
+ "attribute": "id"
6436
6486
  },
6437
6487
  {
6438
6488
  "kind": "field",
6439
- "name": "readOnly",
6489
+ "name": "name",
6440
6490
  "type": {
6441
- "text": "boolean"
6491
+ "text": "string"
6442
6492
  },
6443
- "default": "false",
6444
- "description": "Specify if input is a read only",
6445
- "attribute": "readOnly"
6493
+ "default": "''",
6494
+ "attribute": "name"
6446
6495
  },
6447
6496
  {
6448
6497
  "kind": "field",
6449
- "name": "action",
6498
+ "name": "value",
6450
6499
  "type": {
6451
- "text": "string | undefined"
6500
+ "text": "string"
6452
6501
  },
6453
- "attribute": "action"
6502
+ "default": "''",
6503
+ "attribute": "value"
6454
6504
  },
6455
6505
  {
6456
6506
  "kind": "field",
6457
- "name": "method",
6507
+ "name": "validationRules",
6458
6508
  "type": {
6459
- "text": "string | undefined"
6509
+ "text": "Array<FormValidator>"
6460
6510
  },
6461
- "attribute": "method"
6511
+ "default": "[]",
6512
+ "attribute": "validationRules"
6462
6513
  },
6463
6514
  {
6464
6515
  "kind": "field",
6465
- "name": "target",
6516
+ "name": "inputAriaLabel",
6466
6517
  "type": {
6467
6518
  "text": "string | undefined"
6468
6519
  },
6469
- "attribute": "target"
6520
+ "attribute": "input-aria-label"
6470
6521
  },
6471
6522
  {
6472
6523
  "kind": "field",
6473
- "name": "enctype",
6524
+ "name": "formContext",
6474
6525
  "type": {
6475
- "text": "string | undefined"
6476
- },
6477
- "attribute": "enctype"
6526
+ "text": "BmFormContext"
6527
+ }
6478
6528
  },
6479
6529
  {
6480
- "kind": "field",
6481
- "name": "formMeta",
6482
- "type": {
6483
- "text": "Record<string, FieldMeta>"
6484
- },
6485
- "default": "{}"
6530
+ "kind": "method",
6531
+ "name": "formAssociatedCallback",
6532
+ "return": {
6533
+ "type": {
6534
+ "text": "void"
6535
+ }
6536
+ }
6486
6537
  },
6487
6538
  {
6488
- "kind": "field",
6489
- "name": "formRef"
6539
+ "kind": "method",
6540
+ "name": "formResetCallback",
6541
+ "return": {
6542
+ "type": {
6543
+ "text": "void"
6544
+ }
6545
+ }
6490
6546
  },
6491
6547
  {
6492
- "kind": "field",
6493
- "name": "formContext",
6494
- "type": {
6495
- "text": "BmFormContext"
6548
+ "kind": "method",
6549
+ "name": "finalizeAssociatedCallback",
6550
+ "return": {
6551
+ "type": {
6552
+ "text": "FinalizeAssociatedResult"
6553
+ }
6496
6554
  },
6497
- "privacy": "public",
6498
- "default": "bmFormInitials"
6499
- }
6500
- ],
6501
- "events": [
6502
- {
6503
- "description": "Validates the inputs and submits the form",
6504
- "name": "submit"
6555
+ "parameters": [
6556
+ {
6557
+ "name": "ctxValue",
6558
+ "type": {
6559
+ "text": "string"
6560
+ }
6561
+ }
6562
+ ]
6505
6563
  }
6506
6564
  ],
6507
6565
  "attributes": [
6508
6566
  {
6509
- "name": "validationMode",
6510
- "type": {
6511
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
6512
- },
6513
- "default": "'onBlur'",
6514
- "description": "Specify if validation runs on change or when loosing focus",
6515
- "fieldName": "validationMode"
6516
- },
6517
- {
6518
- "name": "initialValues",
6519
- "type": {
6520
- "text": "Record<string, FormValue>"
6521
- },
6522
- "default": "{}",
6523
- "description": "Specify initial values on Form controls based on their names",
6524
- "fieldName": "initialValues"
6525
- },
6526
- {
6527
- "name": "required",
6528
- "type": {
6529
- "text": "boolean"
6530
- },
6531
- "default": "false",
6532
- "description": "Specify if input is a required",
6533
- "fieldName": "required"
6534
- },
6535
- {
6536
- "name": "disabled",
6537
- "type": {
6538
- "text": "boolean"
6539
- },
6540
- "default": "false",
6541
- "description": "Specify if input is a disabled",
6542
- "fieldName": "disabled"
6543
- },
6544
- {
6545
- "name": "readOnly",
6546
- "type": {
6547
- "text": "boolean"
6548
- },
6549
- "default": "false",
6550
- "description": "Specify if input is a read only",
6551
- "fieldName": "readOnly"
6552
- },
6553
- {
6554
- "name": "action",
6567
+ "name": "id",
6555
6568
  "type": {
6556
- "text": "string | undefined"
6569
+ "text": "string"
6557
6570
  },
6558
- "fieldName": "action"
6571
+ "default": "''",
6572
+ "fieldName": "id"
6559
6573
  },
6560
6574
  {
6561
- "name": "method",
6575
+ "name": "name",
6562
6576
  "type": {
6563
- "text": "string | undefined"
6577
+ "text": "string"
6564
6578
  },
6565
- "fieldName": "method"
6579
+ "default": "''",
6580
+ "fieldName": "name"
6566
6581
  },
6567
6582
  {
6568
- "name": "target",
6583
+ "name": "value",
6569
6584
  "type": {
6570
- "text": "string | undefined"
6585
+ "text": "string"
6571
6586
  },
6572
- "fieldName": "target"
6587
+ "default": "''",
6588
+ "fieldName": "value"
6573
6589
  },
6574
6590
  {
6575
- "name": "enctype",
6591
+ "name": "validationRules",
6576
6592
  "type": {
6577
- "text": "string | undefined"
6578
- },
6579
- "fieldName": "enctype"
6580
- }
6581
- ],
6582
- "superclass": {
6583
- "name": "LitElement",
6584
- "package": "lit"
6585
- },
6586
- "summary": "`bm-form`",
6587
- "tagName": "bm-form",
6588
- "customElement": true
6589
- }
6590
- ],
6591
- "exports": [
6592
- {
6593
- "kind": "js",
6594
- "name": "validators",
6595
- "declaration": {
6596
- "name": "validators",
6597
- "package": "@viasat/beam-shared/components/form"
6598
- }
6599
- },
6600
- {
6601
- "kind": "js",
6602
- "name": "BmForm",
6603
- "declaration": {
6604
- "name": "BmForm",
6605
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
6606
- }
6607
- },
6608
- {
6609
- "kind": "custom-element-definition",
6610
- "name": "bm-form",
6611
- "declaration": {
6612
- "name": "BmForm",
6613
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
6614
- }
6615
- }
6616
- ]
6617
- },
6618
- {
6619
- "kind": "javascript-module",
6620
- "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
6621
- "declarations": [
6622
- {
6623
- "kind": "function",
6624
- "name": "createId",
6625
- "return": {
6626
- "type": {
6627
- "text": "string"
6593
+ "text": "Array<FormValidator>"
6594
+ },
6595
+ "default": "[]",
6596
+ "fieldName": "validationRules"
6597
+ },
6598
+ {
6599
+ "name": "input-aria-label",
6600
+ "type": {
6601
+ "text": "string | undefined"
6602
+ },
6603
+ "fieldName": "inputAriaLabel"
6628
6604
  }
6629
- }
6605
+ ],
6606
+ "superclass": {
6607
+ "name": "LitElement",
6608
+ "package": "lit"
6609
+ },
6610
+ "customElement": true
6630
6611
  }
6631
6612
  ],
6632
6613
  "exports": [
6633
6614
  {
6634
6615
  "kind": "js",
6635
- "name": "createId",
6636
- "declaration": {
6637
- "name": "createId",
6638
- "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
6639
- }
6640
- }
6641
- ]
6642
- },
6643
- {
6644
- "kind": "javascript-module",
6645
- "path": "libs/web-components/src/lib/wip/Form/index.ts",
6646
- "declarations": [],
6647
- "exports": [
6648
- {
6649
- "kind": "js",
6650
- "name": "*",
6651
- "declaration": {
6652
- "name": "*",
6653
- "package": "./Form"
6654
- }
6655
- },
6656
- {
6657
- "kind": "js",
6658
- "name": "*",
6616
+ "name": "FormField",
6659
6617
  "declaration": {
6660
- "name": "*",
6661
- "package": "./Form.decorator"
6618
+ "name": "FormField",
6619
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
6662
6620
  }
6663
6621
  }
6664
6622
  ]
6665
6623
  },
6666
6624
  {
6667
6625
  "kind": "javascript-module",
6668
- "path": "libs/web-components/src/lib/wip/Checkbox/Checkbox.ts",
6626
+ "path": "libs/web-components/src/lib/wip/Form/Form.ts",
6669
6627
  "declarations": [
6670
6628
  {
6671
6629
  "kind": "class",
6672
- "description": "`bm-checkbox`\n\n### Attributes:\n- **theme** - Specify the theme of the CloseButton. By default it inherits the theme from the parent\n- **label** - Specify the text for the label\n- **name** - Specify the checkbox name\n- **value** - Specify the checkbox value\n- **error** - Specify error text and display error state of a Checkbox\n- **readOnly** - Specify if Checkbox displays in a read-only state\n- **indeterminate** - Specify if Checkbox displays in an indeterminate state\n- **disabled** - Specify if Checkbox displays in disabled state\n- **checked** - Specify if Checkbox is checked",
6673
- "name": "BmCheckbox",
6630
+ "description": "### Attributes:\n- **validationMode** - Specify if validation runs on change or when loosing focus\n- **initialValues** - Specify initial values on Form controls based on their names\n- **required** - Specify if input is a required\n- **disabled** - Specify if input is a disabled\n- **readOnly** - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
6631
+ "name": "BmForm",
6632
+ "slots": [
6633
+ {
6634
+ "description": "Add controls to the Form",
6635
+ "name": "slot"
6636
+ }
6637
+ ],
6674
6638
  "members": [
6675
6639
  {
6676
6640
  "kind": "field",
6677
- "name": "theme",
6641
+ "name": "validationMode",
6678
6642
  "type": {
6679
- "text": "'light' | 'dark' | undefined"
6643
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
6680
6644
  },
6681
- "description": "Specify the theme of the CloseButton. By default it inherits the theme from the parent",
6682
- "attribute": "theme"
6645
+ "default": "'onBlur'",
6646
+ "description": "Specify if validation runs on change or when loosing focus",
6647
+ "attribute": "validationMode"
6683
6648
  },
6684
6649
  {
6685
6650
  "kind": "field",
6686
- "name": "label",
6651
+ "name": "initialValues",
6687
6652
  "type": {
6688
- "text": "string | undefined"
6653
+ "text": "Record<string, FormValue>"
6689
6654
  },
6690
- "description": "Specify the text for the label",
6691
- "attribute": "label"
6655
+ "default": "{}",
6656
+ "description": "Specify initial values on Form controls based on their names",
6657
+ "attribute": "initialValues"
6692
6658
  },
6693
6659
  {
6694
6660
  "kind": "field",
6695
- "name": "name",
6661
+ "name": "required",
6696
6662
  "type": {
6697
- "text": "string | undefined"
6663
+ "text": "boolean"
6698
6664
  },
6699
- "description": "Specify the checkbox name",
6700
- "attribute": "name"
6665
+ "default": "false",
6666
+ "description": "Specify if input is a required",
6667
+ "attribute": "required"
6701
6668
  },
6702
6669
  {
6703
6670
  "kind": "field",
6704
- "name": "value",
6671
+ "name": "disabled",
6705
6672
  "type": {
6706
- "text": "string | undefined"
6673
+ "text": "boolean"
6707
6674
  },
6708
- "description": "Specify the checkbox value",
6709
- "attribute": "value"
6675
+ "default": "false",
6676
+ "description": "Specify if input is a disabled",
6677
+ "attribute": "disabled"
6710
6678
  },
6711
6679
  {
6712
6680
  "kind": "field",
6713
- "name": "error",
6681
+ "name": "readOnly",
6714
6682
  "type": {
6715
- "text": "boolean | undefined"
6683
+ "text": "boolean"
6716
6684
  },
6717
- "description": "Specify error text and display error state of a Checkbox",
6718
- "attribute": "error"
6685
+ "default": "false",
6686
+ "description": "Specify if input is a read only",
6687
+ "attribute": "readOnly"
6719
6688
  },
6720
6689
  {
6721
6690
  "kind": "field",
6722
- "name": "readOnly",
6691
+ "name": "action",
6723
6692
  "type": {
6724
- "text": "boolean | undefined"
6693
+ "text": "string | undefined"
6725
6694
  },
6726
- "default": "false",
6727
- "description": "Specify if Checkbox displays in a read-only state",
6728
- "attribute": "readOnly"
6695
+ "attribute": "action"
6729
6696
  },
6730
6697
  {
6731
6698
  "kind": "field",
6732
- "name": "indeterminate",
6699
+ "name": "method",
6733
6700
  "type": {
6734
- "text": "boolean | undefined"
6701
+ "text": "string | undefined"
6735
6702
  },
6736
- "default": "false",
6737
- "description": "Specify if Checkbox displays in an indeterminate state",
6738
- "attribute": "indeterminate"
6703
+ "attribute": "method"
6739
6704
  },
6740
6705
  {
6741
6706
  "kind": "field",
6742
- "name": "disabled",
6707
+ "name": "target",
6743
6708
  "type": {
6744
- "text": "boolean | undefined"
6709
+ "text": "string | undefined"
6745
6710
  },
6746
- "default": "false",
6747
- "description": "Specify if Checkbox displays in disabled state",
6748
- "attribute": "disabled"
6711
+ "attribute": "target"
6749
6712
  },
6750
6713
  {
6751
6714
  "kind": "field",
6752
- "name": "checked",
6715
+ "name": "enctype",
6753
6716
  "type": {
6754
- "text": "boolean | undefined"
6717
+ "text": "string | undefined"
6755
6718
  },
6756
- "default": "false",
6757
- "description": "Specify if Checkbox is checked",
6758
- "attribute": "checked"
6719
+ "attribute": "enctype"
6759
6720
  },
6760
6721
  {
6761
6722
  "kind": "field",
6762
- "name": "inputChoiceGroupContext",
6723
+ "name": "formMeta",
6763
6724
  "type": {
6764
- "text": "InputChoiceGroupContextProps | undefined"
6765
- }
6725
+ "text": "Record<string, FieldMeta>"
6726
+ },
6727
+ "default": "{}"
6766
6728
  },
6767
6729
  {
6768
- "kind": "method",
6769
- "name": "clickHandler",
6770
- "parameters": [
6771
- {
6772
- "name": "event",
6773
- "type": {
6774
- "text": "Event"
6775
- }
6776
- }
6777
- ]
6730
+ "kind": "field",
6731
+ "name": "formRef"
6732
+ },
6733
+ {
6734
+ "kind": "field",
6735
+ "name": "formContext",
6736
+ "type": {
6737
+ "text": "BmFormContext"
6738
+ },
6739
+ "privacy": "public",
6740
+ "default": "bmFormInitials"
6741
+ }
6742
+ ],
6743
+ "events": [
6744
+ {
6745
+ "description": "Validates the inputs and submits the form",
6746
+ "name": "submit"
6778
6747
  }
6779
6748
  ],
6780
6749
  "attributes": [
6781
6750
  {
6782
- "name": "theme",
6751
+ "name": "validationMode",
6783
6752
  "type": {
6784
- "text": "'light' | 'dark' | undefined"
6753
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
6785
6754
  },
6786
- "description": "Specify the theme of the CloseButton. By default it inherits the theme from the parent",
6787
- "fieldName": "theme"
6755
+ "default": "'onBlur'",
6756
+ "description": "Specify if validation runs on change or when loosing focus",
6757
+ "fieldName": "validationMode"
6788
6758
  },
6789
6759
  {
6790
- "name": "label",
6760
+ "name": "initialValues",
6791
6761
  "type": {
6792
- "text": "string | undefined"
6762
+ "text": "Record<string, FormValue>"
6793
6763
  },
6794
- "description": "Specify the text for the label",
6795
- "fieldName": "label"
6764
+ "default": "{}",
6765
+ "description": "Specify initial values on Form controls based on their names",
6766
+ "fieldName": "initialValues"
6796
6767
  },
6797
6768
  {
6798
- "name": "name",
6769
+ "name": "required",
6799
6770
  "type": {
6800
- "text": "string | undefined"
6771
+ "text": "boolean"
6801
6772
  },
6802
- "description": "Specify the checkbox name",
6803
- "fieldName": "name"
6773
+ "default": "false",
6774
+ "description": "Specify if input is a required",
6775
+ "fieldName": "required"
6804
6776
  },
6805
6777
  {
6806
- "name": "value",
6778
+ "name": "disabled",
6807
6779
  "type": {
6808
- "text": "string | undefined"
6780
+ "text": "boolean"
6809
6781
  },
6810
- "description": "Specify the checkbox value",
6811
- "fieldName": "value"
6782
+ "default": "false",
6783
+ "description": "Specify if input is a disabled",
6784
+ "fieldName": "disabled"
6812
6785
  },
6813
6786
  {
6814
- "name": "error",
6787
+ "name": "readOnly",
6815
6788
  "type": {
6816
- "text": "boolean | undefined"
6789
+ "text": "boolean"
6817
6790
  },
6818
- "description": "Specify error text and display error state of a Checkbox",
6819
- "fieldName": "error"
6791
+ "default": "false",
6792
+ "description": "Specify if input is a read only",
6793
+ "fieldName": "readOnly"
6820
6794
  },
6821
6795
  {
6822
- "name": "readOnly",
6796
+ "name": "action",
6823
6797
  "type": {
6824
- "text": "boolean | undefined"
6798
+ "text": "string | undefined"
6825
6799
  },
6826
- "default": "false",
6827
- "description": "Specify if Checkbox displays in a read-only state",
6828
- "fieldName": "readOnly"
6800
+ "fieldName": "action"
6829
6801
  },
6830
6802
  {
6831
- "name": "indeterminate",
6803
+ "name": "method",
6832
6804
  "type": {
6833
- "text": "boolean | undefined"
6805
+ "text": "string | undefined"
6834
6806
  },
6835
- "default": "false",
6836
- "description": "Specify if Checkbox displays in an indeterminate state",
6837
- "fieldName": "indeterminate"
6807
+ "fieldName": "method"
6838
6808
  },
6839
6809
  {
6840
- "name": "disabled",
6810
+ "name": "target",
6841
6811
  "type": {
6842
- "text": "boolean | undefined"
6812
+ "text": "string | undefined"
6843
6813
  },
6844
- "default": "false",
6845
- "description": "Specify if Checkbox displays in disabled state",
6846
- "fieldName": "disabled"
6814
+ "fieldName": "target"
6847
6815
  },
6848
6816
  {
6849
- "name": "checked",
6817
+ "name": "enctype",
6850
6818
  "type": {
6851
- "text": "boolean | undefined"
6819
+ "text": "string | undefined"
6852
6820
  },
6853
- "default": "false",
6854
- "description": "Specify if Checkbox is checked",
6855
- "fieldName": "checked"
6821
+ "fieldName": "enctype"
6856
6822
  }
6857
6823
  ],
6858
6824
  "superclass": {
6859
6825
  "name": "LitElement",
6860
6826
  "package": "lit"
6861
6827
  },
6862
- "tagName": "bm-checkbox",
6828
+ "summary": "`bm-form`",
6829
+ "tagName": "bm-form",
6863
6830
  "customElement": true
6864
6831
  }
6865
6832
  ],
6866
6833
  "exports": [
6867
6834
  {
6868
6835
  "kind": "js",
6869
- "name": "BmCheckbox",
6836
+ "name": "validators",
6837
+ "declaration": {
6838
+ "name": "validators",
6839
+ "package": "@viasat/beam-shared/components/form"
6840
+ }
6841
+ },
6842
+ {
6843
+ "kind": "js",
6844
+ "name": "BmForm",
6870
6845
  "declaration": {
6871
- "name": "BmCheckbox",
6872
- "module": "libs/web-components/src/lib/wip/Checkbox/Checkbox.ts"
6846
+ "name": "BmForm",
6847
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
6873
6848
  }
6874
6849
  },
6875
6850
  {
6876
6851
  "kind": "custom-element-definition",
6877
- "name": "bm-checkbox",
6852
+ "name": "bm-form",
6878
6853
  "declaration": {
6879
- "name": "BmCheckbox",
6880
- "module": "libs/web-components/src/lib/wip/Checkbox/Checkbox.ts"
6854
+ "name": "BmForm",
6855
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
6881
6856
  }
6882
6857
  }
6883
6858
  ]
6884
6859
  },
6885
6860
  {
6886
6861
  "kind": "javascript-module",
6887
- "path": "libs/web-components/src/lib/wip/Checkbox/index.ts",
6862
+ "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
6863
+ "declarations": [
6864
+ {
6865
+ "kind": "function",
6866
+ "name": "createId",
6867
+ "return": {
6868
+ "type": {
6869
+ "text": "string"
6870
+ }
6871
+ }
6872
+ }
6873
+ ],
6874
+ "exports": [
6875
+ {
6876
+ "kind": "js",
6877
+ "name": "createId",
6878
+ "declaration": {
6879
+ "name": "createId",
6880
+ "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
6881
+ }
6882
+ }
6883
+ ]
6884
+ },
6885
+ {
6886
+ "kind": "javascript-module",
6887
+ "path": "libs/web-components/src/lib/wip/Form/index.ts",
6888
6888
  "declarations": [],
6889
6889
  "exports": [
6890
6890
  {
@@ -6892,7 +6892,7 @@
6892
6892
  "name": "*",
6893
6893
  "declaration": {
6894
6894
  "name": "*",
6895
- "package": "./Checkbox"
6895
+ "package": "./Form"
6896
6896
  }
6897
6897
  },
6898
6898
  {
@@ -6900,7 +6900,7 @@
6900
6900
  "name": "*",
6901
6901
  "declaration": {
6902
6902
  "name": "*",
6903
- "package": "./CheckboxGroup/CheckboxGroup"
6903
+ "package": "./Form.decorator"
6904
6904
  }
6905
6905
  }
6906
6906
  ]
@@ -7298,255 +7298,48 @@
7298
7298
  }
7299
7299
  },
7300
7300
  {
7301
- "name": "input-aria-label",
7302
- "type": {
7303
- "text": "string | undefined"
7304
- },
7305
- "fieldName": "inputAriaLabel",
7306
- "inheritedFrom": {
7307
- "name": "FormField",
7308
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
7309
- }
7310
- }
7311
- ],
7312
- "superclass": {
7313
- "name": "FormField",
7314
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
7315
- },
7316
- "summary": "`bm-native-select`",
7317
- "tagName": "bm-native-select",
7318
- "customElement": true
7319
- }
7320
- ],
7321
- "exports": [
7322
- {
7323
- "kind": "js",
7324
- "name": "BmNativeSelect",
7325
- "declaration": {
7326
- "name": "BmNativeSelect",
7327
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
7328
- }
7329
- },
7330
- {
7331
- "kind": "custom-element-definition",
7332
- "name": "bm-native-select",
7333
- "declaration": {
7334
- "name": "BmNativeSelect",
7335
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
7336
- }
7337
- }
7338
- ]
7339
- },
7340
- {
7341
- "kind": "javascript-module",
7342
- "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
7343
- "declarations": [],
7344
- "exports": [
7345
- {
7346
- "kind": "js",
7347
- "name": "*",
7348
- "declaration": {
7349
- "name": "*",
7350
- "package": "./NativeSelect"
7351
- }
7352
- }
7353
- ]
7354
- },
7355
- {
7356
- "kind": "javascript-module",
7357
- "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
7358
- "declarations": [
7359
- {
7360
- "kind": "class",
7361
- "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",
7362
- "name": "BmRadioButton",
7363
- "members": [
7364
- {
7365
- "kind": "field",
7366
- "name": "label",
7367
- "type": {
7368
- "text": "string | undefined"
7369
- },
7370
- "description": "Specify the text for the label",
7371
- "attribute": "label"
7372
- },
7373
- {
7374
- "kind": "field",
7375
- "name": "error",
7376
- "type": {
7377
- "text": "boolean | undefined"
7378
- },
7379
- "description": "Specify error text and display error state of a RadioButton",
7380
- "attribute": "error"
7381
- },
7382
- {
7383
- "kind": "field",
7384
- "name": "readOnly",
7385
- "type": {
7386
- "text": "boolean | undefined"
7387
- },
7388
- "description": "Specify if RadioButton displays in a read-only state",
7389
- "attribute": "readOnly"
7390
- },
7391
- {
7392
- "kind": "field",
7393
- "name": "disabled",
7394
- "type": {
7395
- "text": "boolean | undefined"
7396
- },
7397
- "description": "Specify if RadioButton displays in a disabled state",
7398
- "attribute": "disabled"
7399
- },
7400
- {
7401
- "kind": "field",
7402
- "name": "theme",
7403
- "type": {
7404
- "text": "'light' | 'dark' | undefined"
7405
- },
7406
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
7407
- "attribute": "theme"
7408
- },
7409
- {
7410
- "kind": "field",
7411
- "name": "value",
7412
- "type": {
7413
- "text": "string | undefined"
7414
- },
7415
- "description": "The value attribute for the input element",
7416
- "attribute": "value"
7417
- },
7418
- {
7419
- "kind": "field",
7420
- "name": "checked",
7421
- "type": {
7422
- "text": "boolean"
7423
- },
7424
- "default": "false",
7425
- "description": "The checked attribute for the input element",
7426
- "attribute": "checked"
7427
- },
7428
- {
7429
- "kind": "field",
7430
- "name": "onKeyDown",
7431
- "type": {
7432
- "text": "(event: KeyboardEvent) => void | undefined"
7433
- },
7434
- "description": "A user-defined function to handle keydown events",
7435
- "attribute": "onKeyDown"
7436
- },
7437
- {
7438
- "kind": "field",
7439
- "name": "inputChoiceGroupContext",
7440
- "type": {
7441
- "text": "InputChoiceGroupContextProps"
7442
- }
7443
- },
7444
- {
7445
- "kind": "field",
7446
- "name": "radioButtonRef"
7447
- },
7448
- {
7449
- "kind": "method",
7450
- "name": "focus"
7451
- }
7452
- ],
7453
- "attributes": [
7454
- {
7455
- "name": "label",
7456
- "type": {
7457
- "text": "string | undefined"
7458
- },
7459
- "description": "Specify the text for the label",
7460
- "fieldName": "label"
7461
- },
7462
- {
7463
- "name": "error",
7464
- "type": {
7465
- "text": "boolean | undefined"
7466
- },
7467
- "description": "Specify error text and display error state of a RadioButton",
7468
- "fieldName": "error"
7469
- },
7470
- {
7471
- "name": "readOnly",
7472
- "type": {
7473
- "text": "boolean | undefined"
7474
- },
7475
- "description": "Specify if RadioButton displays in a read-only state",
7476
- "fieldName": "readOnly"
7477
- },
7478
- {
7479
- "name": "disabled",
7480
- "type": {
7481
- "text": "boolean | undefined"
7482
- },
7483
- "description": "Specify if RadioButton displays in a disabled state",
7484
- "fieldName": "disabled"
7485
- },
7486
- {
7487
- "name": "theme",
7488
- "type": {
7489
- "text": "'light' | 'dark' | undefined"
7490
- },
7491
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
7492
- "fieldName": "theme"
7493
- },
7494
- {
7495
- "name": "value",
7496
- "type": {
7497
- "text": "string | undefined"
7498
- },
7499
- "description": "The value attribute for the input element",
7500
- "fieldName": "value"
7501
- },
7502
- {
7503
- "name": "checked",
7504
- "type": {
7505
- "text": "boolean"
7506
- },
7507
- "default": "false",
7508
- "description": "The checked attribute for the input element",
7509
- "fieldName": "checked"
7510
- },
7511
- {
7512
- "name": "onKeyDown",
7301
+ "name": "input-aria-label",
7513
7302
  "type": {
7514
- "text": "(event: KeyboardEvent) => void | undefined"
7303
+ "text": "string | undefined"
7515
7304
  },
7516
- "description": "A user-defined function to handle keydown events",
7517
- "fieldName": "onKeyDown"
7305
+ "fieldName": "inputAriaLabel",
7306
+ "inheritedFrom": {
7307
+ "name": "FormField",
7308
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
7309
+ }
7518
7310
  }
7519
7311
  ],
7520
7312
  "superclass": {
7521
- "name": "LitElement",
7522
- "package": "lit"
7313
+ "name": "FormField",
7314
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
7523
7315
  },
7524
- "tagName": "bm-radio-button",
7316
+ "summary": "`bm-native-select`",
7317
+ "tagName": "bm-native-select",
7525
7318
  "customElement": true
7526
7319
  }
7527
7320
  ],
7528
7321
  "exports": [
7529
7322
  {
7530
7323
  "kind": "js",
7531
- "name": "BmRadioButton",
7324
+ "name": "BmNativeSelect",
7532
7325
  "declaration": {
7533
- "name": "BmRadioButton",
7534
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
7326
+ "name": "BmNativeSelect",
7327
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
7535
7328
  }
7536
7329
  },
7537
7330
  {
7538
7331
  "kind": "custom-element-definition",
7539
- "name": "bm-radio-button",
7332
+ "name": "bm-native-select",
7540
7333
  "declaration": {
7541
- "name": "BmRadioButton",
7542
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
7334
+ "name": "BmNativeSelect",
7335
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
7543
7336
  }
7544
7337
  }
7545
7338
  ]
7546
7339
  },
7547
7340
  {
7548
7341
  "kind": "javascript-module",
7549
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
7342
+ "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
7550
7343
  "declarations": [],
7551
7344
  "exports": [
7552
7345
  {
@@ -7554,15 +7347,7 @@
7554
7347
  "name": "*",
7555
7348
  "declaration": {
7556
7349
  "name": "*",
7557
- "package": "./RadioButton"
7558
- }
7559
- },
7560
- {
7561
- "kind": "js",
7562
- "name": "*",
7563
- "declaration": {
7564
- "name": "*",
7565
- "package": "./RadioButtonGroup/RadioButtonGroup"
7350
+ "package": "./NativeSelect"
7566
7351
  }
7567
7352
  }
7568
7353
  ]
@@ -9042,6 +8827,221 @@
9042
8827
  }
9043
8828
  ]
9044
8829
  },
8830
+ {
8831
+ "kind": "javascript-module",
8832
+ "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8833
+ "declarations": [
8834
+ {
8835
+ "kind": "class",
8836
+ "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
8837
+ "name": "BmRadioButton",
8838
+ "members": [
8839
+ {
8840
+ "kind": "field",
8841
+ "name": "label",
8842
+ "type": {
8843
+ "text": "string | undefined"
8844
+ },
8845
+ "description": "Specify the text for the label",
8846
+ "attribute": "label"
8847
+ },
8848
+ {
8849
+ "kind": "field",
8850
+ "name": "error",
8851
+ "type": {
8852
+ "text": "boolean | undefined"
8853
+ },
8854
+ "description": "Specify error text and display error state of a RadioButton",
8855
+ "attribute": "error"
8856
+ },
8857
+ {
8858
+ "kind": "field",
8859
+ "name": "readOnly",
8860
+ "type": {
8861
+ "text": "boolean | undefined"
8862
+ },
8863
+ "description": "Specify if RadioButton displays in a read-only state",
8864
+ "attribute": "readOnly"
8865
+ },
8866
+ {
8867
+ "kind": "field",
8868
+ "name": "disabled",
8869
+ "type": {
8870
+ "text": "boolean | undefined"
8871
+ },
8872
+ "description": "Specify if RadioButton displays in a disabled state",
8873
+ "attribute": "disabled"
8874
+ },
8875
+ {
8876
+ "kind": "field",
8877
+ "name": "theme",
8878
+ "type": {
8879
+ "text": "'light' | 'dark' | undefined"
8880
+ },
8881
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8882
+ "attribute": "theme"
8883
+ },
8884
+ {
8885
+ "kind": "field",
8886
+ "name": "value",
8887
+ "type": {
8888
+ "text": "string | undefined"
8889
+ },
8890
+ "description": "The value attribute for the input element",
8891
+ "attribute": "value"
8892
+ },
8893
+ {
8894
+ "kind": "field",
8895
+ "name": "checked",
8896
+ "type": {
8897
+ "text": "boolean"
8898
+ },
8899
+ "default": "false",
8900
+ "description": "The checked attribute for the input element",
8901
+ "attribute": "checked"
8902
+ },
8903
+ {
8904
+ "kind": "field",
8905
+ "name": "onKeyDown",
8906
+ "type": {
8907
+ "text": "(event: KeyboardEvent) => void | undefined"
8908
+ },
8909
+ "description": "A user-defined function to handle keydown events",
8910
+ "attribute": "onKeyDown"
8911
+ },
8912
+ {
8913
+ "kind": "field",
8914
+ "name": "inputChoiceGroupContext",
8915
+ "type": {
8916
+ "text": "InputChoiceGroupContextProps"
8917
+ }
8918
+ },
8919
+ {
8920
+ "kind": "field",
8921
+ "name": "radioButtonRef"
8922
+ },
8923
+ {
8924
+ "kind": "method",
8925
+ "name": "focus"
8926
+ }
8927
+ ],
8928
+ "attributes": [
8929
+ {
8930
+ "name": "label",
8931
+ "type": {
8932
+ "text": "string | undefined"
8933
+ },
8934
+ "description": "Specify the text for the label",
8935
+ "fieldName": "label"
8936
+ },
8937
+ {
8938
+ "name": "error",
8939
+ "type": {
8940
+ "text": "boolean | undefined"
8941
+ },
8942
+ "description": "Specify error text and display error state of a RadioButton",
8943
+ "fieldName": "error"
8944
+ },
8945
+ {
8946
+ "name": "readOnly",
8947
+ "type": {
8948
+ "text": "boolean | undefined"
8949
+ },
8950
+ "description": "Specify if RadioButton displays in a read-only state",
8951
+ "fieldName": "readOnly"
8952
+ },
8953
+ {
8954
+ "name": "disabled",
8955
+ "type": {
8956
+ "text": "boolean | undefined"
8957
+ },
8958
+ "description": "Specify if RadioButton displays in a disabled state",
8959
+ "fieldName": "disabled"
8960
+ },
8961
+ {
8962
+ "name": "theme",
8963
+ "type": {
8964
+ "text": "'light' | 'dark' | undefined"
8965
+ },
8966
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8967
+ "fieldName": "theme"
8968
+ },
8969
+ {
8970
+ "name": "value",
8971
+ "type": {
8972
+ "text": "string | undefined"
8973
+ },
8974
+ "description": "The value attribute for the input element",
8975
+ "fieldName": "value"
8976
+ },
8977
+ {
8978
+ "name": "checked",
8979
+ "type": {
8980
+ "text": "boolean"
8981
+ },
8982
+ "default": "false",
8983
+ "description": "The checked attribute for the input element",
8984
+ "fieldName": "checked"
8985
+ },
8986
+ {
8987
+ "name": "onKeyDown",
8988
+ "type": {
8989
+ "text": "(event: KeyboardEvent) => void | undefined"
8990
+ },
8991
+ "description": "A user-defined function to handle keydown events",
8992
+ "fieldName": "onKeyDown"
8993
+ }
8994
+ ],
8995
+ "superclass": {
8996
+ "name": "LitElement",
8997
+ "package": "lit"
8998
+ },
8999
+ "tagName": "bm-radio-button",
9000
+ "customElement": true
9001
+ }
9002
+ ],
9003
+ "exports": [
9004
+ {
9005
+ "kind": "js",
9006
+ "name": "BmRadioButton",
9007
+ "declaration": {
9008
+ "name": "BmRadioButton",
9009
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9010
+ }
9011
+ },
9012
+ {
9013
+ "kind": "custom-element-definition",
9014
+ "name": "bm-radio-button",
9015
+ "declaration": {
9016
+ "name": "BmRadioButton",
9017
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9018
+ }
9019
+ }
9020
+ ]
9021
+ },
9022
+ {
9023
+ "kind": "javascript-module",
9024
+ "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9025
+ "declarations": [],
9026
+ "exports": [
9027
+ {
9028
+ "kind": "js",
9029
+ "name": "*",
9030
+ "declaration": {
9031
+ "name": "*",
9032
+ "package": "./RadioButton"
9033
+ }
9034
+ },
9035
+ {
9036
+ "kind": "js",
9037
+ "name": "*",
9038
+ "declaration": {
9039
+ "name": "*",
9040
+ "package": "./RadioButtonGroup/RadioButtonGroup"
9041
+ }
9042
+ }
9043
+ ]
9044
+ },
9045
9045
  {
9046
9046
  "kind": "javascript-module",
9047
9047
  "path": "libs/web-components/src/lib/wip/TextArea/TextArea.ts",