@viasat/beam-web-components 2.72.0 → 2.73.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/custom-elements.json +1508 -1508
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +251 -251
package/custom-elements.json CHANGED
@@ -294,376 +294,428 @@
294
294
  },
295
295
  {
296
296
  "kind": "javascript-module",
297
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
297
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
298
298
  "declarations": [
299
299
  {
300
300
  "kind": "class",
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",
301
+ "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
302
+ "name": "BmAlert",
303
303
  "slots": [
304
304
  {
305
- "description": "Customize the default icon",
305
+ "description": "Specify a different icon for the Alert",
306
306
  "name": "icon"
307
+ },
308
+ {
309
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
310
+ "name": "heading"
311
+ },
312
+ {
313
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
314
+ "name": "body"
315
+ },
316
+ {
317
+ "description": "Specify if actions display on the Alert",
318
+ "name": "actions"
307
319
  }
308
320
  ],
309
321
  "members": [
310
322
  {
311
323
  "kind": "field",
312
- "name": "appearance",
324
+ "name": "heading",
313
325
  "type": {
314
- "text": "'accent' | 'neutral' | undefined"
326
+ "text": "string | undefined"
315
327
  },
316
- "default": "'neutral'",
317
- "description": "Specify the appearance of the Avatar",
318
- "attribute": "appearance"
328
+ "description": "Specify the heading text for Alert",
329
+ "attribute": "heading"
319
330
  },
320
331
  {
321
332
  "kind": "field",
322
- "name": "name",
333
+ "name": "body",
323
334
  "type": {
324
335
  "text": "string | undefined"
325
336
  },
326
- "description": "Specify a name to display initials in the Avatar",
327
- "attribute": "name"
337
+ "description": "Specify the body text for Alert",
338
+ "attribute": "body"
328
339
  },
329
340
  {
330
341
  "kind": "field",
331
- "name": "src",
342
+ "name": "size",
332
343
  "type": {
333
- "text": "string | undefined"
344
+ "text": "'sm' | 'md'"
334
345
  },
335
- "description": "Pass an image to the Avatar",
336
- "attribute": "src"
346
+ "default": "'sm'",
347
+ "description": "Specify the size of the Alert",
348
+ "attribute": "size"
337
349
  },
338
350
  {
339
351
  "kind": "field",
340
- "name": "alt",
352
+ "name": "fullWidth",
341
353
  "type": {
342
- "text": "string | undefined"
354
+ "text": "boolean"
343
355
  },
344
- "description": "Specify alt for image",
345
- "attribute": "alt"
356
+ "default": "false",
357
+ "description": "Specify if the Alert has no border radius",
358
+ "attribute": "fullWidth"
346
359
  },
347
360
  {
348
361
  "kind": "field",
349
- "name": "size",
362
+ "name": "theme",
350
363
  "type": {
351
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
364
+ "text": "'light' | 'dark' | undefined"
352
365
  },
353
- "default": "'md'",
354
- "description": "Specify the size of the Avatar",
355
- "attribute": "size"
366
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
367
+ "attribute": "theme"
356
368
  },
357
369
  {
358
370
  "kind": "field",
359
- "name": "disabled",
371
+ "name": "appearance",
360
372
  "type": {
361
- "text": "boolean | undefined"
373
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
374
+ },
375
+ "default": "'infoPrimary'",
376
+ "description": "Specify the appearance of the Alert",
377
+ "attribute": "appearance"
378
+ },
379
+ {
380
+ "kind": "field",
381
+ "name": "hidden",
382
+ "type": {
383
+ "text": "boolean"
362
384
  },
363
385
  "default": "false",
364
- "description": "Specify if the Avatar is disabled",
365
- "attribute": "disabled"
386
+ "description": "Specify if the Alert is hidden",
387
+ "attribute": "hidden"
366
388
  },
367
389
  {
368
390
  "kind": "field",
369
- "name": "shape",
391
+ "name": "hideIcon",
370
392
  "type": {
371
- "text": "'circle' | 'square' | undefined"
393
+ "text": "boolean"
372
394
  },
373
- "default": "'circle'",
374
- "description": "Specify the shape of the Avatar",
375
- "attribute": "shape"
395
+ "default": "false",
396
+ "description": "Specify if the icon displays on the Alert",
397
+ "attribute": "hideIcon"
376
398
  },
377
399
  {
378
400
  "kind": "field",
379
- "name": "isInteractive",
401
+ "name": "dismissible",
380
402
  "type": {
381
403
  "text": "boolean"
382
404
  },
383
405
  "default": "false",
384
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
385
- "attribute": "isInteractive"
406
+ "description": "Specify if the Alert can be dismissed",
407
+ "attribute": "dismissible"
386
408
  },
387
409
  {
388
410
  "kind": "field",
389
- "name": "isFocusable",
411
+ "name": "disableAutoFocus",
390
412
  "type": {
391
413
  "text": "boolean"
392
414
  },
393
415
  "default": "false",
394
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
395
- "attribute": "isFocusable"
416
+ "description": "Prevent autofocus on show",
417
+ "attribute": "disableAutoFocus"
396
418
  },
397
419
  {
398
420
  "kind": "field",
399
- "name": "withBorder",
421
+ "name": "disableCloseOnEscape",
400
422
  "type": {
401
423
  "text": "boolean"
402
424
  },
403
425
  "default": "false",
404
- "attribute": "withBorder"
426
+ "description": "Prevent Escape from closing",
427
+ "attribute": "disableCloseOnEscape"
428
+ }
429
+ ],
430
+ "events": [
431
+ {
432
+ "description": "Dispatched when the Alert has been dismissed",
433
+ "name": "bm-dismiss"
405
434
  }
406
435
  ],
407
436
  "attributes": [
408
437
  {
409
- "name": "appearance",
438
+ "name": "heading",
410
439
  "type": {
411
- "text": "'accent' | 'neutral' | undefined"
440
+ "text": "string | undefined"
412
441
  },
413
- "default": "'neutral'",
414
- "description": "Specify the appearance of the Avatar",
415
- "fieldName": "appearance"
442
+ "description": "Specify the heading text for Alert",
443
+ "fieldName": "heading"
416
444
  },
417
445
  {
418
- "name": "name",
446
+ "name": "body",
419
447
  "type": {
420
448
  "text": "string | undefined"
421
449
  },
422
- "description": "Specify a name to display initials in the Avatar",
423
- "fieldName": "name"
450
+ "description": "Specify the body text for Alert",
451
+ "fieldName": "body"
424
452
  },
425
453
  {
426
- "name": "src",
454
+ "name": "size",
427
455
  "type": {
428
- "text": "string | undefined"
456
+ "text": "'sm' | 'md'"
429
457
  },
430
- "description": "Pass an image to the Avatar",
431
- "fieldName": "src"
458
+ "default": "'sm'",
459
+ "description": "Specify the size of the Alert",
460
+ "fieldName": "size"
432
461
  },
433
462
  {
434
- "name": "alt",
463
+ "name": "fullWidth",
435
464
  "type": {
436
- "text": "string | undefined"
465
+ "text": "boolean"
437
466
  },
438
- "description": "Specify alt for image",
439
- "fieldName": "alt"
467
+ "default": "false",
468
+ "description": "Specify if the Alert has no border radius",
469
+ "fieldName": "fullWidth"
440
470
  },
441
471
  {
442
- "name": "size",
472
+ "name": "theme",
443
473
  "type": {
444
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
474
+ "text": "'light' | 'dark' | undefined"
445
475
  },
446
- "default": "'md'",
447
- "description": "Specify the size of the Avatar",
448
- "fieldName": "size"
476
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
477
+ "fieldName": "theme"
449
478
  },
450
479
  {
451
- "name": "disabled",
480
+ "name": "appearance",
452
481
  "type": {
453
- "text": "boolean | undefined"
482
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
483
+ },
484
+ "default": "'infoPrimary'",
485
+ "description": "Specify the appearance of the Alert",
486
+ "fieldName": "appearance"
487
+ },
488
+ {
489
+ "name": "hidden",
490
+ "type": {
491
+ "text": "boolean"
454
492
  },
455
493
  "default": "false",
456
- "description": "Specify if the Avatar is disabled",
457
- "fieldName": "disabled"
494
+ "description": "Specify if the Alert is hidden",
495
+ "fieldName": "hidden"
458
496
  },
459
497
  {
460
- "name": "shape",
498
+ "name": "hideIcon",
461
499
  "type": {
462
- "text": "'circle' | 'square' | undefined"
500
+ "text": "boolean"
463
501
  },
464
- "default": "'circle'",
465
- "description": "Specify the shape of the Avatar",
466
- "fieldName": "shape"
502
+ "default": "false",
503
+ "description": "Specify if the icon displays on the Alert",
504
+ "fieldName": "hideIcon"
467
505
  },
468
506
  {
469
- "name": "isInteractive",
507
+ "name": "dismissible",
470
508
  "type": {
471
509
  "text": "boolean"
472
510
  },
473
511
  "default": "false",
474
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
475
- "fieldName": "isInteractive"
512
+ "description": "Specify if the Alert can be dismissed",
513
+ "fieldName": "dismissible"
476
514
  },
477
515
  {
478
- "name": "isFocusable",
516
+ "name": "disableAutoFocus",
479
517
  "type": {
480
518
  "text": "boolean"
481
519
  },
482
520
  "default": "false",
483
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
484
- "fieldName": "isFocusable"
521
+ "description": "Prevent autofocus on show",
522
+ "fieldName": "disableAutoFocus"
485
523
  },
486
524
  {
487
- "name": "withBorder",
525
+ "name": "disableCloseOnEscape",
488
526
  "type": {
489
527
  "text": "boolean"
490
528
  },
491
529
  "default": "false",
492
- "fieldName": "withBorder"
530
+ "description": "Prevent Escape from closing",
531
+ "fieldName": "disableCloseOnEscape"
493
532
  }
494
533
  ],
495
534
  "superclass": {
496
535
  "name": "LitElement",
497
536
  "package": "lit"
498
537
  },
499
- "tagName": "bm-avatar",
538
+ "tagName": "bm-alert",
500
539
  "customElement": true
501
540
  }
502
541
  ],
503
542
  "exports": [
504
543
  {
505
544
  "kind": "js",
506
- "name": "BmAvatar",
545
+ "name": "BmAlert",
507
546
  "declaration": {
508
- "name": "BmAvatar",
509
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
547
+ "name": "BmAlert",
548
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
510
549
  }
511
550
  },
512
551
  {
513
552
  "kind": "custom-element-definition",
514
- "name": "bm-avatar",
553
+ "name": "bm-alert",
515
554
  "declaration": {
516
- "name": "BmAvatar",
517
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
555
+ "name": "BmAlert",
556
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
518
557
  }
519
558
  }
520
559
  ]
521
560
  },
522
561
  {
523
562
  "kind": "javascript-module",
524
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
525
- "declarations": [
526
- {
527
- "kind": "variable",
528
- "name": "AvatarGroupCtx"
529
- }
530
- ],
563
+ "path": "libs/web-components/src/lib/Alert/index.ts",
564
+ "declarations": [],
531
565
  "exports": [
532
566
  {
533
567
  "kind": "js",
534
- "name": "AvatarGroupCtx",
568
+ "name": "*",
535
569
  "declaration": {
536
- "name": "AvatarGroupCtx",
537
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
570
+ "name": "*",
571
+ "package": "./Alert"
538
572
  }
539
573
  }
540
574
  ]
541
575
  },
542
576
  {
543
577
  "kind": "javascript-module",
544
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
578
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
545
579
  "declarations": [
546
580
  {
547
581
  "kind": "class",
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",
582
+ "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
583
+ "name": "BmBadge",
550
584
  "slots": [
551
585
  {
552
- "description": "Add Avatars to create a group",
586
+ "description": "Provide text for the Badge",
553
587
  "name": "default"
588
+ },
589
+ {
590
+ "description": "Specify a different icon for the Badge",
591
+ "name": "icon"
554
592
  }
555
593
  ],
556
594
  "members": [
557
595
  {
558
596
  "kind": "field",
559
- "name": "wrapping",
597
+ "name": "appearance",
560
598
  "type": {
561
- "text": "boolean"
599
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
562
600
  },
563
- "default": "false",
564
- "description": "Specify if the AvatarGroup wraps",
565
- "attribute": "wrapping"
601
+ "default": "'infoPrimary'",
602
+ "description": "Specify the appearance of the Badge",
603
+ "attribute": "appearance"
566
604
  },
567
605
  {
568
606
  "kind": "field",
569
- "name": "maxCount",
607
+ "name": "theme",
570
608
  "type": {
571
- "text": "number"
609
+ "text": "'light' | 'dark' | undefined"
572
610
  },
573
- "default": "5",
574
- "description": "Specify the max number of avatars displayed in the group.",
575
- "attribute": "maxCount",
576
- "reflects": true
611
+ "description": "Theme of the Badge",
612
+ "attribute": "theme"
577
613
  },
578
614
  {
579
615
  "kind": "field",
580
616
  "name": "size",
581
617
  "type": {
582
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
618
+ "text": "'sm' | 'md' | undefined"
583
619
  },
584
- "default": "'md'",
585
- "description": "Specify the size of all Avatars",
620
+ "default": "'sm'",
621
+ "description": "Specify the size of the Badge",
586
622
  "attribute": "size"
587
623
  },
588
624
  {
589
625
  "kind": "field",
590
- "name": "layout",
626
+ "name": "emphasis",
591
627
  "type": {
592
- "text": "'stacked' | 'spaced' | undefined"
628
+ "text": "'strong' | 'medium' | 'subtle'"
593
629
  },
594
- "default": "'stacked'",
595
- "description": "Specify the kind of the group.",
596
- "attribute": "layout"
630
+ "default": "'strong'",
631
+ "description": "Specify the emphasis of the Badge",
632
+ "attribute": "emphasis"
633
+ },
634
+ {
635
+ "kind": "field",
636
+ "name": "hideIcon",
637
+ "type": {
638
+ "text": "boolean | undefined"
639
+ },
640
+ "description": "Hides Badge icon",
641
+ "attribute": "hideIcon"
597
642
  }
598
643
  ],
599
644
  "attributes": [
600
645
  {
601
- "name": "wrapping",
646
+ "name": "appearance",
602
647
  "type": {
603
- "text": "boolean"
648
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
604
649
  },
605
- "default": "false",
606
- "description": "Specify if the AvatarGroup wraps",
607
- "fieldName": "wrapping"
650
+ "default": "'infoPrimary'",
651
+ "description": "Specify the appearance of the Badge",
652
+ "fieldName": "appearance"
608
653
  },
609
654
  {
610
- "name": "maxCount",
655
+ "name": "theme",
611
656
  "type": {
612
- "text": "number"
657
+ "text": "'light' | 'dark' | undefined"
613
658
  },
614
- "default": "5",
615
- "description": "Specify the max number of avatars displayed in the group.",
616
- "fieldName": "maxCount"
659
+ "description": "Theme of the Badge",
660
+ "fieldName": "theme"
617
661
  },
618
662
  {
619
663
  "name": "size",
620
664
  "type": {
621
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
665
+ "text": "'sm' | 'md' | undefined"
622
666
  },
623
- "default": "'md'",
624
- "description": "Specify the size of all Avatars",
667
+ "default": "'sm'",
668
+ "description": "Specify the size of the Badge",
625
669
  "fieldName": "size"
626
670
  },
627
671
  {
628
- "name": "layout",
672
+ "name": "emphasis",
629
673
  "type": {
630
- "text": "'stacked' | 'spaced' | undefined"
674
+ "text": "'strong' | 'medium' | 'subtle'"
631
675
  },
632
- "default": "'stacked'",
633
- "description": "Specify the kind of the group.",
634
- "fieldName": "layout"
676
+ "default": "'strong'",
677
+ "description": "Specify the emphasis of the Badge",
678
+ "fieldName": "emphasis"
679
+ },
680
+ {
681
+ "name": "hideIcon",
682
+ "type": {
683
+ "text": "boolean | undefined"
684
+ },
685
+ "description": "Hides Badge icon",
686
+ "fieldName": "hideIcon"
635
687
  }
636
688
  ],
637
689
  "superclass": {
638
690
  "name": "LitElement",
639
691
  "package": "lit"
640
692
  },
641
- "tagName": "bm-avatar-group",
693
+ "tagName": "bm-badge",
642
694
  "customElement": true
643
695
  }
644
696
  ],
645
697
  "exports": [
646
698
  {
647
699
  "kind": "js",
648
- "name": "BmAvatarGroup",
700
+ "name": "BmBadge",
649
701
  "declaration": {
650
- "name": "BmAvatarGroup",
651
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
702
+ "name": "BmBadge",
703
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
652
704
  }
653
705
  },
654
706
  {
655
707
  "kind": "custom-element-definition",
656
- "name": "bm-avatar-group",
708
+ "name": "bm-badge",
657
709
  "declaration": {
658
- "name": "BmAvatarGroup",
659
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
710
+ "name": "BmBadge",
711
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
660
712
  }
661
713
  }
662
714
  ]
663
715
  },
664
716
  {
665
717
  "kind": "javascript-module",
666
- "path": "libs/web-components/src/lib/Avatar/index.ts",
718
+ "path": "libs/web-components/src/lib/Badge/index.ts",
667
719
  "declarations": [],
668
720
  "exports": [
669
721
  {
@@ -671,162 +723,131 @@
671
723
  "name": "*",
672
724
  "declaration": {
673
725
  "name": "*",
674
- "package": "./Avatar"
675
- }
676
- },
677
- {
678
- "kind": "js",
679
- "name": "*",
680
- "declaration": {
681
- "name": "*",
682
- "package": "./AvatarGroup"
726
+ "package": "./Badge"
683
727
  }
684
728
  }
685
729
  ]
686
730
  },
687
731
  {
688
732
  "kind": "javascript-module",
689
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
733
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
690
734
  "declarations": [
691
735
  {
692
736
  "kind": "class",
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",
737
+ "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",
738
+ "name": "BmBadgeDot",
695
739
  "slots": [
696
740
  {
697
- "description": "Provide text for the Badge",
741
+ "description": "Provide text for the BadgeDot",
698
742
  "name": "default"
699
- },
700
- {
701
- "description": "Specify a different icon for the Badge",
702
- "name": "icon"
703
743
  }
704
744
  ],
705
745
  "members": [
706
- {
707
- "kind": "field",
708
- "name": "appearance",
709
- "type": {
710
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
711
- },
712
- "default": "'infoPrimary'",
713
- "description": "Specify the appearance of the Badge",
714
- "attribute": "appearance"
715
- },
716
746
  {
717
747
  "kind": "field",
718
748
  "name": "theme",
719
749
  "type": {
720
750
  "text": "'light' | 'dark' | undefined"
721
751
  },
722
- "description": "Theme of the Badge",
752
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
723
753
  "attribute": "theme"
724
754
  },
725
755
  {
726
756
  "kind": "field",
727
- "name": "size",
757
+ "name": "appearance",
728
758
  "type": {
729
- "text": "'sm' | 'md' | undefined"
759
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
730
760
  },
731
- "default": "'sm'",
732
- "description": "Specify the size of the Badge",
733
- "attribute": "size"
761
+ "default": "'infoPrimary'",
762
+ "description": "Specify the appearance of the BadgeDot",
763
+ "attribute": "appearance"
734
764
  },
735
765
  {
736
766
  "kind": "field",
737
767
  "name": "emphasis",
738
768
  "type": {
739
- "text": "'strong' | 'medium' | 'subtle'"
769
+ "text": "'strong' | 'subtle'"
740
770
  },
741
771
  "default": "'strong'",
742
- "description": "Specify the emphasis of the Badge",
772
+ "description": "Specify the emphasis of the BadgeDot",
743
773
  "attribute": "emphasis"
744
774
  },
745
775
  {
746
776
  "kind": "field",
747
- "name": "hideIcon",
777
+ "name": "overrideDotColor",
748
778
  "type": {
749
- "text": "boolean | undefined"
779
+ "text": "string | undefined"
750
780
  },
751
- "description": "Hides Badge icon",
752
- "attribute": "hideIcon"
781
+ "description": "Overrides default dot color",
782
+ "attribute": "overrideDotColor"
753
783
  }
754
784
  ],
755
785
  "attributes": [
756
- {
757
- "name": "appearance",
758
- "type": {
759
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
760
- },
761
- "default": "'infoPrimary'",
762
- "description": "Specify the appearance of the Badge",
763
- "fieldName": "appearance"
764
- },
765
786
  {
766
787
  "name": "theme",
767
788
  "type": {
768
789
  "text": "'light' | 'dark' | undefined"
769
790
  },
770
- "description": "Theme of the Badge",
791
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
771
792
  "fieldName": "theme"
772
793
  },
773
794
  {
774
- "name": "size",
795
+ "name": "appearance",
775
796
  "type": {
776
- "text": "'sm' | 'md' | undefined"
797
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
777
798
  },
778
- "default": "'sm'",
779
- "description": "Specify the size of the Badge",
780
- "fieldName": "size"
799
+ "default": "'infoPrimary'",
800
+ "description": "Specify the appearance of the BadgeDot",
801
+ "fieldName": "appearance"
781
802
  },
782
803
  {
783
804
  "name": "emphasis",
784
805
  "type": {
785
- "text": "'strong' | 'medium' | 'subtle'"
806
+ "text": "'strong' | 'subtle'"
786
807
  },
787
808
  "default": "'strong'",
788
- "description": "Specify the emphasis of the Badge",
809
+ "description": "Specify the emphasis of the BadgeDot",
789
810
  "fieldName": "emphasis"
790
811
  },
791
812
  {
792
- "name": "hideIcon",
813
+ "name": "overrideDotColor",
793
814
  "type": {
794
- "text": "boolean | undefined"
815
+ "text": "string | undefined"
795
816
  },
796
- "description": "Hides Badge icon",
797
- "fieldName": "hideIcon"
817
+ "description": "Overrides default dot color",
818
+ "fieldName": "overrideDotColor"
798
819
  }
799
820
  ],
800
821
  "superclass": {
801
822
  "name": "LitElement",
802
823
  "package": "lit"
803
824
  },
804
- "tagName": "bm-badge",
825
+ "tagName": "bm-badge-dot",
805
826
  "customElement": true
806
827
  }
807
828
  ],
808
829
  "exports": [
809
830
  {
810
831
  "kind": "js",
811
- "name": "BmBadge",
832
+ "name": "BmBadgeDot",
812
833
  "declaration": {
813
- "name": "BmBadge",
814
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
834
+ "name": "BmBadgeDot",
835
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
815
836
  }
816
837
  },
817
838
  {
818
839
  "kind": "custom-element-definition",
819
- "name": "bm-badge",
840
+ "name": "bm-badge-dot",
820
841
  "declaration": {
821
- "name": "BmBadge",
822
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
842
+ "name": "BmBadgeDot",
843
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
823
844
  }
824
845
  }
825
846
  ]
826
847
  },
827
848
  {
828
849
  "kind": "javascript-module",
829
- "path": "libs/web-components/src/lib/Badge/index.ts",
850
+ "path": "libs/web-components/src/lib/BadgeDot/index.ts",
830
851
  "declarations": [],
831
852
  "exports": [
832
853
  {
@@ -834,381 +855,492 @@
834
855
  "name": "*",
835
856
  "declaration": {
836
857
  "name": "*",
837
- "package": "./Badge"
858
+ "package": "./BadgeDot"
838
859
  }
839
860
  }
840
861
  ]
841
862
  },
842
863
  {
843
864
  "kind": "javascript-module",
844
- "path": "libs/web-components/src/lib/Alert/Alert.ts",
865
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
845
866
  "declarations": [
846
867
  {
847
868
  "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",
869
+ "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** ",
870
+ "name": "BmAvatar",
850
871
  "slots": [
851
872
  {
852
- "description": "Specify a different icon for the Alert",
873
+ "description": "Customize the default icon",
853
874
  "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"
862
- },
863
- {
864
- "description": "Specify if actions display on the Alert",
865
- "name": "actions"
866
875
  }
867
876
  ],
868
877
  "members": [
869
878
  {
870
879
  "kind": "field",
871
- "name": "heading",
880
+ "name": "appearance",
872
881
  "type": {
873
- "text": "string | undefined"
882
+ "text": "'accent' | 'neutral' | undefined"
874
883
  },
875
- "description": "Specify the heading text for Alert",
876
- "attribute": "heading"
884
+ "default": "'neutral'",
885
+ "description": "Specify the appearance of the Avatar",
886
+ "attribute": "appearance"
877
887
  },
878
888
  {
879
889
  "kind": "field",
880
- "name": "body",
890
+ "name": "name",
881
891
  "type": {
882
892
  "text": "string | undefined"
883
893
  },
884
- "description": "Specify the body text for Alert",
885
- "attribute": "body"
894
+ "description": "Specify a name to display initials in the Avatar",
895
+ "attribute": "name"
886
896
  },
887
897
  {
888
898
  "kind": "field",
889
- "name": "size",
899
+ "name": "src",
890
900
  "type": {
891
- "text": "'sm' | 'md'"
901
+ "text": "string | undefined"
892
902
  },
893
- "default": "'sm'",
894
- "description": "Specify the size of the Alert",
895
- "attribute": "size"
903
+ "description": "Pass an image to the Avatar",
904
+ "attribute": "src"
896
905
  },
897
906
  {
898
907
  "kind": "field",
899
- "name": "fullWidth",
908
+ "name": "alt",
900
909
  "type": {
901
- "text": "boolean"
910
+ "text": "string | undefined"
902
911
  },
903
- "default": "false",
904
- "description": "Specify if the Alert has no border radius",
905
- "attribute": "fullWidth"
912
+ "description": "Specify alt for image",
913
+ "attribute": "alt"
906
914
  },
907
915
  {
908
916
  "kind": "field",
909
- "name": "theme",
917
+ "name": "size",
910
918
  "type": {
911
- "text": "'light' | 'dark' | undefined"
919
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
912
920
  },
913
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
914
- "attribute": "theme"
915
- },
916
- {
917
- "kind": "field",
918
- "name": "appearance",
919
- "type": {
920
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
921
- },
922
- "default": "'infoPrimary'",
923
- "description": "Specify the appearance of the Alert",
924
- "attribute": "appearance"
921
+ "default": "'md'",
922
+ "description": "Specify the size of the Avatar",
923
+ "attribute": "size"
925
924
  },
926
925
  {
927
926
  "kind": "field",
928
- "name": "hidden",
927
+ "name": "disabled",
929
928
  "type": {
930
- "text": "boolean"
929
+ "text": "boolean | undefined"
931
930
  },
932
931
  "default": "false",
933
- "description": "Specify if the Alert is hidden",
934
- "attribute": "hidden"
932
+ "description": "Specify if the Avatar is disabled",
933
+ "attribute": "disabled"
935
934
  },
936
935
  {
937
936
  "kind": "field",
938
- "name": "hideIcon",
937
+ "name": "shape",
939
938
  "type": {
940
- "text": "boolean"
939
+ "text": "'circle' | 'square' | undefined"
941
940
  },
942
- "default": "false",
943
- "description": "Specify if the icon displays on the Alert",
944
- "attribute": "hideIcon"
941
+ "default": "'circle'",
942
+ "description": "Specify the shape of the Avatar",
943
+ "attribute": "shape"
945
944
  },
946
945
  {
947
946
  "kind": "field",
948
- "name": "dismissible",
947
+ "name": "isInteractive",
949
948
  "type": {
950
949
  "text": "boolean"
951
950
  },
952
951
  "default": "false",
953
- "description": "Specify if the Alert can be dismissed",
954
- "attribute": "dismissible"
952
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
953
+ "attribute": "isInteractive"
955
954
  },
956
955
  {
957
956
  "kind": "field",
958
- "name": "disableAutoFocus",
957
+ "name": "isFocusable",
959
958
  "type": {
960
959
  "text": "boolean"
961
960
  },
962
961
  "default": "false",
963
- "description": "Prevent autofocus on show",
964
- "attribute": "disableAutoFocus"
962
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
963
+ "attribute": "isFocusable"
965
964
  },
966
965
  {
967
966
  "kind": "field",
968
- "name": "disableCloseOnEscape",
967
+ "name": "withBorder",
969
968
  "type": {
970
969
  "text": "boolean"
971
970
  },
972
971
  "default": "false",
973
- "description": "Prevent Escape from closing",
974
- "attribute": "disableCloseOnEscape"
975
- }
976
- ],
977
- "events": [
978
- {
979
- "description": "Dispatched when the Alert has been dismissed",
980
- "name": "bm-dismiss"
972
+ "attribute": "withBorder"
981
973
  }
982
974
  ],
983
975
  "attributes": [
984
976
  {
985
- "name": "heading",
977
+ "name": "appearance",
986
978
  "type": {
987
- "text": "string | undefined"
979
+ "text": "'accent' | 'neutral' | undefined"
988
980
  },
989
- "description": "Specify the heading text for Alert",
990
- "fieldName": "heading"
981
+ "default": "'neutral'",
982
+ "description": "Specify the appearance of the Avatar",
983
+ "fieldName": "appearance"
991
984
  },
992
985
  {
993
- "name": "body",
986
+ "name": "name",
994
987
  "type": {
995
988
  "text": "string | undefined"
996
989
  },
997
- "description": "Specify the body text for Alert",
998
- "fieldName": "body"
999
- },
1000
- {
1001
- "name": "size",
1002
- "type": {
1003
- "text": "'sm' | 'md'"
1004
- },
1005
- "default": "'sm'",
1006
- "description": "Specify the size of the Alert",
1007
- "fieldName": "size"
990
+ "description": "Specify a name to display initials in the Avatar",
991
+ "fieldName": "name"
1008
992
  },
1009
993
  {
1010
- "name": "fullWidth",
994
+ "name": "src",
1011
995
  "type": {
1012
- "text": "boolean"
996
+ "text": "string | undefined"
1013
997
  },
1014
- "default": "false",
1015
- "description": "Specify if the Alert has no border radius",
1016
- "fieldName": "fullWidth"
998
+ "description": "Pass an image to the Avatar",
999
+ "fieldName": "src"
1017
1000
  },
1018
1001
  {
1019
- "name": "theme",
1002
+ "name": "alt",
1020
1003
  "type": {
1021
- "text": "'light' | 'dark' | undefined"
1004
+ "text": "string | undefined"
1022
1005
  },
1023
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1024
- "fieldName": "theme"
1006
+ "description": "Specify alt for image",
1007
+ "fieldName": "alt"
1025
1008
  },
1026
1009
  {
1027
- "name": "appearance",
1010
+ "name": "size",
1028
1011
  "type": {
1029
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1012
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1030
1013
  },
1031
- "default": "'infoPrimary'",
1032
- "description": "Specify the appearance of the Alert",
1033
- "fieldName": "appearance"
1014
+ "default": "'md'",
1015
+ "description": "Specify the size of the Avatar",
1016
+ "fieldName": "size"
1034
1017
  },
1035
1018
  {
1036
- "name": "hidden",
1019
+ "name": "disabled",
1037
1020
  "type": {
1038
- "text": "boolean"
1021
+ "text": "boolean | undefined"
1039
1022
  },
1040
1023
  "default": "false",
1041
- "description": "Specify if the Alert is hidden",
1042
- "fieldName": "hidden"
1024
+ "description": "Specify if the Avatar is disabled",
1025
+ "fieldName": "disabled"
1043
1026
  },
1044
1027
  {
1045
- "name": "hideIcon",
1028
+ "name": "shape",
1046
1029
  "type": {
1047
- "text": "boolean"
1030
+ "text": "'circle' | 'square' | undefined"
1048
1031
  },
1049
- "default": "false",
1050
- "description": "Specify if the icon displays on the Alert",
1051
- "fieldName": "hideIcon"
1032
+ "default": "'circle'",
1033
+ "description": "Specify the shape of the Avatar",
1034
+ "fieldName": "shape"
1052
1035
  },
1053
1036
  {
1054
- "name": "dismissible",
1037
+ "name": "isInteractive",
1055
1038
  "type": {
1056
1039
  "text": "boolean"
1057
1040
  },
1058
1041
  "default": "false",
1059
- "description": "Specify if the Alert can be dismissed",
1060
- "fieldName": "dismissible"
1042
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1043
+ "fieldName": "isInteractive"
1061
1044
  },
1062
1045
  {
1063
- "name": "disableAutoFocus",
1046
+ "name": "isFocusable",
1064
1047
  "type": {
1065
1048
  "text": "boolean"
1066
1049
  },
1067
1050
  "default": "false",
1068
- "description": "Prevent autofocus on show",
1069
- "fieldName": "disableAutoFocus"
1051
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1052
+ "fieldName": "isFocusable"
1070
1053
  },
1071
1054
  {
1072
- "name": "disableCloseOnEscape",
1055
+ "name": "withBorder",
1073
1056
  "type": {
1074
1057
  "text": "boolean"
1075
1058
  },
1076
1059
  "default": "false",
1077
- "description": "Prevent Escape from closing",
1078
- "fieldName": "disableCloseOnEscape"
1060
+ "fieldName": "withBorder"
1079
1061
  }
1080
1062
  ],
1081
1063
  "superclass": {
1082
1064
  "name": "LitElement",
1083
1065
  "package": "lit"
1084
1066
  },
1085
- "tagName": "bm-alert",
1067
+ "tagName": "bm-avatar",
1086
1068
  "customElement": true
1087
1069
  }
1088
1070
  ],
1089
1071
  "exports": [
1090
1072
  {
1091
1073
  "kind": "js",
1092
- "name": "BmAlert",
1074
+ "name": "BmAvatar",
1093
1075
  "declaration": {
1094
- "name": "BmAlert",
1095
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1076
+ "name": "BmAvatar",
1077
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1096
1078
  }
1097
1079
  },
1098
1080
  {
1099
1081
  "kind": "custom-element-definition",
1100
- "name": "bm-alert",
1082
+ "name": "bm-avatar",
1101
1083
  "declaration": {
1102
- "name": "BmAlert",
1103
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1084
+ "name": "BmAvatar",
1085
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1104
1086
  }
1105
1087
  }
1106
1088
  ]
1107
1089
  },
1108
1090
  {
1109
1091
  "kind": "javascript-module",
1110
- "path": "libs/web-components/src/lib/Alert/index.ts",
1111
- "declarations": [],
1092
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1093
+ "declarations": [
1094
+ {
1095
+ "kind": "variable",
1096
+ "name": "AvatarGroupCtx"
1097
+ }
1098
+ ],
1112
1099
  "exports": [
1113
1100
  {
1114
1101
  "kind": "js",
1115
- "name": "*",
1102
+ "name": "AvatarGroupCtx",
1116
1103
  "declaration": {
1117
- "name": "*",
1118
- "package": "./Alert"
1104
+ "name": "AvatarGroupCtx",
1105
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1119
1106
  }
1120
1107
  }
1121
1108
  ]
1122
1109
  },
1123
1110
  {
1124
1111
  "kind": "javascript-module",
1125
- "path": "libs/web-components/src/lib/Box/Box.ts",
1112
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1126
1113
  "declarations": [
1127
1114
  {
1128
1115
  "kind": "class",
1129
- "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",
1130
- "name": "BmBox",
1116
+ "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.",
1117
+ "name": "BmAvatarGroup",
1131
1118
  "slots": [
1132
1119
  {
1133
- "description": "Provide content for the Box",
1120
+ "description": "Add Avatars to create a group",
1134
1121
  "name": "default"
1135
1122
  }
1136
1123
  ],
1137
1124
  "members": [
1138
1125
  {
1139
1126
  "kind": "field",
1140
- "name": "backgroundColor",
1127
+ "name": "wrapping",
1141
1128
  "type": {
1142
- "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"
1129
+ "text": "boolean"
1143
1130
  },
1144
- "description": "Specify the background color of a Box",
1145
- "attribute": "backgroundColor"
1131
+ "default": "false",
1132
+ "description": "Specify if the AvatarGroup wraps",
1133
+ "attribute": "wrapping"
1146
1134
  },
1147
1135
  {
1148
1136
  "kind": "field",
1149
- "name": "borderColor",
1137
+ "name": "maxCount",
1150
1138
  "type": {
1151
- "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"
1139
+ "text": "number"
1152
1140
  },
1153
- "description": "Specify the border color of a Box",
1154
- "attribute": "borderColor"
1141
+ "default": "5",
1142
+ "description": "Specify the max number of avatars displayed in the group.",
1143
+ "attribute": "maxCount",
1144
+ "reflects": true
1155
1145
  },
1156
1146
  {
1157
1147
  "kind": "field",
1158
- "name": "borderWidth",
1148
+ "name": "size",
1159
1149
  "type": {
1160
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1150
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1161
1151
  },
1162
- "description": "Specify the border width of a Box",
1163
- "attribute": "borderWidth"
1152
+ "default": "'md'",
1153
+ "description": "Specify the size of all Avatars",
1154
+ "attribute": "size"
1164
1155
  },
1165
1156
  {
1166
1157
  "kind": "field",
1167
- "name": "borderRadius",
1158
+ "name": "layout",
1168
1159
  "type": {
1169
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1160
+ "text": "'stacked' | 'spaced' | undefined"
1170
1161
  },
1171
- "description": "Specify the border radius of a Box",
1172
- "attribute": "borderRadius"
1173
- },
1162
+ "default": "'stacked'",
1163
+ "description": "Specify the kind of the group.",
1164
+ "attribute": "layout"
1165
+ }
1166
+ ],
1167
+ "attributes": [
1174
1168
  {
1175
- "kind": "field",
1176
- "name": "px",
1169
+ "name": "wrapping",
1177
1170
  "type": {
1178
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1171
+ "text": "boolean"
1179
1172
  },
1180
- "description": "Specify before and after padding of a Box",
1181
- "attribute": "px"
1173
+ "default": "false",
1174
+ "description": "Specify if the AvatarGroup wraps",
1175
+ "fieldName": "wrapping"
1182
1176
  },
1183
1177
  {
1184
- "kind": "field",
1185
- "name": "py",
1178
+ "name": "maxCount",
1186
1179
  "type": {
1187
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1180
+ "text": "number"
1188
1181
  },
1189
- "description": "Specify top and bottom padding of a Box",
1190
- "attribute": "py"
1182
+ "default": "5",
1183
+ "description": "Specify the max number of avatars displayed in the group.",
1184
+ "fieldName": "maxCount"
1191
1185
  },
1192
1186
  {
1193
- "kind": "field",
1194
- "name": "pTop",
1187
+ "name": "size",
1195
1188
  "type": {
1196
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1189
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1197
1190
  },
1198
- "description": "Specify top padding of a Box",
1199
- "attribute": "pTop"
1191
+ "default": "'md'",
1192
+ "description": "Specify the size of all Avatars",
1193
+ "fieldName": "size"
1200
1194
  },
1201
1195
  {
1202
- "kind": "field",
1203
- "name": "pBottom",
1196
+ "name": "layout",
1204
1197
  "type": {
1205
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1198
+ "text": "'stacked' | 'spaced' | undefined"
1206
1199
  },
1207
- "description": "Specify bottom padding of a Box",
1208
- "attribute": "pBottom"
1209
- },
1210
- {
1211
- "kind": "field",
1200
+ "default": "'stacked'",
1201
+ "description": "Specify the kind of the group.",
1202
+ "fieldName": "layout"
1203
+ }
1204
+ ],
1205
+ "superclass": {
1206
+ "name": "LitElement",
1207
+ "package": "lit"
1208
+ },
1209
+ "tagName": "bm-avatar-group",
1210
+ "customElement": true
1211
+ }
1212
+ ],
1213
+ "exports": [
1214
+ {
1215
+ "kind": "js",
1216
+ "name": "BmAvatarGroup",
1217
+ "declaration": {
1218
+ "name": "BmAvatarGroup",
1219
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1220
+ }
1221
+ },
1222
+ {
1223
+ "kind": "custom-element-definition",
1224
+ "name": "bm-avatar-group",
1225
+ "declaration": {
1226
+ "name": "BmAvatarGroup",
1227
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1228
+ }
1229
+ }
1230
+ ]
1231
+ },
1232
+ {
1233
+ "kind": "javascript-module",
1234
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
1235
+ "declarations": [],
1236
+ "exports": [
1237
+ {
1238
+ "kind": "js",
1239
+ "name": "*",
1240
+ "declaration": {
1241
+ "name": "*",
1242
+ "package": "./Avatar"
1243
+ }
1244
+ },
1245
+ {
1246
+ "kind": "js",
1247
+ "name": "*",
1248
+ "declaration": {
1249
+ "name": "*",
1250
+ "package": "./AvatarGroup"
1251
+ }
1252
+ }
1253
+ ]
1254
+ },
1255
+ {
1256
+ "kind": "javascript-module",
1257
+ "path": "libs/web-components/src/lib/Box/Box.ts",
1258
+ "declarations": [
1259
+ {
1260
+ "kind": "class",
1261
+ "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
1262
+ "name": "BmBox",
1263
+ "slots": [
1264
+ {
1265
+ "description": "Provide content for the Box",
1266
+ "name": "default"
1267
+ }
1268
+ ],
1269
+ "members": [
1270
+ {
1271
+ "kind": "field",
1272
+ "name": "backgroundColor",
1273
+ "type": {
1274
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1275
+ },
1276
+ "description": "Specify the background color of a Box",
1277
+ "attribute": "backgroundColor"
1278
+ },
1279
+ {
1280
+ "kind": "field",
1281
+ "name": "borderColor",
1282
+ "type": {
1283
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1284
+ },
1285
+ "description": "Specify the border color of a Box",
1286
+ "attribute": "borderColor"
1287
+ },
1288
+ {
1289
+ "kind": "field",
1290
+ "name": "borderWidth",
1291
+ "type": {
1292
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1293
+ },
1294
+ "description": "Specify the border width of a Box",
1295
+ "attribute": "borderWidth"
1296
+ },
1297
+ {
1298
+ "kind": "field",
1299
+ "name": "borderRadius",
1300
+ "type": {
1301
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1302
+ },
1303
+ "description": "Specify the border radius of a Box",
1304
+ "attribute": "borderRadius"
1305
+ },
1306
+ {
1307
+ "kind": "field",
1308
+ "name": "px",
1309
+ "type": {
1310
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1311
+ },
1312
+ "description": "Specify before and after padding of a Box",
1313
+ "attribute": "px"
1314
+ },
1315
+ {
1316
+ "kind": "field",
1317
+ "name": "py",
1318
+ "type": {
1319
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1320
+ },
1321
+ "description": "Specify top and bottom padding of a Box",
1322
+ "attribute": "py"
1323
+ },
1324
+ {
1325
+ "kind": "field",
1326
+ "name": "pTop",
1327
+ "type": {
1328
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1329
+ },
1330
+ "description": "Specify top padding of a Box",
1331
+ "attribute": "pTop"
1332
+ },
1333
+ {
1334
+ "kind": "field",
1335
+ "name": "pBottom",
1336
+ "type": {
1337
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1338
+ },
1339
+ "description": "Specify bottom padding of a Box",
1340
+ "attribute": "pBottom"
1341
+ },
1342
+ {
1343
+ "kind": "field",
1212
1344
  "name": "pBefore",
1213
1345
  "type": {
1214
1346
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
@@ -1522,124 +1654,256 @@
1522
1654
  },
1523
1655
  {
1524
1656
  "kind": "javascript-module",
1525
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1657
+ "path": "libs/web-components/src/lib/Button/Button.ts",
1526
1658
  "declarations": [
1527
1659
  {
1528
1660
  "kind": "class",
1529
- "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",
1530
- "name": "BmBadgeDot",
1661
+ "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1662
+ "name": "BmButton",
1531
1663
  "slots": [
1532
1664
  {
1533
- "description": "Provide text for the BadgeDot",
1665
+ "description": "Provide content for the Button",
1534
1666
  "name": "default"
1667
+ },
1668
+ {
1669
+ "description": "Specify if the Button displays icon before the text",
1670
+ "name": "iconBefore"
1671
+ },
1672
+ {
1673
+ "description": "Specify if the Button displays icon after the text",
1674
+ "name": "iconAfter"
1535
1675
  }
1536
1676
  ],
1537
1677
  "members": [
1538
1678
  {
1539
1679
  "kind": "field",
1540
- "name": "theme",
1680
+ "name": "formAssociated",
1541
1681
  "type": {
1542
- "text": "'light' | 'dark' | undefined"
1682
+ "text": "boolean"
1543
1683
  },
1544
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1545
- "attribute": "theme"
1684
+ "static": true,
1685
+ "default": "true"
1546
1686
  },
1547
1687
  {
1548
1688
  "kind": "field",
1549
1689
  "name": "appearance",
1550
1690
  "type": {
1551
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1691
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1552
1692
  },
1553
- "default": "'infoPrimary'",
1554
- "description": "Specify the appearance of the BadgeDot",
1693
+ "default": "'accent'",
1694
+ "description": "Specify the appearance of a Button",
1555
1695
  "attribute": "appearance"
1556
1696
  },
1557
1697
  {
1558
1698
  "kind": "field",
1559
- "name": "emphasis",
1699
+ "name": "kind",
1560
1700
  "type": {
1561
- "text": "'strong' | 'subtle'"
1701
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1562
1702
  },
1563
- "default": "'strong'",
1564
- "description": "Specify the emphasis of the BadgeDot",
1565
- "attribute": "emphasis"
1703
+ "default": "'filled'",
1704
+ "description": "Specify the kind of Button",
1705
+ "attribute": "kind"
1566
1706
  },
1567
1707
  {
1568
1708
  "kind": "field",
1569
- "name": "overrideDotColor",
1709
+ "name": "size",
1570
1710
  "type": {
1571
- "text": "string | undefined"
1711
+ "text": "'sm' | 'md' | 'lg'"
1572
1712
  },
1573
- "description": "Overrides default dot color",
1574
- "attribute": "overrideDotColor"
1575
- }
1576
- ],
1577
- "attributes": [
1713
+ "default": "'md'",
1714
+ "description": "Specify the size of a Button",
1715
+ "attribute": "size"
1716
+ },
1578
1717
  {
1579
- "name": "theme",
1718
+ "kind": "field",
1719
+ "name": "disabled",
1580
1720
  "type": {
1581
- "text": "'light' | 'dark' | undefined"
1721
+ "text": "boolean"
1582
1722
  },
1583
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1584
- "fieldName": "theme"
1723
+ "default": "false",
1724
+ "description": "Specify if the Button is disabled",
1725
+ "attribute": "disabled"
1585
1726
  },
1586
1727
  {
1587
- "name": "appearance",
1728
+ "kind": "field",
1729
+ "name": "fluid",
1588
1730
  "type": {
1589
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1731
+ "text": "boolean"
1590
1732
  },
1591
- "default": "'infoPrimary'",
1592
- "description": "Specify the appearance of the BadgeDot",
1593
- "fieldName": "appearance"
1733
+ "default": "false",
1734
+ "description": "Specify if Button is fluid",
1735
+ "attribute": "fluid"
1594
1736
  },
1595
1737
  {
1596
- "name": "emphasis",
1738
+ "kind": "field",
1739
+ "name": "width",
1597
1740
  "type": {
1598
- "text": "'strong' | 'subtle'"
1741
+ "text": "string | undefined"
1599
1742
  },
1600
- "default": "'strong'",
1601
- "description": "Specify the emphasis of the BadgeDot",
1602
- "fieldName": "emphasis"
1743
+ "description": "Specify the width of a Button",
1744
+ "attribute": "width"
1603
1745
  },
1604
1746
  {
1605
- "name": "overrideDotColor",
1747
+ "kind": "field",
1748
+ "name": "height",
1606
1749
  "type": {
1607
1750
  "text": "string | undefined"
1608
1751
  },
1609
- "description": "Overrides default dot color",
1610
- "fieldName": "overrideDotColor"
1611
- }
1612
- ],
1613
- "superclass": {
1614
- "name": "LitElement",
1615
- "package": "lit"
1616
- },
1617
- "tagName": "bm-badge-dot",
1618
- "customElement": true
1619
- }
1620
- ],
1621
- "exports": [
1622
- {
1623
- "kind": "js",
1624
- "name": "BmBadgeDot",
1625
- "declaration": {
1626
- "name": "BmBadgeDot",
1627
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1628
- }
1629
- },
1630
- {
1631
- "kind": "custom-element-definition",
1632
- "name": "bm-badge-dot",
1633
- "declaration": {
1634
- "name": "BmBadgeDot",
1635
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1752
+ "description": "Specify the height of a Button",
1753
+ "attribute": "height"
1754
+ },
1755
+ {
1756
+ "kind": "field",
1757
+ "name": "theme",
1758
+ "type": {
1759
+ "text": "'light' | 'dark' | undefined"
1760
+ },
1761
+ "description": "Specify the theme of the Button",
1762
+ "attribute": "theme"
1763
+ },
1764
+ {
1765
+ "kind": "field",
1766
+ "name": "iconOnly",
1767
+ "type": {
1768
+ "text": "boolean | undefined"
1769
+ },
1770
+ "description": "Specify if the icon displays without text",
1771
+ "attribute": "iconOnly"
1772
+ },
1773
+ {
1774
+ "kind": "field",
1775
+ "name": "type",
1776
+ "type": {
1777
+ "text": "string"
1778
+ },
1779
+ "default": "'button'",
1780
+ "attribute": "type"
1781
+ },
1782
+ {
1783
+ "kind": "field",
1784
+ "name": "formContext",
1785
+ "type": {
1786
+ "text": "BmFormContext"
1787
+ }
1788
+ }
1789
+ ],
1790
+ "attributes": [
1791
+ {
1792
+ "name": "appearance",
1793
+ "type": {
1794
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1795
+ },
1796
+ "default": "'accent'",
1797
+ "description": "Specify the appearance of a Button",
1798
+ "fieldName": "appearance"
1799
+ },
1800
+ {
1801
+ "name": "kind",
1802
+ "type": {
1803
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1804
+ },
1805
+ "default": "'filled'",
1806
+ "description": "Specify the kind of Button",
1807
+ "fieldName": "kind"
1808
+ },
1809
+ {
1810
+ "name": "size",
1811
+ "type": {
1812
+ "text": "'sm' | 'md' | 'lg'"
1813
+ },
1814
+ "default": "'md'",
1815
+ "description": "Specify the size of a Button",
1816
+ "fieldName": "size"
1817
+ },
1818
+ {
1819
+ "name": "disabled",
1820
+ "type": {
1821
+ "text": "boolean"
1822
+ },
1823
+ "default": "false",
1824
+ "description": "Specify if the Button is disabled",
1825
+ "fieldName": "disabled"
1826
+ },
1827
+ {
1828
+ "name": "fluid",
1829
+ "type": {
1830
+ "text": "boolean"
1831
+ },
1832
+ "default": "false",
1833
+ "description": "Specify if Button is fluid",
1834
+ "fieldName": "fluid"
1835
+ },
1836
+ {
1837
+ "name": "width",
1838
+ "type": {
1839
+ "text": "string | undefined"
1840
+ },
1841
+ "description": "Specify the width of a Button",
1842
+ "fieldName": "width"
1843
+ },
1844
+ {
1845
+ "name": "height",
1846
+ "type": {
1847
+ "text": "string | undefined"
1848
+ },
1849
+ "description": "Specify the height of a Button",
1850
+ "fieldName": "height"
1851
+ },
1852
+ {
1853
+ "name": "theme",
1854
+ "type": {
1855
+ "text": "'light' | 'dark' | undefined"
1856
+ },
1857
+ "description": "Specify the theme of the Button",
1858
+ "fieldName": "theme"
1859
+ },
1860
+ {
1861
+ "name": "iconOnly",
1862
+ "type": {
1863
+ "text": "boolean | undefined"
1864
+ },
1865
+ "description": "Specify if the icon displays without text",
1866
+ "fieldName": "iconOnly"
1867
+ },
1868
+ {
1869
+ "name": "type",
1870
+ "type": {
1871
+ "text": "string"
1872
+ },
1873
+ "default": "'button'",
1874
+ "fieldName": "type"
1875
+ }
1876
+ ],
1877
+ "superclass": {
1878
+ "name": "LitElement",
1879
+ "package": "lit"
1880
+ },
1881
+ "tagName": "bm-button",
1882
+ "customElement": true
1883
+ }
1884
+ ],
1885
+ "exports": [
1886
+ {
1887
+ "kind": "js",
1888
+ "name": "BmButton",
1889
+ "declaration": {
1890
+ "name": "BmButton",
1891
+ "module": "libs/web-components/src/lib/Button/Button.ts"
1892
+ }
1893
+ },
1894
+ {
1895
+ "kind": "custom-element-definition",
1896
+ "name": "bm-button",
1897
+ "declaration": {
1898
+ "name": "BmButton",
1899
+ "module": "libs/web-components/src/lib/Button/Button.ts"
1636
1900
  }
1637
1901
  }
1638
1902
  ]
1639
1903
  },
1640
1904
  {
1641
1905
  "kind": "javascript-module",
1642
- "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1906
+ "path": "libs/web-components/src/lib/Button/index.ts",
1643
1907
  "declarations": [],
1644
1908
  "exports": [
1645
1909
  {
@@ -1647,7 +1911,7 @@
1647
1911
  "name": "*",
1648
1912
  "declaration": {
1649
1913
  "name": "*",
1650
- "package": "./BadgeDot"
1914
+ "package": "./Button"
1651
1915
  }
1652
1916
  }
1653
1917
  ]
@@ -1956,64 +2220,21 @@
1956
2220
  },
1957
2221
  {
1958
2222
  "kind": "javascript-module",
1959
- "path": "libs/web-components/src/lib/Button/Button.ts",
2223
+ "path": "libs/web-components/src/lib/CloseButton/CloseButton.ts",
1960
2224
  "declarations": [
1961
2225
  {
1962
2226
  "kind": "class",
1963
- "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1964
- "name": "BmButton",
1965
- "slots": [
1966
- {
1967
- "description": "Provide content for the Button",
1968
- "name": "default"
1969
- },
1970
- {
1971
- "description": "Specify if the Button displays icon before the text",
1972
- "name": "iconBefore"
1973
- },
1974
- {
1975
- "description": "Specify if the Button displays icon after the text",
1976
- "name": "iconAfter"
1977
- }
1978
- ],
2227
+ "description": "`bm-close-button`\n\n### Attributes:\n- **size** - Specify the size of the CloseButton\n- **disabled** - Specify if the CloseButton is disabled",
2228
+ "name": "BmCloseButton",
1979
2229
  "members": [
1980
- {
1981
- "kind": "field",
1982
- "name": "formAssociated",
1983
- "type": {
1984
- "text": "boolean"
1985
- },
1986
- "static": true,
1987
- "default": "true"
1988
- },
1989
- {
1990
- "kind": "field",
1991
- "name": "appearance",
1992
- "type": {
1993
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1994
- },
1995
- "default": "'accent'",
1996
- "description": "Specify the appearance of a Button",
1997
- "attribute": "appearance"
1998
- },
1999
- {
2000
- "kind": "field",
2001
- "name": "kind",
2002
- "type": {
2003
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
2004
- },
2005
- "default": "'filled'",
2006
- "description": "Specify the kind of Button",
2007
- "attribute": "kind"
2008
- },
2009
2230
  {
2010
2231
  "kind": "field",
2011
2232
  "name": "size",
2012
2233
  "type": {
2013
- "text": "'sm' | 'md' | 'lg'"
2234
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2014
2235
  },
2015
2236
  "default": "'md'",
2016
- "description": "Specify the size of a Button",
2237
+ "description": "Specify the size of the CloseButton",
2017
2238
  "attribute": "size"
2018
2239
  },
2019
2240
  {
@@ -2023,245 +2244,24 @@
2023
2244
  "text": "boolean"
2024
2245
  },
2025
2246
  "default": "false",
2026
- "description": "Specify if the Button is disabled",
2247
+ "description": "Specify if the CloseButton is disabled",
2027
2248
  "attribute": "disabled"
2028
- },
2029
- {
2030
- "kind": "field",
2031
- "name": "fluid",
2032
- "type": {
2033
- "text": "boolean"
2034
- },
2035
- "default": "false",
2036
- "description": "Specify if Button is fluid",
2037
- "attribute": "fluid"
2038
- },
2039
- {
2040
- "kind": "field",
2041
- "name": "width",
2042
- "type": {
2043
- "text": "string | undefined"
2044
- },
2045
- "description": "Specify the width of a Button",
2046
- "attribute": "width"
2047
- },
2048
- {
2049
- "kind": "field",
2050
- "name": "height",
2051
- "type": {
2052
- "text": "string | undefined"
2053
- },
2054
- "description": "Specify the height of a Button",
2055
- "attribute": "height"
2056
- },
2249
+ }
2250
+ ],
2251
+ "attributes": [
2057
2252
  {
2058
- "kind": "field",
2059
- "name": "theme",
2253
+ "name": "size",
2060
2254
  "type": {
2061
- "text": "'light' | 'dark' | undefined"
2255
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2062
2256
  },
2063
- "description": "Specify the theme of the Button",
2064
- "attribute": "theme"
2257
+ "default": "'md'",
2258
+ "description": "Specify the size of the CloseButton",
2259
+ "fieldName": "size"
2065
2260
  },
2066
2261
  {
2067
- "kind": "field",
2068
- "name": "iconOnly",
2262
+ "name": "disabled",
2069
2263
  "type": {
2070
- "text": "boolean | undefined"
2071
- },
2072
- "description": "Specify if the icon displays without text",
2073
- "attribute": "iconOnly"
2074
- },
2075
- {
2076
- "kind": "field",
2077
- "name": "type",
2078
- "type": {
2079
- "text": "string"
2080
- },
2081
- "default": "'button'",
2082
- "attribute": "type"
2083
- },
2084
- {
2085
- "kind": "field",
2086
- "name": "formContext",
2087
- "type": {
2088
- "text": "BmFormContext"
2089
- }
2090
- }
2091
- ],
2092
- "attributes": [
2093
- {
2094
- "name": "appearance",
2095
- "type": {
2096
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
2097
- },
2098
- "default": "'accent'",
2099
- "description": "Specify the appearance of a Button",
2100
- "fieldName": "appearance"
2101
- },
2102
- {
2103
- "name": "kind",
2104
- "type": {
2105
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
2106
- },
2107
- "default": "'filled'",
2108
- "description": "Specify the kind of Button",
2109
- "fieldName": "kind"
2110
- },
2111
- {
2112
- "name": "size",
2113
- "type": {
2114
- "text": "'sm' | 'md' | 'lg'"
2115
- },
2116
- "default": "'md'",
2117
- "description": "Specify the size of a Button",
2118
- "fieldName": "size"
2119
- },
2120
- {
2121
- "name": "disabled",
2122
- "type": {
2123
- "text": "boolean"
2124
- },
2125
- "default": "false",
2126
- "description": "Specify if the Button is disabled",
2127
- "fieldName": "disabled"
2128
- },
2129
- {
2130
- "name": "fluid",
2131
- "type": {
2132
- "text": "boolean"
2133
- },
2134
- "default": "false",
2135
- "description": "Specify if Button is fluid",
2136
- "fieldName": "fluid"
2137
- },
2138
- {
2139
- "name": "width",
2140
- "type": {
2141
- "text": "string | undefined"
2142
- },
2143
- "description": "Specify the width of a Button",
2144
- "fieldName": "width"
2145
- },
2146
- {
2147
- "name": "height",
2148
- "type": {
2149
- "text": "string | undefined"
2150
- },
2151
- "description": "Specify the height of a Button",
2152
- "fieldName": "height"
2153
- },
2154
- {
2155
- "name": "theme",
2156
- "type": {
2157
- "text": "'light' | 'dark' | undefined"
2158
- },
2159
- "description": "Specify the theme of the Button",
2160
- "fieldName": "theme"
2161
- },
2162
- {
2163
- "name": "iconOnly",
2164
- "type": {
2165
- "text": "boolean | undefined"
2166
- },
2167
- "description": "Specify if the icon displays without text",
2168
- "fieldName": "iconOnly"
2169
- },
2170
- {
2171
- "name": "type",
2172
- "type": {
2173
- "text": "string"
2174
- },
2175
- "default": "'button'",
2176
- "fieldName": "type"
2177
- }
2178
- ],
2179
- "superclass": {
2180
- "name": "LitElement",
2181
- "package": "lit"
2182
- },
2183
- "tagName": "bm-button",
2184
- "customElement": true
2185
- }
2186
- ],
2187
- "exports": [
2188
- {
2189
- "kind": "js",
2190
- "name": "BmButton",
2191
- "declaration": {
2192
- "name": "BmButton",
2193
- "module": "libs/web-components/src/lib/Button/Button.ts"
2194
- }
2195
- },
2196
- {
2197
- "kind": "custom-element-definition",
2198
- "name": "bm-button",
2199
- "declaration": {
2200
- "name": "BmButton",
2201
- "module": "libs/web-components/src/lib/Button/Button.ts"
2202
- }
2203
- }
2204
- ]
2205
- },
2206
- {
2207
- "kind": "javascript-module",
2208
- "path": "libs/web-components/src/lib/Button/index.ts",
2209
- "declarations": [],
2210
- "exports": [
2211
- {
2212
- "kind": "js",
2213
- "name": "*",
2214
- "declaration": {
2215
- "name": "*",
2216
- "package": "./Button"
2217
- }
2218
- }
2219
- ]
2220
- },
2221
- {
2222
- "kind": "javascript-module",
2223
- "path": "libs/web-components/src/lib/CloseButton/CloseButton.ts",
2224
- "declarations": [
2225
- {
2226
- "kind": "class",
2227
- "description": "`bm-close-button`\n\n### Attributes:\n- **size** - Specify the size of the CloseButton\n- **disabled** - Specify if the CloseButton is disabled",
2228
- "name": "BmCloseButton",
2229
- "members": [
2230
- {
2231
- "kind": "field",
2232
- "name": "size",
2233
- "type": {
2234
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2235
- },
2236
- "default": "'md'",
2237
- "description": "Specify the size of the CloseButton",
2238
- "attribute": "size"
2239
- },
2240
- {
2241
- "kind": "field",
2242
- "name": "disabled",
2243
- "type": {
2244
- "text": "boolean"
2245
- },
2246
- "default": "false",
2247
- "description": "Specify if the CloseButton is disabled",
2248
- "attribute": "disabled"
2249
- }
2250
- ],
2251
- "attributes": [
2252
- {
2253
- "name": "size",
2254
- "type": {
2255
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2256
- },
2257
- "default": "'md'",
2258
- "description": "Specify the size of the CloseButton",
2259
- "fieldName": "size"
2260
- },
2261
- {
2262
- "name": "disabled",
2263
- "type": {
2264
- "text": "boolean"
2264
+ "text": "boolean"
2265
2265
  },
2266
2266
  "default": "false",
2267
2267
  "description": "Specify if the CloseButton is disabled",
@@ -8860,66 +8860,161 @@
8860
8860
  },
8861
8861
  {
8862
8862
  "kind": "javascript-module",
8863
- "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
8864
- "declarations": [
8865
- {
8866
- "kind": "variable",
8867
- "name": "bmFormInitials",
8868
- "type": {
8869
- "text": "BmFormContext"
8870
- },
8871
- "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
8872
- },
8873
- {
8874
- "kind": "variable",
8875
- "name": "bmFormContext"
8876
- }
8877
- ],
8878
- "exports": [
8879
- {
8880
- "kind": "js",
8881
- "name": "bmFormInitials",
8882
- "declaration": {
8883
- "name": "bmFormInitials",
8884
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8885
- }
8886
- },
8887
- {
8888
- "kind": "js",
8889
- "name": "bmFormContext",
8890
- "declaration": {
8891
- "name": "bmFormContext",
8892
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8893
- }
8894
- }
8895
- ]
8896
- },
8897
- {
8898
- "kind": "javascript-module",
8899
- "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
8863
+ "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
8900
8864
  "declarations": [
8901
8865
  {
8902
8866
  "kind": "class",
8903
- "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** \n- **error** - Specify error text and display error state.\nPass a string to show an error message, or `true` to show the error\nstate without a message.",
8904
- "name": "FormField",
8867
+ "description": "### Attributes:\n- **required** - Specify if NativeSelect is a required input\n- **readOnly** - Specify if NativeSelect displays in a read-only state\n- **disabled** - Specify if NativeSelect displays in a disabled state\n- **fluid** - Specify if NativeSelect is fluid\n- **size** - Specify the size of NativeSelect\n- **width** - Specify the width of NativeSelect\n- **ellipse** - Specify if overflow displays ellipsis\n- **hideRequiredMarker** - Specify if the NativeSelect displays with an asterisk\n- **theme** - Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8868
+ "name": "BmNativeSelect",
8869
+ "slots": [
8870
+ {
8871
+ "description": "Specify Options for NativeSelect",
8872
+ "name": "slot"
8873
+ },
8874
+ {
8875
+ "description": "Specify Label for NativeSelect",
8876
+ "name": "label"
8877
+ },
8878
+ {
8879
+ "description": "Specify HelperText for NativeSelect",
8880
+ "name": "helper-text"
8881
+ }
8882
+ ],
8905
8883
  "members": [
8906
8884
  {
8907
8885
  "kind": "field",
8908
- "name": "formAssociated",
8886
+ "name": "required",
8909
8887
  "type": {
8910
8888
  "text": "boolean"
8911
8889
  },
8912
- "static": true,
8913
- "default": "true"
8914
- },
8915
- {
8890
+ "default": "false",
8891
+ "description": "Specify if NativeSelect is a required input",
8892
+ "attribute": "required"
8893
+ },
8894
+ {
8895
+ "kind": "field",
8896
+ "name": "readOnly",
8897
+ "type": {
8898
+ "text": "boolean"
8899
+ },
8900
+ "default": "false",
8901
+ "description": "Specify if NativeSelect displays in a read-only state",
8902
+ "attribute": "readOnly"
8903
+ },
8904
+ {
8905
+ "kind": "field",
8906
+ "name": "disabled",
8907
+ "type": {
8908
+ "text": "boolean"
8909
+ },
8910
+ "default": "false",
8911
+ "description": "Specify if NativeSelect displays in a disabled state",
8912
+ "attribute": "disabled"
8913
+ },
8914
+ {
8915
+ "kind": "field",
8916
+ "name": "fluid",
8917
+ "type": {
8918
+ "text": "boolean"
8919
+ },
8920
+ "default": "false",
8921
+ "description": "Specify if NativeSelect is fluid",
8922
+ "attribute": "fluid"
8923
+ },
8924
+ {
8925
+ "kind": "field",
8926
+ "name": "size",
8927
+ "type": {
8928
+ "text": "'sm' | 'md' | 'lg'"
8929
+ },
8930
+ "default": "defaultInputSize",
8931
+ "description": "Specify the size of NativeSelect",
8932
+ "attribute": "size"
8933
+ },
8934
+ {
8935
+ "kind": "field",
8936
+ "name": "width",
8937
+ "type": {
8938
+ "text": "string | undefined"
8939
+ },
8940
+ "description": "Specify the width of NativeSelect",
8941
+ "attribute": "width"
8942
+ },
8943
+ {
8944
+ "kind": "field",
8945
+ "name": "ellipse",
8946
+ "type": {
8947
+ "text": "boolean"
8948
+ },
8949
+ "default": "true",
8950
+ "description": "Specify if overflow displays ellipsis",
8951
+ "attribute": "ellipse"
8952
+ },
8953
+ {
8954
+ "kind": "field",
8955
+ "name": "hideRequiredMarker",
8956
+ "type": {
8957
+ "text": "boolean"
8958
+ },
8959
+ "default": "false",
8960
+ "description": "Specify if the NativeSelect displays with an asterisk",
8961
+ "attribute": "hideRequiredMarker"
8962
+ },
8963
+ {
8964
+ "kind": "field",
8965
+ "name": "theme",
8966
+ "type": {
8967
+ "text": "'light' | 'dark' | undefined"
8968
+ },
8969
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8970
+ "attribute": "theme"
8971
+ },
8972
+ {
8973
+ "kind": "method",
8974
+ "name": "finalizeAssociatedCallback",
8975
+ "return": {
8976
+ "type": {
8977
+ "text": "FinalizeAssociatedResult"
8978
+ }
8979
+ },
8980
+ "parameters": [
8981
+ {
8982
+ "name": "value",
8983
+ "type": {
8984
+ "text": "string"
8985
+ }
8986
+ }
8987
+ ],
8988
+ "inheritedFrom": {
8989
+ "name": "FormField",
8990
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8991
+ }
8992
+ },
8993
+ {
8994
+ "kind": "field",
8995
+ "name": "formAssociated",
8996
+ "type": {
8997
+ "text": "boolean"
8998
+ },
8999
+ "static": true,
9000
+ "default": "true",
9001
+ "inheritedFrom": {
9002
+ "name": "FormField",
9003
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9004
+ }
9005
+ },
9006
+ {
8916
9007
  "kind": "field",
8917
9008
  "name": "id",
8918
9009
  "type": {
8919
9010
  "text": "string"
8920
9011
  },
8921
9012
  "default": "''",
8922
- "attribute": "id"
9013
+ "attribute": "id",
9014
+ "inheritedFrom": {
9015
+ "name": "FormField",
9016
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9017
+ }
8923
9018
  },
8924
9019
  {
8925
9020
  "kind": "field",
@@ -8929,7 +9024,11 @@
8929
9024
  },
8930
9025
  "default": "''",
8931
9026
  "attribute": "name",
8932
- "reflects": true
9027
+ "reflects": true,
9028
+ "inheritedFrom": {
9029
+ "name": "FormField",
9030
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9031
+ }
8933
9032
  },
8934
9033
  {
8935
9034
  "kind": "field",
@@ -8938,7 +9037,11 @@
8938
9037
  "text": "string"
8939
9038
  },
8940
9039
  "default": "''",
8941
- "attribute": "value"
9040
+ "attribute": "value",
9041
+ "inheritedFrom": {
9042
+ "name": "FormField",
9043
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9044
+ }
8942
9045
  },
8943
9046
  {
8944
9047
  "kind": "field",
@@ -8947,7 +9050,11 @@
8947
9050
  "text": "Array<FormValidator>"
8948
9051
  },
8949
9052
  "default": "[]",
8950
- "attribute": "validationRules"
9053
+ "attribute": "validationRules",
9054
+ "inheritedFrom": {
9055
+ "name": "FormField",
9056
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9057
+ }
8951
9058
  },
8952
9059
  {
8953
9060
  "kind": "field",
@@ -8955,7 +9062,11 @@
8955
9062
  "type": {
8956
9063
  "text": "string | undefined"
8957
9064
  },
8958
- "attribute": "input-aria-label"
9065
+ "attribute": "input-aria-label",
9066
+ "inheritedFrom": {
9067
+ "name": "FormField",
9068
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9069
+ }
8959
9070
  },
8960
9071
  {
8961
9072
  "kind": "field",
@@ -8964,13 +9075,21 @@
8964
9075
  "text": "Optional<boolean | string> | undefined"
8965
9076
  },
8966
9077
  "description": "Specify error text and display error state.\nPass a string to show an error message, or `true` to show the error\nstate without a message.",
8967
- "attribute": "error"
9078
+ "attribute": "error",
9079
+ "inheritedFrom": {
9080
+ "name": "FormField",
9081
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9082
+ }
8968
9083
  },
8969
9084
  {
8970
9085
  "kind": "field",
8971
9086
  "name": "formContext",
8972
9087
  "type": {
8973
9088
  "text": "BmFormContext"
9089
+ },
9090
+ "inheritedFrom": {
9091
+ "name": "FormField",
9092
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8974
9093
  }
8975
9094
  },
8976
9095
  {
@@ -8979,7 +9098,11 @@
8979
9098
  "type": {
8980
9099
  "text": "ValidityState"
8981
9100
  },
8982
- "readonly": true
9101
+ "readonly": true,
9102
+ "inheritedFrom": {
9103
+ "name": "FormField",
9104
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9105
+ }
8983
9106
  },
8984
9107
  {
8985
9108
  "kind": "field",
@@ -8987,7 +9110,11 @@
8987
9110
  "type": {
8988
9111
  "text": "string"
8989
9112
  },
8990
- "readonly": true
9113
+ "readonly": true,
9114
+ "inheritedFrom": {
9115
+ "name": "FormField",
9116
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9117
+ }
8991
9118
  },
8992
9119
  {
8993
9120
  "kind": "field",
@@ -8995,7 +9122,11 @@
8995
9122
  "type": {
8996
9123
  "text": "boolean"
8997
9124
  },
8998
- "readonly": true
9125
+ "readonly": true,
9126
+ "inheritedFrom": {
9127
+ "name": "FormField",
9128
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9129
+ }
8999
9130
  },
9000
9131
  {
9001
9132
  "kind": "method",
@@ -9004,6 +9135,10 @@
9004
9135
  "type": {
9005
9136
  "text": "boolean"
9006
9137
  }
9138
+ },
9139
+ "inheritedFrom": {
9140
+ "name": "FormField",
9141
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9007
9142
  }
9008
9143
  },
9009
9144
  {
@@ -9013,6 +9148,10 @@
9013
9148
  "type": {
9014
9149
  "text": "boolean"
9015
9150
  }
9151
+ },
9152
+ "inheritedFrom": {
9153
+ "name": "FormField",
9154
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9016
9155
  }
9017
9156
  },
9018
9157
  {
@@ -9022,6 +9161,10 @@
9022
9161
  "type": {
9023
9162
  "text": "void"
9024
9163
  }
9164
+ },
9165
+ "inheritedFrom": {
9166
+ "name": "FormField",
9167
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9025
9168
  }
9026
9169
  },
9027
9170
  {
@@ -9031,195 +9174,570 @@
9031
9174
  "type": {
9032
9175
  "text": "void"
9033
9176
  }
9034
- }
9035
- },
9036
- {
9037
- "kind": "method",
9038
- "name": "finalizeAssociatedCallback",
9039
- "return": {
9040
- "type": {
9041
- "text": "FinalizeAssociatedResult"
9042
- }
9043
9177
  },
9044
- "parameters": [
9045
- {
9046
- "name": "ctxValue",
9047
- "type": {
9048
- "text": "string"
9049
- }
9050
- }
9051
- ]
9178
+ "inheritedFrom": {
9179
+ "name": "FormField",
9180
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9181
+ }
9052
9182
  }
9053
9183
  ],
9054
9184
  "attributes": [
9055
9185
  {
9056
- "name": "id",
9186
+ "name": "required",
9057
9187
  "type": {
9058
- "text": "string"
9188
+ "text": "boolean"
9059
9189
  },
9060
- "default": "''",
9061
- "fieldName": "id"
9190
+ "default": "false",
9191
+ "description": "Specify if NativeSelect is a required input",
9192
+ "fieldName": "required"
9062
9193
  },
9063
9194
  {
9064
- "name": "name",
9195
+ "name": "readOnly",
9065
9196
  "type": {
9066
- "text": "string"
9197
+ "text": "boolean"
9067
9198
  },
9068
- "default": "''",
9069
- "fieldName": "name"
9199
+ "default": "false",
9200
+ "description": "Specify if NativeSelect displays in a read-only state",
9201
+ "fieldName": "readOnly"
9070
9202
  },
9071
9203
  {
9072
- "name": "value",
9204
+ "name": "disabled",
9073
9205
  "type": {
9074
- "text": "string"
9206
+ "text": "boolean"
9075
9207
  },
9076
- "default": "''",
9077
- "fieldName": "value"
9208
+ "default": "false",
9209
+ "description": "Specify if NativeSelect displays in a disabled state",
9210
+ "fieldName": "disabled"
9078
9211
  },
9079
9212
  {
9080
- "name": "validationRules",
9213
+ "name": "fluid",
9081
9214
  "type": {
9082
- "text": "Array<FormValidator>"
9215
+ "text": "boolean"
9083
9216
  },
9084
- "default": "[]",
9085
- "fieldName": "validationRules"
9217
+ "default": "false",
9218
+ "description": "Specify if NativeSelect is fluid",
9219
+ "fieldName": "fluid"
9086
9220
  },
9087
9221
  {
9088
- "name": "input-aria-label",
9222
+ "name": "size",
9089
9223
  "type": {
9090
- "text": "string | undefined"
9224
+ "text": "'sm' | 'md' | 'lg'"
9091
9225
  },
9092
- "fieldName": "inputAriaLabel"
9226
+ "default": "defaultInputSize",
9227
+ "description": "Specify the size of NativeSelect",
9228
+ "fieldName": "size"
9093
9229
  },
9094
9230
  {
9095
- "name": "error",
9231
+ "name": "width",
9096
9232
  "type": {
9097
- "text": "Optional<boolean | string> | undefined"
9233
+ "text": "string | undefined"
9234
+ },
9235
+ "description": "Specify the width of NativeSelect",
9236
+ "fieldName": "width"
9237
+ },
9238
+ {
9239
+ "name": "ellipse",
9240
+ "type": {
9241
+ "text": "boolean"
9242
+ },
9243
+ "default": "true",
9244
+ "description": "Specify if overflow displays ellipsis",
9245
+ "fieldName": "ellipse"
9246
+ },
9247
+ {
9248
+ "name": "hideRequiredMarker",
9249
+ "type": {
9250
+ "text": "boolean"
9251
+ },
9252
+ "default": "false",
9253
+ "description": "Specify if the NativeSelect displays with an asterisk",
9254
+ "fieldName": "hideRequiredMarker"
9255
+ },
9256
+ {
9257
+ "name": "theme",
9258
+ "type": {
9259
+ "text": "'light' | 'dark' | undefined"
9260
+ },
9261
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
9262
+ "fieldName": "theme"
9263
+ },
9264
+ {
9265
+ "name": "id",
9266
+ "type": {
9267
+ "text": "string"
9268
+ },
9269
+ "default": "''",
9270
+ "fieldName": "id",
9271
+ "inheritedFrom": {
9272
+ "name": "FormField",
9273
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9274
+ }
9275
+ },
9276
+ {
9277
+ "name": "name",
9278
+ "type": {
9279
+ "text": "string"
9280
+ },
9281
+ "default": "''",
9282
+ "fieldName": "name",
9283
+ "inheritedFrom": {
9284
+ "name": "FormField",
9285
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9286
+ }
9287
+ },
9288
+ {
9289
+ "name": "value",
9290
+ "type": {
9291
+ "text": "string"
9292
+ },
9293
+ "default": "''",
9294
+ "fieldName": "value",
9295
+ "inheritedFrom": {
9296
+ "name": "FormField",
9297
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9298
+ }
9299
+ },
9300
+ {
9301
+ "name": "validationRules",
9302
+ "type": {
9303
+ "text": "Array<FormValidator>"
9304
+ },
9305
+ "default": "[]",
9306
+ "fieldName": "validationRules",
9307
+ "inheritedFrom": {
9308
+ "name": "FormField",
9309
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9310
+ }
9311
+ },
9312
+ {
9313
+ "name": "input-aria-label",
9314
+ "type": {
9315
+ "text": "string | undefined"
9316
+ },
9317
+ "fieldName": "inputAriaLabel",
9318
+ "inheritedFrom": {
9319
+ "name": "FormField",
9320
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9321
+ }
9322
+ },
9323
+ {
9324
+ "name": "error",
9325
+ "type": {
9326
+ "text": "Optional<boolean | string> | undefined"
9098
9327
  },
9099
9328
  "description": "Specify error text and display error state.\nPass a string to show an error message, or `true` to show the error\nstate without a message.",
9100
- "fieldName": "error"
9329
+ "fieldName": "error",
9330
+ "inheritedFrom": {
9331
+ "name": "FormField",
9332
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9333
+ }
9101
9334
  }
9102
9335
  ],
9103
9336
  "superclass": {
9104
- "name": "LitElement",
9105
- "package": "lit"
9337
+ "name": "FormField",
9338
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
9106
9339
  },
9340
+ "summary": "`bm-native-select`",
9341
+ "tagName": "bm-native-select",
9107
9342
  "customElement": true
9108
9343
  }
9109
9344
  ],
9110
9345
  "exports": [
9111
9346
  {
9112
9347
  "kind": "js",
9113
- "name": "FormField",
9348
+ "name": "BmNativeSelect",
9114
9349
  "declaration": {
9115
- "name": "FormField",
9116
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9350
+ "name": "BmNativeSelect",
9351
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
9352
+ }
9353
+ },
9354
+ {
9355
+ "kind": "custom-element-definition",
9356
+ "name": "bm-native-select",
9357
+ "declaration": {
9358
+ "name": "BmNativeSelect",
9359
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
9117
9360
  }
9118
9361
  }
9119
9362
  ]
9120
9363
  },
9121
9364
  {
9122
9365
  "kind": "javascript-module",
9123
- "path": "libs/web-components/src/lib/wip/Form/Form.ts",
9366
+ "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
9367
+ "declarations": [],
9368
+ "exports": [
9369
+ {
9370
+ "kind": "js",
9371
+ "name": "*",
9372
+ "declaration": {
9373
+ "name": "*",
9374
+ "package": "./NativeSelect"
9375
+ }
9376
+ }
9377
+ ]
9378
+ },
9379
+ {
9380
+ "kind": "javascript-module",
9381
+ "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
9382
+ "declarations": [
9383
+ {
9384
+ "kind": "variable",
9385
+ "name": "bmFormInitials",
9386
+ "type": {
9387
+ "text": "BmFormContext"
9388
+ },
9389
+ "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
9390
+ },
9391
+ {
9392
+ "kind": "variable",
9393
+ "name": "bmFormContext"
9394
+ }
9395
+ ],
9396
+ "exports": [
9397
+ {
9398
+ "kind": "js",
9399
+ "name": "bmFormInitials",
9400
+ "declaration": {
9401
+ "name": "bmFormInitials",
9402
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
9403
+ }
9404
+ },
9405
+ {
9406
+ "kind": "js",
9407
+ "name": "bmFormContext",
9408
+ "declaration": {
9409
+ "name": "bmFormContext",
9410
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
9411
+ }
9412
+ }
9413
+ ]
9414
+ },
9415
+ {
9416
+ "kind": "javascript-module",
9417
+ "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
9124
9418
  "declarations": [
9125
9419
  {
9126
9420
  "kind": "class",
9127
- "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** ",
9128
- "name": "BmForm",
9129
- "slots": [
9130
- {
9131
- "description": "Add controls to the Form",
9132
- "name": "slot"
9133
- }
9134
- ],
9421
+ "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** \n- **error** - Specify error text and display error state.\nPass a string to show an error message, or `true` to show the error\nstate without a message.",
9422
+ "name": "FormField",
9135
9423
  "members": [
9136
9424
  {
9137
9425
  "kind": "field",
9138
- "name": "validationMode",
9426
+ "name": "formAssociated",
9139
9427
  "type": {
9140
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
9428
+ "text": "boolean"
9141
9429
  },
9142
- "default": "'onBlur'",
9143
- "description": "Specify if validation runs on change or when loosing focus",
9144
- "attribute": "validationMode"
9430
+ "static": true,
9431
+ "default": "true"
9145
9432
  },
9146
9433
  {
9147
9434
  "kind": "field",
9148
- "name": "initialValues",
9435
+ "name": "id",
9149
9436
  "type": {
9150
- "text": "Record<string, FormValue>"
9437
+ "text": "string"
9151
9438
  },
9152
- "default": "{}",
9153
- "description": "Specify initial values on Form controls based on their names",
9154
- "attribute": "initialValues"
9439
+ "default": "''",
9440
+ "attribute": "id"
9155
9441
  },
9156
9442
  {
9157
9443
  "kind": "field",
9158
- "name": "required",
9444
+ "name": "name",
9159
9445
  "type": {
9160
- "text": "boolean"
9446
+ "text": "string"
9161
9447
  },
9162
- "default": "false",
9163
- "description": "Specify if input is a required",
9164
- "attribute": "required"
9448
+ "default": "''",
9449
+ "attribute": "name",
9450
+ "reflects": true
9165
9451
  },
9166
9452
  {
9167
9453
  "kind": "field",
9168
- "name": "disabled",
9454
+ "name": "value",
9169
9455
  "type": {
9170
- "text": "boolean"
9456
+ "text": "string"
9171
9457
  },
9172
- "default": "false",
9173
- "description": "Specify if input is a disabled",
9174
- "attribute": "disabled"
9458
+ "default": "''",
9459
+ "attribute": "value"
9175
9460
  },
9176
9461
  {
9177
9462
  "kind": "field",
9178
- "name": "readOnly",
9463
+ "name": "validationRules",
9179
9464
  "type": {
9180
- "text": "boolean"
9465
+ "text": "Array<FormValidator>"
9181
9466
  },
9182
- "default": "false",
9183
- "description": "Specify if input is a read only",
9184
- "attribute": "readOnly"
9467
+ "default": "[]",
9468
+ "attribute": "validationRules"
9185
9469
  },
9186
9470
  {
9187
9471
  "kind": "field",
9188
- "name": "action",
9472
+ "name": "inputAriaLabel",
9189
9473
  "type": {
9190
9474
  "text": "string | undefined"
9191
9475
  },
9192
- "attribute": "action"
9476
+ "attribute": "input-aria-label"
9193
9477
  },
9194
9478
  {
9195
9479
  "kind": "field",
9196
- "name": "method",
9480
+ "name": "error",
9197
9481
  "type": {
9198
- "text": "string | undefined"
9482
+ "text": "Optional<boolean | string> | undefined"
9199
9483
  },
9200
- "attribute": "method"
9484
+ "description": "Specify error text and display error state.\nPass a string to show an error message, or `true` to show the error\nstate without a message.",
9485
+ "attribute": "error"
9201
9486
  },
9202
9487
  {
9203
9488
  "kind": "field",
9204
- "name": "target",
9489
+ "name": "formContext",
9205
9490
  "type": {
9206
- "text": "string | undefined"
9207
- },
9208
- "attribute": "target"
9491
+ "text": "BmFormContext"
9492
+ }
9209
9493
  },
9210
9494
  {
9211
9495
  "kind": "field",
9212
- "name": "enctype",
9496
+ "name": "validity",
9213
9497
  "type": {
9214
- "text": "string | undefined"
9498
+ "text": "ValidityState"
9215
9499
  },
9216
- "attribute": "enctype"
9500
+ "readonly": true
9217
9501
  },
9218
9502
  {
9219
9503
  "kind": "field",
9220
- "name": "formMeta",
9504
+ "name": "validationMessage",
9221
9505
  "type": {
9222
- "text": "Record<string, FieldMeta>"
9506
+ "text": "string"
9507
+ },
9508
+ "readonly": true
9509
+ },
9510
+ {
9511
+ "kind": "field",
9512
+ "name": "willValidate",
9513
+ "type": {
9514
+ "text": "boolean"
9515
+ },
9516
+ "readonly": true
9517
+ },
9518
+ {
9519
+ "kind": "method",
9520
+ "name": "checkValidity",
9521
+ "return": {
9522
+ "type": {
9523
+ "text": "boolean"
9524
+ }
9525
+ }
9526
+ },
9527
+ {
9528
+ "kind": "method",
9529
+ "name": "reportValidity",
9530
+ "return": {
9531
+ "type": {
9532
+ "text": "boolean"
9533
+ }
9534
+ }
9535
+ },
9536
+ {
9537
+ "kind": "method",
9538
+ "name": "formAssociatedCallback",
9539
+ "return": {
9540
+ "type": {
9541
+ "text": "void"
9542
+ }
9543
+ }
9544
+ },
9545
+ {
9546
+ "kind": "method",
9547
+ "name": "formResetCallback",
9548
+ "return": {
9549
+ "type": {
9550
+ "text": "void"
9551
+ }
9552
+ }
9553
+ },
9554
+ {
9555
+ "kind": "method",
9556
+ "name": "finalizeAssociatedCallback",
9557
+ "return": {
9558
+ "type": {
9559
+ "text": "FinalizeAssociatedResult"
9560
+ }
9561
+ },
9562
+ "parameters": [
9563
+ {
9564
+ "name": "ctxValue",
9565
+ "type": {
9566
+ "text": "string"
9567
+ }
9568
+ }
9569
+ ]
9570
+ }
9571
+ ],
9572
+ "attributes": [
9573
+ {
9574
+ "name": "id",
9575
+ "type": {
9576
+ "text": "string"
9577
+ },
9578
+ "default": "''",
9579
+ "fieldName": "id"
9580
+ },
9581
+ {
9582
+ "name": "name",
9583
+ "type": {
9584
+ "text": "string"
9585
+ },
9586
+ "default": "''",
9587
+ "fieldName": "name"
9588
+ },
9589
+ {
9590
+ "name": "value",
9591
+ "type": {
9592
+ "text": "string"
9593
+ },
9594
+ "default": "''",
9595
+ "fieldName": "value"
9596
+ },
9597
+ {
9598
+ "name": "validationRules",
9599
+ "type": {
9600
+ "text": "Array<FormValidator>"
9601
+ },
9602
+ "default": "[]",
9603
+ "fieldName": "validationRules"
9604
+ },
9605
+ {
9606
+ "name": "input-aria-label",
9607
+ "type": {
9608
+ "text": "string | undefined"
9609
+ },
9610
+ "fieldName": "inputAriaLabel"
9611
+ },
9612
+ {
9613
+ "name": "error",
9614
+ "type": {
9615
+ "text": "Optional<boolean | string> | undefined"
9616
+ },
9617
+ "description": "Specify error text and display error state.\nPass a string to show an error message, or `true` to show the error\nstate without a message.",
9618
+ "fieldName": "error"
9619
+ }
9620
+ ],
9621
+ "superclass": {
9622
+ "name": "LitElement",
9623
+ "package": "lit"
9624
+ },
9625
+ "customElement": true
9626
+ }
9627
+ ],
9628
+ "exports": [
9629
+ {
9630
+ "kind": "js",
9631
+ "name": "FormField",
9632
+ "declaration": {
9633
+ "name": "FormField",
9634
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9635
+ }
9636
+ }
9637
+ ]
9638
+ },
9639
+ {
9640
+ "kind": "javascript-module",
9641
+ "path": "libs/web-components/src/lib/wip/Form/Form.ts",
9642
+ "declarations": [
9643
+ {
9644
+ "kind": "class",
9645
+ "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** ",
9646
+ "name": "BmForm",
9647
+ "slots": [
9648
+ {
9649
+ "description": "Add controls to the Form",
9650
+ "name": "slot"
9651
+ }
9652
+ ],
9653
+ "members": [
9654
+ {
9655
+ "kind": "field",
9656
+ "name": "validationMode",
9657
+ "type": {
9658
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
9659
+ },
9660
+ "default": "'onBlur'",
9661
+ "description": "Specify if validation runs on change or when loosing focus",
9662
+ "attribute": "validationMode"
9663
+ },
9664
+ {
9665
+ "kind": "field",
9666
+ "name": "initialValues",
9667
+ "type": {
9668
+ "text": "Record<string, FormValue>"
9669
+ },
9670
+ "default": "{}",
9671
+ "description": "Specify initial values on Form controls based on their names",
9672
+ "attribute": "initialValues"
9673
+ },
9674
+ {
9675
+ "kind": "field",
9676
+ "name": "required",
9677
+ "type": {
9678
+ "text": "boolean"
9679
+ },
9680
+ "default": "false",
9681
+ "description": "Specify if input is a required",
9682
+ "attribute": "required"
9683
+ },
9684
+ {
9685
+ "kind": "field",
9686
+ "name": "disabled",
9687
+ "type": {
9688
+ "text": "boolean"
9689
+ },
9690
+ "default": "false",
9691
+ "description": "Specify if input is a disabled",
9692
+ "attribute": "disabled"
9693
+ },
9694
+ {
9695
+ "kind": "field",
9696
+ "name": "readOnly",
9697
+ "type": {
9698
+ "text": "boolean"
9699
+ },
9700
+ "default": "false",
9701
+ "description": "Specify if input is a read only",
9702
+ "attribute": "readOnly"
9703
+ },
9704
+ {
9705
+ "kind": "field",
9706
+ "name": "action",
9707
+ "type": {
9708
+ "text": "string | undefined"
9709
+ },
9710
+ "attribute": "action"
9711
+ },
9712
+ {
9713
+ "kind": "field",
9714
+ "name": "method",
9715
+ "type": {
9716
+ "text": "string | undefined"
9717
+ },
9718
+ "attribute": "method"
9719
+ },
9720
+ {
9721
+ "kind": "field",
9722
+ "name": "target",
9723
+ "type": {
9724
+ "text": "string | undefined"
9725
+ },
9726
+ "attribute": "target"
9727
+ },
9728
+ {
9729
+ "kind": "field",
9730
+ "name": "enctype",
9731
+ "type": {
9732
+ "text": "string | undefined"
9733
+ },
9734
+ "attribute": "enctype"
9735
+ },
9736
+ {
9737
+ "kind": "field",
9738
+ "name": "formMeta",
9739
+ "type": {
9740
+ "text": "Record<string, FieldMeta>"
9223
9741
  },
9224
9742
  "default": "{}"
9225
9743
  },
@@ -9409,720 +9927,194 @@
9409
9927
  {
9410
9928
  "kind": "class",
9411
9929
  "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",
9412
- "name": "BmRadioButton",
9413
- "members": [
9414
- {
9415
- "kind": "field",
9416
- "name": "label",
9417
- "type": {
9418
- "text": "string | undefined"
9419
- },
9420
- "description": "Specify the text for the label",
9421
- "attribute": "label"
9422
- },
9423
- {
9424
- "kind": "field",
9425
- "name": "error",
9426
- "type": {
9427
- "text": "boolean | undefined"
9428
- },
9429
- "description": "Specify error text and display error state of a RadioButton",
9430
- "attribute": "error"
9431
- },
9432
- {
9433
- "kind": "field",
9434
- "name": "readOnly",
9435
- "type": {
9436
- "text": "boolean | undefined"
9437
- },
9438
- "description": "Specify if RadioButton displays in a read-only state",
9439
- "attribute": "readOnly"
9440
- },
9441
- {
9442
- "kind": "field",
9443
- "name": "disabled",
9444
- "type": {
9445
- "text": "boolean | undefined"
9446
- },
9447
- "description": "Specify if RadioButton displays in a disabled state",
9448
- "attribute": "disabled"
9449
- },
9450
- {
9451
- "kind": "field",
9452
- "name": "theme",
9453
- "type": {
9454
- "text": "'light' | 'dark' | undefined"
9455
- },
9456
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
9457
- "attribute": "theme"
9458
- },
9459
- {
9460
- "kind": "field",
9461
- "name": "value",
9462
- "type": {
9463
- "text": "string | undefined"
9464
- },
9465
- "description": "The value attribute for the input element",
9466
- "attribute": "value"
9467
- },
9468
- {
9469
- "kind": "field",
9470
- "name": "checked",
9471
- "type": {
9472
- "text": "boolean"
9473
- },
9474
- "default": "false",
9475
- "description": "The checked attribute for the input element",
9476
- "attribute": "checked"
9477
- },
9478
- {
9479
- "kind": "field",
9480
- "name": "onKeyDown",
9481
- "type": {
9482
- "text": "(event: KeyboardEvent) => void | undefined"
9483
- },
9484
- "description": "A user-defined function to handle keydown events",
9485
- "attribute": "onKeyDown"
9486
- },
9487
- {
9488
- "kind": "field",
9489
- "name": "inputChoiceGroupContext",
9490
- "type": {
9491
- "text": "InputChoiceGroupContextProps"
9492
- }
9493
- },
9494
- {
9495
- "kind": "field",
9496
- "name": "radioButtonRef"
9497
- },
9498
- {
9499
- "kind": "method",
9500
- "name": "focus"
9501
- }
9502
- ],
9503
- "attributes": [
9504
- {
9505
- "name": "label",
9506
- "type": {
9507
- "text": "string | undefined"
9508
- },
9509
- "description": "Specify the text for the label",
9510
- "fieldName": "label"
9511
- },
9512
- {
9513
- "name": "error",
9514
- "type": {
9515
- "text": "boolean | undefined"
9516
- },
9517
- "description": "Specify error text and display error state of a RadioButton",
9518
- "fieldName": "error"
9519
- },
9520
- {
9521
- "name": "readOnly",
9522
- "type": {
9523
- "text": "boolean | undefined"
9524
- },
9525
- "description": "Specify if RadioButton displays in a read-only state",
9526
- "fieldName": "readOnly"
9527
- },
9528
- {
9529
- "name": "disabled",
9530
- "type": {
9531
- "text": "boolean | undefined"
9532
- },
9533
- "description": "Specify if RadioButton displays in a disabled state",
9534
- "fieldName": "disabled"
9535
- },
9536
- {
9537
- "name": "theme",
9538
- "type": {
9539
- "text": "'light' | 'dark' | undefined"
9540
- },
9541
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
9542
- "fieldName": "theme"
9543
- },
9544
- {
9545
- "name": "value",
9546
- "type": {
9547
- "text": "string | undefined"
9548
- },
9549
- "description": "The value attribute for the input element",
9550
- "fieldName": "value"
9551
- },
9552
- {
9553
- "name": "checked",
9554
- "type": {
9555
- "text": "boolean"
9556
- },
9557
- "default": "false",
9558
- "description": "The checked attribute for the input element",
9559
- "fieldName": "checked"
9560
- },
9561
- {
9562
- "name": "onKeyDown",
9563
- "type": {
9564
- "text": "(event: KeyboardEvent) => void | undefined"
9565
- },
9566
- "description": "A user-defined function to handle keydown events",
9567
- "fieldName": "onKeyDown"
9568
- }
9569
- ],
9570
- "superclass": {
9571
- "name": "LitElement",
9572
- "package": "lit"
9573
- },
9574
- "tagName": "bm-radio-button",
9575
- "customElement": true
9576
- }
9577
- ],
9578
- "exports": [
9579
- {
9580
- "kind": "js",
9581
- "name": "BmRadioButton",
9582
- "declaration": {
9583
- "name": "BmRadioButton",
9584
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9585
- }
9586
- },
9587
- {
9588
- "kind": "custom-element-definition",
9589
- "name": "bm-radio-button",
9590
- "declaration": {
9591
- "name": "BmRadioButton",
9592
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9593
- }
9594
- }
9595
- ]
9596
- },
9597
- {
9598
- "kind": "javascript-module",
9599
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9600
- "declarations": [],
9601
- "exports": [
9602
- {
9603
- "kind": "js",
9604
- "name": "*",
9605
- "declaration": {
9606
- "name": "*",
9607
- "package": "./RadioButton"
9608
- }
9609
- },
9610
- {
9611
- "kind": "js",
9612
- "name": "*",
9613
- "declaration": {
9614
- "name": "*",
9615
- "package": "./RadioButtonGroup/RadioButtonGroup"
9616
- }
9617
- }
9618
- ]
9619
- },
9620
- {
9621
- "kind": "javascript-module",
9622
- "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
9623
- "declarations": [
9624
- {
9625
- "kind": "class",
9626
- "description": "### Attributes:\n- **required** - Specify if NativeSelect is a required input\n- **readOnly** - Specify if NativeSelect displays in a read-only state\n- **disabled** - Specify if NativeSelect displays in a disabled state\n- **fluid** - Specify if NativeSelect is fluid\n- **size** - Specify the size of NativeSelect\n- **width** - Specify the width of NativeSelect\n- **ellipse** - Specify if overflow displays ellipsis\n- **hideRequiredMarker** - Specify if the NativeSelect displays with an asterisk\n- **theme** - Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
9627
- "name": "BmNativeSelect",
9628
- "slots": [
9629
- {
9630
- "description": "Specify Options for NativeSelect",
9631
- "name": "slot"
9632
- },
9633
- {
9634
- "description": "Specify Label for NativeSelect",
9635
- "name": "label"
9636
- },
9637
- {
9638
- "description": "Specify HelperText for NativeSelect",
9639
- "name": "helper-text"
9640
- }
9641
- ],
9642
- "members": [
9643
- {
9644
- "kind": "field",
9645
- "name": "required",
9646
- "type": {
9647
- "text": "boolean"
9648
- },
9649
- "default": "false",
9650
- "description": "Specify if NativeSelect is a required input",
9651
- "attribute": "required"
9652
- },
9653
- {
9654
- "kind": "field",
9655
- "name": "readOnly",
9656
- "type": {
9657
- "text": "boolean"
9658
- },
9659
- "default": "false",
9660
- "description": "Specify if NativeSelect displays in a read-only state",
9661
- "attribute": "readOnly"
9662
- },
9663
- {
9664
- "kind": "field",
9665
- "name": "disabled",
9666
- "type": {
9667
- "text": "boolean"
9668
- },
9669
- "default": "false",
9670
- "description": "Specify if NativeSelect displays in a disabled state",
9671
- "attribute": "disabled"
9672
- },
9673
- {
9674
- "kind": "field",
9675
- "name": "fluid",
9676
- "type": {
9677
- "text": "boolean"
9678
- },
9679
- "default": "false",
9680
- "description": "Specify if NativeSelect is fluid",
9681
- "attribute": "fluid"
9682
- },
9683
- {
9684
- "kind": "field",
9685
- "name": "size",
9686
- "type": {
9687
- "text": "'sm' | 'md' | 'lg'"
9688
- },
9689
- "default": "defaultInputSize",
9690
- "description": "Specify the size of NativeSelect",
9691
- "attribute": "size"
9692
- },
9693
- {
9694
- "kind": "field",
9695
- "name": "width",
9696
- "type": {
9697
- "text": "string | undefined"
9698
- },
9699
- "description": "Specify the width of NativeSelect",
9700
- "attribute": "width"
9701
- },
9702
- {
9703
- "kind": "field",
9704
- "name": "ellipse",
9705
- "type": {
9706
- "text": "boolean"
9707
- },
9708
- "default": "true",
9709
- "description": "Specify if overflow displays ellipsis",
9710
- "attribute": "ellipse"
9711
- },
9712
- {
9713
- "kind": "field",
9714
- "name": "hideRequiredMarker",
9715
- "type": {
9716
- "text": "boolean"
9717
- },
9718
- "default": "false",
9719
- "description": "Specify if the NativeSelect displays with an asterisk",
9720
- "attribute": "hideRequiredMarker"
9721
- },
9722
- {
9723
- "kind": "field",
9724
- "name": "theme",
9725
- "type": {
9726
- "text": "'light' | 'dark' | undefined"
9727
- },
9728
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
9729
- "attribute": "theme"
9730
- },
9731
- {
9732
- "kind": "method",
9733
- "name": "finalizeAssociatedCallback",
9734
- "return": {
9735
- "type": {
9736
- "text": "FinalizeAssociatedResult"
9737
- }
9738
- },
9739
- "parameters": [
9740
- {
9741
- "name": "value",
9742
- "type": {
9743
- "text": "string"
9744
- }
9745
- }
9746
- ],
9747
- "inheritedFrom": {
9748
- "name": "FormField",
9749
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9750
- }
9751
- },
9752
- {
9753
- "kind": "field",
9754
- "name": "formAssociated",
9755
- "type": {
9756
- "text": "boolean"
9757
- },
9758
- "static": true,
9759
- "default": "true",
9760
- "inheritedFrom": {
9761
- "name": "FormField",
9762
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9763
- }
9764
- },
9765
- {
9766
- "kind": "field",
9767
- "name": "id",
9768
- "type": {
9769
- "text": "string"
9770
- },
9771
- "default": "''",
9772
- "attribute": "id",
9773
- "inheritedFrom": {
9774
- "name": "FormField",
9775
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9776
- }
9777
- },
9778
- {
9779
- "kind": "field",
9780
- "name": "name",
9781
- "type": {
9782
- "text": "string"
9783
- },
9784
- "default": "''",
9785
- "attribute": "name",
9786
- "reflects": true,
9787
- "inheritedFrom": {
9788
- "name": "FormField",
9789
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9790
- }
9791
- },
9792
- {
9793
- "kind": "field",
9794
- "name": "value",
9795
- "type": {
9796
- "text": "string"
9797
- },
9798
- "default": "''",
9799
- "attribute": "value",
9800
- "inheritedFrom": {
9801
- "name": "FormField",
9802
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9803
- }
9804
- },
9805
- {
9806
- "kind": "field",
9807
- "name": "validationRules",
9808
- "type": {
9809
- "text": "Array<FormValidator>"
9810
- },
9811
- "default": "[]",
9812
- "attribute": "validationRules",
9813
- "inheritedFrom": {
9814
- "name": "FormField",
9815
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9816
- }
9817
- },
9818
- {
9819
- "kind": "field",
9820
- "name": "inputAriaLabel",
9821
- "type": {
9822
- "text": "string | undefined"
9823
- },
9824
- "attribute": "input-aria-label",
9825
- "inheritedFrom": {
9826
- "name": "FormField",
9827
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9828
- }
9829
- },
9830
- {
9831
- "kind": "field",
9832
- "name": "error",
9833
- "type": {
9834
- "text": "Optional<boolean | string> | undefined"
9835
- },
9836
- "description": "Specify error text and display error state.\nPass a string to show an error message, or `true` to show the error\nstate without a message.",
9837
- "attribute": "error",
9838
- "inheritedFrom": {
9839
- "name": "FormField",
9840
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9841
- }
9842
- },
9843
- {
9844
- "kind": "field",
9845
- "name": "formContext",
9846
- "type": {
9847
- "text": "BmFormContext"
9848
- },
9849
- "inheritedFrom": {
9850
- "name": "FormField",
9851
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9852
- }
9853
- },
9854
- {
9855
- "kind": "field",
9856
- "name": "validity",
9857
- "type": {
9858
- "text": "ValidityState"
9859
- },
9860
- "readonly": true,
9861
- "inheritedFrom": {
9862
- "name": "FormField",
9863
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9864
- }
9865
- },
9866
- {
9867
- "kind": "field",
9868
- "name": "validationMessage",
9869
- "type": {
9870
- "text": "string"
9871
- },
9872
- "readonly": true,
9873
- "inheritedFrom": {
9874
- "name": "FormField",
9875
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9876
- }
9877
- },
9878
- {
9879
- "kind": "field",
9880
- "name": "willValidate",
9881
- "type": {
9882
- "text": "boolean"
9883
- },
9884
- "readonly": true,
9885
- "inheritedFrom": {
9886
- "name": "FormField",
9887
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9888
- }
9889
- },
9930
+ "name": "BmRadioButton",
9931
+ "members": [
9890
9932
  {
9891
- "kind": "method",
9892
- "name": "checkValidity",
9893
- "return": {
9894
- "type": {
9895
- "text": "boolean"
9896
- }
9933
+ "kind": "field",
9934
+ "name": "label",
9935
+ "type": {
9936
+ "text": "string | undefined"
9897
9937
  },
9898
- "inheritedFrom": {
9899
- "name": "FormField",
9900
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9901
- }
9938
+ "description": "Specify the text for the label",
9939
+ "attribute": "label"
9902
9940
  },
9903
9941
  {
9904
- "kind": "method",
9905
- "name": "reportValidity",
9906
- "return": {
9907
- "type": {
9908
- "text": "boolean"
9909
- }
9942
+ "kind": "field",
9943
+ "name": "error",
9944
+ "type": {
9945
+ "text": "boolean | undefined"
9910
9946
  },
9911
- "inheritedFrom": {
9912
- "name": "FormField",
9913
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9914
- }
9947
+ "description": "Specify error text and display error state of a RadioButton",
9948
+ "attribute": "error"
9915
9949
  },
9916
9950
  {
9917
- "kind": "method",
9918
- "name": "formAssociatedCallback",
9919
- "return": {
9920
- "type": {
9921
- "text": "void"
9922
- }
9951
+ "kind": "field",
9952
+ "name": "readOnly",
9953
+ "type": {
9954
+ "text": "boolean | undefined"
9923
9955
  },
9924
- "inheritedFrom": {
9925
- "name": "FormField",
9926
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9927
- }
9956
+ "description": "Specify if RadioButton displays in a read-only state",
9957
+ "attribute": "readOnly"
9928
9958
  },
9929
9959
  {
9930
- "kind": "method",
9931
- "name": "formResetCallback",
9932
- "return": {
9933
- "type": {
9934
- "text": "void"
9935
- }
9936
- },
9937
- "inheritedFrom": {
9938
- "name": "FormField",
9939
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9940
- }
9941
- }
9942
- ],
9943
- "attributes": [
9944
- {
9945
- "name": "required",
9960
+ "kind": "field",
9961
+ "name": "disabled",
9946
9962
  "type": {
9947
- "text": "boolean"
9963
+ "text": "boolean | undefined"
9948
9964
  },
9949
- "default": "false",
9950
- "description": "Specify if NativeSelect is a required input",
9951
- "fieldName": "required"
9965
+ "description": "Specify if RadioButton displays in a disabled state",
9966
+ "attribute": "disabled"
9952
9967
  },
9953
9968
  {
9954
- "name": "readOnly",
9969
+ "kind": "field",
9970
+ "name": "theme",
9955
9971
  "type": {
9956
- "text": "boolean"
9972
+ "text": "'light' | 'dark' | undefined"
9957
9973
  },
9958
- "default": "false",
9959
- "description": "Specify if NativeSelect displays in a read-only state",
9960
- "fieldName": "readOnly"
9974
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
9975
+ "attribute": "theme"
9961
9976
  },
9962
9977
  {
9963
- "name": "disabled",
9978
+ "kind": "field",
9979
+ "name": "value",
9964
9980
  "type": {
9965
- "text": "boolean"
9981
+ "text": "string | undefined"
9966
9982
  },
9967
- "default": "false",
9968
- "description": "Specify if NativeSelect displays in a disabled state",
9969
- "fieldName": "disabled"
9983
+ "description": "The value attribute for the input element",
9984
+ "attribute": "value"
9970
9985
  },
9971
9986
  {
9972
- "name": "fluid",
9987
+ "kind": "field",
9988
+ "name": "checked",
9973
9989
  "type": {
9974
9990
  "text": "boolean"
9975
9991
  },
9976
9992
  "default": "false",
9977
- "description": "Specify if NativeSelect is fluid",
9978
- "fieldName": "fluid"
9993
+ "description": "The checked attribute for the input element",
9994
+ "attribute": "checked"
9979
9995
  },
9980
9996
  {
9981
- "name": "size",
9997
+ "kind": "field",
9998
+ "name": "onKeyDown",
9982
9999
  "type": {
9983
- "text": "'sm' | 'md' | 'lg'"
10000
+ "text": "(event: KeyboardEvent) => void | undefined"
9984
10001
  },
9985
- "default": "defaultInputSize",
9986
- "description": "Specify the size of NativeSelect",
9987
- "fieldName": "size"
10002
+ "description": "A user-defined function to handle keydown events",
10003
+ "attribute": "onKeyDown"
9988
10004
  },
9989
10005
  {
9990
- "name": "width",
10006
+ "kind": "field",
10007
+ "name": "inputChoiceGroupContext",
9991
10008
  "type": {
9992
- "text": "string | undefined"
9993
- },
9994
- "description": "Specify the width of NativeSelect",
9995
- "fieldName": "width"
10009
+ "text": "InputChoiceGroupContextProps"
10010
+ }
9996
10011
  },
9997
10012
  {
9998
- "name": "ellipse",
9999
- "type": {
10000
- "text": "boolean"
10001
- },
10002
- "default": "true",
10003
- "description": "Specify if overflow displays ellipsis",
10004
- "fieldName": "ellipse"
10013
+ "kind": "field",
10014
+ "name": "radioButtonRef"
10005
10015
  },
10006
10016
  {
10007
- "name": "hideRequiredMarker",
10017
+ "kind": "method",
10018
+ "name": "focus"
10019
+ }
10020
+ ],
10021
+ "attributes": [
10022
+ {
10023
+ "name": "label",
10008
10024
  "type": {
10009
- "text": "boolean"
10025
+ "text": "string | undefined"
10010
10026
  },
10011
- "default": "false",
10012
- "description": "Specify if the NativeSelect displays with an asterisk",
10013
- "fieldName": "hideRequiredMarker"
10027
+ "description": "Specify the text for the label",
10028
+ "fieldName": "label"
10014
10029
  },
10015
10030
  {
10016
- "name": "theme",
10031
+ "name": "error",
10017
10032
  "type": {
10018
- "text": "'light' | 'dark' | undefined"
10033
+ "text": "boolean | undefined"
10019
10034
  },
10020
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
10021
- "fieldName": "theme"
10035
+ "description": "Specify error text and display error state of a RadioButton",
10036
+ "fieldName": "error"
10022
10037
  },
10023
10038
  {
10024
- "name": "id",
10039
+ "name": "readOnly",
10025
10040
  "type": {
10026
- "text": "string"
10041
+ "text": "boolean | undefined"
10027
10042
  },
10028
- "default": "''",
10029
- "fieldName": "id",
10030
- "inheritedFrom": {
10031
- "name": "FormField",
10032
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
10033
- }
10043
+ "description": "Specify if RadioButton displays in a read-only state",
10044
+ "fieldName": "readOnly"
10034
10045
  },
10035
10046
  {
10036
- "name": "name",
10047
+ "name": "disabled",
10037
10048
  "type": {
10038
- "text": "string"
10049
+ "text": "boolean | undefined"
10039
10050
  },
10040
- "default": "''",
10041
- "fieldName": "name",
10042
- "inheritedFrom": {
10043
- "name": "FormField",
10044
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
10045
- }
10051
+ "description": "Specify if RadioButton displays in a disabled state",
10052
+ "fieldName": "disabled"
10046
10053
  },
10047
10054
  {
10048
- "name": "value",
10055
+ "name": "theme",
10049
10056
  "type": {
10050
- "text": "string"
10057
+ "text": "'light' | 'dark' | undefined"
10051
10058
  },
10052
- "default": "''",
10053
- "fieldName": "value",
10054
- "inheritedFrom": {
10055
- "name": "FormField",
10056
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
10057
- }
10059
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
10060
+ "fieldName": "theme"
10058
10061
  },
10059
10062
  {
10060
- "name": "validationRules",
10063
+ "name": "value",
10061
10064
  "type": {
10062
- "text": "Array<FormValidator>"
10065
+ "text": "string | undefined"
10063
10066
  },
10064
- "default": "[]",
10065
- "fieldName": "validationRules",
10066
- "inheritedFrom": {
10067
- "name": "FormField",
10068
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
10069
- }
10067
+ "description": "The value attribute for the input element",
10068
+ "fieldName": "value"
10070
10069
  },
10071
10070
  {
10072
- "name": "input-aria-label",
10071
+ "name": "checked",
10073
10072
  "type": {
10074
- "text": "string | undefined"
10073
+ "text": "boolean"
10075
10074
  },
10076
- "fieldName": "inputAriaLabel",
10077
- "inheritedFrom": {
10078
- "name": "FormField",
10079
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
10080
- }
10075
+ "default": "false",
10076
+ "description": "The checked attribute for the input element",
10077
+ "fieldName": "checked"
10081
10078
  },
10082
10079
  {
10083
- "name": "error",
10080
+ "name": "onKeyDown",
10084
10081
  "type": {
10085
- "text": "Optional<boolean | string> | undefined"
10082
+ "text": "(event: KeyboardEvent) => void | undefined"
10086
10083
  },
10087
- "description": "Specify error text and display error state.\nPass a string to show an error message, or `true` to show the error\nstate without a message.",
10088
- "fieldName": "error",
10089
- "inheritedFrom": {
10090
- "name": "FormField",
10091
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
10092
- }
10084
+ "description": "A user-defined function to handle keydown events",
10085
+ "fieldName": "onKeyDown"
10093
10086
  }
10094
10087
  ],
10095
10088
  "superclass": {
10096
- "name": "FormField",
10097
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
10089
+ "name": "LitElement",
10090
+ "package": "lit"
10098
10091
  },
10099
- "summary": "`bm-native-select`",
10100
- "tagName": "bm-native-select",
10092
+ "tagName": "bm-radio-button",
10101
10093
  "customElement": true
10102
10094
  }
10103
10095
  ],
10104
10096
  "exports": [
10105
10097
  {
10106
10098
  "kind": "js",
10107
- "name": "BmNativeSelect",
10099
+ "name": "BmRadioButton",
10108
10100
  "declaration": {
10109
- "name": "BmNativeSelect",
10110
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
10101
+ "name": "BmRadioButton",
10102
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
10111
10103
  }
10112
10104
  },
10113
10105
  {
10114
10106
  "kind": "custom-element-definition",
10115
- "name": "bm-native-select",
10107
+ "name": "bm-radio-button",
10116
10108
  "declaration": {
10117
- "name": "BmNativeSelect",
10118
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
10109
+ "name": "BmRadioButton",
10110
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
10119
10111
  }
10120
10112
  }
10121
10113
  ]
10122
10114
  },
10123
10115
  {
10124
10116
  "kind": "javascript-module",
10125
- "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
10117
+ "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
10126
10118
  "declarations": [],
10127
10119
  "exports": [
10128
10120
  {
@@ -10130,7 +10122,15 @@
10130
10122
  "name": "*",
10131
10123
  "declaration": {
10132
10124
  "name": "*",
10133
- "package": "./NativeSelect"
10125
+ "package": "./RadioButton"
10126
+ }
10127
+ },
10128
+ {
10129
+ "kind": "js",
10130
+ "name": "*",
10131
+ "declaration": {
10132
+ "name": "*",
10133
+ "package": "./RadioButtonGroup/RadioButtonGroup"
10134
10134
  }
10135
10135
  }
10136
10136
  ]