@viasat/beam-web-components 2.39.1 → 2.39.2

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 +871 -871
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +214 -214
package/custom-elements.json CHANGED
@@ -581,273 +581,392 @@
581
581
  },
582
582
  {
583
583
  "kind": "javascript-module",
584
- "path": "libs/web-components/src/lib/Alert/Alert.ts",
584
+ "path": "libs/web-components/src/lib/Box/Box.ts",
585
585
  "declarations": [
586
586
  {
587
587
  "kind": "class",
588
- "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",
589
- "name": "BmAlert",
588
+ "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
589
+ "name": "BmBox",
590
590
  "slots": [
591
591
  {
592
- "description": "Specify a different icon for the Alert",
593
- "name": "icon"
594
- },
595
- {
596
- "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
597
- "name": "heading"
598
- },
599
- {
600
- "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
601
- "name": "body"
602
- },
603
- {
604
- "description": "Specify if actions display on the Alert",
605
- "name": "actions"
592
+ "description": "Provide content for the Box",
593
+ "name": "default"
606
594
  }
607
595
  ],
608
596
  "members": [
609
597
  {
610
598
  "kind": "field",
611
- "name": "heading",
599
+ "name": "backgroundColor",
612
600
  "type": {
613
- "text": "string | undefined"
601
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
614
602
  },
615
- "description": "Specify the heading text for Alert",
616
- "attribute": "heading"
603
+ "description": "Specify the background color of a Box",
604
+ "attribute": "backgroundColor"
617
605
  },
618
606
  {
619
607
  "kind": "field",
620
- "name": "body",
608
+ "name": "borderColor",
621
609
  "type": {
622
- "text": "string | undefined"
610
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
623
611
  },
624
- "description": "Specify the body text for Alert",
625
- "attribute": "body"
612
+ "description": "Specify the border color of a Box",
613
+ "attribute": "borderColor"
626
614
  },
627
615
  {
628
616
  "kind": "field",
629
- "name": "size",
617
+ "name": "borderWidth",
630
618
  "type": {
631
- "text": "'sm' | 'md'"
619
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
632
620
  },
633
- "default": "'sm'",
634
- "description": "Specify the size of the Alert",
635
- "attribute": "size"
621
+ "description": "Specify the border width of a Box",
622
+ "attribute": "borderWidth"
636
623
  },
637
624
  {
638
625
  "kind": "field",
639
- "name": "fullWidth",
626
+ "name": "borderRadius",
640
627
  "type": {
641
- "text": "boolean"
628
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
642
629
  },
643
- "default": "false",
644
- "description": "Specify if the Alert has no border radius",
645
- "attribute": "fullWidth"
630
+ "description": "Specify the border radius of a Box",
631
+ "attribute": "borderRadius"
646
632
  },
647
633
  {
648
634
  "kind": "field",
649
- "name": "theme",
635
+ "name": "px",
650
636
  "type": {
651
- "text": "'light' | 'dark' | undefined"
637
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
652
638
  },
653
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
654
- "attribute": "theme"
639
+ "description": "Specify before and after padding of a Box",
640
+ "attribute": "px"
655
641
  },
656
642
  {
657
643
  "kind": "field",
658
- "name": "appearance",
644
+ "name": "py",
659
645
  "type": {
660
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
646
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
661
647
  },
662
- "default": "'infoPrimary'",
663
- "description": "Specify the appearance of the Alert",
664
- "attribute": "appearance"
648
+ "description": "Specify top and bottom padding of a Box",
649
+ "attribute": "py"
665
650
  },
666
651
  {
667
652
  "kind": "field",
668
- "name": "hidden",
653
+ "name": "pTop",
669
654
  "type": {
670
- "text": "boolean"
655
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
671
656
  },
672
- "default": "false",
673
- "description": "Specify if the Alert is hidden",
674
- "attribute": "hidden"
657
+ "description": "Specify top padding of a Box",
658
+ "attribute": "pTop"
675
659
  },
676
660
  {
677
661
  "kind": "field",
678
- "name": "hideIcon",
662
+ "name": "pBottom",
679
663
  "type": {
680
- "text": "boolean"
664
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
681
665
  },
682
- "default": "false",
683
- "description": "Specify if the icon displays on the Alert",
684
- "attribute": "hideIcon"
666
+ "description": "Specify bottom padding of a Box",
667
+ "attribute": "pBottom"
685
668
  },
686
669
  {
687
670
  "kind": "field",
688
- "name": "dismissible",
671
+ "name": "pBefore",
689
672
  "type": {
690
- "text": "boolean"
673
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
691
674
  },
692
- "default": "false",
693
- "description": "Specify if the Alert can be dismissed",
694
- "attribute": "dismissible"
675
+ "description": "Specify before padding of a Box",
676
+ "attribute": "pBefore"
695
677
  },
696
678
  {
697
679
  "kind": "field",
698
- "name": "disableAutoFocus",
680
+ "name": "pAfter",
699
681
  "type": {
700
- "text": "boolean"
682
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
701
683
  },
702
- "default": "false",
703
- "description": "Prevent autofocus on show",
704
- "attribute": "disableAutoFocus"
684
+ "description": "Specify after padding of a Box",
685
+ "attribute": "pAfter"
705
686
  },
706
687
  {
707
688
  "kind": "field",
708
- "name": "disableCloseOnEscape",
689
+ "name": "mx",
709
690
  "type": {
710
- "text": "boolean"
691
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
711
692
  },
712
- "default": "false",
713
- "description": "Prevent Escape from closing",
714
- "attribute": "disableCloseOnEscape"
715
- }
716
- ],
717
- "events": [
693
+ "description": "Specify before and after margin of a Box",
694
+ "attribute": "mx"
695
+ },
718
696
  {
719
- "description": "Dispatched when the Alert has been dismissed",
720
- "name": "bm-dismiss"
721
- }
722
- ],
723
- "attributes": [
697
+ "kind": "field",
698
+ "name": "my",
699
+ "type": {
700
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
701
+ },
702
+ "description": "Specify top and bottom margin of a Box",
703
+ "attribute": "my"
704
+ },
724
705
  {
725
- "name": "heading",
706
+ "kind": "field",
707
+ "name": "mTop",
726
708
  "type": {
727
- "text": "string | undefined"
709
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
728
710
  },
729
- "description": "Specify the heading text for Alert",
730
- "fieldName": "heading"
711
+ "description": "Specify top margin of a Box",
712
+ "attribute": "mTop"
731
713
  },
732
714
  {
733
- "name": "body",
715
+ "kind": "field",
716
+ "name": "mBottom",
734
717
  "type": {
735
- "text": "string | undefined"
718
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
736
719
  },
737
- "description": "Specify the body text for Alert",
738
- "fieldName": "body"
720
+ "description": "Specify bottom margin of a Box",
721
+ "attribute": "mBottom"
739
722
  },
740
723
  {
741
- "name": "size",
724
+ "kind": "field",
725
+ "name": "mBefore",
742
726
  "type": {
743
- "text": "'sm' | 'md'"
727
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
744
728
  },
745
- "default": "'sm'",
746
- "description": "Specify the size of the Alert",
747
- "fieldName": "size"
729
+ "description": "Specify before margin of a Box",
730
+ "attribute": "mBefore"
748
731
  },
749
732
  {
750
- "name": "fullWidth",
733
+ "kind": "field",
734
+ "name": "mAfter",
751
735
  "type": {
752
- "text": "boolean"
736
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
753
737
  },
754
- "default": "false",
755
- "description": "Specify if the Alert has no border radius",
756
- "fieldName": "fullWidth"
738
+ "description": "Specify after margin of a Box",
739
+ "attribute": "mAfter"
757
740
  },
758
741
  {
759
- "name": "theme",
742
+ "kind": "field",
743
+ "name": "m",
760
744
  "type": {
761
- "text": "'light' | 'dark' | undefined"
745
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
762
746
  },
763
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
764
- "fieldName": "theme"
747
+ "description": "Specify all margin",
748
+ "attribute": "m"
765
749
  },
766
750
  {
767
- "name": "appearance",
751
+ "kind": "field",
752
+ "name": "p",
768
753
  "type": {
769
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
754
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
770
755
  },
771
- "default": "'infoPrimary'",
772
- "description": "Specify the appearance of the Alert",
773
- "fieldName": "appearance"
756
+ "description": "Specify all padding",
757
+ "attribute": "p"
774
758
  },
775
759
  {
776
- "name": "hidden",
760
+ "kind": "field",
761
+ "name": "gap",
777
762
  "type": {
778
- "text": "boolean"
763
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
779
764
  },
780
- "default": "false",
781
- "description": "Specify if the Alert is hidden",
782
- "fieldName": "hidden"
765
+ "description": "Specify gap between child elements",
766
+ "attribute": "gap"
783
767
  },
784
768
  {
785
- "name": "hideIcon",
769
+ "kind": "field",
770
+ "name": "shadow",
786
771
  "type": {
787
- "text": "boolean"
772
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
788
773
  },
789
- "default": "false",
790
- "description": "Specify if the icon displays on the Alert",
791
- "fieldName": "hideIcon"
774
+ "description": "Specify if a Box has a shadow",
775
+ "attribute": "shadow"
776
+ }
777
+ ],
778
+ "attributes": [
779
+ {
780
+ "name": "backgroundColor",
781
+ "type": {
782
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
783
+ },
784
+ "description": "Specify the background color of a Box",
785
+ "fieldName": "backgroundColor"
792
786
  },
793
787
  {
794
- "name": "dismissible",
788
+ "name": "borderColor",
795
789
  "type": {
796
- "text": "boolean"
790
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
797
791
  },
798
- "default": "false",
799
- "description": "Specify if the Alert can be dismissed",
800
- "fieldName": "dismissible"
792
+ "description": "Specify the border color of a Box",
793
+ "fieldName": "borderColor"
801
794
  },
802
795
  {
803
- "name": "disableAutoFocus",
796
+ "name": "borderWidth",
804
797
  "type": {
805
- "text": "boolean"
798
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
806
799
  },
807
- "default": "false",
808
- "description": "Prevent autofocus on show",
809
- "fieldName": "disableAutoFocus"
800
+ "description": "Specify the border width of a Box",
801
+ "fieldName": "borderWidth"
810
802
  },
811
803
  {
812
- "name": "disableCloseOnEscape",
804
+ "name": "borderRadius",
813
805
  "type": {
814
- "text": "boolean"
806
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
815
807
  },
816
- "default": "false",
817
- "description": "Prevent Escape from closing",
818
- "fieldName": "disableCloseOnEscape"
819
- }
820
- ],
821
- "superclass": {
822
- "name": "LitElement",
823
- "package": "lit"
824
- },
825
- "tagName": "bm-alert",
826
- "customElement": true
827
- }
808
+ "description": "Specify the border radius of a Box",
809
+ "fieldName": "borderRadius"
810
+ },
811
+ {
812
+ "name": "px",
813
+ "type": {
814
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
815
+ },
816
+ "description": "Specify before and after padding of a Box",
817
+ "fieldName": "px"
818
+ },
819
+ {
820
+ "name": "py",
821
+ "type": {
822
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
823
+ },
824
+ "description": "Specify top and bottom padding of a Box",
825
+ "fieldName": "py"
826
+ },
827
+ {
828
+ "name": "pTop",
829
+ "type": {
830
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
831
+ },
832
+ "description": "Specify top padding of a Box",
833
+ "fieldName": "pTop"
834
+ },
835
+ {
836
+ "name": "pBottom",
837
+ "type": {
838
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
839
+ },
840
+ "description": "Specify bottom padding of a Box",
841
+ "fieldName": "pBottom"
842
+ },
843
+ {
844
+ "name": "pBefore",
845
+ "type": {
846
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
847
+ },
848
+ "description": "Specify before padding of a Box",
849
+ "fieldName": "pBefore"
850
+ },
851
+ {
852
+ "name": "pAfter",
853
+ "type": {
854
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
855
+ },
856
+ "description": "Specify after padding of a Box",
857
+ "fieldName": "pAfter"
858
+ },
859
+ {
860
+ "name": "mx",
861
+ "type": {
862
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
863
+ },
864
+ "description": "Specify before and after margin of a Box",
865
+ "fieldName": "mx"
866
+ },
867
+ {
868
+ "name": "my",
869
+ "type": {
870
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
871
+ },
872
+ "description": "Specify top and bottom margin of a Box",
873
+ "fieldName": "my"
874
+ },
875
+ {
876
+ "name": "mTop",
877
+ "type": {
878
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
879
+ },
880
+ "description": "Specify top margin of a Box",
881
+ "fieldName": "mTop"
882
+ },
883
+ {
884
+ "name": "mBottom",
885
+ "type": {
886
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
887
+ },
888
+ "description": "Specify bottom margin of a Box",
889
+ "fieldName": "mBottom"
890
+ },
891
+ {
892
+ "name": "mBefore",
893
+ "type": {
894
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
895
+ },
896
+ "description": "Specify before margin of a Box",
897
+ "fieldName": "mBefore"
898
+ },
899
+ {
900
+ "name": "mAfter",
901
+ "type": {
902
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
903
+ },
904
+ "description": "Specify after margin of a Box",
905
+ "fieldName": "mAfter"
906
+ },
907
+ {
908
+ "name": "m",
909
+ "type": {
910
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
911
+ },
912
+ "description": "Specify all margin",
913
+ "fieldName": "m"
914
+ },
915
+ {
916
+ "name": "p",
917
+ "type": {
918
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
919
+ },
920
+ "description": "Specify all padding",
921
+ "fieldName": "p"
922
+ },
923
+ {
924
+ "name": "gap",
925
+ "type": {
926
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
927
+ },
928
+ "description": "Specify gap between child elements",
929
+ "fieldName": "gap"
930
+ },
931
+ {
932
+ "name": "shadow",
933
+ "type": {
934
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
935
+ },
936
+ "description": "Specify if a Box has a shadow",
937
+ "fieldName": "shadow"
938
+ }
939
+ ],
940
+ "superclass": {
941
+ "name": "LitElement",
942
+ "package": "lit"
943
+ },
944
+ "tagName": "bm-box",
945
+ "customElement": true
946
+ }
828
947
  ],
829
948
  "exports": [
830
949
  {
831
950
  "kind": "js",
832
- "name": "BmAlert",
951
+ "name": "BmBox",
833
952
  "declaration": {
834
- "name": "BmAlert",
835
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
953
+ "name": "BmBox",
954
+ "module": "libs/web-components/src/lib/Box/Box.ts"
836
955
  }
837
956
  },
838
957
  {
839
958
  "kind": "custom-element-definition",
840
- "name": "bm-alert",
959
+ "name": "bm-box",
841
960
  "declaration": {
842
- "name": "BmAlert",
843
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
961
+ "name": "BmBox",
962
+ "module": "libs/web-components/src/lib/Box/Box.ts"
844
963
  }
845
964
  }
846
965
  ]
847
966
  },
848
967
  {
849
968
  "kind": "javascript-module",
850
- "path": "libs/web-components/src/lib/Alert/index.ts",
969
+ "path": "libs/web-components/src/lib/Box/index.ts",
851
970
  "declarations": [],
852
971
  "exports": [
853
972
  {
@@ -855,791 +974,664 @@
855
974
  "name": "*",
856
975
  "declaration": {
857
976
  "name": "*",
858
- "package": "./Alert"
977
+ "package": "./Box"
859
978
  }
860
979
  }
861
980
  ]
862
981
  },
863
982
  {
864
983
  "kind": "javascript-module",
865
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
984
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
866
985
  "declarations": [
867
986
  {
868
987
  "kind": "class",
869
- "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
870
- "name": "BmAvatar",
988
+ "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
989
+ "name": "BmAlert",
871
990
  "slots": [
872
991
  {
873
- "description": "Customize the default icon",
992
+ "description": "Specify a different icon for the Alert",
874
993
  "name": "icon"
994
+ },
995
+ {
996
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
997
+ "name": "heading"
998
+ },
999
+ {
1000
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
1001
+ "name": "body"
1002
+ },
1003
+ {
1004
+ "description": "Specify if actions display on the Alert",
1005
+ "name": "actions"
875
1006
  }
876
1007
  ],
877
1008
  "members": [
878
1009
  {
879
1010
  "kind": "field",
880
- "name": "appearance",
1011
+ "name": "heading",
881
1012
  "type": {
882
- "text": "'accent' | 'neutral' | undefined"
1013
+ "text": "string | undefined"
883
1014
  },
884
- "default": "'neutral'",
885
- "description": "Specify the appearance of the Avatar",
886
- "attribute": "appearance"
1015
+ "description": "Specify the heading text for Alert",
1016
+ "attribute": "heading"
887
1017
  },
888
1018
  {
889
1019
  "kind": "field",
890
- "name": "name",
1020
+ "name": "body",
891
1021
  "type": {
892
1022
  "text": "string | undefined"
893
1023
  },
894
- "description": "Specify a name to display initials in the Avatar",
895
- "attribute": "name"
1024
+ "description": "Specify the body text for Alert",
1025
+ "attribute": "body"
896
1026
  },
897
1027
  {
898
1028
  "kind": "field",
899
- "name": "src",
1029
+ "name": "size",
900
1030
  "type": {
901
- "text": "string | undefined"
1031
+ "text": "'sm' | 'md'"
902
1032
  },
903
- "description": "Pass an image to the Avatar",
904
- "attribute": "src"
1033
+ "default": "'sm'",
1034
+ "description": "Specify the size of the Alert",
1035
+ "attribute": "size"
905
1036
  },
906
1037
  {
907
1038
  "kind": "field",
908
- "name": "alt",
1039
+ "name": "fullWidth",
909
1040
  "type": {
910
- "text": "string | undefined"
1041
+ "text": "boolean"
911
1042
  },
912
- "description": "Specify alt for image",
913
- "attribute": "alt"
1043
+ "default": "false",
1044
+ "description": "Specify if the Alert has no border radius",
1045
+ "attribute": "fullWidth"
914
1046
  },
915
1047
  {
916
1048
  "kind": "field",
917
- "name": "size",
1049
+ "name": "theme",
918
1050
  "type": {
919
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1051
+ "text": "'light' | 'dark' | undefined"
920
1052
  },
921
- "default": "'md'",
922
- "description": "Specify the size of the Avatar",
923
- "attribute": "size"
1053
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1054
+ "attribute": "theme"
924
1055
  },
925
1056
  {
926
1057
  "kind": "field",
927
- "name": "disabled",
1058
+ "name": "appearance",
928
1059
  "type": {
929
- "text": "boolean | undefined"
1060
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
930
1061
  },
931
- "default": "false",
932
- "description": "Specify if the Avatar is disabled",
933
- "attribute": "disabled"
1062
+ "default": "'infoPrimary'",
1063
+ "description": "Specify the appearance of the Alert",
1064
+ "attribute": "appearance"
934
1065
  },
935
1066
  {
936
1067
  "kind": "field",
937
- "name": "shape",
1068
+ "name": "hidden",
938
1069
  "type": {
939
- "text": "'circle' | 'square' | undefined"
1070
+ "text": "boolean"
940
1071
  },
941
- "default": "'circle'",
942
- "description": "Specify the shape of the Avatar",
943
- "attribute": "shape"
1072
+ "default": "false",
1073
+ "description": "Specify if the Alert is hidden",
1074
+ "attribute": "hidden"
944
1075
  },
945
1076
  {
946
1077
  "kind": "field",
947
- "name": "isInteractive",
1078
+ "name": "hideIcon",
948
1079
  "type": {
949
1080
  "text": "boolean"
950
1081
  },
951
1082
  "default": "false",
952
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
953
- "attribute": "isInteractive"
1083
+ "description": "Specify if the icon displays on the Alert",
1084
+ "attribute": "hideIcon"
954
1085
  },
955
1086
  {
956
1087
  "kind": "field",
957
- "name": "isFocusable",
1088
+ "name": "dismissible",
958
1089
  "type": {
959
1090
  "text": "boolean"
960
1091
  },
961
1092
  "default": "false",
962
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
963
- "attribute": "isFocusable"
1093
+ "description": "Specify if the Alert can be dismissed",
1094
+ "attribute": "dismissible"
964
1095
  },
965
1096
  {
966
1097
  "kind": "field",
967
- "name": "withBorder",
1098
+ "name": "disableAutoFocus",
968
1099
  "type": {
969
1100
  "text": "boolean"
970
1101
  },
971
1102
  "default": "false",
972
- "attribute": "withBorder"
973
- }
974
- ],
975
- "attributes": [
976
- {
977
- "name": "appearance",
978
- "type": {
979
- "text": "'accent' | 'neutral' | undefined"
980
- },
981
- "default": "'neutral'",
982
- "description": "Specify the appearance of the Avatar",
983
- "fieldName": "appearance"
1103
+ "description": "Prevent autofocus on show",
1104
+ "attribute": "disableAutoFocus"
984
1105
  },
985
1106
  {
986
- "name": "name",
1107
+ "kind": "field",
1108
+ "name": "disableCloseOnEscape",
987
1109
  "type": {
988
- "text": "string | undefined"
1110
+ "text": "boolean"
989
1111
  },
990
- "description": "Specify a name to display initials in the Avatar",
991
- "fieldName": "name"
992
- },
1112
+ "default": "false",
1113
+ "description": "Prevent Escape from closing",
1114
+ "attribute": "disableCloseOnEscape"
1115
+ }
1116
+ ],
1117
+ "events": [
993
1118
  {
994
- "name": "src",
1119
+ "description": "Dispatched when the Alert has been dismissed",
1120
+ "name": "bm-dismiss"
1121
+ }
1122
+ ],
1123
+ "attributes": [
1124
+ {
1125
+ "name": "heading",
995
1126
  "type": {
996
1127
  "text": "string | undefined"
997
1128
  },
998
- "description": "Pass an image to the Avatar",
999
- "fieldName": "src"
1129
+ "description": "Specify the heading text for Alert",
1130
+ "fieldName": "heading"
1000
1131
  },
1001
1132
  {
1002
- "name": "alt",
1133
+ "name": "body",
1003
1134
  "type": {
1004
1135
  "text": "string | undefined"
1005
1136
  },
1006
- "description": "Specify alt for image",
1007
- "fieldName": "alt"
1137
+ "description": "Specify the body text for Alert",
1138
+ "fieldName": "body"
1008
1139
  },
1009
1140
  {
1010
1141
  "name": "size",
1011
1142
  "type": {
1012
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1143
+ "text": "'sm' | 'md'"
1013
1144
  },
1014
- "default": "'md'",
1015
- "description": "Specify the size of the Avatar",
1145
+ "default": "'sm'",
1146
+ "description": "Specify the size of the Alert",
1016
1147
  "fieldName": "size"
1017
1148
  },
1018
1149
  {
1019
- "name": "disabled",
1150
+ "name": "fullWidth",
1020
1151
  "type": {
1021
- "text": "boolean | undefined"
1152
+ "text": "boolean"
1022
1153
  },
1023
1154
  "default": "false",
1024
- "description": "Specify if the Avatar is disabled",
1025
- "fieldName": "disabled"
1155
+ "description": "Specify if the Alert has no border radius",
1156
+ "fieldName": "fullWidth"
1026
1157
  },
1027
1158
  {
1028
- "name": "shape",
1159
+ "name": "theme",
1029
1160
  "type": {
1030
- "text": "'circle' | 'square' | undefined"
1161
+ "text": "'light' | 'dark' | undefined"
1031
1162
  },
1032
- "default": "'circle'",
1033
- "description": "Specify the shape of the Avatar",
1034
- "fieldName": "shape"
1163
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1164
+ "fieldName": "theme"
1035
1165
  },
1036
1166
  {
1037
- "name": "isInteractive",
1167
+ "name": "appearance",
1168
+ "type": {
1169
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1170
+ },
1171
+ "default": "'infoPrimary'",
1172
+ "description": "Specify the appearance of the Alert",
1173
+ "fieldName": "appearance"
1174
+ },
1175
+ {
1176
+ "name": "hidden",
1038
1177
  "type": {
1039
1178
  "text": "boolean"
1040
1179
  },
1041
1180
  "default": "false",
1042
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1043
- "fieldName": "isInteractive"
1181
+ "description": "Specify if the Alert is hidden",
1182
+ "fieldName": "hidden"
1044
1183
  },
1045
1184
  {
1046
- "name": "isFocusable",
1185
+ "name": "hideIcon",
1047
1186
  "type": {
1048
1187
  "text": "boolean"
1049
1188
  },
1050
1189
  "default": "false",
1051
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1052
- "fieldName": "isFocusable"
1190
+ "description": "Specify if the icon displays on the Alert",
1191
+ "fieldName": "hideIcon"
1053
1192
  },
1054
1193
  {
1055
- "name": "withBorder",
1194
+ "name": "dismissible",
1056
1195
  "type": {
1057
1196
  "text": "boolean"
1058
1197
  },
1059
1198
  "default": "false",
1060
- "fieldName": "withBorder"
1199
+ "description": "Specify if the Alert can be dismissed",
1200
+ "fieldName": "dismissible"
1201
+ },
1202
+ {
1203
+ "name": "disableAutoFocus",
1204
+ "type": {
1205
+ "text": "boolean"
1206
+ },
1207
+ "default": "false",
1208
+ "description": "Prevent autofocus on show",
1209
+ "fieldName": "disableAutoFocus"
1210
+ },
1211
+ {
1212
+ "name": "disableCloseOnEscape",
1213
+ "type": {
1214
+ "text": "boolean"
1215
+ },
1216
+ "default": "false",
1217
+ "description": "Prevent Escape from closing",
1218
+ "fieldName": "disableCloseOnEscape"
1061
1219
  }
1062
1220
  ],
1063
1221
  "superclass": {
1064
1222
  "name": "LitElement",
1065
1223
  "package": "lit"
1066
1224
  },
1067
- "tagName": "bm-avatar",
1225
+ "tagName": "bm-alert",
1068
1226
  "customElement": true
1069
1227
  }
1070
1228
  ],
1071
1229
  "exports": [
1072
1230
  {
1073
1231
  "kind": "js",
1074
- "name": "BmAvatar",
1232
+ "name": "BmAlert",
1075
1233
  "declaration": {
1076
- "name": "BmAvatar",
1077
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1234
+ "name": "BmAlert",
1235
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1078
1236
  }
1079
1237
  },
1080
1238
  {
1081
1239
  "kind": "custom-element-definition",
1082
- "name": "bm-avatar",
1240
+ "name": "bm-alert",
1083
1241
  "declaration": {
1084
- "name": "BmAvatar",
1085
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1242
+ "name": "BmAlert",
1243
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1086
1244
  }
1087
1245
  }
1088
1246
  ]
1089
1247
  },
1090
1248
  {
1091
1249
  "kind": "javascript-module",
1092
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1093
- "declarations": [
1094
- {
1095
- "kind": "variable",
1096
- "name": "AvatarGroupCtx"
1097
- }
1098
- ],
1250
+ "path": "libs/web-components/src/lib/Alert/index.ts",
1251
+ "declarations": [],
1099
1252
  "exports": [
1100
1253
  {
1101
1254
  "kind": "js",
1102
- "name": "AvatarGroupCtx",
1255
+ "name": "*",
1103
1256
  "declaration": {
1104
- "name": "AvatarGroupCtx",
1105
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1257
+ "name": "*",
1258
+ "package": "./Alert"
1106
1259
  }
1107
1260
  }
1108
1261
  ]
1109
1262
  },
1110
1263
  {
1111
1264
  "kind": "javascript-module",
1112
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1265
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1113
1266
  "declarations": [
1114
1267
  {
1115
1268
  "kind": "class",
1116
- "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
1117
- "name": "BmAvatarGroup",
1269
+ "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
1270
+ "name": "BmAvatar",
1118
1271
  "slots": [
1119
1272
  {
1120
- "description": "Add Avatars to create a group",
1121
- "name": "default"
1273
+ "description": "Customize the default icon",
1274
+ "name": "icon"
1122
1275
  }
1123
1276
  ],
1124
1277
  "members": [
1125
1278
  {
1126
1279
  "kind": "field",
1127
- "name": "wrapping",
1280
+ "name": "appearance",
1128
1281
  "type": {
1129
- "text": "boolean"
1282
+ "text": "'accent' | 'neutral' | undefined"
1130
1283
  },
1131
- "default": "false",
1132
- "description": "Specify if the AvatarGroup wraps",
1133
- "attribute": "wrapping"
1284
+ "default": "'neutral'",
1285
+ "description": "Specify the appearance of the Avatar",
1286
+ "attribute": "appearance"
1134
1287
  },
1135
1288
  {
1136
1289
  "kind": "field",
1137
- "name": "maxCount",
1290
+ "name": "name",
1138
1291
  "type": {
1139
- "text": "number"
1292
+ "text": "string | undefined"
1140
1293
  },
1141
- "default": "5",
1142
- "description": "Specify the max number of avatars displayed in the group.",
1143
- "attribute": "maxCount",
1144
- "reflects": true
1294
+ "description": "Specify a name to display initials in the Avatar",
1295
+ "attribute": "name"
1296
+ },
1297
+ {
1298
+ "kind": "field",
1299
+ "name": "src",
1300
+ "type": {
1301
+ "text": "string | undefined"
1302
+ },
1303
+ "description": "Pass an image to the Avatar",
1304
+ "attribute": "src"
1305
+ },
1306
+ {
1307
+ "kind": "field",
1308
+ "name": "alt",
1309
+ "type": {
1310
+ "text": "string | undefined"
1311
+ },
1312
+ "description": "Specify alt for image",
1313
+ "attribute": "alt"
1145
1314
  },
1146
1315
  {
1147
1316
  "kind": "field",
1148
1317
  "name": "size",
1149
1318
  "type": {
1150
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1319
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1151
1320
  },
1152
1321
  "default": "'md'",
1153
- "description": "Specify the size of all Avatars",
1322
+ "description": "Specify the size of the Avatar",
1154
1323
  "attribute": "size"
1155
1324
  },
1156
1325
  {
1157
1326
  "kind": "field",
1158
- "name": "layout",
1327
+ "name": "disabled",
1159
1328
  "type": {
1160
- "text": "'stacked' | 'spaced' | undefined"
1329
+ "text": "boolean | undefined"
1161
1330
  },
1162
- "default": "'stacked'",
1163
- "description": "Specify the kind of the group.",
1164
- "attribute": "layout"
1165
- }
1166
- ],
1167
- "attributes": [
1331
+ "default": "false",
1332
+ "description": "Specify if the Avatar is disabled",
1333
+ "attribute": "disabled"
1334
+ },
1168
1335
  {
1169
- "name": "wrapping",
1336
+ "kind": "field",
1337
+ "name": "shape",
1170
1338
  "type": {
1171
- "text": "boolean"
1339
+ "text": "'circle' | 'square' | undefined"
1172
1340
  },
1173
- "default": "false",
1174
- "description": "Specify if the AvatarGroup wraps",
1175
- "fieldName": "wrapping"
1341
+ "default": "'circle'",
1342
+ "description": "Specify the shape of the Avatar",
1343
+ "attribute": "shape"
1176
1344
  },
1177
1345
  {
1178
- "name": "maxCount",
1346
+ "kind": "field",
1347
+ "name": "isInteractive",
1179
1348
  "type": {
1180
- "text": "number"
1349
+ "text": "boolean"
1181
1350
  },
1182
- "default": "5",
1183
- "description": "Specify the max number of avatars displayed in the group.",
1184
- "fieldName": "maxCount"
1351
+ "default": "false",
1352
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1353
+ "attribute": "isInteractive"
1185
1354
  },
1186
1355
  {
1187
- "name": "size",
1356
+ "kind": "field",
1357
+ "name": "isFocusable",
1188
1358
  "type": {
1189
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1359
+ "text": "boolean"
1190
1360
  },
1191
- "default": "'md'",
1192
- "description": "Specify the size of all Avatars",
1193
- "fieldName": "size"
1361
+ "default": "false",
1362
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1363
+ "attribute": "isFocusable"
1194
1364
  },
1195
1365
  {
1196
- "name": "layout",
1366
+ "kind": "field",
1367
+ "name": "withBorder",
1197
1368
  "type": {
1198
- "text": "'stacked' | 'spaced' | undefined"
1369
+ "text": "boolean"
1199
1370
  },
1200
- "default": "'stacked'",
1201
- "description": "Specify the kind of the group.",
1202
- "fieldName": "layout"
1371
+ "default": "false",
1372
+ "attribute": "withBorder"
1203
1373
  }
1204
1374
  ],
1205
- "superclass": {
1206
- "name": "LitElement",
1207
- "package": "lit"
1208
- },
1209
- "tagName": "bm-avatar-group",
1210
- "customElement": true
1211
- }
1212
- ],
1213
- "exports": [
1214
- {
1215
- "kind": "js",
1216
- "name": "BmAvatarGroup",
1217
- "declaration": {
1218
- "name": "BmAvatarGroup",
1219
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1220
- }
1221
- },
1222
- {
1223
- "kind": "custom-element-definition",
1224
- "name": "bm-avatar-group",
1225
- "declaration": {
1226
- "name": "BmAvatarGroup",
1227
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1228
- }
1229
- }
1230
- ]
1231
- },
1232
- {
1233
- "kind": "javascript-module",
1234
- "path": "libs/web-components/src/lib/Avatar/index.ts",
1235
- "declarations": [],
1236
- "exports": [
1237
- {
1238
- "kind": "js",
1239
- "name": "*",
1240
- "declaration": {
1241
- "name": "*",
1242
- "package": "./Avatar"
1243
- }
1244
- },
1245
- {
1246
- "kind": "js",
1247
- "name": "*",
1248
- "declaration": {
1249
- "name": "*",
1250
- "package": "./AvatarGroup"
1251
- }
1252
- }
1253
- ]
1254
- },
1255
- {
1256
- "kind": "javascript-module",
1257
- "path": "libs/web-components/src/lib/Box/Box.ts",
1258
- "declarations": [
1259
- {
1260
- "kind": "class",
1261
- "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
1262
- "name": "BmBox",
1263
- "slots": [
1264
- {
1265
- "description": "Provide content for the Box",
1266
- "name": "default"
1267
- }
1268
- ],
1269
- "members": [
1270
- {
1271
- "kind": "field",
1272
- "name": "backgroundColor",
1273
- "type": {
1274
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1275
- },
1276
- "description": "Specify the background color of a Box",
1277
- "attribute": "backgroundColor"
1278
- },
1279
- {
1280
- "kind": "field",
1281
- "name": "borderColor",
1282
- "type": {
1283
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1284
- },
1285
- "description": "Specify the border color of a Box",
1286
- "attribute": "borderColor"
1287
- },
1288
- {
1289
- "kind": "field",
1290
- "name": "borderWidth",
1291
- "type": {
1292
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1293
- },
1294
- "description": "Specify the border width of a Box",
1295
- "attribute": "borderWidth"
1296
- },
1297
- {
1298
- "kind": "field",
1299
- "name": "borderRadius",
1300
- "type": {
1301
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1302
- },
1303
- "description": "Specify the border radius of a Box",
1304
- "attribute": "borderRadius"
1305
- },
1306
- {
1307
- "kind": "field",
1308
- "name": "px",
1309
- "type": {
1310
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1311
- },
1312
- "description": "Specify before and after padding of a Box",
1313
- "attribute": "px"
1314
- },
1375
+ "attributes": [
1315
1376
  {
1316
- "kind": "field",
1317
- "name": "py",
1377
+ "name": "appearance",
1318
1378
  "type": {
1319
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1379
+ "text": "'accent' | 'neutral' | undefined"
1320
1380
  },
1321
- "description": "Specify top and bottom padding of a Box",
1322
- "attribute": "py"
1381
+ "default": "'neutral'",
1382
+ "description": "Specify the appearance of the Avatar",
1383
+ "fieldName": "appearance"
1323
1384
  },
1324
1385
  {
1325
- "kind": "field",
1326
- "name": "pTop",
1386
+ "name": "name",
1327
1387
  "type": {
1328
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1388
+ "text": "string | undefined"
1329
1389
  },
1330
- "description": "Specify top padding of a Box",
1331
- "attribute": "pTop"
1390
+ "description": "Specify a name to display initials in the Avatar",
1391
+ "fieldName": "name"
1332
1392
  },
1333
1393
  {
1334
- "kind": "field",
1335
- "name": "pBottom",
1394
+ "name": "src",
1336
1395
  "type": {
1337
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1396
+ "text": "string | undefined"
1338
1397
  },
1339
- "description": "Specify bottom padding of a Box",
1340
- "attribute": "pBottom"
1398
+ "description": "Pass an image to the Avatar",
1399
+ "fieldName": "src"
1341
1400
  },
1342
1401
  {
1343
- "kind": "field",
1344
- "name": "pBefore",
1402
+ "name": "alt",
1345
1403
  "type": {
1346
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1404
+ "text": "string | undefined"
1347
1405
  },
1348
- "description": "Specify before padding of a Box",
1349
- "attribute": "pBefore"
1406
+ "description": "Specify alt for image",
1407
+ "fieldName": "alt"
1350
1408
  },
1351
1409
  {
1352
- "kind": "field",
1353
- "name": "pAfter",
1410
+ "name": "size",
1354
1411
  "type": {
1355
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1412
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1356
1413
  },
1357
- "description": "Specify after padding of a Box",
1358
- "attribute": "pAfter"
1414
+ "default": "'md'",
1415
+ "description": "Specify the size of the Avatar",
1416
+ "fieldName": "size"
1359
1417
  },
1360
1418
  {
1361
- "kind": "field",
1362
- "name": "mx",
1419
+ "name": "disabled",
1363
1420
  "type": {
1364
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1421
+ "text": "boolean | undefined"
1365
1422
  },
1366
- "description": "Specify before and after margin of a Box",
1367
- "attribute": "mx"
1423
+ "default": "false",
1424
+ "description": "Specify if the Avatar is disabled",
1425
+ "fieldName": "disabled"
1368
1426
  },
1369
1427
  {
1370
- "kind": "field",
1371
- "name": "my",
1428
+ "name": "shape",
1372
1429
  "type": {
1373
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1430
+ "text": "'circle' | 'square' | undefined"
1374
1431
  },
1375
- "description": "Specify top and bottom margin of a Box",
1376
- "attribute": "my"
1432
+ "default": "'circle'",
1433
+ "description": "Specify the shape of the Avatar",
1434
+ "fieldName": "shape"
1377
1435
  },
1378
1436
  {
1379
- "kind": "field",
1380
- "name": "mTop",
1437
+ "name": "isInteractive",
1381
1438
  "type": {
1382
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1439
+ "text": "boolean"
1383
1440
  },
1384
- "description": "Specify top margin of a Box",
1385
- "attribute": "mTop"
1441
+ "default": "false",
1442
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1443
+ "fieldName": "isInteractive"
1386
1444
  },
1387
1445
  {
1388
- "kind": "field",
1389
- "name": "mBottom",
1446
+ "name": "isFocusable",
1390
1447
  "type": {
1391
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1448
+ "text": "boolean"
1392
1449
  },
1393
- "description": "Specify bottom margin of a Box",
1394
- "attribute": "mBottom"
1450
+ "default": "false",
1451
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1452
+ "fieldName": "isFocusable"
1395
1453
  },
1396
1454
  {
1397
- "kind": "field",
1398
- "name": "mBefore",
1455
+ "name": "withBorder",
1399
1456
  "type": {
1400
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1457
+ "text": "boolean"
1401
1458
  },
1402
- "description": "Specify before margin of a Box",
1403
- "attribute": "mBefore"
1404
- },
1459
+ "default": "false",
1460
+ "fieldName": "withBorder"
1461
+ }
1462
+ ],
1463
+ "superclass": {
1464
+ "name": "LitElement",
1465
+ "package": "lit"
1466
+ },
1467
+ "tagName": "bm-avatar",
1468
+ "customElement": true
1469
+ }
1470
+ ],
1471
+ "exports": [
1472
+ {
1473
+ "kind": "js",
1474
+ "name": "BmAvatar",
1475
+ "declaration": {
1476
+ "name": "BmAvatar",
1477
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1478
+ }
1479
+ },
1480
+ {
1481
+ "kind": "custom-element-definition",
1482
+ "name": "bm-avatar",
1483
+ "declaration": {
1484
+ "name": "BmAvatar",
1485
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1486
+ }
1487
+ }
1488
+ ]
1489
+ },
1490
+ {
1491
+ "kind": "javascript-module",
1492
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1493
+ "declarations": [
1494
+ {
1495
+ "kind": "variable",
1496
+ "name": "AvatarGroupCtx"
1497
+ }
1498
+ ],
1499
+ "exports": [
1500
+ {
1501
+ "kind": "js",
1502
+ "name": "AvatarGroupCtx",
1503
+ "declaration": {
1504
+ "name": "AvatarGroupCtx",
1505
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1506
+ }
1507
+ }
1508
+ ]
1509
+ },
1510
+ {
1511
+ "kind": "javascript-module",
1512
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1513
+ "declarations": [
1514
+ {
1515
+ "kind": "class",
1516
+ "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
1517
+ "name": "BmAvatarGroup",
1518
+ "slots": [
1405
1519
  {
1406
- "kind": "field",
1407
- "name": "mAfter",
1408
- "type": {
1409
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1410
- },
1411
- "description": "Specify after margin of a Box",
1412
- "attribute": "mAfter"
1413
- },
1520
+ "description": "Add Avatars to create a group",
1521
+ "name": "default"
1522
+ }
1523
+ ],
1524
+ "members": [
1414
1525
  {
1415
1526
  "kind": "field",
1416
- "name": "m",
1527
+ "name": "wrapping",
1417
1528
  "type": {
1418
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1529
+ "text": "boolean"
1419
1530
  },
1420
- "description": "Specify all margin",
1421
- "attribute": "m"
1531
+ "default": "false",
1532
+ "description": "Specify if the AvatarGroup wraps",
1533
+ "attribute": "wrapping"
1422
1534
  },
1423
1535
  {
1424
1536
  "kind": "field",
1425
- "name": "p",
1537
+ "name": "maxCount",
1426
1538
  "type": {
1427
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1539
+ "text": "number"
1428
1540
  },
1429
- "description": "Specify all padding",
1430
- "attribute": "p"
1541
+ "default": "5",
1542
+ "description": "Specify the max number of avatars displayed in the group.",
1543
+ "attribute": "maxCount",
1544
+ "reflects": true
1431
1545
  },
1432
1546
  {
1433
1547
  "kind": "field",
1434
- "name": "gap",
1548
+ "name": "size",
1435
1549
  "type": {
1436
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1550
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1437
1551
  },
1438
- "description": "Specify gap between child elements",
1439
- "attribute": "gap"
1552
+ "default": "'md'",
1553
+ "description": "Specify the size of all Avatars",
1554
+ "attribute": "size"
1440
1555
  },
1441
1556
  {
1442
1557
  "kind": "field",
1443
- "name": "shadow",
1558
+ "name": "layout",
1444
1559
  "type": {
1445
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1560
+ "text": "'stacked' | 'spaced' | undefined"
1446
1561
  },
1447
- "description": "Specify if a Box has a shadow",
1448
- "attribute": "shadow"
1562
+ "default": "'stacked'",
1563
+ "description": "Specify the kind of the group.",
1564
+ "attribute": "layout"
1449
1565
  }
1450
1566
  ],
1451
1567
  "attributes": [
1452
1568
  {
1453
- "name": "backgroundColor",
1454
- "type": {
1455
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1456
- },
1457
- "description": "Specify the background color of a Box",
1458
- "fieldName": "backgroundColor"
1459
- },
1460
- {
1461
- "name": "borderColor",
1462
- "type": {
1463
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1464
- },
1465
- "description": "Specify the border color of a Box",
1466
- "fieldName": "borderColor"
1467
- },
1468
- {
1469
- "name": "borderWidth",
1470
- "type": {
1471
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1472
- },
1473
- "description": "Specify the border width of a Box",
1474
- "fieldName": "borderWidth"
1475
- },
1476
- {
1477
- "name": "borderRadius",
1478
- "type": {
1479
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1480
- },
1481
- "description": "Specify the border radius of a Box",
1482
- "fieldName": "borderRadius"
1483
- },
1484
- {
1485
- "name": "px",
1486
- "type": {
1487
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1488
- },
1489
- "description": "Specify before and after padding of a Box",
1490
- "fieldName": "px"
1491
- },
1492
- {
1493
- "name": "py",
1494
- "type": {
1495
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1496
- },
1497
- "description": "Specify top and bottom padding of a Box",
1498
- "fieldName": "py"
1499
- },
1500
- {
1501
- "name": "pTop",
1502
- "type": {
1503
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1504
- },
1505
- "description": "Specify top padding of a Box",
1506
- "fieldName": "pTop"
1507
- },
1508
- {
1509
- "name": "pBottom",
1510
- "type": {
1511
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1512
- },
1513
- "description": "Specify bottom padding of a Box",
1514
- "fieldName": "pBottom"
1515
- },
1516
- {
1517
- "name": "pBefore",
1518
- "type": {
1519
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1520
- },
1521
- "description": "Specify before padding of a Box",
1522
- "fieldName": "pBefore"
1523
- },
1524
- {
1525
- "name": "pAfter",
1526
- "type": {
1527
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1528
- },
1529
- "description": "Specify after padding of a Box",
1530
- "fieldName": "pAfter"
1531
- },
1532
- {
1533
- "name": "mx",
1534
- "type": {
1535
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1536
- },
1537
- "description": "Specify before and after margin of a Box",
1538
- "fieldName": "mx"
1539
- },
1540
- {
1541
- "name": "my",
1542
- "type": {
1543
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1544
- },
1545
- "description": "Specify top and bottom margin of a Box",
1546
- "fieldName": "my"
1547
- },
1548
- {
1549
- "name": "mTop",
1550
- "type": {
1551
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1552
- },
1553
- "description": "Specify top margin of a Box",
1554
- "fieldName": "mTop"
1555
- },
1556
- {
1557
- "name": "mBottom",
1558
- "type": {
1559
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1560
- },
1561
- "description": "Specify bottom margin of a Box",
1562
- "fieldName": "mBottom"
1563
- },
1564
- {
1565
- "name": "mBefore",
1566
- "type": {
1567
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1568
- },
1569
- "description": "Specify before margin of a Box",
1570
- "fieldName": "mBefore"
1571
- },
1572
- {
1573
- "name": "mAfter",
1574
- "type": {
1575
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1576
- },
1577
- "description": "Specify after margin of a Box",
1578
- "fieldName": "mAfter"
1579
- },
1580
- {
1581
- "name": "m",
1569
+ "name": "wrapping",
1582
1570
  "type": {
1583
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1571
+ "text": "boolean"
1584
1572
  },
1585
- "description": "Specify all margin",
1586
- "fieldName": "m"
1573
+ "default": "false",
1574
+ "description": "Specify if the AvatarGroup wraps",
1575
+ "fieldName": "wrapping"
1587
1576
  },
1588
1577
  {
1589
- "name": "p",
1578
+ "name": "maxCount",
1590
1579
  "type": {
1591
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1580
+ "text": "number"
1592
1581
  },
1593
- "description": "Specify all padding",
1594
- "fieldName": "p"
1582
+ "default": "5",
1583
+ "description": "Specify the max number of avatars displayed in the group.",
1584
+ "fieldName": "maxCount"
1595
1585
  },
1596
1586
  {
1597
- "name": "gap",
1587
+ "name": "size",
1598
1588
  "type": {
1599
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1589
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1600
1590
  },
1601
- "description": "Specify gap between child elements",
1602
- "fieldName": "gap"
1591
+ "default": "'md'",
1592
+ "description": "Specify the size of all Avatars",
1593
+ "fieldName": "size"
1603
1594
  },
1604
1595
  {
1605
- "name": "shadow",
1596
+ "name": "layout",
1606
1597
  "type": {
1607
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1598
+ "text": "'stacked' | 'spaced' | undefined"
1608
1599
  },
1609
- "description": "Specify if a Box has a shadow",
1610
- "fieldName": "shadow"
1600
+ "default": "'stacked'",
1601
+ "description": "Specify the kind of the group.",
1602
+ "fieldName": "layout"
1611
1603
  }
1612
1604
  ],
1613
1605
  "superclass": {
1614
1606
  "name": "LitElement",
1615
1607
  "package": "lit"
1616
1608
  },
1617
- "tagName": "bm-box",
1609
+ "tagName": "bm-avatar-group",
1618
1610
  "customElement": true
1619
1611
  }
1620
1612
  ],
1621
1613
  "exports": [
1622
1614
  {
1623
1615
  "kind": "js",
1624
- "name": "BmBox",
1616
+ "name": "BmAvatarGroup",
1625
1617
  "declaration": {
1626
- "name": "BmBox",
1627
- "module": "libs/web-components/src/lib/Box/Box.ts"
1618
+ "name": "BmAvatarGroup",
1619
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1628
1620
  }
1629
1621
  },
1630
1622
  {
1631
1623
  "kind": "custom-element-definition",
1632
- "name": "bm-box",
1624
+ "name": "bm-avatar-group",
1633
1625
  "declaration": {
1634
- "name": "BmBox",
1635
- "module": "libs/web-components/src/lib/Box/Box.ts"
1626
+ "name": "BmAvatarGroup",
1627
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1636
1628
  }
1637
1629
  }
1638
1630
  ]
1639
1631
  },
1640
1632
  {
1641
1633
  "kind": "javascript-module",
1642
- "path": "libs/web-components/src/lib/Box/index.ts",
1634
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
1643
1635
  "declarations": [],
1644
1636
  "exports": [
1645
1637
  {
@@ -1647,7 +1639,15 @@
1647
1639
  "name": "*",
1648
1640
  "declaration": {
1649
1641
  "name": "*",
1650
- "package": "./Box"
1642
+ "package": "./Avatar"
1643
+ }
1644
+ },
1645
+ {
1646
+ "kind": "js",
1647
+ "name": "*",
1648
+ "declaration": {
1649
+ "name": "*",
1650
+ "package": "./AvatarGroup"
1651
1651
  }
1652
1652
  }
1653
1653
  ]
@@ -8969,232 +8969,10 @@
8969
8969
  {
8970
8970
  "name": "value",
8971
8971
  "type": {
8972
- "text": "string | undefined"
8973
- },
8974
- "description": "The value attribute for the input element",
8975
- "fieldName": "value"
8976
- },
8977
- {
8978
- "name": "checked",
8979
- "type": {
8980
- "text": "boolean"
8981
- },
8982
- "default": "false",
8983
- "description": "The checked attribute for the input element",
8984
- "fieldName": "checked"
8985
- },
8986
- {
8987
- "name": "onKeyDown",
8988
- "type": {
8989
- "text": "(event: KeyboardEvent) => void | undefined"
8990
- },
8991
- "description": "A user-defined function to handle keydown events",
8992
- "fieldName": "onKeyDown"
8993
- }
8994
- ],
8995
- "superclass": {
8996
- "name": "LitElement",
8997
- "package": "lit"
8998
- },
8999
- "tagName": "bm-radio-button",
9000
- "customElement": true
9001
- }
9002
- ],
9003
- "exports": [
9004
- {
9005
- "kind": "js",
9006
- "name": "BmRadioButton",
9007
- "declaration": {
9008
- "name": "BmRadioButton",
9009
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9010
- }
9011
- },
9012
- {
9013
- "kind": "custom-element-definition",
9014
- "name": "bm-radio-button",
9015
- "declaration": {
9016
- "name": "BmRadioButton",
9017
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9018
- }
9019
- }
9020
- ]
9021
- },
9022
- {
9023
- "kind": "javascript-module",
9024
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9025
- "declarations": [],
9026
- "exports": [
9027
- {
9028
- "kind": "js",
9029
- "name": "*",
9030
- "declaration": {
9031
- "name": "*",
9032
- "package": "./RadioButton"
9033
- }
9034
- },
9035
- {
9036
- "kind": "js",
9037
- "name": "*",
9038
- "declaration": {
9039
- "name": "*",
9040
- "package": "./RadioButtonGroup/RadioButtonGroup"
9041
- }
9042
- }
9043
- ]
9044
- },
9045
- {
9046
- "kind": "javascript-module",
9047
- "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9048
- "declarations": [
9049
- {
9050
- "kind": "class",
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
- ],
9063
- "members": [
9064
- {
9065
- "kind": "field",
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",
9084
- "type": {
9085
- "text": "string | undefined"
9086
- },
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"
9090
- },
9091
- {
9092
- "kind": "field",
9093
- "name": "theme",
9094
- "type": {
9095
- "text": "ThemeTypes | undefined"
9096
- },
9097
- "default": "undefined",
9098
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9099
- },
9100
- {
9101
- "kind": "field",
9102
- "name": "textPosition",
9103
- "type": {
9104
- "text": "'before' | 'after'"
9105
- },
9106
- "default": "'after'",
9107
- "description": "Specify the position of the side label",
9108
- "attribute": "textPosition"
9109
- },
9110
- {
9111
- "kind": "field",
9112
- "name": "readOnly",
9113
- "type": {
9114
- "text": "boolean"
9115
- },
9116
- "default": "false",
9117
- "description": "Specify if Switch displays in a read-only state",
9118
- "attribute": "readOnly"
9119
- },
9120
- {
9121
- "kind": "field",
9122
- "name": "disabled",
9123
- "type": {
9124
- "text": "boolean"
9125
- },
9126
- "default": "false",
9127
- "description": "Specify if Switch displays in a disabled state",
9128
- "attribute": "disabled"
9129
- },
9130
- {
9131
- "kind": "field",
9132
- "name": "checked",
9133
- "type": {
9134
- "text": "boolean"
9135
- },
9136
- "default": "false",
9137
- "attribute": "checked"
9138
- },
9139
- {
9140
- "kind": "field",
9141
- "name": "value",
9142
- "type": {
9143
- "text": "string | undefined"
9144
- },
9145
- "description": "The value attribute for the input element",
9146
- "attribute": "value"
9147
- },
9148
- {
9149
- "kind": "field",
9150
- "name": "switchRef"
9151
- }
9152
- ],
9153
- "attributes": [
9154
- {
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"
9162
- },
9163
- {
9164
- "name": "offText",
9165
- "type": {
9166
- "text": "string | undefined"
9167
- },
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
- },
9172
- {
9173
- "name": "textPosition",
9174
- "type": {
9175
- "text": "'before' | 'after'"
9176
- },
9177
- "default": "'after'",
9178
- "description": "Specify the position of the side label",
9179
- "fieldName": "textPosition"
9180
- },
9181
- {
9182
- "name": "readOnly",
9183
- "type": {
9184
- "text": "boolean"
9185
- },
9186
- "default": "false",
9187
- "description": "Specify if Switch displays in a read-only state",
9188
- "fieldName": "readOnly"
9189
- },
9190
- {
9191
- "name": "disabled",
9192
- "type": {
9193
- "text": "boolean"
8972
+ "text": "string | undefined"
9194
8973
  },
9195
- "default": "false",
9196
- "description": "Specify if Switch displays in a disabled state",
9197
- "fieldName": "disabled"
8974
+ "description": "The value attribute for the input element",
8975
+ "fieldName": "value"
9198
8976
  },
9199
8977
  {
9200
8978
  "name": "checked",
@@ -9202,47 +8980,48 @@
9202
8980
  "text": "boolean"
9203
8981
  },
9204
8982
  "default": "false",
8983
+ "description": "The checked attribute for the input element",
9205
8984
  "fieldName": "checked"
9206
8985
  },
9207
8986
  {
9208
- "name": "value",
8987
+ "name": "onKeyDown",
9209
8988
  "type": {
9210
- "text": "string | undefined"
8989
+ "text": "(event: KeyboardEvent) => void | undefined"
9211
8990
  },
9212
- "description": "The value attribute for the input element",
9213
- "fieldName": "value"
8991
+ "description": "A user-defined function to handle keydown events",
8992
+ "fieldName": "onKeyDown"
9214
8993
  }
9215
8994
  ],
9216
8995
  "superclass": {
9217
8996
  "name": "LitElement",
9218
8997
  "package": "lit"
9219
8998
  },
9220
- "tagName": "bm-switch",
8999
+ "tagName": "bm-radio-button",
9221
9000
  "customElement": true
9222
9001
  }
9223
9002
  ],
9224
9003
  "exports": [
9225
9004
  {
9226
9005
  "kind": "js",
9227
- "name": "BmSwitch",
9006
+ "name": "BmRadioButton",
9228
9007
  "declaration": {
9229
- "name": "BmSwitch",
9230
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9008
+ "name": "BmRadioButton",
9009
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9231
9010
  }
9232
9011
  },
9233
9012
  {
9234
9013
  "kind": "custom-element-definition",
9235
- "name": "bm-switch",
9014
+ "name": "bm-radio-button",
9236
9015
  "declaration": {
9237
- "name": "BmSwitch",
9238
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9016
+ "name": "BmRadioButton",
9017
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9239
9018
  }
9240
9019
  }
9241
9020
  ]
9242
9021
  },
9243
9022
  {
9244
9023
  "kind": "javascript-module",
9245
- "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9024
+ "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9246
9025
  "declarations": [],
9247
9026
  "exports": [
9248
9027
  {
@@ -9250,7 +9029,7 @@
9250
9029
  "name": "*",
9251
9030
  "declaration": {
9252
9031
  "name": "*",
9253
- "package": "./Switch"
9032
+ "package": "./RadioButton"
9254
9033
  }
9255
9034
  },
9256
9035
  {
@@ -9258,7 +9037,7 @@
9258
9037
  "name": "*",
9259
9038
  "declaration": {
9260
9039
  "name": "*",
9261
- "package": "./SwitchGroup/SwitchGroup"
9040
+ "package": "./RadioButtonGroup/RadioButtonGroup"
9262
9041
  }
9263
9042
  }
9264
9043
  ]
@@ -9778,6 +9557,227 @@
9778
9557
  }
9779
9558
  ]
9780
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": [
9569
+ {
9570
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9571
+ "name": "onText"
9572
+ },
9573
+ {
9574
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9575
+ "name": "offText"
9576
+ }
9577
+ ],
9578
+ "members": [
9579
+ {
9580
+ "kind": "field",
9581
+ "name": "inputChoiceGroupContext",
9582
+ "type": {
9583
+ "text": "InputChoiceGroupContextProps"
9584
+ }
9585
+ },
9586
+ {
9587
+ "kind": "field",
9588
+ "name": "onText",
9589
+ "type": {
9590
+ "text": "string | undefined"
9591
+ },
9592
+ "default": "undefined",
9593
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9594
+ "attribute": "onText"
9595
+ },
9596
+ {
9597
+ "kind": "field",
9598
+ "name": "offText",
9599
+ "type": {
9600
+ "text": "string | undefined"
9601
+ },
9602
+ "default": "undefined",
9603
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9604
+ "attribute": "offText"
9605
+ },
9606
+ {
9607
+ "kind": "field",
9608
+ "name": "theme",
9609
+ "type": {
9610
+ "text": "ThemeTypes | undefined"
9611
+ },
9612
+ "default": "undefined",
9613
+ "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9614
+ },
9615
+ {
9616
+ "kind": "field",
9617
+ "name": "textPosition",
9618
+ "type": {
9619
+ "text": "'before' | 'after'"
9620
+ },
9621
+ "default": "'after'",
9622
+ "description": "Specify the position of the side label",
9623
+ "attribute": "textPosition"
9624
+ },
9625
+ {
9626
+ "kind": "field",
9627
+ "name": "readOnly",
9628
+ "type": {
9629
+ "text": "boolean"
9630
+ },
9631
+ "default": "false",
9632
+ "description": "Specify if Switch displays in a read-only state",
9633
+ "attribute": "readOnly"
9634
+ },
9635
+ {
9636
+ "kind": "field",
9637
+ "name": "disabled",
9638
+ "type": {
9639
+ "text": "boolean"
9640
+ },
9641
+ "default": "false",
9642
+ "description": "Specify if Switch displays in a disabled state",
9643
+ "attribute": "disabled"
9644
+ },
9645
+ {
9646
+ "kind": "field",
9647
+ "name": "checked",
9648
+ "type": {
9649
+ "text": "boolean"
9650
+ },
9651
+ "default": "false",
9652
+ "attribute": "checked"
9653
+ },
9654
+ {
9655
+ "kind": "field",
9656
+ "name": "value",
9657
+ "type": {
9658
+ "text": "string | undefined"
9659
+ },
9660
+ "description": "The value attribute for the input element",
9661
+ "attribute": "value"
9662
+ },
9663
+ {
9664
+ "kind": "field",
9665
+ "name": "switchRef"
9666
+ }
9667
+ ],
9668
+ "attributes": [
9669
+ {
9670
+ "name": "onText",
9671
+ "type": {
9672
+ "text": "string | undefined"
9673
+ },
9674
+ "default": "undefined",
9675
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9676
+ "fieldName": "onText"
9677
+ },
9678
+ {
9679
+ "name": "offText",
9680
+ "type": {
9681
+ "text": "string | undefined"
9682
+ },
9683
+ "default": "undefined",
9684
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9685
+ "fieldName": "offText"
9686
+ },
9687
+ {
9688
+ "name": "textPosition",
9689
+ "type": {
9690
+ "text": "'before' | 'after'"
9691
+ },
9692
+ "default": "'after'",
9693
+ "description": "Specify the position of the side label",
9694
+ "fieldName": "textPosition"
9695
+ },
9696
+ {
9697
+ "name": "readOnly",
9698
+ "type": {
9699
+ "text": "boolean"
9700
+ },
9701
+ "default": "false",
9702
+ "description": "Specify if Switch displays in a read-only state",
9703
+ "fieldName": "readOnly"
9704
+ },
9705
+ {
9706
+ "name": "disabled",
9707
+ "type": {
9708
+ "text": "boolean"
9709
+ },
9710
+ "default": "false",
9711
+ "description": "Specify if Switch displays in a disabled state",
9712
+ "fieldName": "disabled"
9713
+ },
9714
+ {
9715
+ "name": "checked",
9716
+ "type": {
9717
+ "text": "boolean"
9718
+ },
9719
+ "default": "false",
9720
+ "fieldName": "checked"
9721
+ },
9722
+ {
9723
+ "name": "value",
9724
+ "type": {
9725
+ "text": "string | undefined"
9726
+ },
9727
+ "description": "The value attribute for the input element",
9728
+ "fieldName": "value"
9729
+ }
9730
+ ],
9731
+ "superclass": {
9732
+ "name": "LitElement",
9733
+ "package": "lit"
9734
+ },
9735
+ "tagName": "bm-switch",
9736
+ "customElement": true
9737
+ }
9738
+ ],
9739
+ "exports": [
9740
+ {
9741
+ "kind": "js",
9742
+ "name": "BmSwitch",
9743
+ "declaration": {
9744
+ "name": "BmSwitch",
9745
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9746
+ }
9747
+ },
9748
+ {
9749
+ "kind": "custom-element-definition",
9750
+ "name": "bm-switch",
9751
+ "declaration": {
9752
+ "name": "BmSwitch",
9753
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9754
+ }
9755
+ }
9756
+ ]
9757
+ },
9758
+ {
9759
+ "kind": "javascript-module",
9760
+ "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9761
+ "declarations": [],
9762
+ "exports": [
9763
+ {
9764
+ "kind": "js",
9765
+ "name": "*",
9766
+ "declaration": {
9767
+ "name": "*",
9768
+ "package": "./Switch"
9769
+ }
9770
+ },
9771
+ {
9772
+ "kind": "js",
9773
+ "name": "*",
9774
+ "declaration": {
9775
+ "name": "*",
9776
+ "package": "./SwitchGroup/SwitchGroup"
9777
+ }
9778
+ }
9779
+ ]
9780
+ },
9781
9781
  {
9782
9782
  "kind": "javascript-module",
9783
9783
  "path": "libs/web-components/src/lib/wip/Checkbox/CheckboxGroup/CheckboxGroup.ts",