@viasat/beam-web-components 2.39.2 → 2.39.3

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 +1329 -1329
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +294 -294
package/custom-elements.json CHANGED
@@ -294,19 +294,15 @@
294
294
  },
295
295
  {
296
296
  "kind": "javascript-module",
297
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
297
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
298
298
  "declarations": [
299
299
  {
300
300
  "kind": "class",
301
- "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
302
- "name": "BmBadge",
301
+ "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
302
+ "name": "BmAvatar",
303
303
  "slots": [
304
304
  {
305
- "description": "Provide text for the Badge",
306
- "name": "default"
307
- },
308
- {
309
- "description": "Specify a different icon for the Badge",
305
+ "description": "Customize the default icon",
310
306
  "name": "icon"
311
307
  }
312
308
  ],
@@ -315,258 +311,359 @@
315
311
  "kind": "field",
316
312
  "name": "appearance",
317
313
  "type": {
318
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
314
+ "text": "'accent' | 'neutral' | undefined"
319
315
  },
320
- "default": "'infoPrimary'",
321
- "description": "Specify the appearance of the Badge",
316
+ "default": "'neutral'",
317
+ "description": "Specify the appearance of the Avatar",
322
318
  "attribute": "appearance"
323
319
  },
324
320
  {
325
321
  "kind": "field",
326
- "name": "theme",
322
+ "name": "name",
327
323
  "type": {
328
- "text": "'light' | 'dark' | undefined"
324
+ "text": "string | undefined"
329
325
  },
330
- "description": "Theme of the Badge",
331
- "attribute": "theme"
326
+ "description": "Specify a name to display initials in the Avatar",
327
+ "attribute": "name"
328
+ },
329
+ {
330
+ "kind": "field",
331
+ "name": "src",
332
+ "type": {
333
+ "text": "string | undefined"
334
+ },
335
+ "description": "Pass an image to the Avatar",
336
+ "attribute": "src"
337
+ },
338
+ {
339
+ "kind": "field",
340
+ "name": "alt",
341
+ "type": {
342
+ "text": "string | undefined"
343
+ },
344
+ "description": "Specify alt for image",
345
+ "attribute": "alt"
332
346
  },
333
347
  {
334
348
  "kind": "field",
335
349
  "name": "size",
336
350
  "type": {
337
- "text": "'sm' | 'md' | undefined"
351
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
338
352
  },
339
- "default": "'sm'",
340
- "description": "Specify the size of the Badge",
353
+ "default": "'md'",
354
+ "description": "Specify the size of the Avatar",
341
355
  "attribute": "size"
342
356
  },
343
357
  {
344
358
  "kind": "field",
345
- "name": "emphasis",
359
+ "name": "disabled",
346
360
  "type": {
347
- "text": "'strong' | 'medium' | 'subtle'"
361
+ "text": "boolean | undefined"
348
362
  },
349
- "default": "'strong'",
350
- "description": "Specify the emphasis of the Badge",
351
- "attribute": "emphasis"
363
+ "default": "false",
364
+ "description": "Specify if the Avatar is disabled",
365
+ "attribute": "disabled"
352
366
  },
353
367
  {
354
368
  "kind": "field",
355
- "name": "hideIcon",
369
+ "name": "shape",
356
370
  "type": {
357
- "text": "boolean | undefined"
371
+ "text": "'circle' | 'square' | undefined"
358
372
  },
359
- "description": "Hides Badge icon",
360
- "attribute": "hideIcon"
373
+ "default": "'circle'",
374
+ "description": "Specify the shape of the Avatar",
375
+ "attribute": "shape"
376
+ },
377
+ {
378
+ "kind": "field",
379
+ "name": "isInteractive",
380
+ "type": {
381
+ "text": "boolean"
382
+ },
383
+ "default": "false",
384
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
385
+ "attribute": "isInteractive"
386
+ },
387
+ {
388
+ "kind": "field",
389
+ "name": "isFocusable",
390
+ "type": {
391
+ "text": "boolean"
392
+ },
393
+ "default": "false",
394
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
395
+ "attribute": "isFocusable"
396
+ },
397
+ {
398
+ "kind": "field",
399
+ "name": "withBorder",
400
+ "type": {
401
+ "text": "boolean"
402
+ },
403
+ "default": "false",
404
+ "attribute": "withBorder"
361
405
  }
362
406
  ],
363
407
  "attributes": [
364
408
  {
365
409
  "name": "appearance",
366
410
  "type": {
367
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
411
+ "text": "'accent' | 'neutral' | undefined"
368
412
  },
369
- "default": "'infoPrimary'",
370
- "description": "Specify the appearance of the Badge",
413
+ "default": "'neutral'",
414
+ "description": "Specify the appearance of the Avatar",
371
415
  "fieldName": "appearance"
372
416
  },
373
417
  {
374
- "name": "theme",
418
+ "name": "name",
375
419
  "type": {
376
- "text": "'light' | 'dark' | undefined"
420
+ "text": "string | undefined"
377
421
  },
378
- "description": "Theme of the Badge",
379
- "fieldName": "theme"
422
+ "description": "Specify a name to display initials in the Avatar",
423
+ "fieldName": "name"
424
+ },
425
+ {
426
+ "name": "src",
427
+ "type": {
428
+ "text": "string | undefined"
429
+ },
430
+ "description": "Pass an image to the Avatar",
431
+ "fieldName": "src"
432
+ },
433
+ {
434
+ "name": "alt",
435
+ "type": {
436
+ "text": "string | undefined"
437
+ },
438
+ "description": "Specify alt for image",
439
+ "fieldName": "alt"
380
440
  },
381
441
  {
382
442
  "name": "size",
383
443
  "type": {
384
- "text": "'sm' | 'md' | undefined"
444
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
385
445
  },
386
- "default": "'sm'",
387
- "description": "Specify the size of the Badge",
446
+ "default": "'md'",
447
+ "description": "Specify the size of the Avatar",
388
448
  "fieldName": "size"
389
449
  },
390
450
  {
391
- "name": "emphasis",
451
+ "name": "disabled",
392
452
  "type": {
393
- "text": "'strong' | 'medium' | 'subtle'"
453
+ "text": "boolean | undefined"
394
454
  },
395
- "default": "'strong'",
396
- "description": "Specify the emphasis of the Badge",
397
- "fieldName": "emphasis"
455
+ "default": "false",
456
+ "description": "Specify if the Avatar is disabled",
457
+ "fieldName": "disabled"
398
458
  },
399
459
  {
400
- "name": "hideIcon",
460
+ "name": "shape",
401
461
  "type": {
402
- "text": "boolean | undefined"
462
+ "text": "'circle' | 'square' | undefined"
403
463
  },
404
- "description": "Hides Badge icon",
405
- "fieldName": "hideIcon"
464
+ "default": "'circle'",
465
+ "description": "Specify the shape of the Avatar",
466
+ "fieldName": "shape"
467
+ },
468
+ {
469
+ "name": "isInteractive",
470
+ "type": {
471
+ "text": "boolean"
472
+ },
473
+ "default": "false",
474
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
475
+ "fieldName": "isInteractive"
476
+ },
477
+ {
478
+ "name": "isFocusable",
479
+ "type": {
480
+ "text": "boolean"
481
+ },
482
+ "default": "false",
483
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
484
+ "fieldName": "isFocusable"
485
+ },
486
+ {
487
+ "name": "withBorder",
488
+ "type": {
489
+ "text": "boolean"
490
+ },
491
+ "default": "false",
492
+ "fieldName": "withBorder"
406
493
  }
407
494
  ],
408
495
  "superclass": {
409
496
  "name": "LitElement",
410
497
  "package": "lit"
411
498
  },
412
- "tagName": "bm-badge",
499
+ "tagName": "bm-avatar",
413
500
  "customElement": true
414
501
  }
415
502
  ],
416
503
  "exports": [
417
504
  {
418
505
  "kind": "js",
419
- "name": "BmBadge",
506
+ "name": "BmAvatar",
420
507
  "declaration": {
421
- "name": "BmBadge",
422
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
508
+ "name": "BmAvatar",
509
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
423
510
  }
424
511
  },
425
512
  {
426
513
  "kind": "custom-element-definition",
427
- "name": "bm-badge",
514
+ "name": "bm-avatar",
428
515
  "declaration": {
429
- "name": "BmBadge",
430
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
516
+ "name": "BmAvatar",
517
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
431
518
  }
432
519
  }
433
520
  ]
434
521
  },
435
522
  {
436
523
  "kind": "javascript-module",
437
- "path": "libs/web-components/src/lib/Badge/index.ts",
438
- "declarations": [],
524
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
525
+ "declarations": [
526
+ {
527
+ "kind": "variable",
528
+ "name": "AvatarGroupCtx"
529
+ }
530
+ ],
439
531
  "exports": [
440
532
  {
441
533
  "kind": "js",
442
- "name": "*",
534
+ "name": "AvatarGroupCtx",
443
535
  "declaration": {
444
- "name": "*",
445
- "package": "./Badge"
536
+ "name": "AvatarGroupCtx",
537
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
446
538
  }
447
539
  }
448
540
  ]
449
541
  },
450
542
  {
451
543
  "kind": "javascript-module",
452
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
544
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
453
545
  "declarations": [
454
546
  {
455
547
  "kind": "class",
456
- "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
457
- "name": "BmBadgeDot",
548
+ "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
549
+ "name": "BmAvatarGroup",
458
550
  "slots": [
459
551
  {
460
- "description": "Provide text for the BadgeDot",
552
+ "description": "Add Avatars to create a group",
461
553
  "name": "default"
462
554
  }
463
555
  ],
464
556
  "members": [
465
557
  {
466
558
  "kind": "field",
467
- "name": "theme",
559
+ "name": "wrapping",
468
560
  "type": {
469
- "text": "'light' | 'dark' | undefined"
561
+ "text": "boolean"
470
562
  },
471
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
472
- "attribute": "theme"
563
+ "default": "false",
564
+ "description": "Specify if the AvatarGroup wraps",
565
+ "attribute": "wrapping"
473
566
  },
474
567
  {
475
568
  "kind": "field",
476
- "name": "appearance",
569
+ "name": "maxCount",
477
570
  "type": {
478
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
571
+ "text": "number"
479
572
  },
480
- "default": "'infoPrimary'",
481
- "description": "Specify the appearance of the BadgeDot",
482
- "attribute": "appearance"
573
+ "default": "5",
574
+ "description": "Specify the max number of avatars displayed in the group.",
575
+ "attribute": "maxCount",
576
+ "reflects": true
483
577
  },
484
578
  {
485
579
  "kind": "field",
486
- "name": "emphasis",
580
+ "name": "size",
487
581
  "type": {
488
- "text": "'strong' | 'subtle'"
582
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
489
583
  },
490
- "default": "'strong'",
491
- "description": "Specify the emphasis of the BadgeDot",
492
- "attribute": "emphasis"
584
+ "default": "'md'",
585
+ "description": "Specify the size of all Avatars",
586
+ "attribute": "size"
493
587
  },
494
588
  {
495
589
  "kind": "field",
496
- "name": "overrideDotColor",
590
+ "name": "layout",
497
591
  "type": {
498
- "text": "string | undefined"
592
+ "text": "'stacked' | 'spaced' | undefined"
499
593
  },
500
- "description": "Overrides default dot color",
501
- "attribute": "overrideDotColor"
594
+ "default": "'stacked'",
595
+ "description": "Specify the kind of the group.",
596
+ "attribute": "layout"
502
597
  }
503
598
  ],
504
599
  "attributes": [
505
600
  {
506
- "name": "theme",
601
+ "name": "wrapping",
507
602
  "type": {
508
- "text": "'light' | 'dark' | undefined"
603
+ "text": "boolean"
509
604
  },
510
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
511
- "fieldName": "theme"
605
+ "default": "false",
606
+ "description": "Specify if the AvatarGroup wraps",
607
+ "fieldName": "wrapping"
512
608
  },
513
609
  {
514
- "name": "appearance",
610
+ "name": "maxCount",
515
611
  "type": {
516
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
612
+ "text": "number"
517
613
  },
518
- "default": "'infoPrimary'",
519
- "description": "Specify the appearance of the BadgeDot",
520
- "fieldName": "appearance"
614
+ "default": "5",
615
+ "description": "Specify the max number of avatars displayed in the group.",
616
+ "fieldName": "maxCount"
521
617
  },
522
618
  {
523
- "name": "emphasis",
619
+ "name": "size",
524
620
  "type": {
525
- "text": "'strong' | 'subtle'"
621
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
526
622
  },
527
- "default": "'strong'",
528
- "description": "Specify the emphasis of the BadgeDot",
529
- "fieldName": "emphasis"
623
+ "default": "'md'",
624
+ "description": "Specify the size of all Avatars",
625
+ "fieldName": "size"
530
626
  },
531
627
  {
532
- "name": "overrideDotColor",
628
+ "name": "layout",
533
629
  "type": {
534
- "text": "string | undefined"
630
+ "text": "'stacked' | 'spaced' | undefined"
535
631
  },
536
- "description": "Overrides default dot color",
537
- "fieldName": "overrideDotColor"
632
+ "default": "'stacked'",
633
+ "description": "Specify the kind of the group.",
634
+ "fieldName": "layout"
538
635
  }
539
636
  ],
540
637
  "superclass": {
541
638
  "name": "LitElement",
542
639
  "package": "lit"
543
640
  },
544
- "tagName": "bm-badge-dot",
641
+ "tagName": "bm-avatar-group",
545
642
  "customElement": true
546
643
  }
547
644
  ],
548
645
  "exports": [
549
646
  {
550
647
  "kind": "js",
551
- "name": "BmBadgeDot",
648
+ "name": "BmAvatarGroup",
552
649
  "declaration": {
553
- "name": "BmBadgeDot",
554
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
650
+ "name": "BmAvatarGroup",
651
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
555
652
  }
556
653
  },
557
654
  {
558
655
  "kind": "custom-element-definition",
559
- "name": "bm-badge-dot",
656
+ "name": "bm-avatar-group",
560
657
  "declaration": {
561
- "name": "BmBadgeDot",
562
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
658
+ "name": "BmAvatarGroup",
659
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
563
660
  }
564
661
  }
565
662
  ]
566
663
  },
567
664
  {
568
665
  "kind": "javascript-module",
569
- "path": "libs/web-components/src/lib/BadgeDot/index.ts",
666
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
570
667
  "declarations": [],
571
668
  "exports": [
572
669
  {
@@ -574,399 +671,443 @@
574
671
  "name": "*",
575
672
  "declaration": {
576
673
  "name": "*",
577
- "package": "./BadgeDot"
674
+ "package": "./Avatar"
675
+ }
676
+ },
677
+ {
678
+ "kind": "js",
679
+ "name": "*",
680
+ "declaration": {
681
+ "name": "*",
682
+ "package": "./AvatarGroup"
578
683
  }
579
684
  }
580
685
  ]
581
686
  },
582
687
  {
583
688
  "kind": "javascript-module",
584
- "path": "libs/web-components/src/lib/Box/Box.ts",
689
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
585
690
  "declarations": [
586
691
  {
587
692
  "kind": "class",
588
- "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
589
- "name": "BmBox",
693
+ "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
694
+ "name": "BmBadge",
590
695
  "slots": [
591
696
  {
592
- "description": "Provide content for the Box",
697
+ "description": "Provide text for the Badge",
593
698
  "name": "default"
699
+ },
700
+ {
701
+ "description": "Specify a different icon for the Badge",
702
+ "name": "icon"
594
703
  }
595
704
  ],
596
705
  "members": [
597
706
  {
598
707
  "kind": "field",
599
- "name": "backgroundColor",
708
+ "name": "appearance",
600
709
  "type": {
601
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
710
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
602
711
  },
603
- "description": "Specify the background color of a Box",
604
- "attribute": "backgroundColor"
712
+ "default": "'infoPrimary'",
713
+ "description": "Specify the appearance of the Badge",
714
+ "attribute": "appearance"
605
715
  },
606
716
  {
607
717
  "kind": "field",
608
- "name": "borderColor",
718
+ "name": "theme",
609
719
  "type": {
610
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
720
+ "text": "'light' | 'dark' | undefined"
611
721
  },
612
- "description": "Specify the border color of a Box",
613
- "attribute": "borderColor"
722
+ "description": "Theme of the Badge",
723
+ "attribute": "theme"
614
724
  },
615
725
  {
616
726
  "kind": "field",
617
- "name": "borderWidth",
727
+ "name": "size",
618
728
  "type": {
619
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
729
+ "text": "'sm' | 'md' | undefined"
620
730
  },
621
- "description": "Specify the border width of a Box",
622
- "attribute": "borderWidth"
731
+ "default": "'sm'",
732
+ "description": "Specify the size of the Badge",
733
+ "attribute": "size"
623
734
  },
624
735
  {
625
736
  "kind": "field",
626
- "name": "borderRadius",
737
+ "name": "emphasis",
627
738
  "type": {
628
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
739
+ "text": "'strong' | 'medium' | 'subtle'"
629
740
  },
630
- "description": "Specify the border radius of a Box",
631
- "attribute": "borderRadius"
741
+ "default": "'strong'",
742
+ "description": "Specify the emphasis of the Badge",
743
+ "attribute": "emphasis"
632
744
  },
633
745
  {
634
746
  "kind": "field",
635
- "name": "px",
747
+ "name": "hideIcon",
636
748
  "type": {
637
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
749
+ "text": "boolean | undefined"
638
750
  },
639
- "description": "Specify before and after padding of a Box",
640
- "attribute": "px"
641
- },
751
+ "description": "Hides Badge icon",
752
+ "attribute": "hideIcon"
753
+ }
754
+ ],
755
+ "attributes": [
642
756
  {
643
- "kind": "field",
644
- "name": "py",
757
+ "name": "appearance",
645
758
  "type": {
646
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
759
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
647
760
  },
648
- "description": "Specify top and bottom padding of a Box",
649
- "attribute": "py"
761
+ "default": "'infoPrimary'",
762
+ "description": "Specify the appearance of the Badge",
763
+ "fieldName": "appearance"
650
764
  },
651
765
  {
652
- "kind": "field",
653
- "name": "pTop",
766
+ "name": "theme",
654
767
  "type": {
655
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
768
+ "text": "'light' | 'dark' | undefined"
656
769
  },
657
- "description": "Specify top padding of a Box",
658
- "attribute": "pTop"
770
+ "description": "Theme of the Badge",
771
+ "fieldName": "theme"
659
772
  },
660
773
  {
661
- "kind": "field",
662
- "name": "pBottom",
774
+ "name": "size",
663
775
  "type": {
664
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
776
+ "text": "'sm' | 'md' | undefined"
665
777
  },
666
- "description": "Specify bottom padding of a Box",
667
- "attribute": "pBottom"
778
+ "default": "'sm'",
779
+ "description": "Specify the size of the Badge",
780
+ "fieldName": "size"
668
781
  },
669
782
  {
670
- "kind": "field",
671
- "name": "pBefore",
783
+ "name": "emphasis",
672
784
  "type": {
673
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
785
+ "text": "'strong' | 'medium' | 'subtle'"
674
786
  },
675
- "description": "Specify before padding of a Box",
676
- "attribute": "pBefore"
787
+ "default": "'strong'",
788
+ "description": "Specify the emphasis of the Badge",
789
+ "fieldName": "emphasis"
677
790
  },
678
791
  {
679
- "kind": "field",
680
- "name": "pAfter",
792
+ "name": "hideIcon",
681
793
  "type": {
682
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
794
+ "text": "boolean | undefined"
683
795
  },
684
- "description": "Specify after padding of a Box",
685
- "attribute": "pAfter"
796
+ "description": "Hides Badge icon",
797
+ "fieldName": "hideIcon"
798
+ }
799
+ ],
800
+ "superclass": {
801
+ "name": "LitElement",
802
+ "package": "lit"
803
+ },
804
+ "tagName": "bm-badge",
805
+ "customElement": true
806
+ }
807
+ ],
808
+ "exports": [
809
+ {
810
+ "kind": "js",
811
+ "name": "BmBadge",
812
+ "declaration": {
813
+ "name": "BmBadge",
814
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
815
+ }
816
+ },
817
+ {
818
+ "kind": "custom-element-definition",
819
+ "name": "bm-badge",
820
+ "declaration": {
821
+ "name": "BmBadge",
822
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
823
+ }
824
+ }
825
+ ]
826
+ },
827
+ {
828
+ "kind": "javascript-module",
829
+ "path": "libs/web-components/src/lib/Badge/index.ts",
830
+ "declarations": [],
831
+ "exports": [
832
+ {
833
+ "kind": "js",
834
+ "name": "*",
835
+ "declaration": {
836
+ "name": "*",
837
+ "package": "./Badge"
838
+ }
839
+ }
840
+ ]
841
+ },
842
+ {
843
+ "kind": "javascript-module",
844
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
845
+ "declarations": [
846
+ {
847
+ "kind": "class",
848
+ "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
849
+ "name": "BmAlert",
850
+ "slots": [
851
+ {
852
+ "description": "Specify a different icon for the Alert",
853
+ "name": "icon"
854
+ },
855
+ {
856
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
857
+ "name": "heading"
858
+ },
859
+ {
860
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
861
+ "name": "body"
686
862
  },
863
+ {
864
+ "description": "Specify if actions display on the Alert",
865
+ "name": "actions"
866
+ }
867
+ ],
868
+ "members": [
687
869
  {
688
870
  "kind": "field",
689
- "name": "mx",
871
+ "name": "heading",
690
872
  "type": {
691
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
873
+ "text": "string | undefined"
692
874
  },
693
- "description": "Specify before and after margin of a Box",
694
- "attribute": "mx"
875
+ "description": "Specify the heading text for Alert",
876
+ "attribute": "heading"
695
877
  },
696
878
  {
697
879
  "kind": "field",
698
- "name": "my",
880
+ "name": "body",
699
881
  "type": {
700
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
882
+ "text": "string | undefined"
701
883
  },
702
- "description": "Specify top and bottom margin of a Box",
703
- "attribute": "my"
884
+ "description": "Specify the body text for Alert",
885
+ "attribute": "body"
704
886
  },
705
887
  {
706
888
  "kind": "field",
707
- "name": "mTop",
889
+ "name": "size",
708
890
  "type": {
709
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
891
+ "text": "'sm' | 'md'"
710
892
  },
711
- "description": "Specify top margin of a Box",
712
- "attribute": "mTop"
893
+ "default": "'sm'",
894
+ "description": "Specify the size of the Alert",
895
+ "attribute": "size"
713
896
  },
714
897
  {
715
898
  "kind": "field",
716
- "name": "mBottom",
899
+ "name": "fullWidth",
717
900
  "type": {
718
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
901
+ "text": "boolean"
719
902
  },
720
- "description": "Specify bottom margin of a Box",
721
- "attribute": "mBottom"
903
+ "default": "false",
904
+ "description": "Specify if the Alert has no border radius",
905
+ "attribute": "fullWidth"
722
906
  },
723
907
  {
724
908
  "kind": "field",
725
- "name": "mBefore",
909
+ "name": "theme",
726
910
  "type": {
727
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
911
+ "text": "'light' | 'dark' | undefined"
728
912
  },
729
- "description": "Specify before margin of a Box",
730
- "attribute": "mBefore"
913
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
914
+ "attribute": "theme"
731
915
  },
732
916
  {
733
917
  "kind": "field",
734
- "name": "mAfter",
918
+ "name": "appearance",
735
919
  "type": {
736
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
920
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
737
921
  },
738
- "description": "Specify after margin of a Box",
739
- "attribute": "mAfter"
922
+ "default": "'infoPrimary'",
923
+ "description": "Specify the appearance of the Alert",
924
+ "attribute": "appearance"
740
925
  },
741
926
  {
742
927
  "kind": "field",
743
- "name": "m",
928
+ "name": "hidden",
744
929
  "type": {
745
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
930
+ "text": "boolean"
746
931
  },
747
- "description": "Specify all margin",
748
- "attribute": "m"
932
+ "default": "false",
933
+ "description": "Specify if the Alert is hidden",
934
+ "attribute": "hidden"
749
935
  },
750
936
  {
751
937
  "kind": "field",
752
- "name": "p",
938
+ "name": "hideIcon",
753
939
  "type": {
754
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
940
+ "text": "boolean"
755
941
  },
756
- "description": "Specify all padding",
757
- "attribute": "p"
942
+ "default": "false",
943
+ "description": "Specify if the icon displays on the Alert",
944
+ "attribute": "hideIcon"
758
945
  },
759
946
  {
760
947
  "kind": "field",
761
- "name": "gap",
948
+ "name": "dismissible",
762
949
  "type": {
763
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
950
+ "text": "boolean"
764
951
  },
765
- "description": "Specify gap between child elements",
766
- "attribute": "gap"
952
+ "default": "false",
953
+ "description": "Specify if the Alert can be dismissed",
954
+ "attribute": "dismissible"
767
955
  },
768
956
  {
769
957
  "kind": "field",
770
- "name": "shadow",
771
- "type": {
772
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
773
- },
774
- "description": "Specify if a Box has a shadow",
775
- "attribute": "shadow"
776
- }
777
- ],
778
- "attributes": [
779
- {
780
- "name": "backgroundColor",
781
- "type": {
782
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
783
- },
784
- "description": "Specify the background color of a Box",
785
- "fieldName": "backgroundColor"
786
- },
787
- {
788
- "name": "borderColor",
789
- "type": {
790
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
791
- },
792
- "description": "Specify the border color of a Box",
793
- "fieldName": "borderColor"
794
- },
795
- {
796
- "name": "borderWidth",
797
- "type": {
798
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
799
- },
800
- "description": "Specify the border width of a Box",
801
- "fieldName": "borderWidth"
802
- },
803
- {
804
- "name": "borderRadius",
805
- "type": {
806
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
807
- },
808
- "description": "Specify the border radius of a Box",
809
- "fieldName": "borderRadius"
810
- },
811
- {
812
- "name": "px",
813
- "type": {
814
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
815
- },
816
- "description": "Specify before and after padding of a Box",
817
- "fieldName": "px"
818
- },
819
- {
820
- "name": "py",
821
- "type": {
822
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
823
- },
824
- "description": "Specify top and bottom padding of a Box",
825
- "fieldName": "py"
826
- },
827
- {
828
- "name": "pTop",
958
+ "name": "disableAutoFocus",
829
959
  "type": {
830
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
960
+ "text": "boolean"
831
961
  },
832
- "description": "Specify top padding of a Box",
833
- "fieldName": "pTop"
962
+ "default": "false",
963
+ "description": "Prevent autofocus on show",
964
+ "attribute": "disableAutoFocus"
834
965
  },
835
966
  {
836
- "name": "pBottom",
967
+ "kind": "field",
968
+ "name": "disableCloseOnEscape",
837
969
  "type": {
838
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
970
+ "text": "boolean"
839
971
  },
840
- "description": "Specify bottom padding of a Box",
841
- "fieldName": "pBottom"
842
- },
972
+ "default": "false",
973
+ "description": "Prevent Escape from closing",
974
+ "attribute": "disableCloseOnEscape"
975
+ }
976
+ ],
977
+ "events": [
843
978
  {
844
- "name": "pBefore",
845
- "type": {
846
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
847
- },
848
- "description": "Specify before padding of a Box",
849
- "fieldName": "pBefore"
850
- },
979
+ "description": "Dispatched when the Alert has been dismissed",
980
+ "name": "bm-dismiss"
981
+ }
982
+ ],
983
+ "attributes": [
851
984
  {
852
- "name": "pAfter",
985
+ "name": "heading",
853
986
  "type": {
854
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
987
+ "text": "string | undefined"
855
988
  },
856
- "description": "Specify after padding of a Box",
857
- "fieldName": "pAfter"
989
+ "description": "Specify the heading text for Alert",
990
+ "fieldName": "heading"
858
991
  },
859
992
  {
860
- "name": "mx",
993
+ "name": "body",
861
994
  "type": {
862
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
995
+ "text": "string | undefined"
863
996
  },
864
- "description": "Specify before and after margin of a Box",
865
- "fieldName": "mx"
997
+ "description": "Specify the body text for Alert",
998
+ "fieldName": "body"
866
999
  },
867
1000
  {
868
- "name": "my",
1001
+ "name": "size",
869
1002
  "type": {
870
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1003
+ "text": "'sm' | 'md'"
871
1004
  },
872
- "description": "Specify top and bottom margin of a Box",
873
- "fieldName": "my"
1005
+ "default": "'sm'",
1006
+ "description": "Specify the size of the Alert",
1007
+ "fieldName": "size"
874
1008
  },
875
1009
  {
876
- "name": "mTop",
1010
+ "name": "fullWidth",
877
1011
  "type": {
878
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1012
+ "text": "boolean"
879
1013
  },
880
- "description": "Specify top margin of a Box",
881
- "fieldName": "mTop"
1014
+ "default": "false",
1015
+ "description": "Specify if the Alert has no border radius",
1016
+ "fieldName": "fullWidth"
882
1017
  },
883
1018
  {
884
- "name": "mBottom",
1019
+ "name": "theme",
885
1020
  "type": {
886
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1021
+ "text": "'light' | 'dark' | undefined"
887
1022
  },
888
- "description": "Specify bottom margin of a Box",
889
- "fieldName": "mBottom"
1023
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1024
+ "fieldName": "theme"
890
1025
  },
891
1026
  {
892
- "name": "mBefore",
1027
+ "name": "appearance",
893
1028
  "type": {
894
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1029
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
895
1030
  },
896
- "description": "Specify before margin of a Box",
897
- "fieldName": "mBefore"
1031
+ "default": "'infoPrimary'",
1032
+ "description": "Specify the appearance of the Alert",
1033
+ "fieldName": "appearance"
898
1034
  },
899
1035
  {
900
- "name": "mAfter",
1036
+ "name": "hidden",
901
1037
  "type": {
902
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1038
+ "text": "boolean"
903
1039
  },
904
- "description": "Specify after margin of a Box",
905
- "fieldName": "mAfter"
1040
+ "default": "false",
1041
+ "description": "Specify if the Alert is hidden",
1042
+ "fieldName": "hidden"
906
1043
  },
907
1044
  {
908
- "name": "m",
1045
+ "name": "hideIcon",
909
1046
  "type": {
910
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1047
+ "text": "boolean"
911
1048
  },
912
- "description": "Specify all margin",
913
- "fieldName": "m"
1049
+ "default": "false",
1050
+ "description": "Specify if the icon displays on the Alert",
1051
+ "fieldName": "hideIcon"
914
1052
  },
915
1053
  {
916
- "name": "p",
1054
+ "name": "dismissible",
917
1055
  "type": {
918
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1056
+ "text": "boolean"
919
1057
  },
920
- "description": "Specify all padding",
921
- "fieldName": "p"
1058
+ "default": "false",
1059
+ "description": "Specify if the Alert can be dismissed",
1060
+ "fieldName": "dismissible"
922
1061
  },
923
1062
  {
924
- "name": "gap",
1063
+ "name": "disableAutoFocus",
925
1064
  "type": {
926
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1065
+ "text": "boolean"
927
1066
  },
928
- "description": "Specify gap between child elements",
929
- "fieldName": "gap"
1067
+ "default": "false",
1068
+ "description": "Prevent autofocus on show",
1069
+ "fieldName": "disableAutoFocus"
930
1070
  },
931
1071
  {
932
- "name": "shadow",
1072
+ "name": "disableCloseOnEscape",
933
1073
  "type": {
934
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1074
+ "text": "boolean"
935
1075
  },
936
- "description": "Specify if a Box has a shadow",
937
- "fieldName": "shadow"
1076
+ "default": "false",
1077
+ "description": "Prevent Escape from closing",
1078
+ "fieldName": "disableCloseOnEscape"
938
1079
  }
939
1080
  ],
940
1081
  "superclass": {
941
1082
  "name": "LitElement",
942
1083
  "package": "lit"
943
1084
  },
944
- "tagName": "bm-box",
1085
+ "tagName": "bm-alert",
945
1086
  "customElement": true
946
1087
  }
947
1088
  ],
948
1089
  "exports": [
949
1090
  {
950
1091
  "kind": "js",
951
- "name": "BmBox",
1092
+ "name": "BmAlert",
952
1093
  "declaration": {
953
- "name": "BmBox",
954
- "module": "libs/web-components/src/lib/Box/Box.ts"
1094
+ "name": "BmAlert",
1095
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
955
1096
  }
956
1097
  },
957
1098
  {
958
1099
  "kind": "custom-element-definition",
959
- "name": "bm-box",
1100
+ "name": "bm-alert",
960
1101
  "declaration": {
961
- "name": "BmBox",
962
- "module": "libs/web-components/src/lib/Box/Box.ts"
1102
+ "name": "BmAlert",
1103
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
963
1104
  }
964
1105
  }
965
1106
  ]
966
1107
  },
967
1108
  {
968
1109
  "kind": "javascript-module",
969
- "path": "libs/web-components/src/lib/Box/index.ts",
1110
+ "path": "libs/web-components/src/lib/Alert/index.ts",
970
1111
  "declarations": [],
971
1112
  "exports": [
972
1113
  {
@@ -974,664 +1115,399 @@
974
1115
  "name": "*",
975
1116
  "declaration": {
976
1117
  "name": "*",
977
- "package": "./Box"
1118
+ "package": "./Alert"
978
1119
  }
979
1120
  }
980
1121
  ]
981
1122
  },
982
1123
  {
983
1124
  "kind": "javascript-module",
984
- "path": "libs/web-components/src/lib/Alert/Alert.ts",
1125
+ "path": "libs/web-components/src/lib/Box/Box.ts",
985
1126
  "declarations": [
986
1127
  {
987
1128
  "kind": "class",
988
- "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",
989
- "name": "BmAlert",
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",
990
1131
  "slots": [
991
1132
  {
992
- "description": "Specify a different icon for the Alert",
993
- "name": "icon"
994
- },
995
- {
996
- "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
997
- "name": "heading"
998
- },
999
- {
1000
- "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
1001
- "name": "body"
1002
- },
1003
- {
1004
- "description": "Specify if actions display on the Alert",
1005
- "name": "actions"
1133
+ "description": "Provide content for the Box",
1134
+ "name": "default"
1006
1135
  }
1007
1136
  ],
1008
1137
  "members": [
1009
1138
  {
1010
1139
  "kind": "field",
1011
- "name": "heading",
1140
+ "name": "backgroundColor",
1012
1141
  "type": {
1013
- "text": "string | undefined"
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"
1014
1143
  },
1015
- "description": "Specify the heading text for Alert",
1016
- "attribute": "heading"
1144
+ "description": "Specify the background color of a Box",
1145
+ "attribute": "backgroundColor"
1017
1146
  },
1018
1147
  {
1019
1148
  "kind": "field",
1020
- "name": "body",
1149
+ "name": "borderColor",
1021
1150
  "type": {
1022
- "text": "string | undefined"
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"
1023
1152
  },
1024
- "description": "Specify the body text for Alert",
1025
- "attribute": "body"
1153
+ "description": "Specify the border color of a Box",
1154
+ "attribute": "borderColor"
1026
1155
  },
1027
1156
  {
1028
1157
  "kind": "field",
1029
- "name": "size",
1158
+ "name": "borderWidth",
1030
1159
  "type": {
1031
- "text": "'sm' | 'md'"
1160
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1032
1161
  },
1033
- "default": "'sm'",
1034
- "description": "Specify the size of the Alert",
1035
- "attribute": "size"
1162
+ "description": "Specify the border width of a Box",
1163
+ "attribute": "borderWidth"
1036
1164
  },
1037
1165
  {
1038
1166
  "kind": "field",
1039
- "name": "fullWidth",
1167
+ "name": "borderRadius",
1040
1168
  "type": {
1041
- "text": "boolean"
1169
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1042
1170
  },
1043
- "default": "false",
1044
- "description": "Specify if the Alert has no border radius",
1045
- "attribute": "fullWidth"
1171
+ "description": "Specify the border radius of a Box",
1172
+ "attribute": "borderRadius"
1046
1173
  },
1047
1174
  {
1048
1175
  "kind": "field",
1049
- "name": "theme",
1176
+ "name": "px",
1050
1177
  "type": {
1051
- "text": "'light' | 'dark' | undefined"
1178
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1052
1179
  },
1053
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1054
- "attribute": "theme"
1180
+ "description": "Specify before and after padding of a Box",
1181
+ "attribute": "px"
1055
1182
  },
1056
1183
  {
1057
1184
  "kind": "field",
1058
- "name": "appearance",
1185
+ "name": "py",
1059
1186
  "type": {
1060
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1187
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1061
1188
  },
1062
- "default": "'infoPrimary'",
1063
- "description": "Specify the appearance of the Alert",
1064
- "attribute": "appearance"
1189
+ "description": "Specify top and bottom padding of a Box",
1190
+ "attribute": "py"
1065
1191
  },
1066
1192
  {
1067
1193
  "kind": "field",
1068
- "name": "hidden",
1194
+ "name": "pTop",
1069
1195
  "type": {
1070
- "text": "boolean"
1196
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1071
1197
  },
1072
- "default": "false",
1073
- "description": "Specify if the Alert is hidden",
1074
- "attribute": "hidden"
1198
+ "description": "Specify top padding of a Box",
1199
+ "attribute": "pTop"
1075
1200
  },
1076
1201
  {
1077
1202
  "kind": "field",
1078
- "name": "hideIcon",
1203
+ "name": "pBottom",
1079
1204
  "type": {
1080
- "text": "boolean"
1205
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1081
1206
  },
1082
- "default": "false",
1083
- "description": "Specify if the icon displays on the Alert",
1084
- "attribute": "hideIcon"
1207
+ "description": "Specify bottom padding of a Box",
1208
+ "attribute": "pBottom"
1085
1209
  },
1086
1210
  {
1087
1211
  "kind": "field",
1088
- "name": "dismissible",
1212
+ "name": "pBefore",
1089
1213
  "type": {
1090
- "text": "boolean"
1214
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1091
1215
  },
1092
- "default": "false",
1093
- "description": "Specify if the Alert can be dismissed",
1094
- "attribute": "dismissible"
1216
+ "description": "Specify before padding of a Box",
1217
+ "attribute": "pBefore"
1095
1218
  },
1096
1219
  {
1097
1220
  "kind": "field",
1098
- "name": "disableAutoFocus",
1221
+ "name": "pAfter",
1099
1222
  "type": {
1100
- "text": "boolean"
1223
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1101
1224
  },
1102
- "default": "false",
1103
- "description": "Prevent autofocus on show",
1104
- "attribute": "disableAutoFocus"
1225
+ "description": "Specify after padding of a Box",
1226
+ "attribute": "pAfter"
1105
1227
  },
1106
1228
  {
1107
1229
  "kind": "field",
1108
- "name": "disableCloseOnEscape",
1230
+ "name": "mx",
1109
1231
  "type": {
1110
- "text": "boolean"
1232
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1111
1233
  },
1112
- "default": "false",
1113
- "description": "Prevent Escape from closing",
1114
- "attribute": "disableCloseOnEscape"
1115
- }
1116
- ],
1117
- "events": [
1118
- {
1119
- "description": "Dispatched when the Alert has been dismissed",
1120
- "name": "bm-dismiss"
1121
- }
1122
- ],
1123
- "attributes": [
1234
+ "description": "Specify before and after margin of a Box",
1235
+ "attribute": "mx"
1236
+ },
1124
1237
  {
1125
- "name": "heading",
1238
+ "kind": "field",
1239
+ "name": "my",
1126
1240
  "type": {
1127
- "text": "string | undefined"
1241
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1128
1242
  },
1129
- "description": "Specify the heading text for Alert",
1130
- "fieldName": "heading"
1243
+ "description": "Specify top and bottom margin of a Box",
1244
+ "attribute": "my"
1131
1245
  },
1132
1246
  {
1133
- "name": "body",
1247
+ "kind": "field",
1248
+ "name": "mTop",
1134
1249
  "type": {
1135
- "text": "string | undefined"
1250
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1136
1251
  },
1137
- "description": "Specify the body text for Alert",
1138
- "fieldName": "body"
1252
+ "description": "Specify top margin of a Box",
1253
+ "attribute": "mTop"
1139
1254
  },
1140
1255
  {
1141
- "name": "size",
1256
+ "kind": "field",
1257
+ "name": "mBottom",
1142
1258
  "type": {
1143
- "text": "'sm' | 'md'"
1259
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1144
1260
  },
1145
- "default": "'sm'",
1146
- "description": "Specify the size of the Alert",
1147
- "fieldName": "size"
1261
+ "description": "Specify bottom margin of a Box",
1262
+ "attribute": "mBottom"
1148
1263
  },
1149
1264
  {
1150
- "name": "fullWidth",
1265
+ "kind": "field",
1266
+ "name": "mBefore",
1151
1267
  "type": {
1152
- "text": "boolean"
1268
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1153
1269
  },
1154
- "default": "false",
1155
- "description": "Specify if the Alert has no border radius",
1156
- "fieldName": "fullWidth"
1270
+ "description": "Specify before margin of a Box",
1271
+ "attribute": "mBefore"
1157
1272
  },
1158
1273
  {
1159
- "name": "theme",
1274
+ "kind": "field",
1275
+ "name": "mAfter",
1160
1276
  "type": {
1161
- "text": "'light' | 'dark' | undefined"
1277
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1162
1278
  },
1163
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1164
- "fieldName": "theme"
1279
+ "description": "Specify after margin of a Box",
1280
+ "attribute": "mAfter"
1165
1281
  },
1166
1282
  {
1167
- "name": "appearance",
1283
+ "kind": "field",
1284
+ "name": "m",
1168
1285
  "type": {
1169
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1286
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1170
1287
  },
1171
- "default": "'infoPrimary'",
1172
- "description": "Specify the appearance of the Alert",
1173
- "fieldName": "appearance"
1288
+ "description": "Specify all margin",
1289
+ "attribute": "m"
1174
1290
  },
1175
1291
  {
1176
- "name": "hidden",
1292
+ "kind": "field",
1293
+ "name": "p",
1177
1294
  "type": {
1178
- "text": "boolean"
1295
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1179
1296
  },
1180
- "default": "false",
1181
- "description": "Specify if the Alert is hidden",
1182
- "fieldName": "hidden"
1297
+ "description": "Specify all padding",
1298
+ "attribute": "p"
1183
1299
  },
1184
1300
  {
1185
- "name": "hideIcon",
1301
+ "kind": "field",
1302
+ "name": "gap",
1186
1303
  "type": {
1187
- "text": "boolean"
1304
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1188
1305
  },
1189
- "default": "false",
1190
- "description": "Specify if the icon displays on the Alert",
1191
- "fieldName": "hideIcon"
1306
+ "description": "Specify gap between child elements",
1307
+ "attribute": "gap"
1192
1308
  },
1193
1309
  {
1194
- "name": "dismissible",
1310
+ "kind": "field",
1311
+ "name": "shadow",
1195
1312
  "type": {
1196
- "text": "boolean"
1313
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1197
1314
  },
1198
- "default": "false",
1199
- "description": "Specify if the Alert can be dismissed",
1200
- "fieldName": "dismissible"
1315
+ "description": "Specify if a Box has a shadow",
1316
+ "attribute": "shadow"
1317
+ }
1318
+ ],
1319
+ "attributes": [
1320
+ {
1321
+ "name": "backgroundColor",
1322
+ "type": {
1323
+ "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"
1324
+ },
1325
+ "description": "Specify the background color of a Box",
1326
+ "fieldName": "backgroundColor"
1201
1327
  },
1202
1328
  {
1203
- "name": "disableAutoFocus",
1329
+ "name": "borderColor",
1204
1330
  "type": {
1205
- "text": "boolean"
1331
+ "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"
1206
1332
  },
1207
- "default": "false",
1208
- "description": "Prevent autofocus on show",
1209
- "fieldName": "disableAutoFocus"
1333
+ "description": "Specify the border color of a Box",
1334
+ "fieldName": "borderColor"
1210
1335
  },
1211
1336
  {
1212
- "name": "disableCloseOnEscape",
1337
+ "name": "borderWidth",
1213
1338
  "type": {
1214
- "text": "boolean"
1339
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1215
1340
  },
1216
- "default": "false",
1217
- "description": "Prevent Escape from closing",
1218
- "fieldName": "disableCloseOnEscape"
1219
- }
1220
- ],
1221
- "superclass": {
1222
- "name": "LitElement",
1223
- "package": "lit"
1224
- },
1225
- "tagName": "bm-alert",
1226
- "customElement": true
1227
- }
1228
- ],
1229
- "exports": [
1230
- {
1231
- "kind": "js",
1232
- "name": "BmAlert",
1233
- "declaration": {
1234
- "name": "BmAlert",
1235
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1236
- }
1237
- },
1238
- {
1239
- "kind": "custom-element-definition",
1240
- "name": "bm-alert",
1241
- "declaration": {
1242
- "name": "BmAlert",
1243
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1244
- }
1245
- }
1246
- ]
1247
- },
1248
- {
1249
- "kind": "javascript-module",
1250
- "path": "libs/web-components/src/lib/Alert/index.ts",
1251
- "declarations": [],
1252
- "exports": [
1253
- {
1254
- "kind": "js",
1255
- "name": "*",
1256
- "declaration": {
1257
- "name": "*",
1258
- "package": "./Alert"
1259
- }
1260
- }
1261
- ]
1262
- },
1263
- {
1264
- "kind": "javascript-module",
1265
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1266
- "declarations": [
1267
- {
1268
- "kind": "class",
1269
- "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** ",
1270
- "name": "BmAvatar",
1271
- "slots": [
1272
- {
1273
- "description": "Customize the default icon",
1274
- "name": "icon"
1275
- }
1276
- ],
1277
- "members": [
1278
- {
1279
- "kind": "field",
1280
- "name": "appearance",
1281
- "type": {
1282
- "text": "'accent' | 'neutral' | undefined"
1283
- },
1284
- "default": "'neutral'",
1285
- "description": "Specify the appearance of the Avatar",
1286
- "attribute": "appearance"
1287
- },
1288
- {
1289
- "kind": "field",
1290
- "name": "name",
1291
- "type": {
1292
- "text": "string | undefined"
1293
- },
1294
- "description": "Specify a name to display initials in the Avatar",
1295
- "attribute": "name"
1341
+ "description": "Specify the border width of a Box",
1342
+ "fieldName": "borderWidth"
1296
1343
  },
1297
1344
  {
1298
- "kind": "field",
1299
- "name": "src",
1345
+ "name": "borderRadius",
1300
1346
  "type": {
1301
- "text": "string | undefined"
1347
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1302
1348
  },
1303
- "description": "Pass an image to the Avatar",
1304
- "attribute": "src"
1349
+ "description": "Specify the border radius of a Box",
1350
+ "fieldName": "borderRadius"
1305
1351
  },
1306
1352
  {
1307
- "kind": "field",
1308
- "name": "alt",
1353
+ "name": "px",
1309
1354
  "type": {
1310
- "text": "string | undefined"
1355
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1311
1356
  },
1312
- "description": "Specify alt for image",
1313
- "attribute": "alt"
1357
+ "description": "Specify before and after padding of a Box",
1358
+ "fieldName": "px"
1314
1359
  },
1315
1360
  {
1316
- "kind": "field",
1317
- "name": "size",
1361
+ "name": "py",
1318
1362
  "type": {
1319
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1363
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1320
1364
  },
1321
- "default": "'md'",
1322
- "description": "Specify the size of the Avatar",
1323
- "attribute": "size"
1365
+ "description": "Specify top and bottom padding of a Box",
1366
+ "fieldName": "py"
1324
1367
  },
1325
1368
  {
1326
- "kind": "field",
1327
- "name": "disabled",
1369
+ "name": "pTop",
1328
1370
  "type": {
1329
- "text": "boolean | undefined"
1371
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1330
1372
  },
1331
- "default": "false",
1332
- "description": "Specify if the Avatar is disabled",
1333
- "attribute": "disabled"
1373
+ "description": "Specify top padding of a Box",
1374
+ "fieldName": "pTop"
1334
1375
  },
1335
1376
  {
1336
- "kind": "field",
1337
- "name": "shape",
1377
+ "name": "pBottom",
1338
1378
  "type": {
1339
- "text": "'circle' | 'square' | undefined"
1379
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1340
1380
  },
1341
- "default": "'circle'",
1342
- "description": "Specify the shape of the Avatar",
1343
- "attribute": "shape"
1381
+ "description": "Specify bottom padding of a Box",
1382
+ "fieldName": "pBottom"
1344
1383
  },
1345
1384
  {
1346
- "kind": "field",
1347
- "name": "isInteractive",
1385
+ "name": "pBefore",
1348
1386
  "type": {
1349
- "text": "boolean"
1387
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1350
1388
  },
1351
- "default": "false",
1352
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1353
- "attribute": "isInteractive"
1389
+ "description": "Specify before padding of a Box",
1390
+ "fieldName": "pBefore"
1354
1391
  },
1355
1392
  {
1356
- "kind": "field",
1357
- "name": "isFocusable",
1393
+ "name": "pAfter",
1358
1394
  "type": {
1359
- "text": "boolean"
1395
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1360
1396
  },
1361
- "default": "false",
1362
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1363
- "attribute": "isFocusable"
1397
+ "description": "Specify after padding of a Box",
1398
+ "fieldName": "pAfter"
1364
1399
  },
1365
1400
  {
1366
- "kind": "field",
1367
- "name": "withBorder",
1368
- "type": {
1369
- "text": "boolean"
1370
- },
1371
- "default": "false",
1372
- "attribute": "withBorder"
1373
- }
1374
- ],
1375
- "attributes": [
1376
- {
1377
- "name": "appearance",
1401
+ "name": "mx",
1378
1402
  "type": {
1379
- "text": "'accent' | 'neutral' | undefined"
1403
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1380
1404
  },
1381
- "default": "'neutral'",
1382
- "description": "Specify the appearance of the Avatar",
1383
- "fieldName": "appearance"
1405
+ "description": "Specify before and after margin of a Box",
1406
+ "fieldName": "mx"
1384
1407
  },
1385
1408
  {
1386
- "name": "name",
1409
+ "name": "my",
1387
1410
  "type": {
1388
- "text": "string | undefined"
1411
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1389
1412
  },
1390
- "description": "Specify a name to display initials in the Avatar",
1391
- "fieldName": "name"
1413
+ "description": "Specify top and bottom margin of a Box",
1414
+ "fieldName": "my"
1392
1415
  },
1393
1416
  {
1394
- "name": "src",
1417
+ "name": "mTop",
1395
1418
  "type": {
1396
- "text": "string | undefined"
1419
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1397
1420
  },
1398
- "description": "Pass an image to the Avatar",
1399
- "fieldName": "src"
1421
+ "description": "Specify top margin of a Box",
1422
+ "fieldName": "mTop"
1400
1423
  },
1401
1424
  {
1402
- "name": "alt",
1425
+ "name": "mBottom",
1403
1426
  "type": {
1404
- "text": "string | undefined"
1427
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1405
1428
  },
1406
- "description": "Specify alt for image",
1407
- "fieldName": "alt"
1429
+ "description": "Specify bottom margin of a Box",
1430
+ "fieldName": "mBottom"
1408
1431
  },
1409
1432
  {
1410
- "name": "size",
1433
+ "name": "mBefore",
1411
1434
  "type": {
1412
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1435
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1413
1436
  },
1414
- "default": "'md'",
1415
- "description": "Specify the size of the Avatar",
1416
- "fieldName": "size"
1437
+ "description": "Specify before margin of a Box",
1438
+ "fieldName": "mBefore"
1417
1439
  },
1418
1440
  {
1419
- "name": "disabled",
1441
+ "name": "mAfter",
1420
1442
  "type": {
1421
- "text": "boolean | undefined"
1443
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1422
1444
  },
1423
- "default": "false",
1424
- "description": "Specify if the Avatar is disabled",
1425
- "fieldName": "disabled"
1445
+ "description": "Specify after margin of a Box",
1446
+ "fieldName": "mAfter"
1426
1447
  },
1427
1448
  {
1428
- "name": "shape",
1449
+ "name": "m",
1429
1450
  "type": {
1430
- "text": "'circle' | 'square' | undefined"
1451
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1431
1452
  },
1432
- "default": "'circle'",
1433
- "description": "Specify the shape of the Avatar",
1434
- "fieldName": "shape"
1453
+ "description": "Specify all margin",
1454
+ "fieldName": "m"
1435
1455
  },
1436
1456
  {
1437
- "name": "isInteractive",
1457
+ "name": "p",
1438
1458
  "type": {
1439
- "text": "boolean"
1459
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1440
1460
  },
1441
- "default": "false",
1442
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1443
- "fieldName": "isInteractive"
1461
+ "description": "Specify all padding",
1462
+ "fieldName": "p"
1444
1463
  },
1445
1464
  {
1446
- "name": "isFocusable",
1465
+ "name": "gap",
1447
1466
  "type": {
1448
- "text": "boolean"
1467
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1449
1468
  },
1450
- "default": "false",
1451
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1452
- "fieldName": "isFocusable"
1469
+ "description": "Specify gap between child elements",
1470
+ "fieldName": "gap"
1453
1471
  },
1454
1472
  {
1455
- "name": "withBorder",
1473
+ "name": "shadow",
1456
1474
  "type": {
1457
- "text": "boolean"
1475
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1458
1476
  },
1459
- "default": "false",
1460
- "fieldName": "withBorder"
1477
+ "description": "Specify if a Box has a shadow",
1478
+ "fieldName": "shadow"
1461
1479
  }
1462
1480
  ],
1463
1481
  "superclass": {
1464
1482
  "name": "LitElement",
1465
1483
  "package": "lit"
1466
1484
  },
1467
- "tagName": "bm-avatar",
1485
+ "tagName": "bm-box",
1468
1486
  "customElement": true
1469
1487
  }
1470
1488
  ],
1471
1489
  "exports": [
1472
1490
  {
1473
1491
  "kind": "js",
1474
- "name": "BmAvatar",
1492
+ "name": "BmBox",
1475
1493
  "declaration": {
1476
- "name": "BmAvatar",
1477
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1494
+ "name": "BmBox",
1495
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1478
1496
  }
1479
1497
  },
1480
1498
  {
1481
1499
  "kind": "custom-element-definition",
1482
- "name": "bm-avatar",
1500
+ "name": "bm-box",
1483
1501
  "declaration": {
1484
- "name": "BmAvatar",
1485
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1502
+ "name": "BmBox",
1503
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1486
1504
  }
1487
1505
  }
1488
1506
  ]
1489
1507
  },
1490
1508
  {
1491
1509
  "kind": "javascript-module",
1492
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1493
- "declarations": [
1494
- {
1495
- "kind": "variable",
1496
- "name": "AvatarGroupCtx"
1497
- }
1498
- ],
1499
- "exports": [
1500
- {
1501
- "kind": "js",
1502
- "name": "AvatarGroupCtx",
1503
- "declaration": {
1504
- "name": "AvatarGroupCtx",
1505
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1506
- }
1507
- }
1508
- ]
1509
- },
1510
- {
1511
- "kind": "javascript-module",
1512
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1513
- "declarations": [
1514
- {
1515
- "kind": "class",
1516
- "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.",
1517
- "name": "BmAvatarGroup",
1518
- "slots": [
1519
- {
1520
- "description": "Add Avatars to create a group",
1521
- "name": "default"
1522
- }
1523
- ],
1524
- "members": [
1525
- {
1526
- "kind": "field",
1527
- "name": "wrapping",
1528
- "type": {
1529
- "text": "boolean"
1530
- },
1531
- "default": "false",
1532
- "description": "Specify if the AvatarGroup wraps",
1533
- "attribute": "wrapping"
1534
- },
1535
- {
1536
- "kind": "field",
1537
- "name": "maxCount",
1538
- "type": {
1539
- "text": "number"
1540
- },
1541
- "default": "5",
1542
- "description": "Specify the max number of avatars displayed in the group.",
1543
- "attribute": "maxCount",
1544
- "reflects": true
1545
- },
1546
- {
1547
- "kind": "field",
1548
- "name": "size",
1549
- "type": {
1550
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1551
- },
1552
- "default": "'md'",
1553
- "description": "Specify the size of all Avatars",
1554
- "attribute": "size"
1555
- },
1556
- {
1557
- "kind": "field",
1558
- "name": "layout",
1559
- "type": {
1560
- "text": "'stacked' | 'spaced' | undefined"
1561
- },
1562
- "default": "'stacked'",
1563
- "description": "Specify the kind of the group.",
1564
- "attribute": "layout"
1565
- }
1566
- ],
1567
- "attributes": [
1568
- {
1569
- "name": "wrapping",
1570
- "type": {
1571
- "text": "boolean"
1572
- },
1573
- "default": "false",
1574
- "description": "Specify if the AvatarGroup wraps",
1575
- "fieldName": "wrapping"
1576
- },
1577
- {
1578
- "name": "maxCount",
1579
- "type": {
1580
- "text": "number"
1581
- },
1582
- "default": "5",
1583
- "description": "Specify the max number of avatars displayed in the group.",
1584
- "fieldName": "maxCount"
1585
- },
1586
- {
1587
- "name": "size",
1588
- "type": {
1589
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1590
- },
1591
- "default": "'md'",
1592
- "description": "Specify the size of all Avatars",
1593
- "fieldName": "size"
1594
- },
1595
- {
1596
- "name": "layout",
1597
- "type": {
1598
- "text": "'stacked' | 'spaced' | undefined"
1599
- },
1600
- "default": "'stacked'",
1601
- "description": "Specify the kind of the group.",
1602
- "fieldName": "layout"
1603
- }
1604
- ],
1605
- "superclass": {
1606
- "name": "LitElement",
1607
- "package": "lit"
1608
- },
1609
- "tagName": "bm-avatar-group",
1610
- "customElement": true
1611
- }
1612
- ],
1613
- "exports": [
1614
- {
1615
- "kind": "js",
1616
- "name": "BmAvatarGroup",
1617
- "declaration": {
1618
- "name": "BmAvatarGroup",
1619
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1620
- }
1621
- },
1622
- {
1623
- "kind": "custom-element-definition",
1624
- "name": "bm-avatar-group",
1625
- "declaration": {
1626
- "name": "BmAvatarGroup",
1627
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1628
- }
1629
- }
1630
- ]
1631
- },
1632
- {
1633
- "kind": "javascript-module",
1634
- "path": "libs/web-components/src/lib/Avatar/index.ts",
1510
+ "path": "libs/web-components/src/lib/Box/index.ts",
1635
1511
  "declarations": [],
1636
1512
  "exports": [
1637
1513
  {
@@ -1639,15 +1515,7 @@
1639
1515
  "name": "*",
1640
1516
  "declaration": {
1641
1517
  "name": "*",
1642
- "package": "./Avatar"
1643
- }
1644
- },
1645
- {
1646
- "kind": "js",
1647
- "name": "*",
1648
- "declaration": {
1649
- "name": "*",
1650
- "package": "./AvatarGroup"
1518
+ "package": "./Box"
1651
1519
  }
1652
1520
  }
1653
1521
  ]
@@ -1956,116 +1824,248 @@
1956
1824
  },
1957
1825
  {
1958
1826
  "kind": "javascript-module",
1959
- "path": "libs/web-components/src/lib/Button/Button.ts",
1827
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1960
1828
  "declarations": [
1961
1829
  {
1962
1830
  "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",
1831
+ "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",
1832
+ "name": "BmBadgeDot",
1965
1833
  "slots": [
1966
1834
  {
1967
- "description": "Provide content for the Button",
1835
+ "description": "Provide text for the BadgeDot",
1968
1836
  "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
1837
  }
1978
1838
  ],
1979
1839
  "members": [
1980
1840
  {
1981
1841
  "kind": "field",
1982
- "name": "formAssociated",
1842
+ "name": "theme",
1983
1843
  "type": {
1984
- "text": "boolean"
1844
+ "text": "'light' | 'dark' | undefined"
1985
1845
  },
1986
- "static": true,
1987
- "default": "true"
1846
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1847
+ "attribute": "theme"
1988
1848
  },
1989
1849
  {
1990
1850
  "kind": "field",
1991
1851
  "name": "appearance",
1992
1852
  "type": {
1993
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1853
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1994
1854
  },
1995
- "default": "'accent'",
1996
- "description": "Specify the appearance of a Button",
1855
+ "default": "'infoPrimary'",
1856
+ "description": "Specify the appearance of the BadgeDot",
1997
1857
  "attribute": "appearance"
1998
1858
  },
1999
1859
  {
2000
1860
  "kind": "field",
2001
- "name": "kind",
1861
+ "name": "emphasis",
2002
1862
  "type": {
2003
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1863
+ "text": "'strong' | 'subtle'"
2004
1864
  },
2005
- "default": "'filled'",
2006
- "description": "Specify the kind of Button",
2007
- "attribute": "kind"
1865
+ "default": "'strong'",
1866
+ "description": "Specify the emphasis of the BadgeDot",
1867
+ "attribute": "emphasis"
2008
1868
  },
2009
1869
  {
2010
1870
  "kind": "field",
2011
- "name": "size",
1871
+ "name": "overrideDotColor",
2012
1872
  "type": {
2013
- "text": "'sm' | 'md' | 'lg'"
1873
+ "text": "string | undefined"
2014
1874
  },
2015
- "default": "'md'",
2016
- "description": "Specify the size of a Button",
2017
- "attribute": "size"
2018
- },
1875
+ "description": "Overrides default dot color",
1876
+ "attribute": "overrideDotColor"
1877
+ }
1878
+ ],
1879
+ "attributes": [
2019
1880
  {
2020
- "kind": "field",
2021
- "name": "disabled",
1881
+ "name": "theme",
2022
1882
  "type": {
2023
- "text": "boolean"
1883
+ "text": "'light' | 'dark' | undefined"
2024
1884
  },
2025
- "default": "false",
2026
- "description": "Specify if the Button is disabled",
2027
- "attribute": "disabled"
1885
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1886
+ "fieldName": "theme"
2028
1887
  },
2029
1888
  {
2030
- "kind": "field",
2031
- "name": "fluid",
1889
+ "name": "appearance",
2032
1890
  "type": {
2033
- "text": "boolean"
1891
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
2034
1892
  },
2035
- "default": "false",
2036
- "description": "Specify if Button is fluid",
2037
- "attribute": "fluid"
1893
+ "default": "'infoPrimary'",
1894
+ "description": "Specify the appearance of the BadgeDot",
1895
+ "fieldName": "appearance"
2038
1896
  },
2039
1897
  {
2040
- "kind": "field",
2041
- "name": "width",
1898
+ "name": "emphasis",
2042
1899
  "type": {
2043
- "text": "string | undefined"
1900
+ "text": "'strong' | 'subtle'"
2044
1901
  },
2045
- "description": "Specify the width of a Button",
2046
- "attribute": "width"
1902
+ "default": "'strong'",
1903
+ "description": "Specify the emphasis of the BadgeDot",
1904
+ "fieldName": "emphasis"
2047
1905
  },
2048
1906
  {
2049
- "kind": "field",
2050
- "name": "height",
1907
+ "name": "overrideDotColor",
2051
1908
  "type": {
2052
1909
  "text": "string | undefined"
2053
1910
  },
2054
- "description": "Specify the height of a Button",
2055
- "attribute": "height"
2056
- },
2057
- {
2058
- "kind": "field",
2059
- "name": "theme",
2060
- "type": {
2061
- "text": "'light' | 'dark' | undefined"
2062
- },
2063
- "description": "Specify the theme of the Button",
2064
- "attribute": "theme"
2065
- },
2066
- {
2067
- "kind": "field",
2068
- "name": "iconOnly",
1911
+ "description": "Overrides default dot color",
1912
+ "fieldName": "overrideDotColor"
1913
+ }
1914
+ ],
1915
+ "superclass": {
1916
+ "name": "LitElement",
1917
+ "package": "lit"
1918
+ },
1919
+ "tagName": "bm-badge-dot",
1920
+ "customElement": true
1921
+ }
1922
+ ],
1923
+ "exports": [
1924
+ {
1925
+ "kind": "js",
1926
+ "name": "BmBadgeDot",
1927
+ "declaration": {
1928
+ "name": "BmBadgeDot",
1929
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1930
+ }
1931
+ },
1932
+ {
1933
+ "kind": "custom-element-definition",
1934
+ "name": "bm-badge-dot",
1935
+ "declaration": {
1936
+ "name": "BmBadgeDot",
1937
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1938
+ }
1939
+ }
1940
+ ]
1941
+ },
1942
+ {
1943
+ "kind": "javascript-module",
1944
+ "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1945
+ "declarations": [],
1946
+ "exports": [
1947
+ {
1948
+ "kind": "js",
1949
+ "name": "*",
1950
+ "declaration": {
1951
+ "name": "*",
1952
+ "package": "./BadgeDot"
1953
+ }
1954
+ }
1955
+ ]
1956
+ },
1957
+ {
1958
+ "kind": "javascript-module",
1959
+ "path": "libs/web-components/src/lib/Button/Button.ts",
1960
+ "declarations": [
1961
+ {
1962
+ "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
+ ],
1979
+ "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
+ {
2010
+ "kind": "field",
2011
+ "name": "size",
2012
+ "type": {
2013
+ "text": "'sm' | 'md' | 'lg'"
2014
+ },
2015
+ "default": "'md'",
2016
+ "description": "Specify the size of a Button",
2017
+ "attribute": "size"
2018
+ },
2019
+ {
2020
+ "kind": "field",
2021
+ "name": "disabled",
2022
+ "type": {
2023
+ "text": "boolean"
2024
+ },
2025
+ "default": "false",
2026
+ "description": "Specify if the Button is disabled",
2027
+ "attribute": "disabled"
2028
+ },
2029
+ {
2030
+ "kind": "field",
2031
+ "name": "fluid",
2032
+ "type": {
2033
+ "text": "boolean"
2034
+ },
2035
+ "default": "false",
2036
+ "description": "Specify if Button is fluid",
2037
+ "attribute": "fluid"
2038
+ },
2039
+ {
2040
+ "kind": "field",
2041
+ "name": "width",
2042
+ "type": {
2043
+ "text": "string | undefined"
2044
+ },
2045
+ "description": "Specify the width of a Button",
2046
+ "attribute": "width"
2047
+ },
2048
+ {
2049
+ "kind": "field",
2050
+ "name": "height",
2051
+ "type": {
2052
+ "text": "string | undefined"
2053
+ },
2054
+ "description": "Specify the height of a Button",
2055
+ "attribute": "height"
2056
+ },
2057
+ {
2058
+ "kind": "field",
2059
+ "name": "theme",
2060
+ "type": {
2061
+ "text": "'light' | 'dark' | undefined"
2062
+ },
2063
+ "description": "Specify the theme of the Button",
2064
+ "attribute": "theme"
2065
+ },
2066
+ {
2067
+ "kind": "field",
2068
+ "name": "iconOnly",
2069
2069
  "type": {
2070
2070
  "text": "boolean | undefined"
2071
2071
  },
@@ -8325,17 +8325,477 @@
8325
8325
  "exports": [
8326
8326
  {
8327
8327
  "kind": "js",
8328
- "name": "fileUploadListContext",
8328
+ "name": "fileUploadListContext",
8329
+ "declaration": {
8330
+ "name": "fileUploadListContext",
8331
+ "module": "libs/web-components/src/lib/wip/FileUpload/FileUploadListContext.ts"
8332
+ }
8333
+ }
8334
+ ]
8335
+ },
8336
+ {
8337
+ "kind": "javascript-module",
8338
+ "path": "libs/web-components/src/lib/wip/FileUpload/index.ts",
8339
+ "declarations": [],
8340
+ "exports": [
8341
+ {
8342
+ "kind": "js",
8343
+ "name": "*",
8344
+ "declaration": {
8345
+ "name": "*",
8346
+ "package": "./FileUpload"
8347
+ }
8348
+ },
8349
+ {
8350
+ "kind": "js",
8351
+ "name": "*",
8352
+ "declaration": {
8353
+ "name": "*",
8354
+ "package": "./FileUpload.Button"
8355
+ }
8356
+ },
8357
+ {
8358
+ "kind": "js",
8359
+ "name": "*",
8360
+ "declaration": {
8361
+ "name": "*",
8362
+ "package": "./FileUpload.Dropzone"
8363
+ }
8364
+ },
8365
+ {
8366
+ "kind": "js",
8367
+ "name": "*",
8368
+ "declaration": {
8369
+ "name": "*",
8370
+ "package": "./FileUpload.List"
8371
+ }
8372
+ },
8373
+ {
8374
+ "kind": "js",
8375
+ "name": "*",
8376
+ "declaration": {
8377
+ "name": "*",
8378
+ "package": "./FileUpload.List.Item"
8379
+ }
8380
+ }
8381
+ ]
8382
+ },
8383
+ {
8384
+ "kind": "javascript-module",
8385
+ "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8386
+ "declarations": [
8387
+ {
8388
+ "kind": "class",
8389
+ "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",
8390
+ "name": "BmRadioButton",
8391
+ "members": [
8392
+ {
8393
+ "kind": "field",
8394
+ "name": "label",
8395
+ "type": {
8396
+ "text": "string | undefined"
8397
+ },
8398
+ "description": "Specify the text for the label",
8399
+ "attribute": "label"
8400
+ },
8401
+ {
8402
+ "kind": "field",
8403
+ "name": "error",
8404
+ "type": {
8405
+ "text": "boolean | undefined"
8406
+ },
8407
+ "description": "Specify error text and display error state of a RadioButton",
8408
+ "attribute": "error"
8409
+ },
8410
+ {
8411
+ "kind": "field",
8412
+ "name": "readOnly",
8413
+ "type": {
8414
+ "text": "boolean | undefined"
8415
+ },
8416
+ "description": "Specify if RadioButton displays in a read-only state",
8417
+ "attribute": "readOnly"
8418
+ },
8419
+ {
8420
+ "kind": "field",
8421
+ "name": "disabled",
8422
+ "type": {
8423
+ "text": "boolean | undefined"
8424
+ },
8425
+ "description": "Specify if RadioButton displays in a disabled state",
8426
+ "attribute": "disabled"
8427
+ },
8428
+ {
8429
+ "kind": "field",
8430
+ "name": "theme",
8431
+ "type": {
8432
+ "text": "'light' | 'dark' | undefined"
8433
+ },
8434
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8435
+ "attribute": "theme"
8436
+ },
8437
+ {
8438
+ "kind": "field",
8439
+ "name": "value",
8440
+ "type": {
8441
+ "text": "string | undefined"
8442
+ },
8443
+ "description": "The value attribute for the input element",
8444
+ "attribute": "value"
8445
+ },
8446
+ {
8447
+ "kind": "field",
8448
+ "name": "checked",
8449
+ "type": {
8450
+ "text": "boolean"
8451
+ },
8452
+ "default": "false",
8453
+ "description": "The checked attribute for the input element",
8454
+ "attribute": "checked"
8455
+ },
8456
+ {
8457
+ "kind": "field",
8458
+ "name": "onKeyDown",
8459
+ "type": {
8460
+ "text": "(event: KeyboardEvent) => void | undefined"
8461
+ },
8462
+ "description": "A user-defined function to handle keydown events",
8463
+ "attribute": "onKeyDown"
8464
+ },
8465
+ {
8466
+ "kind": "field",
8467
+ "name": "inputChoiceGroupContext",
8468
+ "type": {
8469
+ "text": "InputChoiceGroupContextProps"
8470
+ }
8471
+ },
8472
+ {
8473
+ "kind": "field",
8474
+ "name": "radioButtonRef"
8475
+ },
8476
+ {
8477
+ "kind": "method",
8478
+ "name": "focus"
8479
+ }
8480
+ ],
8481
+ "attributes": [
8482
+ {
8483
+ "name": "label",
8484
+ "type": {
8485
+ "text": "string | undefined"
8486
+ },
8487
+ "description": "Specify the text for the label",
8488
+ "fieldName": "label"
8489
+ },
8490
+ {
8491
+ "name": "error",
8492
+ "type": {
8493
+ "text": "boolean | undefined"
8494
+ },
8495
+ "description": "Specify error text and display error state of a RadioButton",
8496
+ "fieldName": "error"
8497
+ },
8498
+ {
8499
+ "name": "readOnly",
8500
+ "type": {
8501
+ "text": "boolean | undefined"
8502
+ },
8503
+ "description": "Specify if RadioButton displays in a read-only state",
8504
+ "fieldName": "readOnly"
8505
+ },
8506
+ {
8507
+ "name": "disabled",
8508
+ "type": {
8509
+ "text": "boolean | undefined"
8510
+ },
8511
+ "description": "Specify if RadioButton displays in a disabled state",
8512
+ "fieldName": "disabled"
8513
+ },
8514
+ {
8515
+ "name": "theme",
8516
+ "type": {
8517
+ "text": "'light' | 'dark' | undefined"
8518
+ },
8519
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8520
+ "fieldName": "theme"
8521
+ },
8522
+ {
8523
+ "name": "value",
8524
+ "type": {
8525
+ "text": "string | undefined"
8526
+ },
8527
+ "description": "The value attribute for the input element",
8528
+ "fieldName": "value"
8529
+ },
8530
+ {
8531
+ "name": "checked",
8532
+ "type": {
8533
+ "text": "boolean"
8534
+ },
8535
+ "default": "false",
8536
+ "description": "The checked attribute for the input element",
8537
+ "fieldName": "checked"
8538
+ },
8539
+ {
8540
+ "name": "onKeyDown",
8541
+ "type": {
8542
+ "text": "(event: KeyboardEvent) => void | undefined"
8543
+ },
8544
+ "description": "A user-defined function to handle keydown events",
8545
+ "fieldName": "onKeyDown"
8546
+ }
8547
+ ],
8548
+ "superclass": {
8549
+ "name": "LitElement",
8550
+ "package": "lit"
8551
+ },
8552
+ "tagName": "bm-radio-button",
8553
+ "customElement": true
8554
+ }
8555
+ ],
8556
+ "exports": [
8557
+ {
8558
+ "kind": "js",
8559
+ "name": "BmRadioButton",
8560
+ "declaration": {
8561
+ "name": "BmRadioButton",
8562
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8563
+ }
8564
+ },
8565
+ {
8566
+ "kind": "custom-element-definition",
8567
+ "name": "bm-radio-button",
8568
+ "declaration": {
8569
+ "name": "BmRadioButton",
8570
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8571
+ }
8572
+ }
8573
+ ]
8574
+ },
8575
+ {
8576
+ "kind": "javascript-module",
8577
+ "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
8578
+ "declarations": [],
8579
+ "exports": [
8580
+ {
8581
+ "kind": "js",
8582
+ "name": "*",
8583
+ "declaration": {
8584
+ "name": "*",
8585
+ "package": "./RadioButton"
8586
+ }
8587
+ },
8588
+ {
8589
+ "kind": "js",
8590
+ "name": "*",
8591
+ "declaration": {
8592
+ "name": "*",
8593
+ "package": "./RadioButtonGroup/RadioButtonGroup"
8594
+ }
8595
+ }
8596
+ ]
8597
+ },
8598
+ {
8599
+ "kind": "javascript-module",
8600
+ "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
8601
+ "declarations": [
8602
+ {
8603
+ "kind": "class",
8604
+ "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
8605
+ "name": "BmSwitch",
8606
+ "slots": [
8607
+ {
8608
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8609
+ "name": "onText"
8610
+ },
8611
+ {
8612
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8613
+ "name": "offText"
8614
+ }
8615
+ ],
8616
+ "members": [
8617
+ {
8618
+ "kind": "field",
8619
+ "name": "inputChoiceGroupContext",
8620
+ "type": {
8621
+ "text": "InputChoiceGroupContextProps"
8622
+ }
8623
+ },
8624
+ {
8625
+ "kind": "field",
8626
+ "name": "onText",
8627
+ "type": {
8628
+ "text": "string | undefined"
8629
+ },
8630
+ "default": "undefined",
8631
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8632
+ "attribute": "onText"
8633
+ },
8634
+ {
8635
+ "kind": "field",
8636
+ "name": "offText",
8637
+ "type": {
8638
+ "text": "string | undefined"
8639
+ },
8640
+ "default": "undefined",
8641
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8642
+ "attribute": "offText"
8643
+ },
8644
+ {
8645
+ "kind": "field",
8646
+ "name": "theme",
8647
+ "type": {
8648
+ "text": "ThemeTypes | undefined"
8649
+ },
8650
+ "default": "undefined",
8651
+ "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
8652
+ },
8653
+ {
8654
+ "kind": "field",
8655
+ "name": "textPosition",
8656
+ "type": {
8657
+ "text": "'before' | 'after'"
8658
+ },
8659
+ "default": "'after'",
8660
+ "description": "Specify the position of the side label",
8661
+ "attribute": "textPosition"
8662
+ },
8663
+ {
8664
+ "kind": "field",
8665
+ "name": "readOnly",
8666
+ "type": {
8667
+ "text": "boolean"
8668
+ },
8669
+ "default": "false",
8670
+ "description": "Specify if Switch displays in a read-only state",
8671
+ "attribute": "readOnly"
8672
+ },
8673
+ {
8674
+ "kind": "field",
8675
+ "name": "disabled",
8676
+ "type": {
8677
+ "text": "boolean"
8678
+ },
8679
+ "default": "false",
8680
+ "description": "Specify if Switch displays in a disabled state",
8681
+ "attribute": "disabled"
8682
+ },
8683
+ {
8684
+ "kind": "field",
8685
+ "name": "checked",
8686
+ "type": {
8687
+ "text": "boolean"
8688
+ },
8689
+ "default": "false",
8690
+ "attribute": "checked"
8691
+ },
8692
+ {
8693
+ "kind": "field",
8694
+ "name": "value",
8695
+ "type": {
8696
+ "text": "string | undefined"
8697
+ },
8698
+ "description": "The value attribute for the input element",
8699
+ "attribute": "value"
8700
+ },
8701
+ {
8702
+ "kind": "field",
8703
+ "name": "switchRef"
8704
+ }
8705
+ ],
8706
+ "attributes": [
8707
+ {
8708
+ "name": "onText",
8709
+ "type": {
8710
+ "text": "string | undefined"
8711
+ },
8712
+ "default": "undefined",
8713
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8714
+ "fieldName": "onText"
8715
+ },
8716
+ {
8717
+ "name": "offText",
8718
+ "type": {
8719
+ "text": "string | undefined"
8720
+ },
8721
+ "default": "undefined",
8722
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8723
+ "fieldName": "offText"
8724
+ },
8725
+ {
8726
+ "name": "textPosition",
8727
+ "type": {
8728
+ "text": "'before' | 'after'"
8729
+ },
8730
+ "default": "'after'",
8731
+ "description": "Specify the position of the side label",
8732
+ "fieldName": "textPosition"
8733
+ },
8734
+ {
8735
+ "name": "readOnly",
8736
+ "type": {
8737
+ "text": "boolean"
8738
+ },
8739
+ "default": "false",
8740
+ "description": "Specify if Switch displays in a read-only state",
8741
+ "fieldName": "readOnly"
8742
+ },
8743
+ {
8744
+ "name": "disabled",
8745
+ "type": {
8746
+ "text": "boolean"
8747
+ },
8748
+ "default": "false",
8749
+ "description": "Specify if Switch displays in a disabled state",
8750
+ "fieldName": "disabled"
8751
+ },
8752
+ {
8753
+ "name": "checked",
8754
+ "type": {
8755
+ "text": "boolean"
8756
+ },
8757
+ "default": "false",
8758
+ "fieldName": "checked"
8759
+ },
8760
+ {
8761
+ "name": "value",
8762
+ "type": {
8763
+ "text": "string | undefined"
8764
+ },
8765
+ "description": "The value attribute for the input element",
8766
+ "fieldName": "value"
8767
+ }
8768
+ ],
8769
+ "superclass": {
8770
+ "name": "LitElement",
8771
+ "package": "lit"
8772
+ },
8773
+ "tagName": "bm-switch",
8774
+ "customElement": true
8775
+ }
8776
+ ],
8777
+ "exports": [
8778
+ {
8779
+ "kind": "js",
8780
+ "name": "BmSwitch",
8329
8781
  "declaration": {
8330
- "name": "fileUploadListContext",
8331
- "module": "libs/web-components/src/lib/wip/FileUpload/FileUploadListContext.ts"
8782
+ "name": "BmSwitch",
8783
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
8784
+ }
8785
+ },
8786
+ {
8787
+ "kind": "custom-element-definition",
8788
+ "name": "bm-switch",
8789
+ "declaration": {
8790
+ "name": "BmSwitch",
8791
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
8332
8792
  }
8333
8793
  }
8334
8794
  ]
8335
8795
  },
8336
8796
  {
8337
8797
  "kind": "javascript-module",
8338
- "path": "libs/web-components/src/lib/wip/FileUpload/index.ts",
8798
+ "path": "libs/web-components/src/lib/wip/Switch/index.ts",
8339
8799
  "declarations": [],
8340
8800
  "exports": [
8341
8801
  {
@@ -8343,31 +8803,7 @@
8343
8803
  "name": "*",
8344
8804
  "declaration": {
8345
8805
  "name": "*",
8346
- "package": "./FileUpload"
8347
- }
8348
- },
8349
- {
8350
- "kind": "js",
8351
- "name": "*",
8352
- "declaration": {
8353
- "name": "*",
8354
- "package": "./FileUpload.Button"
8355
- }
8356
- },
8357
- {
8358
- "kind": "js",
8359
- "name": "*",
8360
- "declaration": {
8361
- "name": "*",
8362
- "package": "./FileUpload.Dropzone"
8363
- }
8364
- },
8365
- {
8366
- "kind": "js",
8367
- "name": "*",
8368
- "declaration": {
8369
- "name": "*",
8370
- "package": "./FileUpload.List"
8806
+ "package": "./Switch"
8371
8807
  }
8372
8808
  },
8373
8809
  {
@@ -8375,7 +8811,7 @@
8375
8811
  "name": "*",
8376
8812
  "declaration": {
8377
8813
  "name": "*",
8378
- "package": "./FileUpload.List.Item"
8814
+ "package": "./SwitchGroup/SwitchGroup"
8379
8815
  }
8380
8816
  }
8381
8817
  ]
@@ -8778,250 +9214,43 @@
8778
9214
  "text": "string | undefined"
8779
9215
  },
8780
9216
  "fieldName": "inputAriaLabel",
8781
- "inheritedFrom": {
8782
- "name": "FormField",
8783
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8784
- }
8785
- }
8786
- ],
8787
- "superclass": {
8788
- "name": "FormField",
8789
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8790
- },
8791
- "summary": "`bm-native-select`",
8792
- "tagName": "bm-native-select",
8793
- "customElement": true
8794
- }
8795
- ],
8796
- "exports": [
8797
- {
8798
- "kind": "js",
8799
- "name": "BmNativeSelect",
8800
- "declaration": {
8801
- "name": "BmNativeSelect",
8802
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8803
- }
8804
- },
8805
- {
8806
- "kind": "custom-element-definition",
8807
- "name": "bm-native-select",
8808
- "declaration": {
8809
- "name": "BmNativeSelect",
8810
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8811
- }
8812
- }
8813
- ]
8814
- },
8815
- {
8816
- "kind": "javascript-module",
8817
- "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8818
- "declarations": [],
8819
- "exports": [
8820
- {
8821
- "kind": "js",
8822
- "name": "*",
8823
- "declaration": {
8824
- "name": "*",
8825
- "package": "./NativeSelect"
8826
- }
8827
- }
8828
- ]
8829
- },
8830
- {
8831
- "kind": "javascript-module",
8832
- "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8833
- "declarations": [
8834
- {
8835
- "kind": "class",
8836
- "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
8837
- "name": "BmRadioButton",
8838
- "members": [
8839
- {
8840
- "kind": "field",
8841
- "name": "label",
8842
- "type": {
8843
- "text": "string | undefined"
8844
- },
8845
- "description": "Specify the text for the label",
8846
- "attribute": "label"
8847
- },
8848
- {
8849
- "kind": "field",
8850
- "name": "error",
8851
- "type": {
8852
- "text": "boolean | undefined"
8853
- },
8854
- "description": "Specify error text and display error state of a RadioButton",
8855
- "attribute": "error"
8856
- },
8857
- {
8858
- "kind": "field",
8859
- "name": "readOnly",
8860
- "type": {
8861
- "text": "boolean | undefined"
8862
- },
8863
- "description": "Specify if RadioButton displays in a read-only state",
8864
- "attribute": "readOnly"
8865
- },
8866
- {
8867
- "kind": "field",
8868
- "name": "disabled",
8869
- "type": {
8870
- "text": "boolean | undefined"
8871
- },
8872
- "description": "Specify if RadioButton displays in a disabled state",
8873
- "attribute": "disabled"
8874
- },
8875
- {
8876
- "kind": "field",
8877
- "name": "theme",
8878
- "type": {
8879
- "text": "'light' | 'dark' | undefined"
8880
- },
8881
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8882
- "attribute": "theme"
8883
- },
8884
- {
8885
- "kind": "field",
8886
- "name": "value",
8887
- "type": {
8888
- "text": "string | undefined"
8889
- },
8890
- "description": "The value attribute for the input element",
8891
- "attribute": "value"
8892
- },
8893
- {
8894
- "kind": "field",
8895
- "name": "checked",
8896
- "type": {
8897
- "text": "boolean"
8898
- },
8899
- "default": "false",
8900
- "description": "The checked attribute for the input element",
8901
- "attribute": "checked"
8902
- },
8903
- {
8904
- "kind": "field",
8905
- "name": "onKeyDown",
8906
- "type": {
8907
- "text": "(event: KeyboardEvent) => void | undefined"
8908
- },
8909
- "description": "A user-defined function to handle keydown events",
8910
- "attribute": "onKeyDown"
8911
- },
8912
- {
8913
- "kind": "field",
8914
- "name": "inputChoiceGroupContext",
8915
- "type": {
8916
- "text": "InputChoiceGroupContextProps"
8917
- }
8918
- },
8919
- {
8920
- "kind": "field",
8921
- "name": "radioButtonRef"
8922
- },
8923
- {
8924
- "kind": "method",
8925
- "name": "focus"
8926
- }
8927
- ],
8928
- "attributes": [
8929
- {
8930
- "name": "label",
8931
- "type": {
8932
- "text": "string | undefined"
8933
- },
8934
- "description": "Specify the text for the label",
8935
- "fieldName": "label"
8936
- },
8937
- {
8938
- "name": "error",
8939
- "type": {
8940
- "text": "boolean | undefined"
8941
- },
8942
- "description": "Specify error text and display error state of a RadioButton",
8943
- "fieldName": "error"
8944
- },
8945
- {
8946
- "name": "readOnly",
8947
- "type": {
8948
- "text": "boolean | undefined"
8949
- },
8950
- "description": "Specify if RadioButton displays in a read-only state",
8951
- "fieldName": "readOnly"
8952
- },
8953
- {
8954
- "name": "disabled",
8955
- "type": {
8956
- "text": "boolean | undefined"
8957
- },
8958
- "description": "Specify if RadioButton displays in a disabled state",
8959
- "fieldName": "disabled"
8960
- },
8961
- {
8962
- "name": "theme",
8963
- "type": {
8964
- "text": "'light' | 'dark' | undefined"
8965
- },
8966
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8967
- "fieldName": "theme"
8968
- },
8969
- {
8970
- "name": "value",
8971
- "type": {
8972
- "text": "string | undefined"
8973
- },
8974
- "description": "The value attribute for the input element",
8975
- "fieldName": "value"
8976
- },
8977
- {
8978
- "name": "checked",
8979
- "type": {
8980
- "text": "boolean"
8981
- },
8982
- "default": "false",
8983
- "description": "The checked attribute for the input element",
8984
- "fieldName": "checked"
8985
- },
8986
- {
8987
- "name": "onKeyDown",
8988
- "type": {
8989
- "text": "(event: KeyboardEvent) => void | undefined"
8990
- },
8991
- "description": "A user-defined function to handle keydown events",
8992
- "fieldName": "onKeyDown"
9217
+ "inheritedFrom": {
9218
+ "name": "FormField",
9219
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9220
+ }
8993
9221
  }
8994
9222
  ],
8995
9223
  "superclass": {
8996
- "name": "LitElement",
8997
- "package": "lit"
9224
+ "name": "FormField",
9225
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8998
9226
  },
8999
- "tagName": "bm-radio-button",
9227
+ "summary": "`bm-native-select`",
9228
+ "tagName": "bm-native-select",
9000
9229
  "customElement": true
9001
9230
  }
9002
9231
  ],
9003
9232
  "exports": [
9004
9233
  {
9005
9234
  "kind": "js",
9006
- "name": "BmRadioButton",
9235
+ "name": "BmNativeSelect",
9007
9236
  "declaration": {
9008
- "name": "BmRadioButton",
9009
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9237
+ "name": "BmNativeSelect",
9238
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
9010
9239
  }
9011
9240
  },
9012
9241
  {
9013
9242
  "kind": "custom-element-definition",
9014
- "name": "bm-radio-button",
9243
+ "name": "bm-native-select",
9015
9244
  "declaration": {
9016
- "name": "BmRadioButton",
9017
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9245
+ "name": "BmNativeSelect",
9246
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
9018
9247
  }
9019
9248
  }
9020
9249
  ]
9021
9250
  },
9022
9251
  {
9023
9252
  "kind": "javascript-module",
9024
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9253
+ "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
9025
9254
  "declarations": [],
9026
9255
  "exports": [
9027
9256
  {
@@ -9029,15 +9258,7 @@
9029
9258
  "name": "*",
9030
9259
  "declaration": {
9031
9260
  "name": "*",
9032
- "package": "./RadioButton"
9033
- }
9034
- },
9035
- {
9036
- "kind": "js",
9037
- "name": "*",
9038
- "declaration": {
9039
- "name": "*",
9040
- "package": "./RadioButtonGroup/RadioButtonGroup"
9261
+ "package": "./NativeSelect"
9041
9262
  }
9042
9263
  }
9043
9264
  ]
@@ -9557,227 +9778,6 @@
9557
9778
  }
9558
9779
  ]
9559
9780
  },
9560
- {
9561
- "kind": "javascript-module",
9562
- "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9563
- "declarations": [
9564
- {
9565
- "kind": "class",
9566
- "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
9567
- "name": "BmSwitch",
9568
- "slots": [
9569
- {
9570
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9571
- "name": "onText"
9572
- },
9573
- {
9574
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9575
- "name": "offText"
9576
- }
9577
- ],
9578
- "members": [
9579
- {
9580
- "kind": "field",
9581
- "name": "inputChoiceGroupContext",
9582
- "type": {
9583
- "text": "InputChoiceGroupContextProps"
9584
- }
9585
- },
9586
- {
9587
- "kind": "field",
9588
- "name": "onText",
9589
- "type": {
9590
- "text": "string | undefined"
9591
- },
9592
- "default": "undefined",
9593
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9594
- "attribute": "onText"
9595
- },
9596
- {
9597
- "kind": "field",
9598
- "name": "offText",
9599
- "type": {
9600
- "text": "string | undefined"
9601
- },
9602
- "default": "undefined",
9603
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9604
- "attribute": "offText"
9605
- },
9606
- {
9607
- "kind": "field",
9608
- "name": "theme",
9609
- "type": {
9610
- "text": "ThemeTypes | undefined"
9611
- },
9612
- "default": "undefined",
9613
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9614
- },
9615
- {
9616
- "kind": "field",
9617
- "name": "textPosition",
9618
- "type": {
9619
- "text": "'before' | 'after'"
9620
- },
9621
- "default": "'after'",
9622
- "description": "Specify the position of the side label",
9623
- "attribute": "textPosition"
9624
- },
9625
- {
9626
- "kind": "field",
9627
- "name": "readOnly",
9628
- "type": {
9629
- "text": "boolean"
9630
- },
9631
- "default": "false",
9632
- "description": "Specify if Switch displays in a read-only state",
9633
- "attribute": "readOnly"
9634
- },
9635
- {
9636
- "kind": "field",
9637
- "name": "disabled",
9638
- "type": {
9639
- "text": "boolean"
9640
- },
9641
- "default": "false",
9642
- "description": "Specify if Switch displays in a disabled state",
9643
- "attribute": "disabled"
9644
- },
9645
- {
9646
- "kind": "field",
9647
- "name": "checked",
9648
- "type": {
9649
- "text": "boolean"
9650
- },
9651
- "default": "false",
9652
- "attribute": "checked"
9653
- },
9654
- {
9655
- "kind": "field",
9656
- "name": "value",
9657
- "type": {
9658
- "text": "string | undefined"
9659
- },
9660
- "description": "The value attribute for the input element",
9661
- "attribute": "value"
9662
- },
9663
- {
9664
- "kind": "field",
9665
- "name": "switchRef"
9666
- }
9667
- ],
9668
- "attributes": [
9669
- {
9670
- "name": "onText",
9671
- "type": {
9672
- "text": "string | undefined"
9673
- },
9674
- "default": "undefined",
9675
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9676
- "fieldName": "onText"
9677
- },
9678
- {
9679
- "name": "offText",
9680
- "type": {
9681
- "text": "string | undefined"
9682
- },
9683
- "default": "undefined",
9684
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9685
- "fieldName": "offText"
9686
- },
9687
- {
9688
- "name": "textPosition",
9689
- "type": {
9690
- "text": "'before' | 'after'"
9691
- },
9692
- "default": "'after'",
9693
- "description": "Specify the position of the side label",
9694
- "fieldName": "textPosition"
9695
- },
9696
- {
9697
- "name": "readOnly",
9698
- "type": {
9699
- "text": "boolean"
9700
- },
9701
- "default": "false",
9702
- "description": "Specify if Switch displays in a read-only state",
9703
- "fieldName": "readOnly"
9704
- },
9705
- {
9706
- "name": "disabled",
9707
- "type": {
9708
- "text": "boolean"
9709
- },
9710
- "default": "false",
9711
- "description": "Specify if Switch displays in a disabled state",
9712
- "fieldName": "disabled"
9713
- },
9714
- {
9715
- "name": "checked",
9716
- "type": {
9717
- "text": "boolean"
9718
- },
9719
- "default": "false",
9720
- "fieldName": "checked"
9721
- },
9722
- {
9723
- "name": "value",
9724
- "type": {
9725
- "text": "string | undefined"
9726
- },
9727
- "description": "The value attribute for the input element",
9728
- "fieldName": "value"
9729
- }
9730
- ],
9731
- "superclass": {
9732
- "name": "LitElement",
9733
- "package": "lit"
9734
- },
9735
- "tagName": "bm-switch",
9736
- "customElement": true
9737
- }
9738
- ],
9739
- "exports": [
9740
- {
9741
- "kind": "js",
9742
- "name": "BmSwitch",
9743
- "declaration": {
9744
- "name": "BmSwitch",
9745
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9746
- }
9747
- },
9748
- {
9749
- "kind": "custom-element-definition",
9750
- "name": "bm-switch",
9751
- "declaration": {
9752
- "name": "BmSwitch",
9753
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9754
- }
9755
- }
9756
- ]
9757
- },
9758
- {
9759
- "kind": "javascript-module",
9760
- "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9761
- "declarations": [],
9762
- "exports": [
9763
- {
9764
- "kind": "js",
9765
- "name": "*",
9766
- "declaration": {
9767
- "name": "*",
9768
- "package": "./Switch"
9769
- }
9770
- },
9771
- {
9772
- "kind": "js",
9773
- "name": "*",
9774
- "declaration": {
9775
- "name": "*",
9776
- "package": "./SwitchGroup/SwitchGroup"
9777
- }
9778
- }
9779
- ]
9780
- },
9781
9781
  {
9782
9782
  "kind": "javascript-module",
9783
9783
  "path": "libs/web-components/src/lib/wip/Checkbox/CheckboxGroup/CheckboxGroup.ts",