@viasat/beam-web-components 2.46.0 → 2.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/custom-elements.json +1657 -1657
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +563 -563
package/custom-elements.json CHANGED
@@ -294,665 +294,673 @@
294
294
  },
295
295
  {
296
296
  "kind": "javascript-module",
297
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
297
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
298
298
  "declarations": [
299
299
  {
300
300
  "kind": "class",
301
- "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
302
- "name": "BmAvatar",
301
+ "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
302
+ "name": "BmAlert",
303
303
  "slots": [
304
304
  {
305
- "description": "Customize the default icon",
305
+ "description": "Specify a different icon for the Alert",
306
306
  "name": "icon"
307
+ },
308
+ {
309
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
310
+ "name": "heading"
311
+ },
312
+ {
313
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
314
+ "name": "body"
315
+ },
316
+ {
317
+ "description": "Specify if actions display on the Alert",
318
+ "name": "actions"
307
319
  }
308
320
  ],
309
321
  "members": [
310
322
  {
311
323
  "kind": "field",
312
- "name": "appearance",
324
+ "name": "heading",
313
325
  "type": {
314
- "text": "'accent' | 'neutral' | undefined"
326
+ "text": "string | undefined"
315
327
  },
316
- "default": "'neutral'",
317
- "description": "Specify the appearance of the Avatar",
318
- "attribute": "appearance"
328
+ "description": "Specify the heading text for Alert",
329
+ "attribute": "heading"
319
330
  },
320
331
  {
321
332
  "kind": "field",
322
- "name": "name",
333
+ "name": "body",
323
334
  "type": {
324
335
  "text": "string | undefined"
325
336
  },
326
- "description": "Specify a name to display initials in the Avatar",
327
- "attribute": "name"
337
+ "description": "Specify the body text for Alert",
338
+ "attribute": "body"
328
339
  },
329
340
  {
330
341
  "kind": "field",
331
- "name": "src",
342
+ "name": "size",
332
343
  "type": {
333
- "text": "string | undefined"
344
+ "text": "'sm' | 'md'"
334
345
  },
335
- "description": "Pass an image to the Avatar",
336
- "attribute": "src"
346
+ "default": "'sm'",
347
+ "description": "Specify the size of the Alert",
348
+ "attribute": "size"
337
349
  },
338
350
  {
339
351
  "kind": "field",
340
- "name": "alt",
352
+ "name": "fullWidth",
341
353
  "type": {
342
- "text": "string | undefined"
354
+ "text": "boolean"
343
355
  },
344
- "description": "Specify alt for image",
345
- "attribute": "alt"
356
+ "default": "false",
357
+ "description": "Specify if the Alert has no border radius",
358
+ "attribute": "fullWidth"
346
359
  },
347
360
  {
348
361
  "kind": "field",
349
- "name": "size",
362
+ "name": "theme",
350
363
  "type": {
351
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
364
+ "text": "'light' | 'dark' | undefined"
352
365
  },
353
- "default": "'md'",
354
- "description": "Specify the size of the Avatar",
355
- "attribute": "size"
366
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
367
+ "attribute": "theme"
356
368
  },
357
369
  {
358
370
  "kind": "field",
359
- "name": "disabled",
371
+ "name": "appearance",
360
372
  "type": {
361
- "text": "boolean | undefined"
373
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
374
+ },
375
+ "default": "'infoPrimary'",
376
+ "description": "Specify the appearance of the Alert",
377
+ "attribute": "appearance"
378
+ },
379
+ {
380
+ "kind": "field",
381
+ "name": "hidden",
382
+ "type": {
383
+ "text": "boolean"
362
384
  },
363
385
  "default": "false",
364
- "description": "Specify if the Avatar is disabled",
365
- "attribute": "disabled"
386
+ "description": "Specify if the Alert is hidden",
387
+ "attribute": "hidden"
366
388
  },
367
389
  {
368
390
  "kind": "field",
369
- "name": "shape",
391
+ "name": "hideIcon",
370
392
  "type": {
371
- "text": "'circle' | 'square' | undefined"
393
+ "text": "boolean"
372
394
  },
373
- "default": "'circle'",
374
- "description": "Specify the shape of the Avatar",
375
- "attribute": "shape"
395
+ "default": "false",
396
+ "description": "Specify if the icon displays on the Alert",
397
+ "attribute": "hideIcon"
376
398
  },
377
399
  {
378
400
  "kind": "field",
379
- "name": "isInteractive",
401
+ "name": "dismissible",
380
402
  "type": {
381
403
  "text": "boolean"
382
404
  },
383
405
  "default": "false",
384
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
385
- "attribute": "isInteractive"
406
+ "description": "Specify if the Alert can be dismissed",
407
+ "attribute": "dismissible"
386
408
  },
387
409
  {
388
410
  "kind": "field",
389
- "name": "isFocusable",
411
+ "name": "disableAutoFocus",
390
412
  "type": {
391
413
  "text": "boolean"
392
414
  },
393
415
  "default": "false",
394
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
395
- "attribute": "isFocusable"
416
+ "description": "Prevent autofocus on show",
417
+ "attribute": "disableAutoFocus"
396
418
  },
397
419
  {
398
420
  "kind": "field",
399
- "name": "withBorder",
421
+ "name": "disableCloseOnEscape",
400
422
  "type": {
401
423
  "text": "boolean"
402
424
  },
403
425
  "default": "false",
404
- "attribute": "withBorder"
426
+ "description": "Prevent Escape from closing",
427
+ "attribute": "disableCloseOnEscape"
428
+ }
429
+ ],
430
+ "events": [
431
+ {
432
+ "description": "Dispatched when the Alert has been dismissed",
433
+ "name": "bm-dismiss"
405
434
  }
406
435
  ],
407
436
  "attributes": [
408
437
  {
409
- "name": "appearance",
438
+ "name": "heading",
410
439
  "type": {
411
- "text": "'accent' | 'neutral' | undefined"
440
+ "text": "string | undefined"
412
441
  },
413
- "default": "'neutral'",
414
- "description": "Specify the appearance of the Avatar",
415
- "fieldName": "appearance"
442
+ "description": "Specify the heading text for Alert",
443
+ "fieldName": "heading"
416
444
  },
417
445
  {
418
- "name": "name",
446
+ "name": "body",
419
447
  "type": {
420
448
  "text": "string | undefined"
421
449
  },
422
- "description": "Specify a name to display initials in the Avatar",
423
- "fieldName": "name"
450
+ "description": "Specify the body text for Alert",
451
+ "fieldName": "body"
424
452
  },
425
453
  {
426
- "name": "src",
454
+ "name": "size",
427
455
  "type": {
428
- "text": "string | undefined"
456
+ "text": "'sm' | 'md'"
429
457
  },
430
- "description": "Pass an image to the Avatar",
431
- "fieldName": "src"
458
+ "default": "'sm'",
459
+ "description": "Specify the size of the Alert",
460
+ "fieldName": "size"
432
461
  },
433
462
  {
434
- "name": "alt",
463
+ "name": "fullWidth",
435
464
  "type": {
436
- "text": "string | undefined"
465
+ "text": "boolean"
437
466
  },
438
- "description": "Specify alt for image",
439
- "fieldName": "alt"
467
+ "default": "false",
468
+ "description": "Specify if the Alert has no border radius",
469
+ "fieldName": "fullWidth"
440
470
  },
441
471
  {
442
- "name": "size",
472
+ "name": "theme",
443
473
  "type": {
444
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
474
+ "text": "'light' | 'dark' | undefined"
445
475
  },
446
- "default": "'md'",
447
- "description": "Specify the size of the Avatar",
448
- "fieldName": "size"
476
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
477
+ "fieldName": "theme"
449
478
  },
450
479
  {
451
- "name": "disabled",
480
+ "name": "appearance",
452
481
  "type": {
453
- "text": "boolean | undefined"
482
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
483
+ },
484
+ "default": "'infoPrimary'",
485
+ "description": "Specify the appearance of the Alert",
486
+ "fieldName": "appearance"
487
+ },
488
+ {
489
+ "name": "hidden",
490
+ "type": {
491
+ "text": "boolean"
454
492
  },
455
493
  "default": "false",
456
- "description": "Specify if the Avatar is disabled",
457
- "fieldName": "disabled"
494
+ "description": "Specify if the Alert is hidden",
495
+ "fieldName": "hidden"
458
496
  },
459
497
  {
460
- "name": "shape",
498
+ "name": "hideIcon",
461
499
  "type": {
462
- "text": "'circle' | 'square' | undefined"
500
+ "text": "boolean"
463
501
  },
464
- "default": "'circle'",
465
- "description": "Specify the shape of the Avatar",
466
- "fieldName": "shape"
502
+ "default": "false",
503
+ "description": "Specify if the icon displays on the Alert",
504
+ "fieldName": "hideIcon"
467
505
  },
468
506
  {
469
- "name": "isInteractive",
507
+ "name": "dismissible",
470
508
  "type": {
471
509
  "text": "boolean"
472
510
  },
473
511
  "default": "false",
474
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
475
- "fieldName": "isInteractive"
512
+ "description": "Specify if the Alert can be dismissed",
513
+ "fieldName": "dismissible"
476
514
  },
477
515
  {
478
- "name": "isFocusable",
516
+ "name": "disableAutoFocus",
479
517
  "type": {
480
518
  "text": "boolean"
481
519
  },
482
520
  "default": "false",
483
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
484
- "fieldName": "isFocusable"
521
+ "description": "Prevent autofocus on show",
522
+ "fieldName": "disableAutoFocus"
485
523
  },
486
524
  {
487
- "name": "withBorder",
525
+ "name": "disableCloseOnEscape",
488
526
  "type": {
489
527
  "text": "boolean"
490
528
  },
491
529
  "default": "false",
492
- "fieldName": "withBorder"
530
+ "description": "Prevent Escape from closing",
531
+ "fieldName": "disableCloseOnEscape"
493
532
  }
494
533
  ],
495
534
  "superclass": {
496
535
  "name": "LitElement",
497
536
  "package": "lit"
498
537
  },
499
- "tagName": "bm-avatar",
538
+ "tagName": "bm-alert",
500
539
  "customElement": true
501
540
  }
502
541
  ],
503
542
  "exports": [
504
543
  {
505
544
  "kind": "js",
506
- "name": "BmAvatar",
545
+ "name": "BmAlert",
507
546
  "declaration": {
508
- "name": "BmAvatar",
509
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
547
+ "name": "BmAlert",
548
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
510
549
  }
511
550
  },
512
551
  {
513
552
  "kind": "custom-element-definition",
514
- "name": "bm-avatar",
553
+ "name": "bm-alert",
515
554
  "declaration": {
516
- "name": "BmAvatar",
517
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
555
+ "name": "BmAlert",
556
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
518
557
  }
519
558
  }
520
559
  ]
521
560
  },
522
561
  {
523
562
  "kind": "javascript-module",
524
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
525
- "declarations": [
526
- {
527
- "kind": "variable",
528
- "name": "AvatarGroupCtx"
529
- }
530
- ],
563
+ "path": "libs/web-components/src/lib/Alert/index.ts",
564
+ "declarations": [],
531
565
  "exports": [
532
566
  {
533
567
  "kind": "js",
534
- "name": "AvatarGroupCtx",
568
+ "name": "*",
535
569
  "declaration": {
536
- "name": "AvatarGroupCtx",
537
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
570
+ "name": "*",
571
+ "package": "./Alert"
538
572
  }
539
573
  }
540
574
  ]
541
575
  },
542
576
  {
543
577
  "kind": "javascript-module",
544
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
578
+ "path": "libs/web-components/src/lib/Box/Box.ts",
545
579
  "declarations": [
546
580
  {
547
581
  "kind": "class",
548
- "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
549
- "name": "BmAvatarGroup",
582
+ "description": "`bm-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",
583
+ "name": "BmBox",
550
584
  "slots": [
551
585
  {
552
- "description": "Add Avatars to create a group",
586
+ "description": "Provide content for the Box",
553
587
  "name": "default"
554
588
  }
555
589
  ],
556
590
  "members": [
557
591
  {
558
592
  "kind": "field",
559
- "name": "wrapping",
593
+ "name": "backgroundColor",
560
594
  "type": {
561
- "text": "boolean"
595
+ "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"
562
596
  },
563
- "default": "false",
564
- "description": "Specify if the AvatarGroup wraps",
565
- "attribute": "wrapping"
597
+ "description": "Specify the background color of a Box",
598
+ "attribute": "backgroundColor"
566
599
  },
567
600
  {
568
601
  "kind": "field",
569
- "name": "maxCount",
602
+ "name": "borderColor",
570
603
  "type": {
571
- "text": "number"
604
+ "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"
572
605
  },
573
- "default": "5",
574
- "description": "Specify the max number of avatars displayed in the group.",
575
- "attribute": "maxCount",
576
- "reflects": true
606
+ "description": "Specify the border color of a Box",
607
+ "attribute": "borderColor"
577
608
  },
578
609
  {
579
610
  "kind": "field",
580
- "name": "size",
611
+ "name": "borderWidth",
581
612
  "type": {
582
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
613
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
583
614
  },
584
- "default": "'md'",
585
- "description": "Specify the size of all Avatars",
586
- "attribute": "size"
615
+ "description": "Specify the border width of a Box",
616
+ "attribute": "borderWidth"
587
617
  },
588
618
  {
589
619
  "kind": "field",
590
- "name": "layout",
620
+ "name": "borderRadius",
591
621
  "type": {
592
- "text": "'stacked' | 'spaced' | undefined"
622
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
593
623
  },
594
- "default": "'stacked'",
595
- "description": "Specify the kind of the group.",
596
- "attribute": "layout"
597
- }
598
- ],
599
- "attributes": [
624
+ "description": "Specify the border radius of a Box",
625
+ "attribute": "borderRadius"
626
+ },
600
627
  {
601
- "name": "wrapping",
628
+ "kind": "field",
629
+ "name": "px",
602
630
  "type": {
603
- "text": "boolean"
631
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
604
632
  },
605
- "default": "false",
606
- "description": "Specify if the AvatarGroup wraps",
607
- "fieldName": "wrapping"
633
+ "description": "Specify before and after padding of a Box",
634
+ "attribute": "px"
608
635
  },
609
636
  {
610
- "name": "maxCount",
637
+ "kind": "field",
638
+ "name": "py",
611
639
  "type": {
612
- "text": "number"
640
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
613
641
  },
614
- "default": "5",
615
- "description": "Specify the max number of avatars displayed in the group.",
616
- "fieldName": "maxCount"
642
+ "description": "Specify top and bottom padding of a Box",
643
+ "attribute": "py"
617
644
  },
618
645
  {
619
- "name": "size",
646
+ "kind": "field",
647
+ "name": "pTop",
620
648
  "type": {
621
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
649
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
622
650
  },
623
- "default": "'md'",
624
- "description": "Specify the size of all Avatars",
625
- "fieldName": "size"
651
+ "description": "Specify top padding of a Box",
652
+ "attribute": "pTop"
626
653
  },
627
654
  {
628
- "name": "layout",
655
+ "kind": "field",
656
+ "name": "pBottom",
629
657
  "type": {
630
- "text": "'stacked' | 'spaced' | undefined"
658
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
631
659
  },
632
- "default": "'stacked'",
633
- "description": "Specify the kind of the group.",
634
- "fieldName": "layout"
635
- }
636
- ],
637
- "superclass": {
638
- "name": "LitElement",
639
- "package": "lit"
640
- },
641
- "tagName": "bm-avatar-group",
642
- "customElement": true
643
- }
644
- ],
645
- "exports": [
646
- {
647
- "kind": "js",
648
- "name": "BmAvatarGroup",
649
- "declaration": {
650
- "name": "BmAvatarGroup",
651
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
652
- }
653
- },
654
- {
655
- "kind": "custom-element-definition",
656
- "name": "bm-avatar-group",
657
- "declaration": {
658
- "name": "BmAvatarGroup",
659
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
660
- }
661
- }
662
- ]
663
- },
664
- {
665
- "kind": "javascript-module",
666
- "path": "libs/web-components/src/lib/Avatar/index.ts",
667
- "declarations": [],
668
- "exports": [
669
- {
670
- "kind": "js",
671
- "name": "*",
672
- "declaration": {
673
- "name": "*",
674
- "package": "./Avatar"
675
- }
676
- },
677
- {
678
- "kind": "js",
679
- "name": "*",
680
- "declaration": {
681
- "name": "*",
682
- "package": "./AvatarGroup"
683
- }
684
- }
685
- ]
686
- },
687
- {
688
- "kind": "javascript-module",
689
- "path": "libs/web-components/src/lib/Alert/Alert.ts",
690
- "declarations": [
691
- {
692
- "kind": "class",
693
- "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",
694
- "name": "BmAlert",
695
- "slots": [
696
- {
697
- "description": "Specify a different icon for the Alert",
698
- "name": "icon"
699
- },
700
- {
701
- "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
702
- "name": "heading"
660
+ "description": "Specify bottom padding of a Box",
661
+ "attribute": "pBottom"
703
662
  },
704
663
  {
705
- "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
706
- "name": "body"
664
+ "kind": "field",
665
+ "name": "pBefore",
666
+ "type": {
667
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
668
+ },
669
+ "description": "Specify before padding of a Box",
670
+ "attribute": "pBefore"
707
671
  },
708
- {
709
- "description": "Specify if actions display on the Alert",
710
- "name": "actions"
711
- }
712
- ],
713
- "members": [
714
672
  {
715
673
  "kind": "field",
716
- "name": "heading",
674
+ "name": "pAfter",
717
675
  "type": {
718
- "text": "string | undefined"
676
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
719
677
  },
720
- "description": "Specify the heading text for Alert",
721
- "attribute": "heading"
678
+ "description": "Specify after padding of a Box",
679
+ "attribute": "pAfter"
722
680
  },
723
681
  {
724
682
  "kind": "field",
725
- "name": "body",
683
+ "name": "mx",
726
684
  "type": {
727
- "text": "string | undefined"
685
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
728
686
  },
729
- "description": "Specify the body text for Alert",
730
- "attribute": "body"
687
+ "description": "Specify before and after margin of a Box",
688
+ "attribute": "mx"
731
689
  },
732
690
  {
733
691
  "kind": "field",
734
- "name": "size",
692
+ "name": "my",
735
693
  "type": {
736
- "text": "'sm' | 'md'"
694
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
737
695
  },
738
- "default": "'sm'",
739
- "description": "Specify the size of the Alert",
740
- "attribute": "size"
696
+ "description": "Specify top and bottom margin of a Box",
697
+ "attribute": "my"
741
698
  },
742
699
  {
743
700
  "kind": "field",
744
- "name": "fullWidth",
701
+ "name": "mTop",
745
702
  "type": {
746
- "text": "boolean"
703
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
747
704
  },
748
- "default": "false",
749
- "description": "Specify if the Alert has no border radius",
750
- "attribute": "fullWidth"
705
+ "description": "Specify top margin of a Box",
706
+ "attribute": "mTop"
751
707
  },
752
708
  {
753
709
  "kind": "field",
754
- "name": "theme",
710
+ "name": "mBottom",
755
711
  "type": {
756
- "text": "'light' | 'dark' | undefined"
712
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
757
713
  },
758
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
759
- "attribute": "theme"
714
+ "description": "Specify bottom margin of a Box",
715
+ "attribute": "mBottom"
760
716
  },
761
717
  {
762
718
  "kind": "field",
763
- "name": "appearance",
719
+ "name": "mBefore",
764
720
  "type": {
765
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
721
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
766
722
  },
767
- "default": "'infoPrimary'",
768
- "description": "Specify the appearance of the Alert",
769
- "attribute": "appearance"
723
+ "description": "Specify before margin of a Box",
724
+ "attribute": "mBefore"
770
725
  },
771
726
  {
772
727
  "kind": "field",
773
- "name": "hidden",
728
+ "name": "mAfter",
774
729
  "type": {
775
- "text": "boolean"
730
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
776
731
  },
777
- "default": "false",
778
- "description": "Specify if the Alert is hidden",
779
- "attribute": "hidden"
732
+ "description": "Specify after margin of a Box",
733
+ "attribute": "mAfter"
780
734
  },
781
735
  {
782
736
  "kind": "field",
783
- "name": "hideIcon",
737
+ "name": "m",
784
738
  "type": {
785
- "text": "boolean"
739
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
786
740
  },
787
- "default": "false",
788
- "description": "Specify if the icon displays on the Alert",
789
- "attribute": "hideIcon"
741
+ "description": "Specify all margin",
742
+ "attribute": "m"
790
743
  },
791
744
  {
792
745
  "kind": "field",
793
- "name": "dismissible",
746
+ "name": "p",
794
747
  "type": {
795
- "text": "boolean"
748
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
796
749
  },
797
- "default": "false",
798
- "description": "Specify if the Alert can be dismissed",
799
- "attribute": "dismissible"
750
+ "description": "Specify all padding",
751
+ "attribute": "p"
800
752
  },
801
753
  {
802
754
  "kind": "field",
803
- "name": "disableAutoFocus",
755
+ "name": "gap",
804
756
  "type": {
805
- "text": "boolean"
757
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
806
758
  },
807
- "default": "false",
808
- "description": "Prevent autofocus on show",
809
- "attribute": "disableAutoFocus"
759
+ "description": "Specify gap between child elements",
760
+ "attribute": "gap"
810
761
  },
811
762
  {
812
763
  "kind": "field",
813
- "name": "disableCloseOnEscape",
764
+ "name": "shadow",
814
765
  "type": {
815
- "text": "boolean"
766
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
816
767
  },
817
- "default": "false",
818
- "description": "Prevent Escape from closing",
819
- "attribute": "disableCloseOnEscape"
820
- }
821
- ],
822
- "events": [
823
- {
824
- "description": "Dispatched when the Alert has been dismissed",
825
- "name": "bm-dismiss"
768
+ "description": "Specify if a Box has a shadow",
769
+ "attribute": "shadow"
826
770
  }
827
771
  ],
828
772
  "attributes": [
829
773
  {
830
- "name": "heading",
774
+ "name": "backgroundColor",
831
775
  "type": {
832
- "text": "string | undefined"
776
+ "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"
833
777
  },
834
- "description": "Specify the heading text for Alert",
835
- "fieldName": "heading"
778
+ "description": "Specify the background color of a Box",
779
+ "fieldName": "backgroundColor"
836
780
  },
837
781
  {
838
- "name": "body",
782
+ "name": "borderColor",
839
783
  "type": {
840
- "text": "string | undefined"
784
+ "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"
841
785
  },
842
- "description": "Specify the body text for Alert",
843
- "fieldName": "body"
786
+ "description": "Specify the border color of a Box",
787
+ "fieldName": "borderColor"
844
788
  },
845
789
  {
846
- "name": "size",
790
+ "name": "borderWidth",
847
791
  "type": {
848
- "text": "'sm' | 'md'"
792
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
849
793
  },
850
- "default": "'sm'",
851
- "description": "Specify the size of the Alert",
852
- "fieldName": "size"
794
+ "description": "Specify the border width of a Box",
795
+ "fieldName": "borderWidth"
853
796
  },
854
797
  {
855
- "name": "fullWidth",
798
+ "name": "borderRadius",
856
799
  "type": {
857
- "text": "boolean"
800
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
858
801
  },
859
- "default": "false",
860
- "description": "Specify if the Alert has no border radius",
861
- "fieldName": "fullWidth"
802
+ "description": "Specify the border radius of a Box",
803
+ "fieldName": "borderRadius"
862
804
  },
863
805
  {
864
- "name": "theme",
806
+ "name": "px",
865
807
  "type": {
866
- "text": "'light' | 'dark' | undefined"
808
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
867
809
  },
868
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
869
- "fieldName": "theme"
810
+ "description": "Specify before and after padding of a Box",
811
+ "fieldName": "px"
870
812
  },
871
813
  {
872
- "name": "appearance",
814
+ "name": "py",
873
815
  "type": {
874
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
816
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
875
817
  },
876
- "default": "'infoPrimary'",
877
- "description": "Specify the appearance of the Alert",
878
- "fieldName": "appearance"
818
+ "description": "Specify top and bottom padding of a Box",
819
+ "fieldName": "py"
879
820
  },
880
821
  {
881
- "name": "hidden",
822
+ "name": "pTop",
882
823
  "type": {
883
- "text": "boolean"
824
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
884
825
  },
885
- "default": "false",
886
- "description": "Specify if the Alert is hidden",
887
- "fieldName": "hidden"
826
+ "description": "Specify top padding of a Box",
827
+ "fieldName": "pTop"
888
828
  },
889
829
  {
890
- "name": "hideIcon",
830
+ "name": "pBottom",
891
831
  "type": {
892
- "text": "boolean"
832
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
893
833
  },
894
- "default": "false",
895
- "description": "Specify if the icon displays on the Alert",
896
- "fieldName": "hideIcon"
834
+ "description": "Specify bottom padding of a Box",
835
+ "fieldName": "pBottom"
897
836
  },
898
837
  {
899
- "name": "dismissible",
838
+ "name": "pBefore",
900
839
  "type": {
901
- "text": "boolean"
840
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
902
841
  },
903
- "default": "false",
904
- "description": "Specify if the Alert can be dismissed",
905
- "fieldName": "dismissible"
842
+ "description": "Specify before padding of a Box",
843
+ "fieldName": "pBefore"
906
844
  },
907
845
  {
908
- "name": "disableAutoFocus",
846
+ "name": "pAfter",
909
847
  "type": {
910
- "text": "boolean"
848
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
911
849
  },
912
- "default": "false",
913
- "description": "Prevent autofocus on show",
914
- "fieldName": "disableAutoFocus"
850
+ "description": "Specify after padding of a Box",
851
+ "fieldName": "pAfter"
915
852
  },
916
853
  {
917
- "name": "disableCloseOnEscape",
854
+ "name": "mx",
918
855
  "type": {
919
- "text": "boolean"
856
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
920
857
  },
921
- "default": "false",
922
- "description": "Prevent Escape from closing",
923
- "fieldName": "disableCloseOnEscape"
858
+ "description": "Specify before and after margin of a Box",
859
+ "fieldName": "mx"
860
+ },
861
+ {
862
+ "name": "my",
863
+ "type": {
864
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
865
+ },
866
+ "description": "Specify top and bottom margin of a Box",
867
+ "fieldName": "my"
868
+ },
869
+ {
870
+ "name": "mTop",
871
+ "type": {
872
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
873
+ },
874
+ "description": "Specify top margin of a Box",
875
+ "fieldName": "mTop"
876
+ },
877
+ {
878
+ "name": "mBottom",
879
+ "type": {
880
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
881
+ },
882
+ "description": "Specify bottom margin of a Box",
883
+ "fieldName": "mBottom"
884
+ },
885
+ {
886
+ "name": "mBefore",
887
+ "type": {
888
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
889
+ },
890
+ "description": "Specify before margin of a Box",
891
+ "fieldName": "mBefore"
892
+ },
893
+ {
894
+ "name": "mAfter",
895
+ "type": {
896
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
897
+ },
898
+ "description": "Specify after margin of a Box",
899
+ "fieldName": "mAfter"
900
+ },
901
+ {
902
+ "name": "m",
903
+ "type": {
904
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
905
+ },
906
+ "description": "Specify all margin",
907
+ "fieldName": "m"
908
+ },
909
+ {
910
+ "name": "p",
911
+ "type": {
912
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
913
+ },
914
+ "description": "Specify all padding",
915
+ "fieldName": "p"
916
+ },
917
+ {
918
+ "name": "gap",
919
+ "type": {
920
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
921
+ },
922
+ "description": "Specify gap between child elements",
923
+ "fieldName": "gap"
924
+ },
925
+ {
926
+ "name": "shadow",
927
+ "type": {
928
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
929
+ },
930
+ "description": "Specify if a Box has a shadow",
931
+ "fieldName": "shadow"
924
932
  }
925
933
  ],
926
934
  "superclass": {
927
935
  "name": "LitElement",
928
936
  "package": "lit"
929
937
  },
930
- "tagName": "bm-alert",
938
+ "tagName": "bm-box",
931
939
  "customElement": true
932
940
  }
933
941
  ],
934
942
  "exports": [
935
943
  {
936
944
  "kind": "js",
937
- "name": "BmAlert",
945
+ "name": "BmBox",
938
946
  "declaration": {
939
- "name": "BmAlert",
940
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
947
+ "name": "BmBox",
948
+ "module": "libs/web-components/src/lib/Box/Box.ts"
941
949
  }
942
950
  },
943
951
  {
944
952
  "kind": "custom-element-definition",
945
- "name": "bm-alert",
953
+ "name": "bm-box",
946
954
  "declaration": {
947
- "name": "BmAlert",
948
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
955
+ "name": "BmBox",
956
+ "module": "libs/web-components/src/lib/Box/Box.ts"
949
957
  }
950
958
  }
951
959
  ]
952
960
  },
953
961
  {
954
962
  "kind": "javascript-module",
955
- "path": "libs/web-components/src/lib/Alert/index.ts",
963
+ "path": "libs/web-components/src/lib/Box/index.ts",
956
964
  "declarations": [],
957
965
  "exports": [
958
966
  {
@@ -960,154 +968,131 @@
960
968
  "name": "*",
961
969
  "declaration": {
962
970
  "name": "*",
963
- "package": "./Alert"
971
+ "package": "./Box"
964
972
  }
965
973
  }
966
974
  ]
967
975
  },
968
976
  {
969
977
  "kind": "javascript-module",
970
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
978
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
971
979
  "declarations": [
972
980
  {
973
981
  "kind": "class",
974
- "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",
975
- "name": "BmBadge",
982
+ "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",
983
+ "name": "BmBadgeDot",
976
984
  "slots": [
977
985
  {
978
- "description": "Provide text for the Badge",
986
+ "description": "Provide text for the BadgeDot",
979
987
  "name": "default"
980
- },
981
- {
982
- "description": "Specify a different icon for the Badge",
983
- "name": "icon"
984
988
  }
985
989
  ],
986
990
  "members": [
987
- {
988
- "kind": "field",
989
- "name": "appearance",
990
- "type": {
991
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
992
- },
993
- "default": "'infoPrimary'",
994
- "description": "Specify the appearance of the Badge",
995
- "attribute": "appearance"
996
- },
997
991
  {
998
992
  "kind": "field",
999
993
  "name": "theme",
1000
994
  "type": {
1001
995
  "text": "'light' | 'dark' | undefined"
1002
996
  },
1003
- "description": "Theme of the Badge",
997
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1004
998
  "attribute": "theme"
1005
999
  },
1006
1000
  {
1007
1001
  "kind": "field",
1008
- "name": "size",
1002
+ "name": "appearance",
1009
1003
  "type": {
1010
- "text": "'sm' | 'md' | undefined"
1004
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1011
1005
  },
1012
- "default": "'sm'",
1013
- "description": "Specify the size of the Badge",
1014
- "attribute": "size"
1006
+ "default": "'infoPrimary'",
1007
+ "description": "Specify the appearance of the BadgeDot",
1008
+ "attribute": "appearance"
1015
1009
  },
1016
1010
  {
1017
1011
  "kind": "field",
1018
1012
  "name": "emphasis",
1019
1013
  "type": {
1020
- "text": "'strong' | 'medium' | 'subtle'"
1014
+ "text": "'strong' | 'subtle'"
1021
1015
  },
1022
1016
  "default": "'strong'",
1023
- "description": "Specify the emphasis of the Badge",
1017
+ "description": "Specify the emphasis of the BadgeDot",
1024
1018
  "attribute": "emphasis"
1025
1019
  },
1026
1020
  {
1027
1021
  "kind": "field",
1028
- "name": "hideIcon",
1022
+ "name": "overrideDotColor",
1029
1023
  "type": {
1030
- "text": "boolean | undefined"
1024
+ "text": "string | undefined"
1031
1025
  },
1032
- "description": "Hides Badge icon",
1033
- "attribute": "hideIcon"
1026
+ "description": "Overrides default dot color",
1027
+ "attribute": "overrideDotColor"
1034
1028
  }
1035
1029
  ],
1036
1030
  "attributes": [
1037
- {
1038
- "name": "appearance",
1039
- "type": {
1040
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1041
- },
1042
- "default": "'infoPrimary'",
1043
- "description": "Specify the appearance of the Badge",
1044
- "fieldName": "appearance"
1045
- },
1046
1031
  {
1047
1032
  "name": "theme",
1048
1033
  "type": {
1049
1034
  "text": "'light' | 'dark' | undefined"
1050
1035
  },
1051
- "description": "Theme of the Badge",
1036
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1052
1037
  "fieldName": "theme"
1053
1038
  },
1054
1039
  {
1055
- "name": "size",
1040
+ "name": "appearance",
1056
1041
  "type": {
1057
- "text": "'sm' | 'md' | undefined"
1042
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1058
1043
  },
1059
- "default": "'sm'",
1060
- "description": "Specify the size of the Badge",
1061
- "fieldName": "size"
1044
+ "default": "'infoPrimary'",
1045
+ "description": "Specify the appearance of the BadgeDot",
1046
+ "fieldName": "appearance"
1062
1047
  },
1063
1048
  {
1064
1049
  "name": "emphasis",
1065
1050
  "type": {
1066
- "text": "'strong' | 'medium' | 'subtle'"
1051
+ "text": "'strong' | 'subtle'"
1067
1052
  },
1068
1053
  "default": "'strong'",
1069
- "description": "Specify the emphasis of the Badge",
1054
+ "description": "Specify the emphasis of the BadgeDot",
1070
1055
  "fieldName": "emphasis"
1071
1056
  },
1072
1057
  {
1073
- "name": "hideIcon",
1058
+ "name": "overrideDotColor",
1074
1059
  "type": {
1075
- "text": "boolean | undefined"
1060
+ "text": "string | undefined"
1076
1061
  },
1077
- "description": "Hides Badge icon",
1078
- "fieldName": "hideIcon"
1062
+ "description": "Overrides default dot color",
1063
+ "fieldName": "overrideDotColor"
1079
1064
  }
1080
1065
  ],
1081
1066
  "superclass": {
1082
1067
  "name": "LitElement",
1083
1068
  "package": "lit"
1084
1069
  },
1085
- "tagName": "bm-badge",
1070
+ "tagName": "bm-badge-dot",
1086
1071
  "customElement": true
1087
1072
  }
1088
1073
  ],
1089
1074
  "exports": [
1090
1075
  {
1091
1076
  "kind": "js",
1092
- "name": "BmBadge",
1077
+ "name": "BmBadgeDot",
1093
1078
  "declaration": {
1094
- "name": "BmBadge",
1095
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
1079
+ "name": "BmBadgeDot",
1080
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1096
1081
  }
1097
1082
  },
1098
1083
  {
1099
1084
  "kind": "custom-element-definition",
1100
- "name": "bm-badge",
1085
+ "name": "bm-badge-dot",
1101
1086
  "declaration": {
1102
- "name": "BmBadge",
1103
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
1087
+ "name": "BmBadgeDot",
1088
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1104
1089
  }
1105
1090
  }
1106
1091
  ]
1107
1092
  },
1108
1093
  {
1109
1094
  "kind": "javascript-module",
1110
- "path": "libs/web-components/src/lib/Badge/index.ts",
1095
+ "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1111
1096
  "declarations": [],
1112
1097
  "exports": [
1113
1098
  {
@@ -1115,131 +1100,154 @@
1115
1100
  "name": "*",
1116
1101
  "declaration": {
1117
1102
  "name": "*",
1118
- "package": "./Badge"
1103
+ "package": "./BadgeDot"
1119
1104
  }
1120
1105
  }
1121
1106
  ]
1122
1107
  },
1123
1108
  {
1124
1109
  "kind": "javascript-module",
1125
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1110
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
1126
1111
  "declarations": [
1127
1112
  {
1128
1113
  "kind": "class",
1129
- "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
1130
- "name": "BmBadgeDot",
1114
+ "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",
1115
+ "name": "BmBadge",
1131
1116
  "slots": [
1132
1117
  {
1133
- "description": "Provide text for the BadgeDot",
1118
+ "description": "Provide text for the Badge",
1134
1119
  "name": "default"
1120
+ },
1121
+ {
1122
+ "description": "Specify a different icon for the Badge",
1123
+ "name": "icon"
1135
1124
  }
1136
1125
  ],
1137
1126
  "members": [
1127
+ {
1128
+ "kind": "field",
1129
+ "name": "appearance",
1130
+ "type": {
1131
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1132
+ },
1133
+ "default": "'infoPrimary'",
1134
+ "description": "Specify the appearance of the Badge",
1135
+ "attribute": "appearance"
1136
+ },
1138
1137
  {
1139
1138
  "kind": "field",
1140
1139
  "name": "theme",
1141
1140
  "type": {
1142
1141
  "text": "'light' | 'dark' | undefined"
1143
1142
  },
1144
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1143
+ "description": "Theme of the Badge",
1145
1144
  "attribute": "theme"
1146
1145
  },
1147
1146
  {
1148
1147
  "kind": "field",
1149
- "name": "appearance",
1148
+ "name": "size",
1150
1149
  "type": {
1151
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1150
+ "text": "'sm' | 'md' | undefined"
1152
1151
  },
1153
- "default": "'infoPrimary'",
1154
- "description": "Specify the appearance of the BadgeDot",
1155
- "attribute": "appearance"
1152
+ "default": "'sm'",
1153
+ "description": "Specify the size of the Badge",
1154
+ "attribute": "size"
1156
1155
  },
1157
1156
  {
1158
1157
  "kind": "field",
1159
1158
  "name": "emphasis",
1160
1159
  "type": {
1161
- "text": "'strong' | 'subtle'"
1160
+ "text": "'strong' | 'medium' | 'subtle'"
1162
1161
  },
1163
1162
  "default": "'strong'",
1164
- "description": "Specify the emphasis of the BadgeDot",
1163
+ "description": "Specify the emphasis of the Badge",
1165
1164
  "attribute": "emphasis"
1166
1165
  },
1167
1166
  {
1168
1167
  "kind": "field",
1169
- "name": "overrideDotColor",
1168
+ "name": "hideIcon",
1170
1169
  "type": {
1171
- "text": "string | undefined"
1170
+ "text": "boolean | undefined"
1172
1171
  },
1173
- "description": "Overrides default dot color",
1174
- "attribute": "overrideDotColor"
1172
+ "description": "Hides Badge icon",
1173
+ "attribute": "hideIcon"
1175
1174
  }
1176
1175
  ],
1177
1176
  "attributes": [
1177
+ {
1178
+ "name": "appearance",
1179
+ "type": {
1180
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1181
+ },
1182
+ "default": "'infoPrimary'",
1183
+ "description": "Specify the appearance of the Badge",
1184
+ "fieldName": "appearance"
1185
+ },
1178
1186
  {
1179
1187
  "name": "theme",
1180
1188
  "type": {
1181
1189
  "text": "'light' | 'dark' | undefined"
1182
1190
  },
1183
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1191
+ "description": "Theme of the Badge",
1184
1192
  "fieldName": "theme"
1185
1193
  },
1186
1194
  {
1187
- "name": "appearance",
1195
+ "name": "size",
1188
1196
  "type": {
1189
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1197
+ "text": "'sm' | 'md' | undefined"
1190
1198
  },
1191
- "default": "'infoPrimary'",
1192
- "description": "Specify the appearance of the BadgeDot",
1193
- "fieldName": "appearance"
1199
+ "default": "'sm'",
1200
+ "description": "Specify the size of the Badge",
1201
+ "fieldName": "size"
1194
1202
  },
1195
1203
  {
1196
1204
  "name": "emphasis",
1197
1205
  "type": {
1198
- "text": "'strong' | 'subtle'"
1206
+ "text": "'strong' | 'medium' | 'subtle'"
1199
1207
  },
1200
1208
  "default": "'strong'",
1201
- "description": "Specify the emphasis of the BadgeDot",
1209
+ "description": "Specify the emphasis of the Badge",
1202
1210
  "fieldName": "emphasis"
1203
1211
  },
1204
1212
  {
1205
- "name": "overrideDotColor",
1213
+ "name": "hideIcon",
1206
1214
  "type": {
1207
- "text": "string | undefined"
1215
+ "text": "boolean | undefined"
1208
1216
  },
1209
- "description": "Overrides default dot color",
1210
- "fieldName": "overrideDotColor"
1217
+ "description": "Hides Badge icon",
1218
+ "fieldName": "hideIcon"
1211
1219
  }
1212
1220
  ],
1213
1221
  "superclass": {
1214
1222
  "name": "LitElement",
1215
1223
  "package": "lit"
1216
1224
  },
1217
- "tagName": "bm-badge-dot",
1225
+ "tagName": "bm-badge",
1218
1226
  "customElement": true
1219
1227
  }
1220
1228
  ],
1221
1229
  "exports": [
1222
1230
  {
1223
1231
  "kind": "js",
1224
- "name": "BmBadgeDot",
1232
+ "name": "BmBadge",
1225
1233
  "declaration": {
1226
- "name": "BmBadgeDot",
1227
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1234
+ "name": "BmBadge",
1235
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1228
1236
  }
1229
1237
  },
1230
1238
  {
1231
1239
  "kind": "custom-element-definition",
1232
- "name": "bm-badge-dot",
1240
+ "name": "bm-badge",
1233
1241
  "declaration": {
1234
- "name": "BmBadgeDot",
1235
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1242
+ "name": "BmBadge",
1243
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1236
1244
  }
1237
1245
  }
1238
1246
  ]
1239
1247
  },
1240
1248
  {
1241
1249
  "kind": "javascript-module",
1242
- "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1250
+ "path": "libs/web-components/src/lib/Badge/index.ts",
1243
1251
  "declarations": [],
1244
1252
  "exports": [
1245
1253
  {
@@ -1247,7 +1255,7 @@
1247
1255
  "name": "*",
1248
1256
  "declaration": {
1249
1257
  "name": "*",
1250
- "package": "./BadgeDot"
1258
+ "package": "./Badge"
1251
1259
  }
1252
1260
  }
1253
1261
  ]
@@ -1556,682 +1564,674 @@
1556
1564
  },
1557
1565
  {
1558
1566
  "kind": "javascript-module",
1559
- "path": "libs/web-components/src/lib/Button/Button.ts",
1567
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1560
1568
  "declarations": [
1561
1569
  {
1562
1570
  "kind": "class",
1563
- "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** ",
1564
- "name": "BmButton",
1571
+ "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
1572
+ "name": "BmAvatar",
1565
1573
  "slots": [
1566
1574
  {
1567
- "description": "Provide content for the Button",
1568
- "name": "default"
1569
- },
1570
- {
1571
- "description": "Specify if the Button displays icon before the text",
1572
- "name": "iconBefore"
1573
- },
1574
- {
1575
- "description": "Specify if the Button displays icon after the text",
1576
- "name": "iconAfter"
1575
+ "description": "Customize the default icon",
1576
+ "name": "icon"
1577
1577
  }
1578
1578
  ],
1579
1579
  "members": [
1580
- {
1581
- "kind": "field",
1582
- "name": "formAssociated",
1583
- "type": {
1584
- "text": "boolean"
1585
- },
1586
- "static": true,
1587
- "default": "true"
1588
- },
1589
1580
  {
1590
1581
  "kind": "field",
1591
1582
  "name": "appearance",
1592
1583
  "type": {
1593
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1584
+ "text": "'accent' | 'neutral' | undefined"
1594
1585
  },
1595
- "default": "'accent'",
1596
- "description": "Specify the appearance of a Button",
1586
+ "default": "'neutral'",
1587
+ "description": "Specify the appearance of the Avatar",
1597
1588
  "attribute": "appearance"
1598
1589
  },
1599
1590
  {
1600
1591
  "kind": "field",
1601
- "name": "kind",
1592
+ "name": "name",
1602
1593
  "type": {
1603
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1594
+ "text": "string | undefined"
1604
1595
  },
1605
- "default": "'filled'",
1606
- "description": "Specify the kind of Button",
1607
- "attribute": "kind"
1596
+ "description": "Specify a name to display initials in the Avatar",
1597
+ "attribute": "name"
1608
1598
  },
1609
1599
  {
1610
1600
  "kind": "field",
1611
- "name": "size",
1601
+ "name": "src",
1612
1602
  "type": {
1613
- "text": "'sm' | 'md' | 'lg'"
1603
+ "text": "string | undefined"
1614
1604
  },
1615
- "default": "'md'",
1616
- "description": "Specify the size of a Button",
1617
- "attribute": "size"
1605
+ "description": "Pass an image to the Avatar",
1606
+ "attribute": "src"
1618
1607
  },
1619
1608
  {
1620
1609
  "kind": "field",
1621
- "name": "disabled",
1610
+ "name": "alt",
1622
1611
  "type": {
1623
- "text": "boolean"
1612
+ "text": "string | undefined"
1624
1613
  },
1625
- "default": "false",
1626
- "description": "Specify if the Button is disabled",
1627
- "attribute": "disabled"
1614
+ "description": "Specify alt for image",
1615
+ "attribute": "alt"
1628
1616
  },
1629
1617
  {
1630
1618
  "kind": "field",
1631
- "name": "fluid",
1619
+ "name": "size",
1632
1620
  "type": {
1633
- "text": "boolean"
1621
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1634
1622
  },
1635
- "default": "false",
1636
- "description": "Specify if Button is fluid",
1637
- "attribute": "fluid"
1623
+ "default": "'md'",
1624
+ "description": "Specify the size of the Avatar",
1625
+ "attribute": "size"
1638
1626
  },
1639
1627
  {
1640
1628
  "kind": "field",
1641
- "name": "width",
1629
+ "name": "disabled",
1642
1630
  "type": {
1643
- "text": "string | undefined"
1631
+ "text": "boolean | undefined"
1644
1632
  },
1645
- "description": "Specify the width of a Button",
1646
- "attribute": "width"
1633
+ "default": "false",
1634
+ "description": "Specify if the Avatar is disabled",
1635
+ "attribute": "disabled"
1647
1636
  },
1648
1637
  {
1649
1638
  "kind": "field",
1650
- "name": "height",
1639
+ "name": "shape",
1651
1640
  "type": {
1652
- "text": "string | undefined"
1641
+ "text": "'circle' | 'square' | undefined"
1653
1642
  },
1654
- "description": "Specify the height of a Button",
1655
- "attribute": "height"
1643
+ "default": "'circle'",
1644
+ "description": "Specify the shape of the Avatar",
1645
+ "attribute": "shape"
1656
1646
  },
1657
1647
  {
1658
1648
  "kind": "field",
1659
- "name": "theme",
1649
+ "name": "isInteractive",
1660
1650
  "type": {
1661
- "text": "'light' | 'dark' | undefined"
1651
+ "text": "boolean"
1662
1652
  },
1663
- "description": "Specify the theme of the Button",
1664
- "attribute": "theme"
1653
+ "default": "false",
1654
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1655
+ "attribute": "isInteractive"
1665
1656
  },
1666
1657
  {
1667
1658
  "kind": "field",
1668
- "name": "iconOnly",
1659
+ "name": "isFocusable",
1669
1660
  "type": {
1670
- "text": "boolean | undefined"
1661
+ "text": "boolean"
1671
1662
  },
1672
- "description": "Specify if the icon displays without text",
1673
- "attribute": "iconOnly"
1663
+ "default": "false",
1664
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1665
+ "attribute": "isFocusable"
1674
1666
  },
1675
1667
  {
1676
1668
  "kind": "field",
1677
- "name": "type",
1669
+ "name": "withBorder",
1678
1670
  "type": {
1679
- "text": "string"
1671
+ "text": "boolean"
1680
1672
  },
1681
- "default": "'button'",
1682
- "attribute": "type"
1683
- },
1684
- {
1685
- "kind": "field",
1686
- "name": "formContext",
1687
- "type": {
1688
- "text": "BmFormContext"
1689
- }
1673
+ "default": "false",
1674
+ "attribute": "withBorder"
1690
1675
  }
1691
1676
  ],
1692
1677
  "attributes": [
1693
1678
  {
1694
1679
  "name": "appearance",
1695
1680
  "type": {
1696
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1681
+ "text": "'accent' | 'neutral' | undefined"
1697
1682
  },
1698
- "default": "'accent'",
1699
- "description": "Specify the appearance of a Button",
1683
+ "default": "'neutral'",
1684
+ "description": "Specify the appearance of the Avatar",
1700
1685
  "fieldName": "appearance"
1701
1686
  },
1702
1687
  {
1703
- "name": "kind",
1688
+ "name": "name",
1704
1689
  "type": {
1705
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1690
+ "text": "string | undefined"
1706
1691
  },
1707
- "default": "'filled'",
1708
- "description": "Specify the kind of Button",
1709
- "fieldName": "kind"
1692
+ "description": "Specify a name to display initials in the Avatar",
1693
+ "fieldName": "name"
1710
1694
  },
1711
1695
  {
1712
- "name": "size",
1696
+ "name": "src",
1713
1697
  "type": {
1714
- "text": "'sm' | 'md' | 'lg'"
1698
+ "text": "string | undefined"
1715
1699
  },
1716
- "default": "'md'",
1717
- "description": "Specify the size of a Button",
1718
- "fieldName": "size"
1700
+ "description": "Pass an image to the Avatar",
1701
+ "fieldName": "src"
1719
1702
  },
1720
1703
  {
1721
- "name": "disabled",
1704
+ "name": "alt",
1722
1705
  "type": {
1723
- "text": "boolean"
1706
+ "text": "string | undefined"
1724
1707
  },
1725
- "default": "false",
1726
- "description": "Specify if the Button is disabled",
1727
- "fieldName": "disabled"
1708
+ "description": "Specify alt for image",
1709
+ "fieldName": "alt"
1728
1710
  },
1729
1711
  {
1730
- "name": "fluid",
1712
+ "name": "size",
1731
1713
  "type": {
1732
- "text": "boolean"
1714
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1733
1715
  },
1734
- "default": "false",
1735
- "description": "Specify if Button is fluid",
1736
- "fieldName": "fluid"
1716
+ "default": "'md'",
1717
+ "description": "Specify the size of the Avatar",
1718
+ "fieldName": "size"
1737
1719
  },
1738
1720
  {
1739
- "name": "width",
1721
+ "name": "disabled",
1740
1722
  "type": {
1741
- "text": "string | undefined"
1723
+ "text": "boolean | undefined"
1742
1724
  },
1743
- "description": "Specify the width of a Button",
1744
- "fieldName": "width"
1725
+ "default": "false",
1726
+ "description": "Specify if the Avatar is disabled",
1727
+ "fieldName": "disabled"
1745
1728
  },
1746
1729
  {
1747
- "name": "height",
1730
+ "name": "shape",
1748
1731
  "type": {
1749
- "text": "string | undefined"
1732
+ "text": "'circle' | 'square' | undefined"
1750
1733
  },
1751
- "description": "Specify the height of a Button",
1752
- "fieldName": "height"
1734
+ "default": "'circle'",
1735
+ "description": "Specify the shape of the Avatar",
1736
+ "fieldName": "shape"
1753
1737
  },
1754
1738
  {
1755
- "name": "theme",
1739
+ "name": "isInteractive",
1756
1740
  "type": {
1757
- "text": "'light' | 'dark' | undefined"
1741
+ "text": "boolean"
1758
1742
  },
1759
- "description": "Specify the theme of the Button",
1760
- "fieldName": "theme"
1743
+ "default": "false",
1744
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1745
+ "fieldName": "isInteractive"
1761
1746
  },
1762
1747
  {
1763
- "name": "iconOnly",
1748
+ "name": "isFocusable",
1764
1749
  "type": {
1765
- "text": "boolean | undefined"
1750
+ "text": "boolean"
1766
1751
  },
1767
- "description": "Specify if the icon displays without text",
1768
- "fieldName": "iconOnly"
1752
+ "default": "false",
1753
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1754
+ "fieldName": "isFocusable"
1769
1755
  },
1770
1756
  {
1771
- "name": "type",
1757
+ "name": "withBorder",
1772
1758
  "type": {
1773
- "text": "string"
1759
+ "text": "boolean"
1774
1760
  },
1775
- "default": "'button'",
1776
- "fieldName": "type"
1761
+ "default": "false",
1762
+ "fieldName": "withBorder"
1777
1763
  }
1778
1764
  ],
1779
1765
  "superclass": {
1780
1766
  "name": "LitElement",
1781
1767
  "package": "lit"
1782
1768
  },
1783
- "tagName": "bm-button",
1769
+ "tagName": "bm-avatar",
1784
1770
  "customElement": true
1785
1771
  }
1786
1772
  ],
1787
1773
  "exports": [
1788
1774
  {
1789
1775
  "kind": "js",
1790
- "name": "BmButton",
1776
+ "name": "BmAvatar",
1791
1777
  "declaration": {
1792
- "name": "BmButton",
1793
- "module": "libs/web-components/src/lib/Button/Button.ts"
1778
+ "name": "BmAvatar",
1779
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1794
1780
  }
1795
1781
  },
1796
1782
  {
1797
1783
  "kind": "custom-element-definition",
1798
- "name": "bm-button",
1784
+ "name": "bm-avatar",
1799
1785
  "declaration": {
1800
- "name": "BmButton",
1801
- "module": "libs/web-components/src/lib/Button/Button.ts"
1786
+ "name": "BmAvatar",
1787
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1802
1788
  }
1803
1789
  }
1804
1790
  ]
1805
1791
  },
1806
1792
  {
1807
1793
  "kind": "javascript-module",
1808
- "path": "libs/web-components/src/lib/Button/index.ts",
1809
- "declarations": [],
1794
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1795
+ "declarations": [
1796
+ {
1797
+ "kind": "variable",
1798
+ "name": "AvatarGroupCtx"
1799
+ }
1800
+ ],
1810
1801
  "exports": [
1811
1802
  {
1812
1803
  "kind": "js",
1813
- "name": "*",
1804
+ "name": "AvatarGroupCtx",
1814
1805
  "declaration": {
1815
- "name": "*",
1816
- "package": "./Button"
1806
+ "name": "AvatarGroupCtx",
1807
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1817
1808
  }
1818
1809
  }
1819
1810
  ]
1820
1811
  },
1821
1812
  {
1822
1813
  "kind": "javascript-module",
1823
- "path": "libs/web-components/src/lib/Box/Box.ts",
1814
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1824
1815
  "declarations": [
1825
1816
  {
1826
1817
  "kind": "class",
1827
- "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",
1828
- "name": "BmBox",
1818
+ "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
1819
+ "name": "BmAvatarGroup",
1829
1820
  "slots": [
1830
1821
  {
1831
- "description": "Provide content for the Box",
1822
+ "description": "Add Avatars to create a group",
1832
1823
  "name": "default"
1833
1824
  }
1834
1825
  ],
1835
1826
  "members": [
1836
1827
  {
1837
1828
  "kind": "field",
1838
- "name": "backgroundColor",
1829
+ "name": "wrapping",
1839
1830
  "type": {
1840
- "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"
1831
+ "text": "boolean"
1841
1832
  },
1842
- "description": "Specify the background color of a Box",
1843
- "attribute": "backgroundColor"
1833
+ "default": "false",
1834
+ "description": "Specify if the AvatarGroup wraps",
1835
+ "attribute": "wrapping"
1844
1836
  },
1845
1837
  {
1846
1838
  "kind": "field",
1847
- "name": "borderColor",
1839
+ "name": "maxCount",
1848
1840
  "type": {
1849
- "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"
1841
+ "text": "number"
1850
1842
  },
1851
- "description": "Specify the border color of a Box",
1852
- "attribute": "borderColor"
1843
+ "default": "5",
1844
+ "description": "Specify the max number of avatars displayed in the group.",
1845
+ "attribute": "maxCount",
1846
+ "reflects": true
1853
1847
  },
1854
1848
  {
1855
1849
  "kind": "field",
1856
- "name": "borderWidth",
1850
+ "name": "size",
1857
1851
  "type": {
1858
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1852
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1859
1853
  },
1860
- "description": "Specify the border width of a Box",
1861
- "attribute": "borderWidth"
1854
+ "default": "'md'",
1855
+ "description": "Specify the size of all Avatars",
1856
+ "attribute": "size"
1862
1857
  },
1863
1858
  {
1864
1859
  "kind": "field",
1865
- "name": "borderRadius",
1860
+ "name": "layout",
1866
1861
  "type": {
1867
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1862
+ "text": "'stacked' | 'spaced' | undefined"
1868
1863
  },
1869
- "description": "Specify the border radius of a Box",
1870
- "attribute": "borderRadius"
1871
- },
1864
+ "default": "'stacked'",
1865
+ "description": "Specify the kind of the group.",
1866
+ "attribute": "layout"
1867
+ }
1868
+ ],
1869
+ "attributes": [
1872
1870
  {
1873
- "kind": "field",
1874
- "name": "px",
1871
+ "name": "wrapping",
1875
1872
  "type": {
1876
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1873
+ "text": "boolean"
1877
1874
  },
1878
- "description": "Specify before and after padding of a Box",
1879
- "attribute": "px"
1875
+ "default": "false",
1876
+ "description": "Specify if the AvatarGroup wraps",
1877
+ "fieldName": "wrapping"
1880
1878
  },
1881
1879
  {
1882
- "kind": "field",
1883
- "name": "py",
1880
+ "name": "maxCount",
1884
1881
  "type": {
1885
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1882
+ "text": "number"
1886
1883
  },
1887
- "description": "Specify top and bottom padding of a Box",
1888
- "attribute": "py"
1884
+ "default": "5",
1885
+ "description": "Specify the max number of avatars displayed in the group.",
1886
+ "fieldName": "maxCount"
1889
1887
  },
1890
1888
  {
1891
- "kind": "field",
1892
- "name": "pTop",
1889
+ "name": "size",
1893
1890
  "type": {
1894
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1891
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1895
1892
  },
1896
- "description": "Specify top padding of a Box",
1897
- "attribute": "pTop"
1893
+ "default": "'md'",
1894
+ "description": "Specify the size of all Avatars",
1895
+ "fieldName": "size"
1898
1896
  },
1899
1897
  {
1900
- "kind": "field",
1901
- "name": "pBottom",
1898
+ "name": "layout",
1902
1899
  "type": {
1903
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1900
+ "text": "'stacked' | 'spaced' | undefined"
1904
1901
  },
1905
- "description": "Specify bottom padding of a Box",
1906
- "attribute": "pBottom"
1907
- },
1902
+ "default": "'stacked'",
1903
+ "description": "Specify the kind of the group.",
1904
+ "fieldName": "layout"
1905
+ }
1906
+ ],
1907
+ "superclass": {
1908
+ "name": "LitElement",
1909
+ "package": "lit"
1910
+ },
1911
+ "tagName": "bm-avatar-group",
1912
+ "customElement": true
1913
+ }
1914
+ ],
1915
+ "exports": [
1916
+ {
1917
+ "kind": "js",
1918
+ "name": "BmAvatarGroup",
1919
+ "declaration": {
1920
+ "name": "BmAvatarGroup",
1921
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1922
+ }
1923
+ },
1924
+ {
1925
+ "kind": "custom-element-definition",
1926
+ "name": "bm-avatar-group",
1927
+ "declaration": {
1928
+ "name": "BmAvatarGroup",
1929
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1930
+ }
1931
+ }
1932
+ ]
1933
+ },
1934
+ {
1935
+ "kind": "javascript-module",
1936
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
1937
+ "declarations": [],
1938
+ "exports": [
1939
+ {
1940
+ "kind": "js",
1941
+ "name": "*",
1942
+ "declaration": {
1943
+ "name": "*",
1944
+ "package": "./Avatar"
1945
+ }
1946
+ },
1947
+ {
1948
+ "kind": "js",
1949
+ "name": "*",
1950
+ "declaration": {
1951
+ "name": "*",
1952
+ "package": "./AvatarGroup"
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": [
1908
1966
  {
1909
- "kind": "field",
1910
- "name": "pBefore",
1911
- "type": {
1912
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1913
- },
1914
- "description": "Specify before padding of a Box",
1915
- "attribute": "pBefore"
1967
+ "description": "Provide content for the Button",
1968
+ "name": "default"
1916
1969
  },
1917
1970
  {
1918
- "kind": "field",
1919
- "name": "pAfter",
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",
1920
1983
  "type": {
1921
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1984
+ "text": "boolean"
1922
1985
  },
1923
- "description": "Specify after padding of a Box",
1924
- "attribute": "pAfter"
1986
+ "static": true,
1987
+ "default": "true"
1925
1988
  },
1926
1989
  {
1927
1990
  "kind": "field",
1928
- "name": "mx",
1991
+ "name": "appearance",
1929
1992
  "type": {
1930
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1993
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1931
1994
  },
1932
- "description": "Specify before and after margin of a Box",
1933
- "attribute": "mx"
1995
+ "default": "'accent'",
1996
+ "description": "Specify the appearance of a Button",
1997
+ "attribute": "appearance"
1934
1998
  },
1935
1999
  {
1936
2000
  "kind": "field",
1937
- "name": "my",
2001
+ "name": "kind",
1938
2002
  "type": {
1939
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2003
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1940
2004
  },
1941
- "description": "Specify top and bottom margin of a Box",
1942
- "attribute": "my"
2005
+ "default": "'filled'",
2006
+ "description": "Specify the kind of Button",
2007
+ "attribute": "kind"
1943
2008
  },
1944
2009
  {
1945
2010
  "kind": "field",
1946
- "name": "mTop",
2011
+ "name": "size",
1947
2012
  "type": {
1948
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2013
+ "text": "'sm' | 'md' | 'lg'"
1949
2014
  },
1950
- "description": "Specify top margin of a Box",
1951
- "attribute": "mTop"
2015
+ "default": "'md'",
2016
+ "description": "Specify the size of a Button",
2017
+ "attribute": "size"
1952
2018
  },
1953
2019
  {
1954
2020
  "kind": "field",
1955
- "name": "mBottom",
2021
+ "name": "disabled",
1956
2022
  "type": {
1957
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2023
+ "text": "boolean"
1958
2024
  },
1959
- "description": "Specify bottom margin of a Box",
1960
- "attribute": "mBottom"
2025
+ "default": "false",
2026
+ "description": "Specify if the Button is disabled",
2027
+ "attribute": "disabled"
1961
2028
  },
1962
2029
  {
1963
2030
  "kind": "field",
1964
- "name": "mBefore",
2031
+ "name": "fluid",
1965
2032
  "type": {
1966
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2033
+ "text": "boolean"
1967
2034
  },
1968
- "description": "Specify before margin of a Box",
1969
- "attribute": "mBefore"
2035
+ "default": "false",
2036
+ "description": "Specify if Button is fluid",
2037
+ "attribute": "fluid"
1970
2038
  },
1971
2039
  {
1972
2040
  "kind": "field",
1973
- "name": "mAfter",
2041
+ "name": "width",
1974
2042
  "type": {
1975
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2043
+ "text": "string | undefined"
1976
2044
  },
1977
- "description": "Specify after margin of a Box",
1978
- "attribute": "mAfter"
2045
+ "description": "Specify the width of a Button",
2046
+ "attribute": "width"
1979
2047
  },
1980
2048
  {
1981
2049
  "kind": "field",
1982
- "name": "m",
2050
+ "name": "height",
1983
2051
  "type": {
1984
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2052
+ "text": "string | undefined"
1985
2053
  },
1986
- "description": "Specify all margin",
1987
- "attribute": "m"
2054
+ "description": "Specify the height of a Button",
2055
+ "attribute": "height"
1988
2056
  },
1989
2057
  {
1990
2058
  "kind": "field",
1991
- "name": "p",
2059
+ "name": "theme",
1992
2060
  "type": {
1993
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2061
+ "text": "'light' | 'dark' | undefined"
1994
2062
  },
1995
- "description": "Specify all padding",
1996
- "attribute": "p"
2063
+ "description": "Specify the theme of the Button",
2064
+ "attribute": "theme"
1997
2065
  },
1998
2066
  {
1999
2067
  "kind": "field",
2000
- "name": "gap",
2068
+ "name": "iconOnly",
2001
2069
  "type": {
2002
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2070
+ "text": "boolean | undefined"
2003
2071
  },
2004
- "description": "Specify gap between child elements",
2005
- "attribute": "gap"
2072
+ "description": "Specify if the icon displays without text",
2073
+ "attribute": "iconOnly"
2006
2074
  },
2007
2075
  {
2008
2076
  "kind": "field",
2009
- "name": "shadow",
2077
+ "name": "type",
2010
2078
  "type": {
2011
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
2079
+ "text": "string"
2012
2080
  },
2013
- "description": "Specify if a Box has a shadow",
2014
- "attribute": "shadow"
2081
+ "default": "'button'",
2082
+ "attribute": "type"
2083
+ },
2084
+ {
2085
+ "kind": "field",
2086
+ "name": "formContext",
2087
+ "type": {
2088
+ "text": "BmFormContext"
2089
+ }
2015
2090
  }
2016
2091
  ],
2017
2092
  "attributes": [
2018
2093
  {
2019
- "name": "backgroundColor",
2094
+ "name": "appearance",
2020
2095
  "type": {
2021
- "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"
2096
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
2022
2097
  },
2023
- "description": "Specify the background color of a Box",
2024
- "fieldName": "backgroundColor"
2098
+ "default": "'accent'",
2099
+ "description": "Specify the appearance of a Button",
2100
+ "fieldName": "appearance"
2025
2101
  },
2026
2102
  {
2027
- "name": "borderColor",
2103
+ "name": "kind",
2028
2104
  "type": {
2029
- "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"
2105
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
2030
2106
  },
2031
- "description": "Specify the border color of a Box",
2032
- "fieldName": "borderColor"
2107
+ "default": "'filled'",
2108
+ "description": "Specify the kind of Button",
2109
+ "fieldName": "kind"
2033
2110
  },
2034
2111
  {
2035
- "name": "borderWidth",
2112
+ "name": "size",
2036
2113
  "type": {
2037
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
2114
+ "text": "'sm' | 'md' | 'lg'"
2038
2115
  },
2039
- "description": "Specify the border width of a Box",
2040
- "fieldName": "borderWidth"
2116
+ "default": "'md'",
2117
+ "description": "Specify the size of a Button",
2118
+ "fieldName": "size"
2041
2119
  },
2042
2120
  {
2043
- "name": "borderRadius",
2121
+ "name": "disabled",
2044
2122
  "type": {
2045
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
2123
+ "text": "boolean"
2046
2124
  },
2047
- "description": "Specify the border radius of a Box",
2048
- "fieldName": "borderRadius"
2125
+ "default": "false",
2126
+ "description": "Specify if the Button is disabled",
2127
+ "fieldName": "disabled"
2049
2128
  },
2050
2129
  {
2051
- "name": "px",
2130
+ "name": "fluid",
2052
2131
  "type": {
2053
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2132
+ "text": "boolean"
2054
2133
  },
2055
- "description": "Specify before and after padding of a Box",
2056
- "fieldName": "px"
2134
+ "default": "false",
2135
+ "description": "Specify if Button is fluid",
2136
+ "fieldName": "fluid"
2057
2137
  },
2058
2138
  {
2059
- "name": "py",
2139
+ "name": "width",
2060
2140
  "type": {
2061
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2141
+ "text": "string | undefined"
2062
2142
  },
2063
- "description": "Specify top and bottom padding of a Box",
2064
- "fieldName": "py"
2143
+ "description": "Specify the width of a Button",
2144
+ "fieldName": "width"
2065
2145
  },
2066
2146
  {
2067
- "name": "pTop",
2147
+ "name": "height",
2068
2148
  "type": {
2069
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2149
+ "text": "string | undefined"
2070
2150
  },
2071
- "description": "Specify top padding of a Box",
2072
- "fieldName": "pTop"
2151
+ "description": "Specify the height of a Button",
2152
+ "fieldName": "height"
2073
2153
  },
2074
2154
  {
2075
- "name": "pBottom",
2155
+ "name": "theme",
2076
2156
  "type": {
2077
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2157
+ "text": "'light' | 'dark' | undefined"
2078
2158
  },
2079
- "description": "Specify bottom padding of a Box",
2080
- "fieldName": "pBottom"
2159
+ "description": "Specify the theme of the Button",
2160
+ "fieldName": "theme"
2081
2161
  },
2082
2162
  {
2083
- "name": "pBefore",
2163
+ "name": "iconOnly",
2084
2164
  "type": {
2085
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2165
+ "text": "boolean | undefined"
2086
2166
  },
2087
- "description": "Specify before padding of a Box",
2088
- "fieldName": "pBefore"
2167
+ "description": "Specify if the icon displays without text",
2168
+ "fieldName": "iconOnly"
2089
2169
  },
2090
2170
  {
2091
- "name": "pAfter",
2171
+ "name": "type",
2092
2172
  "type": {
2093
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2173
+ "text": "string"
2094
2174
  },
2095
- "description": "Specify after padding of a Box",
2096
- "fieldName": "pAfter"
2097
- },
2175
+ "default": "'button'",
2176
+ "fieldName": "type"
2177
+ }
2178
+ ],
2179
+ "superclass": {
2180
+ "name": "LitElement",
2181
+ "package": "lit"
2182
+ },
2183
+ "tagName": "bm-button",
2184
+ "customElement": true
2185
+ }
2186
+ ],
2187
+ "exports": [
2188
+ {
2189
+ "kind": "js",
2190
+ "name": "BmButton",
2191
+ "declaration": {
2192
+ "name": "BmButton",
2193
+ "module": "libs/web-components/src/lib/Button/Button.ts"
2194
+ }
2195
+ },
2196
+ {
2197
+ "kind": "custom-element-definition",
2198
+ "name": "bm-button",
2199
+ "declaration": {
2200
+ "name": "BmButton",
2201
+ "module": "libs/web-components/src/lib/Button/Button.ts"
2202
+ }
2203
+ }
2204
+ ]
2205
+ },
2206
+ {
2207
+ "kind": "javascript-module",
2208
+ "path": "libs/web-components/src/lib/Button/index.ts",
2209
+ "declarations": [],
2210
+ "exports": [
2211
+ {
2212
+ "kind": "js",
2213
+ "name": "*",
2214
+ "declaration": {
2215
+ "name": "*",
2216
+ "package": "./Button"
2217
+ }
2218
+ }
2219
+ ]
2220
+ },
2221
+ {
2222
+ "kind": "javascript-module",
2223
+ "path": "libs/web-components/src/lib/CloseButton/CloseButton.ts",
2224
+ "declarations": [
2225
+ {
2226
+ "kind": "class",
2227
+ "description": "`bm-close-button`\n\n### Attributes:\n- **size** - Specify the size of the CloseButton\n- **disabled** - Specify if the CloseButton is disabled",
2228
+ "name": "BmCloseButton",
2229
+ "members": [
2098
2230
  {
2099
- "name": "mx",
2231
+ "kind": "field",
2232
+ "name": "size",
2100
2233
  "type": {
2101
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2102
- },
2103
- "description": "Specify before and after margin of a Box",
2104
- "fieldName": "mx"
2105
- },
2106
- {
2107
- "name": "my",
2108
- "type": {
2109
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2110
- },
2111
- "description": "Specify top and bottom margin of a Box",
2112
- "fieldName": "my"
2113
- },
2114
- {
2115
- "name": "mTop",
2116
- "type": {
2117
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2118
- },
2119
- "description": "Specify top margin of a Box",
2120
- "fieldName": "mTop"
2121
- },
2122
- {
2123
- "name": "mBottom",
2124
- "type": {
2125
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2126
- },
2127
- "description": "Specify bottom margin of a Box",
2128
- "fieldName": "mBottom"
2129
- },
2130
- {
2131
- "name": "mBefore",
2132
- "type": {
2133
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2134
- },
2135
- "description": "Specify before margin of a Box",
2136
- "fieldName": "mBefore"
2137
- },
2138
- {
2139
- "name": "mAfter",
2140
- "type": {
2141
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2142
- },
2143
- "description": "Specify after margin of a Box",
2144
- "fieldName": "mAfter"
2145
- },
2146
- {
2147
- "name": "m",
2148
- "type": {
2149
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2150
- },
2151
- "description": "Specify all margin",
2152
- "fieldName": "m"
2153
- },
2154
- {
2155
- "name": "p",
2156
- "type": {
2157
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2158
- },
2159
- "description": "Specify all padding",
2160
- "fieldName": "p"
2161
- },
2162
- {
2163
- "name": "gap",
2164
- "type": {
2165
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2166
- },
2167
- "description": "Specify gap between child elements",
2168
- "fieldName": "gap"
2169
- },
2170
- {
2171
- "name": "shadow",
2172
- "type": {
2173
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
2174
- },
2175
- "description": "Specify if a Box has a shadow",
2176
- "fieldName": "shadow"
2177
- }
2178
- ],
2179
- "superclass": {
2180
- "name": "LitElement",
2181
- "package": "lit"
2182
- },
2183
- "tagName": "bm-box",
2184
- "customElement": true
2185
- }
2186
- ],
2187
- "exports": [
2188
- {
2189
- "kind": "js",
2190
- "name": "BmBox",
2191
- "declaration": {
2192
- "name": "BmBox",
2193
- "module": "libs/web-components/src/lib/Box/Box.ts"
2194
- }
2195
- },
2196
- {
2197
- "kind": "custom-element-definition",
2198
- "name": "bm-box",
2199
- "declaration": {
2200
- "name": "BmBox",
2201
- "module": "libs/web-components/src/lib/Box/Box.ts"
2202
- }
2203
- }
2204
- ]
2205
- },
2206
- {
2207
- "kind": "javascript-module",
2208
- "path": "libs/web-components/src/lib/Box/index.ts",
2209
- "declarations": [],
2210
- "exports": [
2211
- {
2212
- "kind": "js",
2213
- "name": "*",
2214
- "declaration": {
2215
- "name": "*",
2216
- "package": "./Box"
2217
- }
2218
- }
2219
- ]
2220
- },
2221
- {
2222
- "kind": "javascript-module",
2223
- "path": "libs/web-components/src/lib/CloseButton/CloseButton.ts",
2224
- "declarations": [
2225
- {
2226
- "kind": "class",
2227
- "description": "`bm-close-button`\n\n### Attributes:\n- **size** - Specify the size of the CloseButton\n- **disabled** - Specify if the CloseButton is disabled",
2228
- "name": "BmCloseButton",
2229
- "members": [
2230
- {
2231
- "kind": "field",
2232
- "name": "size",
2233
- "type": {
2234
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2234
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2235
2235
  },
2236
2236
  "default": "'md'",
2237
2237
  "description": "Specify the size of the CloseButton",
@@ -8345,722 +8345,683 @@
8345
8345
  },
8346
8346
  {
8347
8347
  "kind": "javascript-module",
8348
- "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8348
+ "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
8349
+ "declarations": [
8350
+ {
8351
+ "kind": "variable",
8352
+ "name": "bmFormInitials",
8353
+ "type": {
8354
+ "text": "BmFormContext"
8355
+ },
8356
+ "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
8357
+ },
8358
+ {
8359
+ "kind": "variable",
8360
+ "name": "bmFormContext"
8361
+ }
8362
+ ],
8363
+ "exports": [
8364
+ {
8365
+ "kind": "js",
8366
+ "name": "bmFormInitials",
8367
+ "declaration": {
8368
+ "name": "bmFormInitials",
8369
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8370
+ }
8371
+ },
8372
+ {
8373
+ "kind": "js",
8374
+ "name": "bmFormContext",
8375
+ "declaration": {
8376
+ "name": "bmFormContext",
8377
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8378
+ }
8379
+ }
8380
+ ]
8381
+ },
8382
+ {
8383
+ "kind": "javascript-module",
8384
+ "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
8349
8385
  "declarations": [
8350
8386
  {
8351
8387
  "kind": "class",
8352
- "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",
8353
- "name": "BmRadioButton",
8388
+ "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
8389
+ "name": "FormField",
8354
8390
  "members": [
8355
8391
  {
8356
8392
  "kind": "field",
8357
- "name": "label",
8393
+ "name": "formAssociated",
8358
8394
  "type": {
8359
- "text": "string | undefined"
8395
+ "text": "boolean"
8360
8396
  },
8361
- "description": "Specify the text for the label",
8362
- "attribute": "label"
8397
+ "static": true,
8398
+ "default": "true"
8363
8399
  },
8364
8400
  {
8365
8401
  "kind": "field",
8366
- "name": "error",
8402
+ "name": "id",
8367
8403
  "type": {
8368
- "text": "boolean | undefined"
8404
+ "text": "string"
8369
8405
  },
8370
- "description": "Specify error text and display error state of a RadioButton",
8371
- "attribute": "error"
8406
+ "default": "''",
8407
+ "attribute": "id"
8372
8408
  },
8373
8409
  {
8374
8410
  "kind": "field",
8375
- "name": "readOnly",
8411
+ "name": "name",
8376
8412
  "type": {
8377
- "text": "boolean | undefined"
8413
+ "text": "string"
8378
8414
  },
8379
- "description": "Specify if RadioButton displays in a read-only state",
8380
- "attribute": "readOnly"
8415
+ "default": "''",
8416
+ "attribute": "name"
8381
8417
  },
8382
8418
  {
8383
8419
  "kind": "field",
8384
- "name": "disabled",
8420
+ "name": "value",
8385
8421
  "type": {
8386
- "text": "boolean | undefined"
8422
+ "text": "string"
8387
8423
  },
8388
- "description": "Specify if RadioButton displays in a disabled state",
8389
- "attribute": "disabled"
8424
+ "default": "''",
8425
+ "attribute": "value"
8390
8426
  },
8391
8427
  {
8392
8428
  "kind": "field",
8393
- "name": "theme",
8429
+ "name": "validationRules",
8394
8430
  "type": {
8395
- "text": "'light' | 'dark' | undefined"
8431
+ "text": "Array<FormValidator>"
8396
8432
  },
8397
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8398
- "attribute": "theme"
8433
+ "default": "[]",
8434
+ "attribute": "validationRules"
8399
8435
  },
8400
8436
  {
8401
8437
  "kind": "field",
8402
- "name": "value",
8438
+ "name": "inputAriaLabel",
8403
8439
  "type": {
8404
8440
  "text": "string | undefined"
8405
8441
  },
8406
- "description": "The value attribute for the input element",
8407
- "attribute": "value"
8408
- },
8409
- {
8410
- "kind": "field",
8411
- "name": "checked",
8412
- "type": {
8413
- "text": "boolean"
8414
- },
8415
- "default": "false",
8416
- "description": "The checked attribute for the input element",
8417
- "attribute": "checked"
8442
+ "attribute": "input-aria-label"
8418
8443
  },
8419
8444
  {
8420
8445
  "kind": "field",
8421
- "name": "onKeyDown",
8446
+ "name": "formContext",
8422
8447
  "type": {
8423
- "text": "(event: KeyboardEvent) => void | undefined"
8424
- },
8425
- "description": "A user-defined function to handle keydown events",
8426
- "attribute": "onKeyDown"
8448
+ "text": "BmFormContext"
8449
+ }
8427
8450
  },
8428
8451
  {
8429
- "kind": "field",
8430
- "name": "inputChoiceGroupContext",
8431
- "type": {
8432
- "text": "InputChoiceGroupContextProps"
8452
+ "kind": "method",
8453
+ "name": "formAssociatedCallback",
8454
+ "return": {
8455
+ "type": {
8456
+ "text": "void"
8457
+ }
8433
8458
  }
8434
8459
  },
8435
8460
  {
8436
- "kind": "field",
8437
- "name": "radioButtonRef"
8461
+ "kind": "method",
8462
+ "name": "formResetCallback",
8463
+ "return": {
8464
+ "type": {
8465
+ "text": "void"
8466
+ }
8467
+ }
8438
8468
  },
8439
8469
  {
8440
8470
  "kind": "method",
8441
- "name": "focus"
8471
+ "name": "finalizeAssociatedCallback",
8472
+ "return": {
8473
+ "type": {
8474
+ "text": "FinalizeAssociatedResult"
8475
+ }
8476
+ },
8477
+ "parameters": [
8478
+ {
8479
+ "name": "ctxValue",
8480
+ "type": {
8481
+ "text": "string"
8482
+ }
8483
+ }
8484
+ ]
8442
8485
  }
8443
8486
  ],
8444
8487
  "attributes": [
8445
8488
  {
8446
- "name": "label",
8447
- "type": {
8448
- "text": "string | undefined"
8449
- },
8450
- "description": "Specify the text for the label",
8451
- "fieldName": "label"
8452
- },
8453
- {
8454
- "name": "error",
8455
- "type": {
8456
- "text": "boolean | undefined"
8457
- },
8458
- "description": "Specify error text and display error state of a RadioButton",
8459
- "fieldName": "error"
8460
- },
8461
- {
8462
- "name": "readOnly",
8463
- "type": {
8464
- "text": "boolean | undefined"
8465
- },
8466
- "description": "Specify if RadioButton displays in a read-only state",
8467
- "fieldName": "readOnly"
8468
- },
8469
- {
8470
- "name": "disabled",
8489
+ "name": "id",
8471
8490
  "type": {
8472
- "text": "boolean | undefined"
8491
+ "text": "string"
8473
8492
  },
8474
- "description": "Specify if RadioButton displays in a disabled state",
8475
- "fieldName": "disabled"
8493
+ "default": "''",
8494
+ "fieldName": "id"
8476
8495
  },
8477
8496
  {
8478
- "name": "theme",
8497
+ "name": "name",
8479
8498
  "type": {
8480
- "text": "'light' | 'dark' | undefined"
8499
+ "text": "string"
8481
8500
  },
8482
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8483
- "fieldName": "theme"
8501
+ "default": "''",
8502
+ "fieldName": "name"
8484
8503
  },
8485
8504
  {
8486
8505
  "name": "value",
8487
8506
  "type": {
8488
- "text": "string | undefined"
8507
+ "text": "string"
8489
8508
  },
8490
- "description": "The value attribute for the input element",
8509
+ "default": "''",
8491
8510
  "fieldName": "value"
8492
8511
  },
8493
8512
  {
8494
- "name": "checked",
8513
+ "name": "validationRules",
8495
8514
  "type": {
8496
- "text": "boolean"
8515
+ "text": "Array<FormValidator>"
8497
8516
  },
8498
- "default": "false",
8499
- "description": "The checked attribute for the input element",
8500
- "fieldName": "checked"
8517
+ "default": "[]",
8518
+ "fieldName": "validationRules"
8501
8519
  },
8502
8520
  {
8503
- "name": "onKeyDown",
8521
+ "name": "input-aria-label",
8504
8522
  "type": {
8505
- "text": "(event: KeyboardEvent) => void | undefined"
8523
+ "text": "string | undefined"
8506
8524
  },
8507
- "description": "A user-defined function to handle keydown events",
8508
- "fieldName": "onKeyDown"
8525
+ "fieldName": "inputAriaLabel"
8509
8526
  }
8510
8527
  ],
8511
8528
  "superclass": {
8512
8529
  "name": "LitElement",
8513
8530
  "package": "lit"
8514
8531
  },
8515
- "tagName": "bm-radio-button",
8516
8532
  "customElement": true
8517
8533
  }
8518
8534
  ],
8519
8535
  "exports": [
8520
8536
  {
8521
8537
  "kind": "js",
8522
- "name": "BmRadioButton",
8523
- "declaration": {
8524
- "name": "BmRadioButton",
8525
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8526
- }
8527
- },
8528
- {
8529
- "kind": "custom-element-definition",
8530
- "name": "bm-radio-button",
8531
- "declaration": {
8532
- "name": "BmRadioButton",
8533
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8534
- }
8535
- }
8536
- ]
8537
- },
8538
- {
8539
- "kind": "javascript-module",
8540
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
8541
- "declarations": [],
8542
- "exports": [
8543
- {
8544
- "kind": "js",
8545
- "name": "*",
8546
- "declaration": {
8547
- "name": "*",
8548
- "package": "./RadioButton"
8549
- }
8550
- },
8551
- {
8552
- "kind": "js",
8553
- "name": "*",
8538
+ "name": "FormField",
8554
8539
  "declaration": {
8555
- "name": "*",
8556
- "package": "./RadioButtonGroup/RadioButtonGroup"
8540
+ "name": "FormField",
8541
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8557
8542
  }
8558
8543
  }
8559
8544
  ]
8560
8545
  },
8561
8546
  {
8562
8547
  "kind": "javascript-module",
8563
- "path": "libs/web-components/src/lib/wip/TextArea/TextArea.ts",
8548
+ "path": "libs/web-components/src/lib/wip/Form/Form.ts",
8564
8549
  "declarations": [
8565
8550
  {
8566
8551
  "kind": "class",
8567
- "description": "### Attributes:\n- **rows** - Specify the height of TextArea\n- **cols** - Specify the width of TextArea\n- **placeholder** - Specify placeholder text for TextArea\n- **required** - Specify if TextArea is a required input\n- **hideRequiredMarker** - Specify if the TextArea displays with an asterisk\n- **error** - Specify error text and display error state of a TextArea\n- **readOnly** - Specify if TextArea displays in a read-only state\n- **disabled** - Specify if TextArea displays in a disabled state\n- **fluid** - Specify if TextArea is fluid\n- **width** - Specify the width of TextArea\n- **hideResize** - Specify if TextArea can be manually resized\n- **maxCount** - Specify the maximum character count for the TextArea\n- **autoResize** - Specify if the TextArea automatically resizes to fit the text\n- **theme** - Specify the theme of the TextArea. By default it inherits the theme from the parent",
8568
- "name": "BmTextArea",
8552
+ "description": "### Attributes:\n- **validationMode** - Specify if validation runs on change or when loosing focus\n- **initialValues** - Specify initial values on Form controls based on their names\n- **required** - Specify if input is a required\n- **disabled** - Specify if input is a disabled\n- **readOnly** - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
8553
+ "name": "BmForm",
8569
8554
  "slots": [
8570
8555
  {
8571
- "description": "Specify the label for TextArea",
8572
- "name": "label"
8573
- },
8574
- {
8575
- "description": "Specify the helper text for TextArea",
8576
- "name": "helper-text"
8556
+ "description": "Add controls to the Form",
8557
+ "name": "slot"
8577
8558
  }
8578
8559
  ],
8579
8560
  "members": [
8580
8561
  {
8581
8562
  "kind": "field",
8582
- "name": "rows",
8563
+ "name": "validationMode",
8583
8564
  "type": {
8584
- "text": "number | undefined"
8565
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
8585
8566
  },
8586
- "description": "Specify the height of TextArea",
8587
- "attribute": "rows"
8567
+ "default": "'onBlur'",
8568
+ "description": "Specify if validation runs on change or when loosing focus",
8569
+ "attribute": "validationMode"
8588
8570
  },
8589
8571
  {
8590
8572
  "kind": "field",
8591
- "name": "cols",
8573
+ "name": "initialValues",
8592
8574
  "type": {
8593
- "text": "number | undefined"
8575
+ "text": "Record<string, FormValue>"
8594
8576
  },
8595
- "description": "Specify the width of TextArea",
8596
- "attribute": "cols"
8577
+ "default": "{}",
8578
+ "description": "Specify initial values on Form controls based on their names",
8579
+ "attribute": "initialValues"
8597
8580
  },
8598
8581
  {
8599
8582
  "kind": "field",
8600
- "name": "placeholder",
8583
+ "name": "required",
8601
8584
  "type": {
8602
- "text": "string | undefined"
8585
+ "text": "boolean"
8603
8586
  },
8604
- "description": "Specify placeholder text for TextArea",
8605
- "attribute": "placeholder"
8587
+ "default": "false",
8588
+ "description": "Specify if input is a required",
8589
+ "attribute": "required"
8606
8590
  },
8607
8591
  {
8608
8592
  "kind": "field",
8609
- "name": "required",
8593
+ "name": "disabled",
8610
8594
  "type": {
8611
8595
  "text": "boolean"
8612
8596
  },
8613
8597
  "default": "false",
8614
- "description": "Specify if TextArea is a required input",
8615
- "attribute": "required"
8598
+ "description": "Specify if input is a disabled",
8599
+ "attribute": "disabled"
8616
8600
  },
8617
8601
  {
8618
8602
  "kind": "field",
8619
- "name": "hideRequiredMarker",
8603
+ "name": "readOnly",
8620
8604
  "type": {
8621
8605
  "text": "boolean"
8622
8606
  },
8623
8607
  "default": "false",
8624
- "description": "Specify if the TextArea displays with an asterisk",
8625
- "attribute": "hideRequiredMarker"
8608
+ "description": "Specify if input is a read only",
8609
+ "attribute": "readOnly"
8626
8610
  },
8627
8611
  {
8628
8612
  "kind": "field",
8629
- "name": "error",
8613
+ "name": "action",
8630
8614
  "type": {
8631
8615
  "text": "string | undefined"
8632
8616
  },
8633
- "description": "Specify error text and display error state of a TextArea",
8634
- "attribute": "error"
8617
+ "attribute": "action"
8635
8618
  },
8636
8619
  {
8637
8620
  "kind": "field",
8638
- "name": "readOnly",
8621
+ "name": "method",
8639
8622
  "type": {
8640
- "text": "boolean"
8623
+ "text": "string | undefined"
8641
8624
  },
8642
- "default": "false",
8643
- "description": "Specify if TextArea displays in a read-only state",
8644
- "attribute": "readOnly"
8625
+ "attribute": "method"
8645
8626
  },
8646
8627
  {
8647
8628
  "kind": "field",
8648
- "name": "disabled",
8629
+ "name": "target",
8649
8630
  "type": {
8650
- "text": "boolean"
8631
+ "text": "string | undefined"
8651
8632
  },
8652
- "default": "false",
8653
- "description": "Specify if TextArea displays in a disabled state",
8654
- "attribute": "disabled"
8633
+ "attribute": "target"
8655
8634
  },
8656
8635
  {
8657
8636
  "kind": "field",
8658
- "name": "fluid",
8637
+ "name": "enctype",
8659
8638
  "type": {
8660
- "text": "boolean"
8639
+ "text": "string | undefined"
8661
8640
  },
8662
- "default": "false",
8663
- "description": "Specify if TextArea is fluid",
8664
- "attribute": "fluid"
8641
+ "attribute": "enctype"
8665
8642
  },
8666
8643
  {
8667
8644
  "kind": "field",
8668
- "name": "width",
8645
+ "name": "formMeta",
8669
8646
  "type": {
8670
- "text": "string | undefined"
8647
+ "text": "Record<string, FieldMeta>"
8671
8648
  },
8672
- "description": "Specify the width of TextArea",
8673
- "attribute": "width"
8649
+ "default": "{}"
8674
8650
  },
8675
8651
  {
8676
8652
  "kind": "field",
8677
- "name": "hideResize",
8653
+ "name": "formRef"
8654
+ },
8655
+ {
8656
+ "kind": "field",
8657
+ "name": "formContext",
8678
8658
  "type": {
8679
- "text": "boolean"
8659
+ "text": "BmFormContext"
8680
8660
  },
8681
- "default": "false",
8682
- "description": "Specify if TextArea can be manually resized",
8683
- "attribute": "hideResize"
8661
+ "privacy": "public",
8662
+ "default": "bmFormInitials"
8663
+ }
8664
+ ],
8665
+ "events": [
8666
+ {
8667
+ "description": "Validates the inputs and submits the form",
8668
+ "name": "submit"
8669
+ }
8670
+ ],
8671
+ "attributes": [
8672
+ {
8673
+ "name": "validationMode",
8674
+ "type": {
8675
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
8676
+ },
8677
+ "default": "'onBlur'",
8678
+ "description": "Specify if validation runs on change or when loosing focus",
8679
+ "fieldName": "validationMode"
8684
8680
  },
8685
8681
  {
8686
- "kind": "field",
8687
- "name": "maxCount",
8682
+ "name": "initialValues",
8688
8683
  "type": {
8689
- "text": "number | undefined"
8684
+ "text": "Record<string, FormValue>"
8690
8685
  },
8691
- "description": "Specify the maximum character count for the TextArea",
8692
- "attribute": "maxCount"
8686
+ "default": "{}",
8687
+ "description": "Specify initial values on Form controls based on their names",
8688
+ "fieldName": "initialValues"
8693
8689
  },
8694
8690
  {
8695
- "kind": "field",
8696
- "name": "autoResize",
8691
+ "name": "required",
8697
8692
  "type": {
8698
8693
  "text": "boolean"
8699
8694
  },
8700
8695
  "default": "false",
8701
- "description": "Specify if the TextArea automatically resizes to fit the text",
8702
- "attribute": "autoResize"
8696
+ "description": "Specify if input is a required",
8697
+ "fieldName": "required"
8703
8698
  },
8704
8699
  {
8705
- "kind": "field",
8706
- "name": "theme",
8700
+ "name": "disabled",
8707
8701
  "type": {
8708
- "text": "'light' | 'dark' | undefined"
8702
+ "text": "boolean"
8709
8703
  },
8710
- "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
8711
- "attribute": "theme"
8712
- },
8713
- {
8714
- "kind": "field",
8715
- "name": "formFieldCounterRef"
8716
- },
8717
- {
8718
- "kind": "method",
8719
- "name": "finalizeAssociatedCallback",
8720
- "return": {
8721
- "type": {
8722
- "text": "FinalizeAssociatedResult"
8723
- }
8724
- },
8725
- "parameters": [
8726
- {
8727
- "name": "value",
8728
- "type": {
8729
- "text": "string"
8730
- }
8731
- }
8732
- ],
8733
- "inheritedFrom": {
8734
- "name": "FormField",
8735
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8736
- }
8704
+ "default": "false",
8705
+ "description": "Specify if input is a disabled",
8706
+ "fieldName": "disabled"
8737
8707
  },
8738
8708
  {
8739
- "kind": "field",
8740
- "name": "formAssociated",
8709
+ "name": "readOnly",
8741
8710
  "type": {
8742
8711
  "text": "boolean"
8743
8712
  },
8744
- "static": true,
8745
- "default": "true",
8746
- "inheritedFrom": {
8747
- "name": "FormField",
8748
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8749
- }
8713
+ "default": "false",
8714
+ "description": "Specify if input is a read only",
8715
+ "fieldName": "readOnly"
8750
8716
  },
8751
8717
  {
8752
- "kind": "field",
8753
- "name": "id",
8718
+ "name": "action",
8754
8719
  "type": {
8755
- "text": "string"
8720
+ "text": "string | undefined"
8756
8721
  },
8757
- "default": "''",
8758
- "attribute": "id",
8759
- "inheritedFrom": {
8760
- "name": "FormField",
8761
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8762
- }
8722
+ "fieldName": "action"
8763
8723
  },
8764
8724
  {
8765
- "kind": "field",
8766
- "name": "name",
8725
+ "name": "method",
8767
8726
  "type": {
8768
- "text": "string"
8727
+ "text": "string | undefined"
8769
8728
  },
8770
- "default": "''",
8771
- "attribute": "name",
8772
- "inheritedFrom": {
8773
- "name": "FormField",
8774
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8775
- }
8729
+ "fieldName": "method"
8776
8730
  },
8777
8731
  {
8778
- "kind": "field",
8779
- "name": "value",
8732
+ "name": "target",
8780
8733
  "type": {
8781
- "text": "string"
8734
+ "text": "string | undefined"
8782
8735
  },
8783
- "default": "''",
8784
- "attribute": "value",
8785
- "inheritedFrom": {
8786
- "name": "FormField",
8787
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8788
- }
8736
+ "fieldName": "target"
8789
8737
  },
8790
8738
  {
8791
- "kind": "field",
8792
- "name": "validationRules",
8739
+ "name": "enctype",
8793
8740
  "type": {
8794
- "text": "Array<FormValidator>"
8741
+ "text": "string | undefined"
8795
8742
  },
8796
- "default": "[]",
8797
- "attribute": "validationRules",
8798
- "inheritedFrom": {
8799
- "name": "FormField",
8800
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8801
- }
8802
- },
8743
+ "fieldName": "enctype"
8744
+ }
8745
+ ],
8746
+ "superclass": {
8747
+ "name": "LitElement",
8748
+ "package": "lit"
8749
+ },
8750
+ "summary": "`bm-form`",
8751
+ "tagName": "bm-form",
8752
+ "customElement": true
8753
+ }
8754
+ ],
8755
+ "exports": [
8756
+ {
8757
+ "kind": "js",
8758
+ "name": "validators",
8759
+ "declaration": {
8760
+ "name": "validators",
8761
+ "package": "@viasat/beam-shared/components/form"
8762
+ }
8763
+ },
8764
+ {
8765
+ "kind": "js",
8766
+ "name": "BmForm",
8767
+ "declaration": {
8768
+ "name": "BmForm",
8769
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8770
+ }
8771
+ },
8772
+ {
8773
+ "kind": "custom-element-definition",
8774
+ "name": "bm-form",
8775
+ "declaration": {
8776
+ "name": "BmForm",
8777
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8778
+ }
8779
+ }
8780
+ ]
8781
+ },
8782
+ {
8783
+ "kind": "javascript-module",
8784
+ "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
8785
+ "declarations": [
8786
+ {
8787
+ "kind": "function",
8788
+ "name": "createId",
8789
+ "return": {
8790
+ "type": {
8791
+ "text": "string"
8792
+ }
8793
+ }
8794
+ }
8795
+ ],
8796
+ "exports": [
8797
+ {
8798
+ "kind": "js",
8799
+ "name": "createId",
8800
+ "declaration": {
8801
+ "name": "createId",
8802
+ "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
8803
+ }
8804
+ }
8805
+ ]
8806
+ },
8807
+ {
8808
+ "kind": "javascript-module",
8809
+ "path": "libs/web-components/src/lib/wip/Form/index.ts",
8810
+ "declarations": [],
8811
+ "exports": [
8812
+ {
8813
+ "kind": "js",
8814
+ "name": "*",
8815
+ "declaration": {
8816
+ "name": "*",
8817
+ "package": "./Form"
8818
+ }
8819
+ },
8820
+ {
8821
+ "kind": "js",
8822
+ "name": "*",
8823
+ "declaration": {
8824
+ "name": "*",
8825
+ "package": "./Form.decorator"
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": [
8803
8839
  {
8804
8840
  "kind": "field",
8805
- "name": "inputAriaLabel",
8841
+ "name": "label",
8806
8842
  "type": {
8807
8843
  "text": "string | undefined"
8808
8844
  },
8809
- "attribute": "input-aria-label",
8810
- "inheritedFrom": {
8811
- "name": "FormField",
8812
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8813
- }
8845
+ "description": "Specify the text for the label",
8846
+ "attribute": "label"
8814
8847
  },
8815
8848
  {
8816
8849
  "kind": "field",
8817
- "name": "formContext",
8850
+ "name": "error",
8818
8851
  "type": {
8819
- "text": "BmFormContext"
8820
- },
8821
- "inheritedFrom": {
8822
- "name": "FormField",
8823
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8824
- }
8825
- },
8826
- {
8827
- "kind": "method",
8828
- "name": "formAssociatedCallback",
8829
- "return": {
8830
- "type": {
8831
- "text": "void"
8832
- }
8852
+ "text": "boolean | undefined"
8833
8853
  },
8834
- "inheritedFrom": {
8835
- "name": "FormField",
8836
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8837
- }
8854
+ "description": "Specify error text and display error state of a RadioButton",
8855
+ "attribute": "error"
8838
8856
  },
8839
8857
  {
8840
- "kind": "method",
8841
- "name": "formResetCallback",
8842
- "return": {
8843
- "type": {
8844
- "text": "void"
8845
- }
8846
- },
8847
- "inheritedFrom": {
8848
- "name": "FormField",
8849
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8850
- }
8851
- }
8852
- ],
8853
- "attributes": [
8854
- {
8855
- "name": "rows",
8858
+ "kind": "field",
8859
+ "name": "readOnly",
8856
8860
  "type": {
8857
- "text": "number | undefined"
8861
+ "text": "boolean | undefined"
8858
8862
  },
8859
- "description": "Specify the height of TextArea",
8860
- "fieldName": "rows"
8863
+ "description": "Specify if RadioButton displays in a read-only state",
8864
+ "attribute": "readOnly"
8861
8865
  },
8862
8866
  {
8863
- "name": "cols",
8867
+ "kind": "field",
8868
+ "name": "disabled",
8864
8869
  "type": {
8865
- "text": "number | undefined"
8870
+ "text": "boolean | undefined"
8866
8871
  },
8867
- "description": "Specify the width of TextArea",
8868
- "fieldName": "cols"
8872
+ "description": "Specify if RadioButton displays in a disabled state",
8873
+ "attribute": "disabled"
8869
8874
  },
8870
8875
  {
8871
- "name": "placeholder",
8876
+ "kind": "field",
8877
+ "name": "theme",
8872
8878
  "type": {
8873
- "text": "string | undefined"
8879
+ "text": "'light' | 'dark' | undefined"
8874
8880
  },
8875
- "description": "Specify placeholder text for TextArea",
8876
- "fieldName": "placeholder"
8881
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8882
+ "attribute": "theme"
8877
8883
  },
8878
8884
  {
8879
- "name": "required",
8885
+ "kind": "field",
8886
+ "name": "value",
8880
8887
  "type": {
8881
- "text": "boolean"
8888
+ "text": "string | undefined"
8882
8889
  },
8883
- "default": "false",
8884
- "description": "Specify if TextArea is a required input",
8885
- "fieldName": "required"
8890
+ "description": "The value attribute for the input element",
8891
+ "attribute": "value"
8886
8892
  },
8887
8893
  {
8888
- "name": "hideRequiredMarker",
8894
+ "kind": "field",
8895
+ "name": "checked",
8889
8896
  "type": {
8890
8897
  "text": "boolean"
8891
8898
  },
8892
8899
  "default": "false",
8893
- "description": "Specify if the TextArea displays with an asterisk",
8894
- "fieldName": "hideRequiredMarker"
8900
+ "description": "The checked attribute for the input element",
8901
+ "attribute": "checked"
8895
8902
  },
8896
8903
  {
8897
- "name": "error",
8904
+ "kind": "field",
8905
+ "name": "onKeyDown",
8898
8906
  "type": {
8899
- "text": "string | undefined"
8907
+ "text": "(event: KeyboardEvent) => void | undefined"
8900
8908
  },
8901
- "description": "Specify error text and display error state of a TextArea",
8902
- "fieldName": "error"
8909
+ "description": "A user-defined function to handle keydown events",
8910
+ "attribute": "onKeyDown"
8903
8911
  },
8904
8912
  {
8905
- "name": "readOnly",
8913
+ "kind": "field",
8914
+ "name": "inputChoiceGroupContext",
8906
8915
  "type": {
8907
- "text": "boolean"
8908
- },
8909
- "default": "false",
8910
- "description": "Specify if TextArea displays in a read-only state",
8911
- "fieldName": "readOnly"
8916
+ "text": "InputChoiceGroupContextProps"
8917
+ }
8912
8918
  },
8913
8919
  {
8914
- "name": "disabled",
8915
- "type": {
8916
- "text": "boolean"
8917
- },
8918
- "default": "false",
8919
- "description": "Specify if TextArea displays in a disabled state",
8920
- "fieldName": "disabled"
8920
+ "kind": "field",
8921
+ "name": "radioButtonRef"
8921
8922
  },
8922
8923
  {
8923
- "name": "fluid",
8924
- "type": {
8925
- "text": "boolean"
8926
- },
8927
- "default": "false",
8928
- "description": "Specify if TextArea is fluid",
8929
- "fieldName": "fluid"
8930
- },
8924
+ "kind": "method",
8925
+ "name": "focus"
8926
+ }
8927
+ ],
8928
+ "attributes": [
8931
8929
  {
8932
- "name": "width",
8930
+ "name": "label",
8933
8931
  "type": {
8934
8932
  "text": "string | undefined"
8935
8933
  },
8936
- "description": "Specify the width of TextArea",
8937
- "fieldName": "width"
8934
+ "description": "Specify the text for the label",
8935
+ "fieldName": "label"
8938
8936
  },
8939
8937
  {
8940
- "name": "hideResize",
8938
+ "name": "error",
8941
8939
  "type": {
8942
- "text": "boolean"
8940
+ "text": "boolean | undefined"
8943
8941
  },
8944
- "default": "false",
8945
- "description": "Specify if TextArea can be manually resized",
8946
- "fieldName": "hideResize"
8942
+ "description": "Specify error text and display error state of a RadioButton",
8943
+ "fieldName": "error"
8947
8944
  },
8948
8945
  {
8949
- "name": "maxCount",
8946
+ "name": "readOnly",
8950
8947
  "type": {
8951
- "text": "number | undefined"
8948
+ "text": "boolean | undefined"
8952
8949
  },
8953
- "description": "Specify the maximum character count for the TextArea",
8954
- "fieldName": "maxCount"
8950
+ "description": "Specify if RadioButton displays in a read-only state",
8951
+ "fieldName": "readOnly"
8955
8952
  },
8956
8953
  {
8957
- "name": "autoResize",
8954
+ "name": "disabled",
8958
8955
  "type": {
8959
- "text": "boolean"
8956
+ "text": "boolean | undefined"
8960
8957
  },
8961
- "default": "false",
8962
- "description": "Specify if the TextArea automatically resizes to fit the text",
8963
- "fieldName": "autoResize"
8958
+ "description": "Specify if RadioButton displays in a disabled state",
8959
+ "fieldName": "disabled"
8964
8960
  },
8965
8961
  {
8966
8962
  "name": "theme",
8967
8963
  "type": {
8968
8964
  "text": "'light' | 'dark' | undefined"
8969
8965
  },
8970
- "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
8966
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8971
8967
  "fieldName": "theme"
8972
8968
  },
8973
- {
8974
- "name": "id",
8975
- "type": {
8976
- "text": "string"
8977
- },
8978
- "default": "''",
8979
- "fieldName": "id",
8980
- "inheritedFrom": {
8981
- "name": "FormField",
8982
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8983
- }
8984
- },
8985
- {
8986
- "name": "name",
8987
- "type": {
8988
- "text": "string"
8989
- },
8990
- "default": "''",
8991
- "fieldName": "name",
8992
- "inheritedFrom": {
8993
- "name": "FormField",
8994
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8995
- }
8996
- },
8997
8969
  {
8998
8970
  "name": "value",
8999
8971
  "type": {
9000
- "text": "string"
8972
+ "text": "string | undefined"
9001
8973
  },
9002
- "default": "''",
9003
- "fieldName": "value",
9004
- "inheritedFrom": {
9005
- "name": "FormField",
9006
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9007
- }
8974
+ "description": "The value attribute for the input element",
8975
+ "fieldName": "value"
9008
8976
  },
9009
8977
  {
9010
- "name": "validationRules",
8978
+ "name": "checked",
9011
8979
  "type": {
9012
- "text": "Array<FormValidator>"
8980
+ "text": "boolean"
9013
8981
  },
9014
- "default": "[]",
9015
- "fieldName": "validationRules",
9016
- "inheritedFrom": {
9017
- "name": "FormField",
9018
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9019
- }
8982
+ "default": "false",
8983
+ "description": "The checked attribute for the input element",
8984
+ "fieldName": "checked"
9020
8985
  },
9021
8986
  {
9022
- "name": "input-aria-label",
8987
+ "name": "onKeyDown",
9023
8988
  "type": {
9024
- "text": "string | undefined"
8989
+ "text": "(event: KeyboardEvent) => void | undefined"
9025
8990
  },
9026
- "fieldName": "inputAriaLabel",
9027
- "inheritedFrom": {
9028
- "name": "FormField",
9029
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9030
- }
8991
+ "description": "A user-defined function to handle keydown events",
8992
+ "fieldName": "onKeyDown"
9031
8993
  }
9032
8994
  ],
9033
8995
  "superclass": {
9034
- "name": "FormField",
9035
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8996
+ "name": "LitElement",
8997
+ "package": "lit"
9036
8998
  },
9037
- "summary": "`bm-text-area`",
9038
- "tagName": "bm-text-area",
8999
+ "tagName": "bm-radio-button",
9039
9000
  "customElement": true
9040
9001
  }
9041
9002
  ],
9042
9003
  "exports": [
9043
9004
  {
9044
9005
  "kind": "js",
9045
- "name": "BmTextArea",
9006
+ "name": "BmRadioButton",
9046
9007
  "declaration": {
9047
- "name": "BmTextArea",
9048
- "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
9008
+ "name": "BmRadioButton",
9009
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9049
9010
  }
9050
9011
  },
9051
9012
  {
9052
9013
  "kind": "custom-element-definition",
9053
- "name": "bm-text-area",
9014
+ "name": "bm-radio-button",
9054
9015
  "declaration": {
9055
- "name": "BmTextArea",
9056
- "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
9016
+ "name": "BmRadioButton",
9017
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9057
9018
  }
9058
9019
  }
9059
9020
  ]
9060
9021
  },
9061
9022
  {
9062
9023
  "kind": "javascript-module",
9063
- "path": "libs/web-components/src/lib/wip/TextArea/index.ts",
9024
+ "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9064
9025
  "declarations": [],
9065
9026
  "exports": [
9066
9027
  {
@@ -9068,245 +9029,285 @@
9068
9029
  "name": "*",
9069
9030
  "declaration": {
9070
9031
  "name": "*",
9071
- "package": "./TextArea"
9072
- }
9073
- }
9074
- ]
9075
- },
9076
- {
9077
- "kind": "javascript-module",
9078
- "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
9079
- "declarations": [
9080
- {
9081
- "kind": "variable",
9082
- "name": "bmFormInitials",
9083
- "type": {
9084
- "text": "BmFormContext"
9085
- },
9086
- "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
9087
- },
9088
- {
9089
- "kind": "variable",
9090
- "name": "bmFormContext"
9091
- }
9092
- ],
9093
- "exports": [
9094
- {
9095
- "kind": "js",
9096
- "name": "bmFormInitials",
9097
- "declaration": {
9098
- "name": "bmFormInitials",
9099
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
9032
+ "package": "./RadioButton"
9100
9033
  }
9101
9034
  },
9102
9035
  {
9103
9036
  "kind": "js",
9104
- "name": "bmFormContext",
9037
+ "name": "*",
9105
9038
  "declaration": {
9106
- "name": "bmFormContext",
9107
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
9039
+ "name": "*",
9040
+ "package": "./RadioButtonGroup/RadioButtonGroup"
9108
9041
  }
9109
9042
  }
9110
9043
  ]
9111
9044
  },
9112
9045
  {
9113
9046
  "kind": "javascript-module",
9114
- "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
9047
+ "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9115
9048
  "declarations": [
9116
9049
  {
9117
9050
  "kind": "class",
9118
- "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
9119
- "name": "FormField",
9051
+ "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",
9052
+ "name": "BmSwitch",
9053
+ "slots": [
9054
+ {
9055
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9056
+ "name": "onText"
9057
+ },
9058
+ {
9059
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9060
+ "name": "offText"
9061
+ }
9062
+ ],
9120
9063
  "members": [
9121
9064
  {
9122
9065
  "kind": "field",
9123
- "name": "formAssociated",
9066
+ "name": "inputChoiceGroupContext",
9067
+ "type": {
9068
+ "text": "InputChoiceGroupContextProps"
9069
+ }
9070
+ },
9071
+ {
9072
+ "kind": "field",
9073
+ "name": "onText",
9074
+ "type": {
9075
+ "text": "string | undefined"
9076
+ },
9077
+ "default": "undefined",
9078
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9079
+ "attribute": "onText"
9080
+ },
9081
+ {
9082
+ "kind": "field",
9083
+ "name": "offText",
9124
9084
  "type": {
9125
- "text": "boolean"
9085
+ "text": "string | undefined"
9126
9086
  },
9127
- "static": true,
9128
- "default": "true"
9087
+ "default": "undefined",
9088
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9089
+ "attribute": "offText"
9129
9090
  },
9130
9091
  {
9131
9092
  "kind": "field",
9132
- "name": "id",
9093
+ "name": "theme",
9133
9094
  "type": {
9134
- "text": "string"
9095
+ "text": "ThemeTypes | undefined"
9135
9096
  },
9136
- "default": "''",
9137
- "attribute": "id"
9097
+ "default": "undefined",
9098
+ "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9138
9099
  },
9139
9100
  {
9140
9101
  "kind": "field",
9141
- "name": "name",
9102
+ "name": "textPosition",
9142
9103
  "type": {
9143
- "text": "string"
9104
+ "text": "'before' | 'after'"
9144
9105
  },
9145
- "default": "''",
9146
- "attribute": "name"
9106
+ "default": "'after'",
9107
+ "description": "Specify the position of the side label",
9108
+ "attribute": "textPosition"
9147
9109
  },
9148
9110
  {
9149
9111
  "kind": "field",
9150
- "name": "value",
9112
+ "name": "readOnly",
9151
9113
  "type": {
9152
- "text": "string"
9114
+ "text": "boolean"
9153
9115
  },
9154
- "default": "''",
9155
- "attribute": "value"
9116
+ "default": "false",
9117
+ "description": "Specify if Switch displays in a read-only state",
9118
+ "attribute": "readOnly"
9156
9119
  },
9157
9120
  {
9158
9121
  "kind": "field",
9159
- "name": "validationRules",
9122
+ "name": "disabled",
9160
9123
  "type": {
9161
- "text": "Array<FormValidator>"
9124
+ "text": "boolean"
9162
9125
  },
9163
- "default": "[]",
9164
- "attribute": "validationRules"
9126
+ "default": "false",
9127
+ "description": "Specify if Switch displays in a disabled state",
9128
+ "attribute": "disabled"
9165
9129
  },
9166
9130
  {
9167
9131
  "kind": "field",
9168
- "name": "inputAriaLabel",
9132
+ "name": "checked",
9169
9133
  "type": {
9170
- "text": "string | undefined"
9134
+ "text": "boolean"
9171
9135
  },
9172
- "attribute": "input-aria-label"
9136
+ "default": "false",
9137
+ "attribute": "checked"
9173
9138
  },
9174
9139
  {
9175
9140
  "kind": "field",
9176
- "name": "formContext",
9141
+ "name": "value",
9177
9142
  "type": {
9178
- "text": "BmFormContext"
9179
- }
9143
+ "text": "string | undefined"
9144
+ },
9145
+ "description": "The value attribute for the input element",
9146
+ "attribute": "value"
9180
9147
  },
9181
9148
  {
9182
- "kind": "method",
9183
- "name": "formAssociatedCallback",
9184
- "return": {
9185
- "type": {
9186
- "text": "void"
9187
- }
9188
- }
9189
- },
9149
+ "kind": "field",
9150
+ "name": "switchRef"
9151
+ }
9152
+ ],
9153
+ "attributes": [
9190
9154
  {
9191
- "kind": "method",
9192
- "name": "formResetCallback",
9193
- "return": {
9194
- "type": {
9195
- "text": "void"
9196
- }
9197
- }
9155
+ "name": "onText",
9156
+ "type": {
9157
+ "text": "string | undefined"
9158
+ },
9159
+ "default": "undefined",
9160
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9161
+ "fieldName": "onText"
9198
9162
  },
9199
9163
  {
9200
- "kind": "method",
9201
- "name": "finalizeAssociatedCallback",
9202
- "return": {
9203
- "type": {
9204
- "text": "FinalizeAssociatedResult"
9205
- }
9164
+ "name": "offText",
9165
+ "type": {
9166
+ "text": "string | undefined"
9206
9167
  },
9207
- "parameters": [
9208
- {
9209
- "name": "ctxValue",
9210
- "type": {
9211
- "text": "string"
9212
- }
9213
- }
9214
- ]
9215
- }
9216
- ],
9217
- "attributes": [
9168
+ "default": "undefined",
9169
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9170
+ "fieldName": "offText"
9171
+ },
9218
9172
  {
9219
- "name": "id",
9173
+ "name": "textPosition",
9220
9174
  "type": {
9221
- "text": "string"
9175
+ "text": "'before' | 'after'"
9222
9176
  },
9223
- "default": "''",
9224
- "fieldName": "id"
9177
+ "default": "'after'",
9178
+ "description": "Specify the position of the side label",
9179
+ "fieldName": "textPosition"
9225
9180
  },
9226
9181
  {
9227
- "name": "name",
9182
+ "name": "readOnly",
9228
9183
  "type": {
9229
- "text": "string"
9184
+ "text": "boolean"
9230
9185
  },
9231
- "default": "''",
9232
- "fieldName": "name"
9186
+ "default": "false",
9187
+ "description": "Specify if Switch displays in a read-only state",
9188
+ "fieldName": "readOnly"
9233
9189
  },
9234
9190
  {
9235
- "name": "value",
9191
+ "name": "disabled",
9236
9192
  "type": {
9237
- "text": "string"
9193
+ "text": "boolean"
9238
9194
  },
9239
- "default": "''",
9240
- "fieldName": "value"
9195
+ "default": "false",
9196
+ "description": "Specify if Switch displays in a disabled state",
9197
+ "fieldName": "disabled"
9241
9198
  },
9242
9199
  {
9243
- "name": "validationRules",
9200
+ "name": "checked",
9244
9201
  "type": {
9245
- "text": "Array<FormValidator>"
9202
+ "text": "boolean"
9246
9203
  },
9247
- "default": "[]",
9248
- "fieldName": "validationRules"
9204
+ "default": "false",
9205
+ "fieldName": "checked"
9249
9206
  },
9250
9207
  {
9251
- "name": "input-aria-label",
9208
+ "name": "value",
9252
9209
  "type": {
9253
9210
  "text": "string | undefined"
9254
9211
  },
9255
- "fieldName": "inputAriaLabel"
9212
+ "description": "The value attribute for the input element",
9213
+ "fieldName": "value"
9256
9214
  }
9257
9215
  ],
9258
9216
  "superclass": {
9259
9217
  "name": "LitElement",
9260
9218
  "package": "lit"
9261
9219
  },
9220
+ "tagName": "bm-switch",
9262
9221
  "customElement": true
9263
9222
  }
9264
9223
  ],
9265
9224
  "exports": [
9266
9225
  {
9267
9226
  "kind": "js",
9268
- "name": "FormField",
9227
+ "name": "BmSwitch",
9269
9228
  "declaration": {
9270
- "name": "FormField",
9271
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9229
+ "name": "BmSwitch",
9230
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9231
+ }
9232
+ },
9233
+ {
9234
+ "kind": "custom-element-definition",
9235
+ "name": "bm-switch",
9236
+ "declaration": {
9237
+ "name": "BmSwitch",
9238
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9272
9239
  }
9273
9240
  }
9274
9241
  ]
9275
9242
  },
9276
9243
  {
9277
9244
  "kind": "javascript-module",
9278
- "path": "libs/web-components/src/lib/wip/Form/Form.ts",
9245
+ "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9246
+ "declarations": [],
9247
+ "exports": [
9248
+ {
9249
+ "kind": "js",
9250
+ "name": "*",
9251
+ "declaration": {
9252
+ "name": "*",
9253
+ "package": "./Switch"
9254
+ }
9255
+ },
9256
+ {
9257
+ "kind": "js",
9258
+ "name": "*",
9259
+ "declaration": {
9260
+ "name": "*",
9261
+ "package": "./SwitchGroup/SwitchGroup"
9262
+ }
9263
+ }
9264
+ ]
9265
+ },
9266
+ {
9267
+ "kind": "javascript-module",
9268
+ "path": "libs/web-components/src/lib/wip/TextArea/TextArea.ts",
9279
9269
  "declarations": [
9280
9270
  {
9281
9271
  "kind": "class",
9282
- "description": "### Attributes:\n- **validationMode** - Specify if validation runs on change or when loosing focus\n- **initialValues** - Specify initial values on Form controls based on their names\n- **required** - Specify if input is a required\n- **disabled** - Specify if input is a disabled\n- **readOnly** - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
9283
- "name": "BmForm",
9272
+ "description": "### Attributes:\n- **rows** - Specify the height of TextArea\n- **cols** - Specify the width of TextArea\n- **placeholder** - Specify placeholder text for TextArea\n- **required** - Specify if TextArea is a required input\n- **hideRequiredMarker** - Specify if the TextArea displays with an asterisk\n- **error** - Specify error text and display error state of a TextArea\n- **readOnly** - Specify if TextArea displays in a read-only state\n- **disabled** - Specify if TextArea displays in a disabled state\n- **fluid** - Specify if TextArea is fluid\n- **width** - Specify the width of TextArea\n- **hideResize** - Specify if TextArea can be manually resized\n- **maxCount** - Specify the maximum character count for the TextArea\n- **autoResize** - Specify if the TextArea automatically resizes to fit the text\n- **theme** - Specify the theme of the TextArea. By default it inherits the theme from the parent",
9273
+ "name": "BmTextArea",
9284
9274
  "slots": [
9285
9275
  {
9286
- "description": "Add controls to the Form",
9287
- "name": "slot"
9276
+ "description": "Specify the label for TextArea",
9277
+ "name": "label"
9278
+ },
9279
+ {
9280
+ "description": "Specify the helper text for TextArea",
9281
+ "name": "helper-text"
9288
9282
  }
9289
9283
  ],
9290
9284
  "members": [
9291
9285
  {
9292
9286
  "kind": "field",
9293
- "name": "validationMode",
9287
+ "name": "rows",
9294
9288
  "type": {
9295
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
9289
+ "text": "number | undefined"
9296
9290
  },
9297
- "default": "'onBlur'",
9298
- "description": "Specify if validation runs on change or when loosing focus",
9299
- "attribute": "validationMode"
9291
+ "description": "Specify the height of TextArea",
9292
+ "attribute": "rows"
9300
9293
  },
9301
9294
  {
9302
9295
  "kind": "field",
9303
- "name": "initialValues",
9296
+ "name": "cols",
9304
9297
  "type": {
9305
- "text": "Record<string, FormValue>"
9298
+ "text": "number | undefined"
9306
9299
  },
9307
- "default": "{}",
9308
- "description": "Specify initial values on Form controls based on their names",
9309
- "attribute": "initialValues"
9300
+ "description": "Specify the width of TextArea",
9301
+ "attribute": "cols"
9302
+ },
9303
+ {
9304
+ "kind": "field",
9305
+ "name": "placeholder",
9306
+ "type": {
9307
+ "text": "string | undefined"
9308
+ },
9309
+ "description": "Specify placeholder text for TextArea",
9310
+ "attribute": "placeholder"
9310
9311
  },
9311
9312
  {
9312
9313
  "kind": "field",
@@ -9315,18 +9316,27 @@
9315
9316
  "text": "boolean"
9316
9317
  },
9317
9318
  "default": "false",
9318
- "description": "Specify if input is a required",
9319
+ "description": "Specify if TextArea is a required input",
9319
9320
  "attribute": "required"
9320
9321
  },
9321
9322
  {
9322
9323
  "kind": "field",
9323
- "name": "disabled",
9324
+ "name": "hideRequiredMarker",
9324
9325
  "type": {
9325
9326
  "text": "boolean"
9326
9327
  },
9327
9328
  "default": "false",
9328
- "description": "Specify if input is a disabled",
9329
- "attribute": "disabled"
9329
+ "description": "Specify if the TextArea displays with an asterisk",
9330
+ "attribute": "hideRequiredMarker"
9331
+ },
9332
+ {
9333
+ "kind": "field",
9334
+ "name": "error",
9335
+ "type": {
9336
+ "text": "string | undefined"
9337
+ },
9338
+ "description": "Specify error text and display error state of a TextArea",
9339
+ "attribute": "error"
9330
9340
  },
9331
9341
  {
9332
9342
  "kind": "field",
@@ -9335,429 +9345,427 @@
9335
9345
  "text": "boolean"
9336
9346
  },
9337
9347
  "default": "false",
9338
- "description": "Specify if input is a read only",
9348
+ "description": "Specify if TextArea displays in a read-only state",
9339
9349
  "attribute": "readOnly"
9340
9350
  },
9341
9351
  {
9342
9352
  "kind": "field",
9343
- "name": "action",
9353
+ "name": "disabled",
9344
9354
  "type": {
9345
- "text": "string | undefined"
9355
+ "text": "boolean"
9346
9356
  },
9347
- "attribute": "action"
9357
+ "default": "false",
9358
+ "description": "Specify if TextArea displays in a disabled state",
9359
+ "attribute": "disabled"
9348
9360
  },
9349
9361
  {
9350
9362
  "kind": "field",
9351
- "name": "method",
9363
+ "name": "fluid",
9352
9364
  "type": {
9353
- "text": "string | undefined"
9365
+ "text": "boolean"
9354
9366
  },
9355
- "attribute": "method"
9367
+ "default": "false",
9368
+ "description": "Specify if TextArea is fluid",
9369
+ "attribute": "fluid"
9356
9370
  },
9357
9371
  {
9358
9372
  "kind": "field",
9359
- "name": "target",
9373
+ "name": "width",
9360
9374
  "type": {
9361
9375
  "text": "string | undefined"
9362
9376
  },
9363
- "attribute": "target"
9377
+ "description": "Specify the width of TextArea",
9378
+ "attribute": "width"
9364
9379
  },
9365
9380
  {
9366
9381
  "kind": "field",
9367
- "name": "enctype",
9382
+ "name": "hideResize",
9368
9383
  "type": {
9369
- "text": "string | undefined"
9384
+ "text": "boolean"
9370
9385
  },
9371
- "attribute": "enctype"
9386
+ "default": "false",
9387
+ "description": "Specify if TextArea can be manually resized",
9388
+ "attribute": "hideResize"
9372
9389
  },
9373
9390
  {
9374
9391
  "kind": "field",
9375
- "name": "formMeta",
9392
+ "name": "maxCount",
9376
9393
  "type": {
9377
- "text": "Record<string, FieldMeta>"
9394
+ "text": "number | undefined"
9378
9395
  },
9379
- "default": "{}"
9380
- },
9381
- {
9382
- "kind": "field",
9383
- "name": "formRef"
9396
+ "description": "Specify the maximum character count for the TextArea",
9397
+ "attribute": "maxCount"
9384
9398
  },
9385
9399
  {
9386
9400
  "kind": "field",
9387
- "name": "formContext",
9401
+ "name": "autoResize",
9388
9402
  "type": {
9389
- "text": "BmFormContext"
9403
+ "text": "boolean"
9390
9404
  },
9391
- "privacy": "public",
9392
- "default": "bmFormInitials"
9393
- }
9394
- ],
9395
- "events": [
9396
- {
9397
- "description": "Validates the inputs and submits the form",
9398
- "name": "submit"
9399
- }
9400
- ],
9401
- "attributes": [
9405
+ "default": "false",
9406
+ "description": "Specify if the TextArea automatically resizes to fit the text",
9407
+ "attribute": "autoResize"
9408
+ },
9402
9409
  {
9403
- "name": "validationMode",
9410
+ "kind": "field",
9411
+ "name": "theme",
9404
9412
  "type": {
9405
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
9413
+ "text": "'light' | 'dark' | undefined"
9406
9414
  },
9407
- "default": "'onBlur'",
9408
- "description": "Specify if validation runs on change or when loosing focus",
9409
- "fieldName": "validationMode"
9415
+ "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
9416
+ "attribute": "theme"
9410
9417
  },
9411
9418
  {
9412
- "name": "initialValues",
9413
- "type": {
9414
- "text": "Record<string, FormValue>"
9415
- },
9416
- "default": "{}",
9417
- "description": "Specify initial values on Form controls based on their names",
9418
- "fieldName": "initialValues"
9419
+ "kind": "field",
9420
+ "name": "formFieldCounterRef"
9419
9421
  },
9420
9422
  {
9421
- "name": "required",
9422
- "type": {
9423
- "text": "boolean"
9423
+ "kind": "method",
9424
+ "name": "finalizeAssociatedCallback",
9425
+ "return": {
9426
+ "type": {
9427
+ "text": "FinalizeAssociatedResult"
9428
+ }
9424
9429
  },
9425
- "default": "false",
9426
- "description": "Specify if input is a required",
9427
- "fieldName": "required"
9430
+ "parameters": [
9431
+ {
9432
+ "name": "value",
9433
+ "type": {
9434
+ "text": "string"
9435
+ }
9436
+ }
9437
+ ],
9438
+ "inheritedFrom": {
9439
+ "name": "FormField",
9440
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9441
+ }
9428
9442
  },
9429
9443
  {
9430
- "name": "disabled",
9444
+ "kind": "field",
9445
+ "name": "formAssociated",
9431
9446
  "type": {
9432
9447
  "text": "boolean"
9433
9448
  },
9434
- "default": "false",
9435
- "description": "Specify if input is a disabled",
9436
- "fieldName": "disabled"
9449
+ "static": true,
9450
+ "default": "true",
9451
+ "inheritedFrom": {
9452
+ "name": "FormField",
9453
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9454
+ }
9437
9455
  },
9438
9456
  {
9439
- "name": "readOnly",
9457
+ "kind": "field",
9458
+ "name": "id",
9440
9459
  "type": {
9441
- "text": "boolean"
9460
+ "text": "string"
9442
9461
  },
9443
- "default": "false",
9444
- "description": "Specify if input is a read only",
9445
- "fieldName": "readOnly"
9462
+ "default": "''",
9463
+ "attribute": "id",
9464
+ "inheritedFrom": {
9465
+ "name": "FormField",
9466
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9467
+ }
9446
9468
  },
9447
9469
  {
9448
- "name": "action",
9470
+ "kind": "field",
9471
+ "name": "name",
9449
9472
  "type": {
9450
- "text": "string | undefined"
9473
+ "text": "string"
9451
9474
  },
9452
- "fieldName": "action"
9475
+ "default": "''",
9476
+ "attribute": "name",
9477
+ "inheritedFrom": {
9478
+ "name": "FormField",
9479
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9480
+ }
9453
9481
  },
9454
9482
  {
9455
- "name": "method",
9483
+ "kind": "field",
9484
+ "name": "value",
9456
9485
  "type": {
9457
- "text": "string | undefined"
9486
+ "text": "string"
9458
9487
  },
9459
- "fieldName": "method"
9488
+ "default": "''",
9489
+ "attribute": "value",
9490
+ "inheritedFrom": {
9491
+ "name": "FormField",
9492
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9493
+ }
9460
9494
  },
9461
9495
  {
9462
- "name": "target",
9496
+ "kind": "field",
9497
+ "name": "validationRules",
9463
9498
  "type": {
9464
- "text": "string | undefined"
9499
+ "text": "Array<FormValidator>"
9465
9500
  },
9466
- "fieldName": "target"
9501
+ "default": "[]",
9502
+ "attribute": "validationRules",
9503
+ "inheritedFrom": {
9504
+ "name": "FormField",
9505
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9506
+ }
9467
9507
  },
9468
9508
  {
9469
- "name": "enctype",
9509
+ "kind": "field",
9510
+ "name": "inputAriaLabel",
9470
9511
  "type": {
9471
9512
  "text": "string | undefined"
9472
- },
9473
- "fieldName": "enctype"
9474
- }
9475
- ],
9476
- "superclass": {
9477
- "name": "LitElement",
9478
- "package": "lit"
9479
- },
9480
- "summary": "`bm-form`",
9481
- "tagName": "bm-form",
9482
- "customElement": true
9483
- }
9484
- ],
9485
- "exports": [
9486
- {
9487
- "kind": "js",
9488
- "name": "validators",
9489
- "declaration": {
9490
- "name": "validators",
9491
- "package": "@viasat/beam-shared/components/form"
9492
- }
9493
- },
9494
- {
9495
- "kind": "js",
9496
- "name": "BmForm",
9497
- "declaration": {
9498
- "name": "BmForm",
9499
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
9500
- }
9501
- },
9502
- {
9503
- "kind": "custom-element-definition",
9504
- "name": "bm-form",
9505
- "declaration": {
9506
- "name": "BmForm",
9507
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
9508
- }
9509
- }
9510
- ]
9511
- },
9512
- {
9513
- "kind": "javascript-module",
9514
- "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
9515
- "declarations": [
9516
- {
9517
- "kind": "function",
9518
- "name": "createId",
9519
- "return": {
9520
- "type": {
9521
- "text": "string"
9522
- }
9523
- }
9524
- }
9525
- ],
9526
- "exports": [
9527
- {
9528
- "kind": "js",
9529
- "name": "createId",
9530
- "declaration": {
9531
- "name": "createId",
9532
- "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
9533
- }
9534
- }
9535
- ]
9536
- },
9537
- {
9538
- "kind": "javascript-module",
9539
- "path": "libs/web-components/src/lib/wip/Form/index.ts",
9540
- "declarations": [],
9541
- "exports": [
9542
- {
9543
- "kind": "js",
9544
- "name": "*",
9545
- "declaration": {
9546
- "name": "*",
9547
- "package": "./Form"
9548
- }
9549
- },
9550
- {
9551
- "kind": "js",
9552
- "name": "*",
9553
- "declaration": {
9554
- "name": "*",
9555
- "package": "./Form.decorator"
9556
- }
9557
- }
9558
- ]
9559
- },
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": [
9513
+ },
9514
+ "attribute": "input-aria-label",
9515
+ "inheritedFrom": {
9516
+ "name": "FormField",
9517
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9518
+ }
9519
+ },
9569
9520
  {
9570
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9571
- "name": "onText"
9521
+ "kind": "field",
9522
+ "name": "formContext",
9523
+ "type": {
9524
+ "text": "BmFormContext"
9525
+ },
9526
+ "inheritedFrom": {
9527
+ "name": "FormField",
9528
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9529
+ }
9572
9530
  },
9573
9531
  {
9574
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9575
- "name": "offText"
9532
+ "kind": "method",
9533
+ "name": "formAssociatedCallback",
9534
+ "return": {
9535
+ "type": {
9536
+ "text": "void"
9537
+ }
9538
+ },
9539
+ "inheritedFrom": {
9540
+ "name": "FormField",
9541
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9542
+ }
9543
+ },
9544
+ {
9545
+ "kind": "method",
9546
+ "name": "formResetCallback",
9547
+ "return": {
9548
+ "type": {
9549
+ "text": "void"
9550
+ }
9551
+ },
9552
+ "inheritedFrom": {
9553
+ "name": "FormField",
9554
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9555
+ }
9576
9556
  }
9577
9557
  ],
9578
- "members": [
9558
+ "attributes": [
9579
9559
  {
9580
- "kind": "field",
9581
- "name": "inputChoiceGroupContext",
9560
+ "name": "rows",
9582
9561
  "type": {
9583
- "text": "InputChoiceGroupContextProps"
9584
- }
9562
+ "text": "number | undefined"
9563
+ },
9564
+ "description": "Specify the height of TextArea",
9565
+ "fieldName": "rows"
9585
9566
  },
9586
9567
  {
9587
- "kind": "field",
9588
- "name": "onText",
9568
+ "name": "cols",
9589
9569
  "type": {
9590
- "text": "string | undefined"
9570
+ "text": "number | undefined"
9591
9571
  },
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"
9572
+ "description": "Specify the width of TextArea",
9573
+ "fieldName": "cols"
9595
9574
  },
9596
9575
  {
9597
- "kind": "field",
9598
- "name": "offText",
9576
+ "name": "placeholder",
9599
9577
  "type": {
9600
9578
  "text": "string | undefined"
9601
9579
  },
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"
9580
+ "description": "Specify placeholder text for TextArea",
9581
+ "fieldName": "placeholder"
9605
9582
  },
9606
9583
  {
9607
- "kind": "field",
9608
- "name": "theme",
9584
+ "name": "required",
9609
9585
  "type": {
9610
- "text": "ThemeTypes | undefined"
9586
+ "text": "boolean"
9611
9587
  },
9612
- "default": "undefined",
9613
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9588
+ "default": "false",
9589
+ "description": "Specify if TextArea is a required input",
9590
+ "fieldName": "required"
9614
9591
  },
9615
9592
  {
9616
- "kind": "field",
9617
- "name": "textPosition",
9593
+ "name": "hideRequiredMarker",
9618
9594
  "type": {
9619
- "text": "'before' | 'after'"
9595
+ "text": "boolean"
9620
9596
  },
9621
- "default": "'after'",
9622
- "description": "Specify the position of the side label",
9623
- "attribute": "textPosition"
9597
+ "default": "false",
9598
+ "description": "Specify if the TextArea displays with an asterisk",
9599
+ "fieldName": "hideRequiredMarker"
9600
+ },
9601
+ {
9602
+ "name": "error",
9603
+ "type": {
9604
+ "text": "string | undefined"
9605
+ },
9606
+ "description": "Specify error text and display error state of a TextArea",
9607
+ "fieldName": "error"
9624
9608
  },
9625
9609
  {
9626
- "kind": "field",
9627
9610
  "name": "readOnly",
9628
9611
  "type": {
9629
9612
  "text": "boolean"
9630
9613
  },
9631
9614
  "default": "false",
9632
- "description": "Specify if Switch displays in a read-only state",
9633
- "attribute": "readOnly"
9615
+ "description": "Specify if TextArea displays in a read-only state",
9616
+ "fieldName": "readOnly"
9634
9617
  },
9635
9618
  {
9636
- "kind": "field",
9637
9619
  "name": "disabled",
9638
9620
  "type": {
9639
9621
  "text": "boolean"
9640
9622
  },
9641
9623
  "default": "false",
9642
- "description": "Specify if Switch displays in a disabled state",
9643
- "attribute": "disabled"
9624
+ "description": "Specify if TextArea displays in a disabled state",
9625
+ "fieldName": "disabled"
9644
9626
  },
9645
9627
  {
9646
- "kind": "field",
9647
- "name": "checked",
9628
+ "name": "fluid",
9648
9629
  "type": {
9649
9630
  "text": "boolean"
9650
9631
  },
9651
9632
  "default": "false",
9652
- "attribute": "checked"
9633
+ "description": "Specify if TextArea is fluid",
9634
+ "fieldName": "fluid"
9653
9635
  },
9654
9636
  {
9655
- "kind": "field",
9656
- "name": "value",
9637
+ "name": "width",
9657
9638
  "type": {
9658
9639
  "text": "string | undefined"
9659
9640
  },
9660
- "description": "The value attribute for the input element",
9661
- "attribute": "value"
9641
+ "description": "Specify the width of TextArea",
9642
+ "fieldName": "width"
9662
9643
  },
9663
9644
  {
9664
- "kind": "field",
9665
- "name": "switchRef"
9666
- }
9667
- ],
9668
- "attributes": [
9669
- {
9670
- "name": "onText",
9645
+ "name": "hideResize",
9671
9646
  "type": {
9672
- "text": "string | undefined"
9647
+ "text": "boolean"
9673
9648
  },
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"
9649
+ "default": "false",
9650
+ "description": "Specify if TextArea can be manually resized",
9651
+ "fieldName": "hideResize"
9677
9652
  },
9678
9653
  {
9679
- "name": "offText",
9654
+ "name": "maxCount",
9680
9655
  "type": {
9681
- "text": "string | undefined"
9656
+ "text": "number | undefined"
9682
9657
  },
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"
9658
+ "description": "Specify the maximum character count for the TextArea",
9659
+ "fieldName": "maxCount"
9686
9660
  },
9687
9661
  {
9688
- "name": "textPosition",
9662
+ "name": "autoResize",
9689
9663
  "type": {
9690
- "text": "'before' | 'after'"
9664
+ "text": "boolean"
9691
9665
  },
9692
- "default": "'after'",
9693
- "description": "Specify the position of the side label",
9694
- "fieldName": "textPosition"
9666
+ "default": "false",
9667
+ "description": "Specify if the TextArea automatically resizes to fit the text",
9668
+ "fieldName": "autoResize"
9695
9669
  },
9696
9670
  {
9697
- "name": "readOnly",
9671
+ "name": "theme",
9698
9672
  "type": {
9699
- "text": "boolean"
9673
+ "text": "'light' | 'dark' | undefined"
9700
9674
  },
9701
- "default": "false",
9702
- "description": "Specify if Switch displays in a read-only state",
9703
- "fieldName": "readOnly"
9675
+ "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
9676
+ "fieldName": "theme"
9704
9677
  },
9705
9678
  {
9706
- "name": "disabled",
9679
+ "name": "id",
9707
9680
  "type": {
9708
- "text": "boolean"
9681
+ "text": "string"
9709
9682
  },
9710
- "default": "false",
9711
- "description": "Specify if Switch displays in a disabled state",
9712
- "fieldName": "disabled"
9683
+ "default": "''",
9684
+ "fieldName": "id",
9685
+ "inheritedFrom": {
9686
+ "name": "FormField",
9687
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9688
+ }
9713
9689
  },
9714
9690
  {
9715
- "name": "checked",
9691
+ "name": "name",
9716
9692
  "type": {
9717
- "text": "boolean"
9693
+ "text": "string"
9718
9694
  },
9719
- "default": "false",
9720
- "fieldName": "checked"
9695
+ "default": "''",
9696
+ "fieldName": "name",
9697
+ "inheritedFrom": {
9698
+ "name": "FormField",
9699
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9700
+ }
9721
9701
  },
9722
9702
  {
9723
9703
  "name": "value",
9704
+ "type": {
9705
+ "text": "string"
9706
+ },
9707
+ "default": "''",
9708
+ "fieldName": "value",
9709
+ "inheritedFrom": {
9710
+ "name": "FormField",
9711
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9712
+ }
9713
+ },
9714
+ {
9715
+ "name": "validationRules",
9716
+ "type": {
9717
+ "text": "Array<FormValidator>"
9718
+ },
9719
+ "default": "[]",
9720
+ "fieldName": "validationRules",
9721
+ "inheritedFrom": {
9722
+ "name": "FormField",
9723
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9724
+ }
9725
+ },
9726
+ {
9727
+ "name": "input-aria-label",
9724
9728
  "type": {
9725
9729
  "text": "string | undefined"
9726
9730
  },
9727
- "description": "The value attribute for the input element",
9728
- "fieldName": "value"
9731
+ "fieldName": "inputAriaLabel",
9732
+ "inheritedFrom": {
9733
+ "name": "FormField",
9734
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9735
+ }
9729
9736
  }
9730
9737
  ],
9731
9738
  "superclass": {
9732
- "name": "LitElement",
9733
- "package": "lit"
9739
+ "name": "FormField",
9740
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
9734
9741
  },
9735
- "tagName": "bm-switch",
9742
+ "summary": "`bm-text-area`",
9743
+ "tagName": "bm-text-area",
9736
9744
  "customElement": true
9737
9745
  }
9738
9746
  ],
9739
9747
  "exports": [
9740
9748
  {
9741
9749
  "kind": "js",
9742
- "name": "BmSwitch",
9750
+ "name": "BmTextArea",
9743
9751
  "declaration": {
9744
- "name": "BmSwitch",
9745
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9752
+ "name": "BmTextArea",
9753
+ "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
9746
9754
  }
9747
9755
  },
9748
9756
  {
9749
9757
  "kind": "custom-element-definition",
9750
- "name": "bm-switch",
9758
+ "name": "bm-text-area",
9751
9759
  "declaration": {
9752
- "name": "BmSwitch",
9753
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9760
+ "name": "BmTextArea",
9761
+ "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
9754
9762
  }
9755
9763
  }
9756
9764
  ]
9757
9765
  },
9758
9766
  {
9759
9767
  "kind": "javascript-module",
9760
- "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9768
+ "path": "libs/web-components/src/lib/wip/TextArea/index.ts",
9761
9769
  "declarations": [],
9762
9770
  "exports": [
9763
9771
  {
@@ -9765,15 +9773,7 @@
9765
9773
  "name": "*",
9766
9774
  "declaration": {
9767
9775
  "name": "*",
9768
- "package": "./Switch"
9769
- }
9770
- },
9771
- {
9772
- "kind": "js",
9773
- "name": "*",
9774
- "declaration": {
9775
- "name": "*",
9776
- "package": "./SwitchGroup/SwitchGroup"
9776
+ "package": "./TextArea"
9777
9777
  }
9778
9778
  }
9779
9779
  ]