@viasat/beam-web-components 2.55.1 → 2.56.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 +1552 -1552
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +290 -290
package/custom-elements.json CHANGED
@@ -575,15 +575,19 @@
575
575
  },
576
576
  {
577
577
  "kind": "javascript-module",
578
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
578
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
579
579
  "declarations": [
580
580
  {
581
581
  "kind": "class",
582
- "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** ",
583
- "name": "BmAvatar",
582
+ "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
583
+ "name": "BmBadge",
584
584
  "slots": [
585
585
  {
586
- "description": "Customize the default icon",
586
+ "description": "Provide text for the Badge",
587
+ "name": "default"
588
+ },
589
+ {
590
+ "description": "Specify a different icon for the Badge",
587
591
  "name": "icon"
588
592
  }
589
593
  ],
@@ -592,522 +596,526 @@
592
596
  "kind": "field",
593
597
  "name": "appearance",
594
598
  "type": {
595
- "text": "'accent' | 'neutral' | undefined"
599
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
596
600
  },
597
- "default": "'neutral'",
598
- "description": "Specify the appearance of the Avatar",
601
+ "default": "'infoPrimary'",
602
+ "description": "Specify the appearance of the Badge",
599
603
  "attribute": "appearance"
600
604
  },
601
605
  {
602
606
  "kind": "field",
603
- "name": "name",
604
- "type": {
605
- "text": "string | undefined"
606
- },
607
- "description": "Specify a name to display initials in the Avatar",
608
- "attribute": "name"
609
- },
610
- {
611
- "kind": "field",
612
- "name": "src",
613
- "type": {
614
- "text": "string | undefined"
615
- },
616
- "description": "Pass an image to the Avatar",
617
- "attribute": "src"
618
- },
619
- {
620
- "kind": "field",
621
- "name": "alt",
607
+ "name": "theme",
622
608
  "type": {
623
- "text": "string | undefined"
609
+ "text": "'light' | 'dark' | undefined"
624
610
  },
625
- "description": "Specify alt for image",
626
- "attribute": "alt"
611
+ "description": "Theme of the Badge",
612
+ "attribute": "theme"
627
613
  },
628
614
  {
629
615
  "kind": "field",
630
616
  "name": "size",
631
617
  "type": {
632
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
618
+ "text": "'sm' | 'md' | undefined"
633
619
  },
634
- "default": "'md'",
635
- "description": "Specify the size of the Avatar",
620
+ "default": "'sm'",
621
+ "description": "Specify the size of the Badge",
636
622
  "attribute": "size"
637
623
  },
638
624
  {
639
625
  "kind": "field",
640
- "name": "disabled",
641
- "type": {
642
- "text": "boolean | undefined"
643
- },
644
- "default": "false",
645
- "description": "Specify if the Avatar is disabled",
646
- "attribute": "disabled"
647
- },
648
- {
649
- "kind": "field",
650
- "name": "shape",
651
- "type": {
652
- "text": "'circle' | 'square' | undefined"
653
- },
654
- "default": "'circle'",
655
- "description": "Specify the shape of the Avatar",
656
- "attribute": "shape"
657
- },
658
- {
659
- "kind": "field",
660
- "name": "isInteractive",
661
- "type": {
662
- "text": "boolean"
663
- },
664
- "default": "false",
665
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
666
- "attribute": "isInteractive"
667
- },
668
- {
669
- "kind": "field",
670
- "name": "isFocusable",
626
+ "name": "emphasis",
671
627
  "type": {
672
- "text": "boolean"
628
+ "text": "'strong' | 'medium' | 'subtle'"
673
629
  },
674
- "default": "false",
675
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
676
- "attribute": "isFocusable"
630
+ "default": "'strong'",
631
+ "description": "Specify the emphasis of the Badge",
632
+ "attribute": "emphasis"
677
633
  },
678
634
  {
679
635
  "kind": "field",
680
- "name": "withBorder",
636
+ "name": "hideIcon",
681
637
  "type": {
682
- "text": "boolean"
638
+ "text": "boolean | undefined"
683
639
  },
684
- "default": "false",
685
- "attribute": "withBorder"
640
+ "description": "Hides Badge icon",
641
+ "attribute": "hideIcon"
686
642
  }
687
643
  ],
688
644
  "attributes": [
689
645
  {
690
646
  "name": "appearance",
691
647
  "type": {
692
- "text": "'accent' | 'neutral' | undefined"
648
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
693
649
  },
694
- "default": "'neutral'",
695
- "description": "Specify the appearance of the Avatar",
650
+ "default": "'infoPrimary'",
651
+ "description": "Specify the appearance of the Badge",
696
652
  "fieldName": "appearance"
697
653
  },
698
654
  {
699
- "name": "name",
700
- "type": {
701
- "text": "string | undefined"
702
- },
703
- "description": "Specify a name to display initials in the Avatar",
704
- "fieldName": "name"
705
- },
706
- {
707
- "name": "src",
708
- "type": {
709
- "text": "string | undefined"
710
- },
711
- "description": "Pass an image to the Avatar",
712
- "fieldName": "src"
713
- },
714
- {
715
- "name": "alt",
655
+ "name": "theme",
716
656
  "type": {
717
- "text": "string | undefined"
657
+ "text": "'light' | 'dark' | undefined"
718
658
  },
719
- "description": "Specify alt for image",
720
- "fieldName": "alt"
659
+ "description": "Theme of the Badge",
660
+ "fieldName": "theme"
721
661
  },
722
662
  {
723
663
  "name": "size",
724
664
  "type": {
725
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
665
+ "text": "'sm' | 'md' | undefined"
726
666
  },
727
- "default": "'md'",
728
- "description": "Specify the size of the Avatar",
667
+ "default": "'sm'",
668
+ "description": "Specify the size of the Badge",
729
669
  "fieldName": "size"
730
670
  },
731
671
  {
732
- "name": "disabled",
733
- "type": {
734
- "text": "boolean | undefined"
735
- },
736
- "default": "false",
737
- "description": "Specify if the Avatar is disabled",
738
- "fieldName": "disabled"
739
- },
740
- {
741
- "name": "shape",
742
- "type": {
743
- "text": "'circle' | 'square' | undefined"
744
- },
745
- "default": "'circle'",
746
- "description": "Specify the shape of the Avatar",
747
- "fieldName": "shape"
748
- },
749
- {
750
- "name": "isInteractive",
751
- "type": {
752
- "text": "boolean"
753
- },
754
- "default": "false",
755
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
756
- "fieldName": "isInteractive"
757
- },
758
- {
759
- "name": "isFocusable",
672
+ "name": "emphasis",
760
673
  "type": {
761
- "text": "boolean"
674
+ "text": "'strong' | 'medium' | 'subtle'"
762
675
  },
763
- "default": "false",
764
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
765
- "fieldName": "isFocusable"
676
+ "default": "'strong'",
677
+ "description": "Specify the emphasis of the Badge",
678
+ "fieldName": "emphasis"
766
679
  },
767
680
  {
768
- "name": "withBorder",
681
+ "name": "hideIcon",
769
682
  "type": {
770
- "text": "boolean"
683
+ "text": "boolean | undefined"
771
684
  },
772
- "default": "false",
773
- "fieldName": "withBorder"
685
+ "description": "Hides Badge icon",
686
+ "fieldName": "hideIcon"
774
687
  }
775
688
  ],
776
689
  "superclass": {
777
690
  "name": "LitElement",
778
691
  "package": "lit"
779
692
  },
780
- "tagName": "bm-avatar",
693
+ "tagName": "bm-badge",
781
694
  "customElement": true
782
695
  }
783
696
  ],
784
697
  "exports": [
785
698
  {
786
699
  "kind": "js",
787
- "name": "BmAvatar",
700
+ "name": "BmBadge",
788
701
  "declaration": {
789
- "name": "BmAvatar",
790
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
702
+ "name": "BmBadge",
703
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
791
704
  }
792
705
  },
793
706
  {
794
707
  "kind": "custom-element-definition",
795
- "name": "bm-avatar",
708
+ "name": "bm-badge",
796
709
  "declaration": {
797
- "name": "BmAvatar",
798
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
710
+ "name": "BmBadge",
711
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
799
712
  }
800
713
  }
801
714
  ]
802
715
  },
803
716
  {
804
717
  "kind": "javascript-module",
805
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
806
- "declarations": [
807
- {
808
- "kind": "variable",
809
- "name": "AvatarGroupCtx"
810
- }
811
- ],
718
+ "path": "libs/web-components/src/lib/Badge/index.ts",
719
+ "declarations": [],
812
720
  "exports": [
813
721
  {
814
722
  "kind": "js",
815
- "name": "AvatarGroupCtx",
723
+ "name": "*",
816
724
  "declaration": {
817
- "name": "AvatarGroupCtx",
818
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
725
+ "name": "*",
726
+ "package": "./Badge"
819
727
  }
820
728
  }
821
729
  ]
822
730
  },
823
731
  {
824
732
  "kind": "javascript-module",
825
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
733
+ "path": "libs/web-components/src/lib/Box/Box.ts",
826
734
  "declarations": [
827
735
  {
828
736
  "kind": "class",
829
- "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.",
830
- "name": "BmAvatarGroup",
737
+ "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",
738
+ "name": "BmBox",
831
739
  "slots": [
832
740
  {
833
- "description": "Add Avatars to create a group",
741
+ "description": "Provide content for the Box",
834
742
  "name": "default"
835
743
  }
836
744
  ],
837
745
  "members": [
838
746
  {
839
747
  "kind": "field",
840
- "name": "wrapping",
748
+ "name": "backgroundColor",
841
749
  "type": {
842
- "text": "boolean"
750
+ "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"
843
751
  },
844
- "default": "false",
845
- "description": "Specify if the AvatarGroup wraps",
846
- "attribute": "wrapping"
752
+ "description": "Specify the background color of a Box",
753
+ "attribute": "backgroundColor"
847
754
  },
848
755
  {
849
756
  "kind": "field",
850
- "name": "maxCount",
757
+ "name": "borderColor",
851
758
  "type": {
852
- "text": "number"
759
+ "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"
853
760
  },
854
- "default": "5",
855
- "description": "Specify the max number of avatars displayed in the group.",
856
- "attribute": "maxCount",
857
- "reflects": true
761
+ "description": "Specify the border color of a Box",
762
+ "attribute": "borderColor"
858
763
  },
859
764
  {
860
765
  "kind": "field",
861
- "name": "size",
766
+ "name": "borderWidth",
862
767
  "type": {
863
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
768
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
864
769
  },
865
- "default": "'md'",
866
- "description": "Specify the size of all Avatars",
867
- "attribute": "size"
770
+ "description": "Specify the border width of a Box",
771
+ "attribute": "borderWidth"
868
772
  },
869
773
  {
870
774
  "kind": "field",
871
- "name": "layout",
775
+ "name": "borderRadius",
872
776
  "type": {
873
- "text": "'stacked' | 'spaced' | undefined"
777
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
874
778
  },
875
- "default": "'stacked'",
876
- "description": "Specify the kind of the group.",
877
- "attribute": "layout"
878
- }
879
- ],
880
- "attributes": [
881
- {
882
- "name": "wrapping",
779
+ "description": "Specify the border radius of a Box",
780
+ "attribute": "borderRadius"
781
+ },
782
+ {
783
+ "kind": "field",
784
+ "name": "px",
883
785
  "type": {
884
- "text": "boolean"
786
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
885
787
  },
886
- "default": "false",
887
- "description": "Specify if the AvatarGroup wraps",
888
- "fieldName": "wrapping"
788
+ "description": "Specify before and after padding of a Box",
789
+ "attribute": "px"
889
790
  },
890
791
  {
891
- "name": "maxCount",
792
+ "kind": "field",
793
+ "name": "py",
892
794
  "type": {
893
- "text": "number"
795
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
894
796
  },
895
- "default": "5",
896
- "description": "Specify the max number of avatars displayed in the group.",
897
- "fieldName": "maxCount"
797
+ "description": "Specify top and bottom padding of a Box",
798
+ "attribute": "py"
898
799
  },
899
800
  {
900
- "name": "size",
801
+ "kind": "field",
802
+ "name": "pTop",
901
803
  "type": {
902
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
804
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
903
805
  },
904
- "default": "'md'",
905
- "description": "Specify the size of all Avatars",
906
- "fieldName": "size"
806
+ "description": "Specify top padding of a Box",
807
+ "attribute": "pTop"
907
808
  },
908
809
  {
909
- "name": "layout",
810
+ "kind": "field",
811
+ "name": "pBottom",
910
812
  "type": {
911
- "text": "'stacked' | 'spaced' | undefined"
813
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
912
814
  },
913
- "default": "'stacked'",
914
- "description": "Specify the kind of the group.",
915
- "fieldName": "layout"
916
- }
917
- ],
918
- "superclass": {
919
- "name": "LitElement",
920
- "package": "lit"
921
- },
922
- "tagName": "bm-avatar-group",
923
- "customElement": true
924
- }
925
- ],
926
- "exports": [
927
- {
928
- "kind": "js",
929
- "name": "BmAvatarGroup",
930
- "declaration": {
931
- "name": "BmAvatarGroup",
932
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
933
- }
934
- },
935
- {
936
- "kind": "custom-element-definition",
937
- "name": "bm-avatar-group",
938
- "declaration": {
939
- "name": "BmAvatarGroup",
940
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
941
- }
942
- }
943
- ]
944
- },
945
- {
946
- "kind": "javascript-module",
947
- "path": "libs/web-components/src/lib/Avatar/index.ts",
948
- "declarations": [],
949
- "exports": [
950
- {
951
- "kind": "js",
952
- "name": "*",
953
- "declaration": {
954
- "name": "*",
955
- "package": "./Avatar"
956
- }
957
- },
958
- {
959
- "kind": "js",
960
- "name": "*",
961
- "declaration": {
962
- "name": "*",
963
- "package": "./AvatarGroup"
964
- }
965
- }
966
- ]
967
- },
968
- {
969
- "kind": "javascript-module",
970
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
971
- "declarations": [
972
- {
973
- "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",
976
- "slots": [
815
+ "description": "Specify bottom padding of a Box",
816
+ "attribute": "pBottom"
817
+ },
977
818
  {
978
- "description": "Provide text for the Badge",
979
- "name": "default"
819
+ "kind": "field",
820
+ "name": "pBefore",
821
+ "type": {
822
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
823
+ },
824
+ "description": "Specify before padding of a Box",
825
+ "attribute": "pBefore"
980
826
  },
981
827
  {
982
- "description": "Specify a different icon for the Badge",
983
- "name": "icon"
984
- }
985
- ],
986
- "members": [
828
+ "kind": "field",
829
+ "name": "pAfter",
830
+ "type": {
831
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
832
+ },
833
+ "description": "Specify after padding of a Box",
834
+ "attribute": "pAfter"
835
+ },
987
836
  {
988
837
  "kind": "field",
989
- "name": "appearance",
838
+ "name": "mx",
990
839
  "type": {
991
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
840
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
992
841
  },
993
- "default": "'infoPrimary'",
994
- "description": "Specify the appearance of the Badge",
995
- "attribute": "appearance"
842
+ "description": "Specify before and after margin of a Box",
843
+ "attribute": "mx"
996
844
  },
997
845
  {
998
846
  "kind": "field",
999
- "name": "theme",
847
+ "name": "my",
1000
848
  "type": {
1001
- "text": "'light' | 'dark' | undefined"
849
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1002
850
  },
1003
- "description": "Theme of the Badge",
1004
- "attribute": "theme"
851
+ "description": "Specify top and bottom margin of a Box",
852
+ "attribute": "my"
1005
853
  },
1006
854
  {
1007
855
  "kind": "field",
1008
- "name": "size",
856
+ "name": "mTop",
1009
857
  "type": {
1010
- "text": "'sm' | 'md' | undefined"
858
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1011
859
  },
1012
- "default": "'sm'",
1013
- "description": "Specify the size of the Badge",
1014
- "attribute": "size"
860
+ "description": "Specify top margin of a Box",
861
+ "attribute": "mTop"
1015
862
  },
1016
863
  {
1017
864
  "kind": "field",
1018
- "name": "emphasis",
865
+ "name": "mBottom",
1019
866
  "type": {
1020
- "text": "'strong' | 'medium' | 'subtle'"
867
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1021
868
  },
1022
- "default": "'strong'",
1023
- "description": "Specify the emphasis of the Badge",
1024
- "attribute": "emphasis"
869
+ "description": "Specify bottom margin of a Box",
870
+ "attribute": "mBottom"
1025
871
  },
1026
872
  {
1027
873
  "kind": "field",
1028
- "name": "hideIcon",
874
+ "name": "mBefore",
1029
875
  "type": {
1030
- "text": "boolean | undefined"
876
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1031
877
  },
1032
- "description": "Hides Badge icon",
1033
- "attribute": "hideIcon"
878
+ "description": "Specify before margin of a Box",
879
+ "attribute": "mBefore"
880
+ },
881
+ {
882
+ "kind": "field",
883
+ "name": "mAfter",
884
+ "type": {
885
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
886
+ },
887
+ "description": "Specify after margin of a Box",
888
+ "attribute": "mAfter"
889
+ },
890
+ {
891
+ "kind": "field",
892
+ "name": "m",
893
+ "type": {
894
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
895
+ },
896
+ "description": "Specify all margin",
897
+ "attribute": "m"
898
+ },
899
+ {
900
+ "kind": "field",
901
+ "name": "p",
902
+ "type": {
903
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
904
+ },
905
+ "description": "Specify all padding",
906
+ "attribute": "p"
907
+ },
908
+ {
909
+ "kind": "field",
910
+ "name": "gap",
911
+ "type": {
912
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
913
+ },
914
+ "description": "Specify gap between child elements",
915
+ "attribute": "gap"
916
+ },
917
+ {
918
+ "kind": "field",
919
+ "name": "shadow",
920
+ "type": {
921
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
922
+ },
923
+ "description": "Specify if a Box has a shadow",
924
+ "attribute": "shadow"
1034
925
  }
1035
926
  ],
1036
927
  "attributes": [
1037
928
  {
1038
- "name": "appearance",
929
+ "name": "backgroundColor",
1039
930
  "type": {
1040
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
931
+ "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"
1041
932
  },
1042
- "default": "'infoPrimary'",
1043
- "description": "Specify the appearance of the Badge",
1044
- "fieldName": "appearance"
933
+ "description": "Specify the background color of a Box",
934
+ "fieldName": "backgroundColor"
1045
935
  },
1046
936
  {
1047
- "name": "theme",
937
+ "name": "borderColor",
1048
938
  "type": {
1049
- "text": "'light' | 'dark' | undefined"
939
+ "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"
1050
940
  },
1051
- "description": "Theme of the Badge",
1052
- "fieldName": "theme"
941
+ "description": "Specify the border color of a Box",
942
+ "fieldName": "borderColor"
1053
943
  },
1054
944
  {
1055
- "name": "size",
945
+ "name": "borderWidth",
1056
946
  "type": {
1057
- "text": "'sm' | 'md' | undefined"
947
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1058
948
  },
1059
- "default": "'sm'",
1060
- "description": "Specify the size of the Badge",
1061
- "fieldName": "size"
949
+ "description": "Specify the border width of a Box",
950
+ "fieldName": "borderWidth"
1062
951
  },
1063
952
  {
1064
- "name": "emphasis",
953
+ "name": "borderRadius",
1065
954
  "type": {
1066
- "text": "'strong' | 'medium' | 'subtle'"
955
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1067
956
  },
1068
- "default": "'strong'",
1069
- "description": "Specify the emphasis of the Badge",
1070
- "fieldName": "emphasis"
957
+ "description": "Specify the border radius of a Box",
958
+ "fieldName": "borderRadius"
1071
959
  },
1072
960
  {
1073
- "name": "hideIcon",
961
+ "name": "px",
1074
962
  "type": {
1075
- "text": "boolean | undefined"
963
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1076
964
  },
1077
- "description": "Hides Badge icon",
1078
- "fieldName": "hideIcon"
965
+ "description": "Specify before and after padding of a Box",
966
+ "fieldName": "px"
967
+ },
968
+ {
969
+ "name": "py",
970
+ "type": {
971
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
972
+ },
973
+ "description": "Specify top and bottom padding of a Box",
974
+ "fieldName": "py"
975
+ },
976
+ {
977
+ "name": "pTop",
978
+ "type": {
979
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
980
+ },
981
+ "description": "Specify top padding of a Box",
982
+ "fieldName": "pTop"
983
+ },
984
+ {
985
+ "name": "pBottom",
986
+ "type": {
987
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
988
+ },
989
+ "description": "Specify bottom padding of a Box",
990
+ "fieldName": "pBottom"
991
+ },
992
+ {
993
+ "name": "pBefore",
994
+ "type": {
995
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
996
+ },
997
+ "description": "Specify before padding of a Box",
998
+ "fieldName": "pBefore"
999
+ },
1000
+ {
1001
+ "name": "pAfter",
1002
+ "type": {
1003
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1004
+ },
1005
+ "description": "Specify after padding of a Box",
1006
+ "fieldName": "pAfter"
1007
+ },
1008
+ {
1009
+ "name": "mx",
1010
+ "type": {
1011
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1012
+ },
1013
+ "description": "Specify before and after margin of a Box",
1014
+ "fieldName": "mx"
1015
+ },
1016
+ {
1017
+ "name": "my",
1018
+ "type": {
1019
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1020
+ },
1021
+ "description": "Specify top and bottom margin of a Box",
1022
+ "fieldName": "my"
1023
+ },
1024
+ {
1025
+ "name": "mTop",
1026
+ "type": {
1027
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1028
+ },
1029
+ "description": "Specify top margin of a Box",
1030
+ "fieldName": "mTop"
1031
+ },
1032
+ {
1033
+ "name": "mBottom",
1034
+ "type": {
1035
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1036
+ },
1037
+ "description": "Specify bottom margin of a Box",
1038
+ "fieldName": "mBottom"
1039
+ },
1040
+ {
1041
+ "name": "mBefore",
1042
+ "type": {
1043
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1044
+ },
1045
+ "description": "Specify before margin of a Box",
1046
+ "fieldName": "mBefore"
1047
+ },
1048
+ {
1049
+ "name": "mAfter",
1050
+ "type": {
1051
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1052
+ },
1053
+ "description": "Specify after margin of a Box",
1054
+ "fieldName": "mAfter"
1055
+ },
1056
+ {
1057
+ "name": "m",
1058
+ "type": {
1059
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1060
+ },
1061
+ "description": "Specify all margin",
1062
+ "fieldName": "m"
1063
+ },
1064
+ {
1065
+ "name": "p",
1066
+ "type": {
1067
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1068
+ },
1069
+ "description": "Specify all padding",
1070
+ "fieldName": "p"
1071
+ },
1072
+ {
1073
+ "name": "gap",
1074
+ "type": {
1075
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1076
+ },
1077
+ "description": "Specify gap between child elements",
1078
+ "fieldName": "gap"
1079
+ },
1080
+ {
1081
+ "name": "shadow",
1082
+ "type": {
1083
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1084
+ },
1085
+ "description": "Specify if a Box has a shadow",
1086
+ "fieldName": "shadow"
1079
1087
  }
1080
1088
  ],
1081
1089
  "superclass": {
1082
1090
  "name": "LitElement",
1083
1091
  "package": "lit"
1084
1092
  },
1085
- "tagName": "bm-badge",
1093
+ "tagName": "bm-box",
1086
1094
  "customElement": true
1087
1095
  }
1088
1096
  ],
1089
1097
  "exports": [
1090
1098
  {
1091
1099
  "kind": "js",
1092
- "name": "BmBadge",
1100
+ "name": "BmBox",
1093
1101
  "declaration": {
1094
- "name": "BmBadge",
1095
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
1102
+ "name": "BmBox",
1103
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1096
1104
  }
1097
1105
  },
1098
1106
  {
1099
1107
  "kind": "custom-element-definition",
1100
- "name": "bm-badge",
1108
+ "name": "bm-box",
1101
1109
  "declaration": {
1102
- "name": "BmBadge",
1103
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
1110
+ "name": "BmBox",
1111
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1104
1112
  }
1105
1113
  }
1106
1114
  ]
1107
1115
  },
1108
1116
  {
1109
1117
  "kind": "javascript-module",
1110
- "path": "libs/web-components/src/lib/Badge/index.ts",
1118
+ "path": "libs/web-components/src/lib/Box/index.ts",
1111
1119
  "declarations": [],
1112
1120
  "exports": [
1113
1121
  {
@@ -1115,433 +1123,515 @@
1115
1123
  "name": "*",
1116
1124
  "declaration": {
1117
1125
  "name": "*",
1118
- "package": "./Badge"
1119
- }
1120
- }
1121
- ]
1122
- },
1123
- {
1124
- "kind": "javascript-module",
1125
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1126
- "declarations": [
1127
- {
1128
- "kind": "variable",
1129
- "name": "BreadcrumbGroupCtx"
1130
- }
1131
- ],
1132
- "exports": [
1133
- {
1134
- "kind": "js",
1135
- "name": "BreadcrumbGroupCtx",
1136
- "declaration": {
1137
- "name": "BreadcrumbGroupCtx",
1138
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1126
+ "package": "./Box"
1139
1127
  }
1140
1128
  }
1141
1129
  ]
1142
1130
  },
1143
1131
  {
1144
1132
  "kind": "javascript-module",
1145
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1133
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1146
1134
  "declarations": [
1147
1135
  {
1148
1136
  "kind": "class",
1149
- "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1150
- "name": "BmBreadcrumbs",
1137
+ "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",
1138
+ "name": "BmBadgeDot",
1151
1139
  "slots": [
1152
1140
  {
1153
- "description": "Pass items to the Breadcrumb",
1141
+ "description": "Provide text for the BadgeDot",
1154
1142
  "name": "default"
1155
1143
  }
1156
1144
  ],
1157
1145
  "members": [
1158
1146
  {
1159
1147
  "kind": "field",
1160
- "name": "wrap",
1148
+ "name": "theme",
1161
1149
  "type": {
1162
- "text": "boolean"
1150
+ "text": "'light' | 'dark' | undefined"
1163
1151
  },
1164
- "default": "true",
1165
- "description": "Specify if items wrap or collapse to an ellipsis",
1166
- "attribute": "wrap"
1152
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1153
+ "attribute": "theme"
1167
1154
  },
1168
1155
  {
1169
1156
  "kind": "field",
1170
- "name": "itemsBeforeCollapse",
1157
+ "name": "appearance",
1171
1158
  "type": {
1172
- "text": "number"
1159
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1173
1160
  },
1174
- "default": "1",
1175
- "description": "Specify how many items show before ellipsis",
1176
- "attribute": "itemsBeforeCollapse"
1161
+ "default": "'infoPrimary'",
1162
+ "description": "Specify the appearance of the BadgeDot",
1163
+ "attribute": "appearance"
1177
1164
  },
1178
1165
  {
1179
1166
  "kind": "field",
1180
- "name": "itemsAfterCollapse",
1167
+ "name": "emphasis",
1181
1168
  "type": {
1182
- "text": "number"
1169
+ "text": "'strong' | 'subtle'"
1183
1170
  },
1184
- "default": "1",
1185
- "description": "Specify how many items show after ellipsis",
1186
- "attribute": "itemsAfterCollapse"
1171
+ "default": "'strong'",
1172
+ "description": "Specify the emphasis of the BadgeDot",
1173
+ "attribute": "emphasis"
1187
1174
  },
1188
1175
  {
1189
1176
  "kind": "field",
1190
- "name": "theme",
1177
+ "name": "overrideDotColor",
1191
1178
  "type": {
1192
- "text": "'light' | 'dark' | undefined"
1179
+ "text": "string | undefined"
1193
1180
  },
1194
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1195
- "attribute": "theme"
1181
+ "description": "Overrides default dot color",
1182
+ "attribute": "overrideDotColor"
1196
1183
  }
1197
1184
  ],
1198
1185
  "attributes": [
1199
1186
  {
1200
- "name": "wrap",
1187
+ "name": "theme",
1201
1188
  "type": {
1202
- "text": "boolean"
1189
+ "text": "'light' | 'dark' | undefined"
1203
1190
  },
1204
- "default": "true",
1205
- "description": "Specify if items wrap or collapse to an ellipsis",
1206
- "fieldName": "wrap"
1191
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1192
+ "fieldName": "theme"
1207
1193
  },
1208
1194
  {
1209
- "name": "itemsBeforeCollapse",
1195
+ "name": "appearance",
1210
1196
  "type": {
1211
- "text": "number"
1197
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1212
1198
  },
1213
- "default": "1",
1214
- "description": "Specify how many items show before ellipsis",
1215
- "fieldName": "itemsBeforeCollapse"
1199
+ "default": "'infoPrimary'",
1200
+ "description": "Specify the appearance of the BadgeDot",
1201
+ "fieldName": "appearance"
1216
1202
  },
1217
1203
  {
1218
- "name": "itemsAfterCollapse",
1204
+ "name": "emphasis",
1219
1205
  "type": {
1220
- "text": "number"
1206
+ "text": "'strong' | 'subtle'"
1221
1207
  },
1222
- "default": "1",
1223
- "description": "Specify how many items show after ellipsis",
1224
- "fieldName": "itemsAfterCollapse"
1208
+ "default": "'strong'",
1209
+ "description": "Specify the emphasis of the BadgeDot",
1210
+ "fieldName": "emphasis"
1225
1211
  },
1226
1212
  {
1227
- "name": "theme",
1213
+ "name": "overrideDotColor",
1228
1214
  "type": {
1229
- "text": "'light' | 'dark' | undefined"
1215
+ "text": "string | undefined"
1230
1216
  },
1231
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1232
- "fieldName": "theme"
1217
+ "description": "Overrides default dot color",
1218
+ "fieldName": "overrideDotColor"
1233
1219
  }
1234
1220
  ],
1235
1221
  "superclass": {
1236
1222
  "name": "LitElement",
1237
1223
  "package": "lit"
1238
1224
  },
1239
- "tagName": "bm-breadcrumb",
1225
+ "tagName": "bm-badge-dot",
1240
1226
  "customElement": true
1241
1227
  }
1242
1228
  ],
1243
1229
  "exports": [
1244
1230
  {
1245
1231
  "kind": "js",
1246
- "name": "BmBreadcrumbs",
1232
+ "name": "BmBadgeDot",
1247
1233
  "declaration": {
1248
- "name": "BmBreadcrumbs",
1249
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1234
+ "name": "BmBadgeDot",
1235
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1250
1236
  }
1251
1237
  },
1252
1238
  {
1253
1239
  "kind": "custom-element-definition",
1254
- "name": "bm-breadcrumb",
1240
+ "name": "bm-badge-dot",
1255
1241
  "declaration": {
1256
- "name": "BmBreadcrumbs",
1257
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1242
+ "name": "BmBadgeDot",
1243
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1258
1244
  }
1259
1245
  }
1260
1246
  ]
1261
1247
  },
1262
1248
  {
1263
1249
  "kind": "javascript-module",
1264
- "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1250
+ "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1251
+ "declarations": [],
1252
+ "exports": [
1253
+ {
1254
+ "kind": "js",
1255
+ "name": "*",
1256
+ "declaration": {
1257
+ "name": "*",
1258
+ "package": "./BadgeDot"
1259
+ }
1260
+ }
1261
+ ]
1262
+ },
1263
+ {
1264
+ "kind": "javascript-module",
1265
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1265
1266
  "declarations": [
1266
1267
  {
1267
1268
  "kind": "class",
1268
- "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1269
- "name": "BmBreadcrumbsItem",
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",
1270
1271
  "slots": [
1271
1272
  {
1272
- "description": "Pass text to an item",
1273
- "name": "default"
1274
- },
1275
- {
1276
- "description": "Pass icon to an item",
1273
+ "description": "Customize the default icon",
1277
1274
  "name": "icon"
1278
1275
  }
1279
1276
  ],
1280
1277
  "members": [
1281
1278
  {
1282
1279
  "kind": "field",
1283
- "name": "href",
1280
+ "name": "appearance",
1281
+ "type": {
1282
+ "text": "'accent' | 'neutral' | undefined"
1283
+ },
1284
+ "default": "'neutral'",
1285
+ "description": "Specify the appearance of the Avatar",
1286
+ "attribute": "appearance"
1287
+ },
1288
+ {
1289
+ "kind": "field",
1290
+ "name": "name",
1284
1291
  "type": {
1285
1292
  "text": "string | undefined"
1286
1293
  },
1287
- "description": "Pass href to an item",
1288
- "attribute": "href"
1294
+ "description": "Specify a name to display initials in the Avatar",
1295
+ "attribute": "name"
1289
1296
  },
1290
1297
  {
1291
1298
  "kind": "field",
1292
- "name": "clickable",
1299
+ "name": "src",
1293
1300
  "type": {
1294
- "text": "boolean"
1301
+ "text": "string | undefined"
1295
1302
  },
1296
- "default": "false",
1297
- "description": "Specify if the item is interactive without an href",
1298
- "attribute": "clickable"
1303
+ "description": "Pass an image to the Avatar",
1304
+ "attribute": "src"
1299
1305
  },
1300
1306
  {
1301
1307
  "kind": "field",
1302
- "name": "truncationWidth",
1308
+ "name": "alt",
1303
1309
  "type": {
1304
1310
  "text": "string | undefined"
1305
1311
  },
1306
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1307
- "attribute": "truncationWidth"
1312
+ "description": "Specify alt for image",
1313
+ "attribute": "alt"
1308
1314
  },
1309
1315
  {
1310
1316
  "kind": "field",
1311
- "name": "isCurrent",
1317
+ "name": "size",
1318
+ "type": {
1319
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1320
+ },
1321
+ "default": "'md'",
1322
+ "description": "Specify the size of the Avatar",
1323
+ "attribute": "size"
1324
+ },
1325
+ {
1326
+ "kind": "field",
1327
+ "name": "disabled",
1328
+ "type": {
1329
+ "text": "boolean | undefined"
1330
+ },
1331
+ "default": "false",
1332
+ "description": "Specify if the Avatar is disabled",
1333
+ "attribute": "disabled"
1334
+ },
1335
+ {
1336
+ "kind": "field",
1337
+ "name": "shape",
1338
+ "type": {
1339
+ "text": "'circle' | 'square' | undefined"
1340
+ },
1341
+ "default": "'circle'",
1342
+ "description": "Specify the shape of the Avatar",
1343
+ "attribute": "shape"
1344
+ },
1345
+ {
1346
+ "kind": "field",
1347
+ "name": "isInteractive",
1312
1348
  "type": {
1313
1349
  "text": "boolean"
1314
1350
  },
1315
1351
  "default": "false",
1316
- "description": "Specify explicitly if the item is the last one",
1317
- "attribute": "isCurrent",
1318
- "reflects": true
1352
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1353
+ "attribute": "isInteractive"
1319
1354
  },
1320
1355
  {
1321
1356
  "kind": "field",
1322
- "name": "isCollapsed",
1357
+ "name": "isFocusable",
1323
1358
  "type": {
1324
1359
  "text": "boolean"
1325
1360
  },
1326
1361
  "default": "false",
1327
- "attribute": "isCollapsed",
1328
- "reflects": true
1362
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1363
+ "attribute": "isFocusable"
1364
+ },
1365
+ {
1366
+ "kind": "field",
1367
+ "name": "withBorder",
1368
+ "type": {
1369
+ "text": "boolean"
1370
+ },
1371
+ "default": "false",
1372
+ "attribute": "withBorder"
1329
1373
  }
1330
1374
  ],
1331
1375
  "attributes": [
1332
1376
  {
1333
- "name": "href",
1377
+ "name": "appearance",
1378
+ "type": {
1379
+ "text": "'accent' | 'neutral' | undefined"
1380
+ },
1381
+ "default": "'neutral'",
1382
+ "description": "Specify the appearance of the Avatar",
1383
+ "fieldName": "appearance"
1384
+ },
1385
+ {
1386
+ "name": "name",
1334
1387
  "type": {
1335
1388
  "text": "string | undefined"
1336
1389
  },
1337
- "description": "Pass href to an item",
1338
- "fieldName": "href"
1390
+ "description": "Specify a name to display initials in the Avatar",
1391
+ "fieldName": "name"
1339
1392
  },
1340
1393
  {
1341
- "name": "clickable",
1394
+ "name": "src",
1342
1395
  "type": {
1343
- "text": "boolean"
1396
+ "text": "string | undefined"
1344
1397
  },
1345
- "default": "false",
1346
- "description": "Specify if the item is interactive without an href",
1347
- "fieldName": "clickable"
1398
+ "description": "Pass an image to the Avatar",
1399
+ "fieldName": "src"
1348
1400
  },
1349
1401
  {
1350
- "name": "truncationWidth",
1402
+ "name": "alt",
1351
1403
  "type": {
1352
1404
  "text": "string | undefined"
1353
1405
  },
1354
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1355
- "fieldName": "truncationWidth"
1406
+ "description": "Specify alt for image",
1407
+ "fieldName": "alt"
1356
1408
  },
1357
1409
  {
1358
- "name": "isCurrent",
1410
+ "name": "size",
1411
+ "type": {
1412
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1413
+ },
1414
+ "default": "'md'",
1415
+ "description": "Specify the size of the Avatar",
1416
+ "fieldName": "size"
1417
+ },
1418
+ {
1419
+ "name": "disabled",
1420
+ "type": {
1421
+ "text": "boolean | undefined"
1422
+ },
1423
+ "default": "false",
1424
+ "description": "Specify if the Avatar is disabled",
1425
+ "fieldName": "disabled"
1426
+ },
1427
+ {
1428
+ "name": "shape",
1429
+ "type": {
1430
+ "text": "'circle' | 'square' | undefined"
1431
+ },
1432
+ "default": "'circle'",
1433
+ "description": "Specify the shape of the Avatar",
1434
+ "fieldName": "shape"
1435
+ },
1436
+ {
1437
+ "name": "isInteractive",
1359
1438
  "type": {
1360
1439
  "text": "boolean"
1361
1440
  },
1362
1441
  "default": "false",
1363
- "description": "Specify explicitly if the item is the last one",
1364
- "fieldName": "isCurrent"
1442
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1443
+ "fieldName": "isInteractive"
1365
1444
  },
1366
1445
  {
1367
- "name": "isCollapsed",
1446
+ "name": "isFocusable",
1368
1447
  "type": {
1369
1448
  "text": "boolean"
1370
1449
  },
1371
1450
  "default": "false",
1372
- "fieldName": "isCollapsed"
1451
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1452
+ "fieldName": "isFocusable"
1453
+ },
1454
+ {
1455
+ "name": "withBorder",
1456
+ "type": {
1457
+ "text": "boolean"
1458
+ },
1459
+ "default": "false",
1460
+ "fieldName": "withBorder"
1373
1461
  }
1374
1462
  ],
1375
1463
  "superclass": {
1376
1464
  "name": "LitElement",
1377
1465
  "package": "lit"
1378
1466
  },
1379
- "tagName": "bm-breadcrumb-item",
1467
+ "tagName": "bm-avatar",
1380
1468
  "customElement": true
1381
1469
  }
1382
1470
  ],
1383
1471
  "exports": [
1384
1472
  {
1385
1473
  "kind": "js",
1386
- "name": "BmBreadcrumbsItem",
1474
+ "name": "BmAvatar",
1387
1475
  "declaration": {
1388
- "name": "BmBreadcrumbsItem",
1389
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1476
+ "name": "BmAvatar",
1477
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1390
1478
  }
1391
1479
  },
1392
1480
  {
1393
1481
  "kind": "custom-element-definition",
1394
- "name": "bm-breadcrumb-item",
1482
+ "name": "bm-avatar",
1395
1483
  "declaration": {
1396
- "name": "BmBreadcrumbsItem",
1397
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1484
+ "name": "BmAvatar",
1485
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1398
1486
  }
1399
1487
  }
1400
1488
  ]
1401
1489
  },
1402
1490
  {
1403
1491
  "kind": "javascript-module",
1404
- "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1405
- "declarations": [],
1406
- "exports": [
1492
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1493
+ "declarations": [
1407
1494
  {
1408
- "kind": "js",
1409
- "name": "*",
1410
- "declaration": {
1411
- "name": "*",
1412
- "package": "./Breadcrumbs"
1413
- }
1414
- },
1495
+ "kind": "variable",
1496
+ "name": "AvatarGroupCtx"
1497
+ }
1498
+ ],
1499
+ "exports": [
1415
1500
  {
1416
1501
  "kind": "js",
1417
- "name": "*",
1502
+ "name": "AvatarGroupCtx",
1418
1503
  "declaration": {
1419
- "name": "*",
1420
- "package": "./BreadcrumbsItem"
1504
+ "name": "AvatarGroupCtx",
1505
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1421
1506
  }
1422
1507
  }
1423
1508
  ]
1424
1509
  },
1425
1510
  {
1426
1511
  "kind": "javascript-module",
1427
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1512
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1428
1513
  "declarations": [
1429
1514
  {
1430
1515
  "kind": "class",
1431
- "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",
1432
- "name": "BmBadgeDot",
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",
1433
1518
  "slots": [
1434
1519
  {
1435
- "description": "Provide text for the BadgeDot",
1520
+ "description": "Add Avatars to create a group",
1436
1521
  "name": "default"
1437
1522
  }
1438
1523
  ],
1439
1524
  "members": [
1440
1525
  {
1441
1526
  "kind": "field",
1442
- "name": "theme",
1527
+ "name": "wrapping",
1443
1528
  "type": {
1444
- "text": "'light' | 'dark' | undefined"
1529
+ "text": "boolean"
1445
1530
  },
1446
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1447
- "attribute": "theme"
1531
+ "default": "false",
1532
+ "description": "Specify if the AvatarGroup wraps",
1533
+ "attribute": "wrapping"
1448
1534
  },
1449
1535
  {
1450
1536
  "kind": "field",
1451
- "name": "appearance",
1537
+ "name": "maxCount",
1452
1538
  "type": {
1453
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1539
+ "text": "number"
1454
1540
  },
1455
- "default": "'infoPrimary'",
1456
- "description": "Specify the appearance of the BadgeDot",
1457
- "attribute": "appearance"
1541
+ "default": "5",
1542
+ "description": "Specify the max number of avatars displayed in the group.",
1543
+ "attribute": "maxCount",
1544
+ "reflects": true
1458
1545
  },
1459
1546
  {
1460
1547
  "kind": "field",
1461
- "name": "emphasis",
1548
+ "name": "size",
1462
1549
  "type": {
1463
- "text": "'strong' | 'subtle'"
1550
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1464
1551
  },
1465
- "default": "'strong'",
1466
- "description": "Specify the emphasis of the BadgeDot",
1467
- "attribute": "emphasis"
1552
+ "default": "'md'",
1553
+ "description": "Specify the size of all Avatars",
1554
+ "attribute": "size"
1468
1555
  },
1469
1556
  {
1470
1557
  "kind": "field",
1471
- "name": "overrideDotColor",
1558
+ "name": "layout",
1472
1559
  "type": {
1473
- "text": "string | undefined"
1560
+ "text": "'stacked' | 'spaced' | undefined"
1474
1561
  },
1475
- "description": "Overrides default dot color",
1476
- "attribute": "overrideDotColor"
1562
+ "default": "'stacked'",
1563
+ "description": "Specify the kind of the group.",
1564
+ "attribute": "layout"
1477
1565
  }
1478
1566
  ],
1479
1567
  "attributes": [
1480
1568
  {
1481
- "name": "theme",
1569
+ "name": "wrapping",
1482
1570
  "type": {
1483
- "text": "'light' | 'dark' | undefined"
1571
+ "text": "boolean"
1484
1572
  },
1485
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1486
- "fieldName": "theme"
1573
+ "default": "false",
1574
+ "description": "Specify if the AvatarGroup wraps",
1575
+ "fieldName": "wrapping"
1487
1576
  },
1488
1577
  {
1489
- "name": "appearance",
1578
+ "name": "maxCount",
1490
1579
  "type": {
1491
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1580
+ "text": "number"
1492
1581
  },
1493
- "default": "'infoPrimary'",
1494
- "description": "Specify the appearance of the BadgeDot",
1495
- "fieldName": "appearance"
1582
+ "default": "5",
1583
+ "description": "Specify the max number of avatars displayed in the group.",
1584
+ "fieldName": "maxCount"
1496
1585
  },
1497
1586
  {
1498
- "name": "emphasis",
1587
+ "name": "size",
1499
1588
  "type": {
1500
- "text": "'strong' | 'subtle'"
1589
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1501
1590
  },
1502
- "default": "'strong'",
1503
- "description": "Specify the emphasis of the BadgeDot",
1504
- "fieldName": "emphasis"
1591
+ "default": "'md'",
1592
+ "description": "Specify the size of all Avatars",
1593
+ "fieldName": "size"
1505
1594
  },
1506
1595
  {
1507
- "name": "overrideDotColor",
1596
+ "name": "layout",
1508
1597
  "type": {
1509
- "text": "string | undefined"
1598
+ "text": "'stacked' | 'spaced' | undefined"
1510
1599
  },
1511
- "description": "Overrides default dot color",
1512
- "fieldName": "overrideDotColor"
1600
+ "default": "'stacked'",
1601
+ "description": "Specify the kind of the group.",
1602
+ "fieldName": "layout"
1513
1603
  }
1514
1604
  ],
1515
1605
  "superclass": {
1516
1606
  "name": "LitElement",
1517
1607
  "package": "lit"
1518
1608
  },
1519
- "tagName": "bm-badge-dot",
1609
+ "tagName": "bm-avatar-group",
1520
1610
  "customElement": true
1521
1611
  }
1522
1612
  ],
1523
1613
  "exports": [
1524
1614
  {
1525
1615
  "kind": "js",
1526
- "name": "BmBadgeDot",
1616
+ "name": "BmAvatarGroup",
1527
1617
  "declaration": {
1528
- "name": "BmBadgeDot",
1529
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1618
+ "name": "BmAvatarGroup",
1619
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1530
1620
  }
1531
1621
  },
1532
1622
  {
1533
1623
  "kind": "custom-element-definition",
1534
- "name": "bm-badge-dot",
1624
+ "name": "bm-avatar-group",
1535
1625
  "declaration": {
1536
- "name": "BmBadgeDot",
1537
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1626
+ "name": "BmAvatarGroup",
1627
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1538
1628
  }
1539
1629
  }
1540
1630
  ]
1541
1631
  },
1542
1632
  {
1543
1633
  "kind": "javascript-module",
1544
- "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1634
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
1545
1635
  "declarations": [],
1546
1636
  "exports": [
1547
1637
  {
@@ -1549,399 +1639,301 @@
1549
1639
  "name": "*",
1550
1640
  "declaration": {
1551
1641
  "name": "*",
1552
- "package": "./BadgeDot"
1642
+ "package": "./Avatar"
1643
+ }
1644
+ },
1645
+ {
1646
+ "kind": "js",
1647
+ "name": "*",
1648
+ "declaration": {
1649
+ "name": "*",
1650
+ "package": "./AvatarGroup"
1553
1651
  }
1554
1652
  }
1555
1653
  ]
1556
1654
  },
1557
1655
  {
1558
1656
  "kind": "javascript-module",
1559
- "path": "libs/web-components/src/lib/Box/Box.ts",
1657
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1560
1658
  "declarations": [
1561
1659
  {
1562
- "kind": "class",
1563
- "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",
1564
- "name": "BmBox",
1565
- "slots": [
1566
- {
1567
- "description": "Provide content for the Box",
1568
- "name": "default"
1569
- }
1570
- ],
1571
- "members": [
1572
- {
1573
- "kind": "field",
1574
- "name": "backgroundColor",
1575
- "type": {
1576
- "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"
1577
- },
1578
- "description": "Specify the background color of a Box",
1579
- "attribute": "backgroundColor"
1580
- },
1581
- {
1582
- "kind": "field",
1583
- "name": "borderColor",
1584
- "type": {
1585
- "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"
1586
- },
1587
- "description": "Specify the border color of a Box",
1588
- "attribute": "borderColor"
1589
- },
1590
- {
1591
- "kind": "field",
1592
- "name": "borderWidth",
1593
- "type": {
1594
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1595
- },
1596
- "description": "Specify the border width of a Box",
1597
- "attribute": "borderWidth"
1598
- },
1599
- {
1600
- "kind": "field",
1601
- "name": "borderRadius",
1602
- "type": {
1603
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1604
- },
1605
- "description": "Specify the border radius of a Box",
1606
- "attribute": "borderRadius"
1607
- },
1608
- {
1609
- "kind": "field",
1610
- "name": "px",
1611
- "type": {
1612
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1613
- },
1614
- "description": "Specify before and after padding of a Box",
1615
- "attribute": "px"
1616
- },
1617
- {
1618
- "kind": "field",
1619
- "name": "py",
1620
- "type": {
1621
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1622
- },
1623
- "description": "Specify top and bottom padding of a Box",
1624
- "attribute": "py"
1625
- },
1626
- {
1627
- "kind": "field",
1628
- "name": "pTop",
1629
- "type": {
1630
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1631
- },
1632
- "description": "Specify top padding of a Box",
1633
- "attribute": "pTop"
1634
- },
1635
- {
1636
- "kind": "field",
1637
- "name": "pBottom",
1638
- "type": {
1639
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1640
- },
1641
- "description": "Specify bottom padding of a Box",
1642
- "attribute": "pBottom"
1643
- },
1644
- {
1645
- "kind": "field",
1646
- "name": "pBefore",
1647
- "type": {
1648
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1649
- },
1650
- "description": "Specify before padding of a Box",
1651
- "attribute": "pBefore"
1652
- },
1653
- {
1654
- "kind": "field",
1655
- "name": "pAfter",
1656
- "type": {
1657
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1658
- },
1659
- "description": "Specify after padding of a Box",
1660
- "attribute": "pAfter"
1661
- },
1662
- {
1663
- "kind": "field",
1664
- "name": "mx",
1665
- "type": {
1666
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1667
- },
1668
- "description": "Specify before and after margin of a Box",
1669
- "attribute": "mx"
1670
- },
1671
- {
1672
- "kind": "field",
1673
- "name": "my",
1674
- "type": {
1675
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1676
- },
1677
- "description": "Specify top and bottom margin of a Box",
1678
- "attribute": "my"
1679
- },
1680
- {
1681
- "kind": "field",
1682
- "name": "mTop",
1683
- "type": {
1684
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1685
- },
1686
- "description": "Specify top margin of a Box",
1687
- "attribute": "mTop"
1688
- },
1689
- {
1690
- "kind": "field",
1691
- "name": "mBottom",
1692
- "type": {
1693
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1694
- },
1695
- "description": "Specify bottom margin of a Box",
1696
- "attribute": "mBottom"
1697
- },
1698
- {
1699
- "kind": "field",
1700
- "name": "mBefore",
1701
- "type": {
1702
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1703
- },
1704
- "description": "Specify before margin of a Box",
1705
- "attribute": "mBefore"
1706
- },
1707
- {
1708
- "kind": "field",
1709
- "name": "mAfter",
1710
- "type": {
1711
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1712
- },
1713
- "description": "Specify after margin of a Box",
1714
- "attribute": "mAfter"
1715
- },
1716
- {
1717
- "kind": "field",
1718
- "name": "m",
1719
- "type": {
1720
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1721
- },
1722
- "description": "Specify all margin",
1723
- "attribute": "m"
1724
- },
1725
- {
1726
- "kind": "field",
1727
- "name": "p",
1728
- "type": {
1729
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1730
- },
1731
- "description": "Specify all padding",
1732
- "attribute": "p"
1733
- },
1734
- {
1735
- "kind": "field",
1736
- "name": "gap",
1737
- "type": {
1738
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1739
- },
1740
- "description": "Specify gap between child elements",
1741
- "attribute": "gap"
1742
- },
1743
- {
1744
- "kind": "field",
1745
- "name": "shadow",
1746
- "type": {
1747
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1748
- },
1749
- "description": "Specify if a Box has a shadow",
1750
- "attribute": "shadow"
1660
+ "kind": "variable",
1661
+ "name": "BreadcrumbGroupCtx"
1662
+ }
1663
+ ],
1664
+ "exports": [
1665
+ {
1666
+ "kind": "js",
1667
+ "name": "BreadcrumbGroupCtx",
1668
+ "declaration": {
1669
+ "name": "BreadcrumbGroupCtx",
1670
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1671
+ }
1672
+ }
1673
+ ]
1674
+ },
1675
+ {
1676
+ "kind": "javascript-module",
1677
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1678
+ "declarations": [
1679
+ {
1680
+ "kind": "class",
1681
+ "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1682
+ "name": "BmBreadcrumbs",
1683
+ "slots": [
1684
+ {
1685
+ "description": "Pass items to the Breadcrumb",
1686
+ "name": "default"
1751
1687
  }
1752
1688
  ],
1753
- "attributes": [
1689
+ "members": [
1754
1690
  {
1755
- "name": "backgroundColor",
1691
+ "kind": "field",
1692
+ "name": "wrap",
1756
1693
  "type": {
1757
- "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"
1694
+ "text": "boolean"
1758
1695
  },
1759
- "description": "Specify the background color of a Box",
1760
- "fieldName": "backgroundColor"
1696
+ "default": "true",
1697
+ "description": "Specify if items wrap or collapse to an ellipsis",
1698
+ "attribute": "wrap"
1761
1699
  },
1762
1700
  {
1763
- "name": "borderColor",
1701
+ "kind": "field",
1702
+ "name": "itemsBeforeCollapse",
1764
1703
  "type": {
1765
- "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"
1704
+ "text": "number"
1766
1705
  },
1767
- "description": "Specify the border color of a Box",
1768
- "fieldName": "borderColor"
1706
+ "default": "1",
1707
+ "description": "Specify how many items show before ellipsis",
1708
+ "attribute": "itemsBeforeCollapse"
1769
1709
  },
1770
1710
  {
1771
- "name": "borderWidth",
1711
+ "kind": "field",
1712
+ "name": "itemsAfterCollapse",
1772
1713
  "type": {
1773
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1714
+ "text": "number"
1774
1715
  },
1775
- "description": "Specify the border width of a Box",
1776
- "fieldName": "borderWidth"
1716
+ "default": "1",
1717
+ "description": "Specify how many items show after ellipsis",
1718
+ "attribute": "itemsAfterCollapse"
1777
1719
  },
1778
1720
  {
1779
- "name": "borderRadius",
1721
+ "kind": "field",
1722
+ "name": "theme",
1780
1723
  "type": {
1781
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1724
+ "text": "'light' | 'dark' | undefined"
1782
1725
  },
1783
- "description": "Specify the border radius of a Box",
1784
- "fieldName": "borderRadius"
1785
- },
1726
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1727
+ "attribute": "theme"
1728
+ }
1729
+ ],
1730
+ "attributes": [
1786
1731
  {
1787
- "name": "px",
1732
+ "name": "wrap",
1788
1733
  "type": {
1789
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1734
+ "text": "boolean"
1790
1735
  },
1791
- "description": "Specify before and after padding of a Box",
1792
- "fieldName": "px"
1736
+ "default": "true",
1737
+ "description": "Specify if items wrap or collapse to an ellipsis",
1738
+ "fieldName": "wrap"
1793
1739
  },
1794
1740
  {
1795
- "name": "py",
1741
+ "name": "itemsBeforeCollapse",
1796
1742
  "type": {
1797
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1743
+ "text": "number"
1798
1744
  },
1799
- "description": "Specify top and bottom padding of a Box",
1800
- "fieldName": "py"
1745
+ "default": "1",
1746
+ "description": "Specify how many items show before ellipsis",
1747
+ "fieldName": "itemsBeforeCollapse"
1801
1748
  },
1802
1749
  {
1803
- "name": "pTop",
1750
+ "name": "itemsAfterCollapse",
1804
1751
  "type": {
1805
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1752
+ "text": "number"
1806
1753
  },
1807
- "description": "Specify top padding of a Box",
1808
- "fieldName": "pTop"
1754
+ "default": "1",
1755
+ "description": "Specify how many items show after ellipsis",
1756
+ "fieldName": "itemsAfterCollapse"
1809
1757
  },
1810
1758
  {
1811
- "name": "pBottom",
1759
+ "name": "theme",
1812
1760
  "type": {
1813
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1761
+ "text": "'light' | 'dark' | undefined"
1814
1762
  },
1815
- "description": "Specify bottom padding of a Box",
1816
- "fieldName": "pBottom"
1817
- },
1763
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1764
+ "fieldName": "theme"
1765
+ }
1766
+ ],
1767
+ "superclass": {
1768
+ "name": "LitElement",
1769
+ "package": "lit"
1770
+ },
1771
+ "tagName": "bm-breadcrumb",
1772
+ "customElement": true
1773
+ }
1774
+ ],
1775
+ "exports": [
1776
+ {
1777
+ "kind": "js",
1778
+ "name": "BmBreadcrumbs",
1779
+ "declaration": {
1780
+ "name": "BmBreadcrumbs",
1781
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1782
+ }
1783
+ },
1784
+ {
1785
+ "kind": "custom-element-definition",
1786
+ "name": "bm-breadcrumb",
1787
+ "declaration": {
1788
+ "name": "BmBreadcrumbs",
1789
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1790
+ }
1791
+ }
1792
+ ]
1793
+ },
1794
+ {
1795
+ "kind": "javascript-module",
1796
+ "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1797
+ "declarations": [
1798
+ {
1799
+ "kind": "class",
1800
+ "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1801
+ "name": "BmBreadcrumbsItem",
1802
+ "slots": [
1818
1803
  {
1819
- "name": "pBefore",
1820
- "type": {
1821
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1822
- },
1823
- "description": "Specify before padding of a Box",
1824
- "fieldName": "pBefore"
1804
+ "description": "Pass text to an item",
1805
+ "name": "default"
1825
1806
  },
1826
1807
  {
1827
- "name": "pAfter",
1828
- "type": {
1829
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1830
- },
1831
- "description": "Specify after padding of a Box",
1832
- "fieldName": "pAfter"
1833
- },
1808
+ "description": "Pass icon to an item",
1809
+ "name": "icon"
1810
+ }
1811
+ ],
1812
+ "members": [
1834
1813
  {
1835
- "name": "mx",
1814
+ "kind": "field",
1815
+ "name": "href",
1836
1816
  "type": {
1837
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1817
+ "text": "string | undefined"
1838
1818
  },
1839
- "description": "Specify before and after margin of a Box",
1840
- "fieldName": "mx"
1819
+ "description": "Pass href to an item",
1820
+ "attribute": "href"
1841
1821
  },
1842
1822
  {
1843
- "name": "my",
1823
+ "kind": "field",
1824
+ "name": "clickable",
1844
1825
  "type": {
1845
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1826
+ "text": "boolean"
1846
1827
  },
1847
- "description": "Specify top and bottom margin of a Box",
1848
- "fieldName": "my"
1828
+ "default": "false",
1829
+ "description": "Specify if the item is interactive without an href",
1830
+ "attribute": "clickable"
1849
1831
  },
1850
1832
  {
1851
- "name": "mTop",
1833
+ "kind": "field",
1834
+ "name": "truncationWidth",
1852
1835
  "type": {
1853
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1836
+ "text": "string | undefined"
1854
1837
  },
1855
- "description": "Specify top margin of a Box",
1856
- "fieldName": "mTop"
1838
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1839
+ "attribute": "truncationWidth"
1857
1840
  },
1858
1841
  {
1859
- "name": "mBottom",
1842
+ "kind": "field",
1843
+ "name": "isCurrent",
1860
1844
  "type": {
1861
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1845
+ "text": "boolean"
1862
1846
  },
1863
- "description": "Specify bottom margin of a Box",
1864
- "fieldName": "mBottom"
1847
+ "default": "false",
1848
+ "description": "Specify explicitly if the item is the last one",
1849
+ "attribute": "isCurrent",
1850
+ "reflects": true
1865
1851
  },
1866
1852
  {
1867
- "name": "mBefore",
1853
+ "kind": "field",
1854
+ "name": "isCollapsed",
1868
1855
  "type": {
1869
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1856
+ "text": "boolean"
1870
1857
  },
1871
- "description": "Specify before margin of a Box",
1872
- "fieldName": "mBefore"
1873
- },
1858
+ "default": "false",
1859
+ "attribute": "isCollapsed",
1860
+ "reflects": true
1861
+ }
1862
+ ],
1863
+ "attributes": [
1874
1864
  {
1875
- "name": "mAfter",
1865
+ "name": "href",
1876
1866
  "type": {
1877
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1867
+ "text": "string | undefined"
1878
1868
  },
1879
- "description": "Specify after margin of a Box",
1880
- "fieldName": "mAfter"
1869
+ "description": "Pass href to an item",
1870
+ "fieldName": "href"
1881
1871
  },
1882
1872
  {
1883
- "name": "m",
1873
+ "name": "clickable",
1884
1874
  "type": {
1885
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1875
+ "text": "boolean"
1886
1876
  },
1887
- "description": "Specify all margin",
1888
- "fieldName": "m"
1877
+ "default": "false",
1878
+ "description": "Specify if the item is interactive without an href",
1879
+ "fieldName": "clickable"
1889
1880
  },
1890
1881
  {
1891
- "name": "p",
1882
+ "name": "truncationWidth",
1892
1883
  "type": {
1893
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1884
+ "text": "string | undefined"
1894
1885
  },
1895
- "description": "Specify all padding",
1896
- "fieldName": "p"
1886
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1887
+ "fieldName": "truncationWidth"
1897
1888
  },
1898
1889
  {
1899
- "name": "gap",
1890
+ "name": "isCurrent",
1900
1891
  "type": {
1901
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1892
+ "text": "boolean"
1902
1893
  },
1903
- "description": "Specify gap between child elements",
1904
- "fieldName": "gap"
1894
+ "default": "false",
1895
+ "description": "Specify explicitly if the item is the last one",
1896
+ "fieldName": "isCurrent"
1905
1897
  },
1906
1898
  {
1907
- "name": "shadow",
1899
+ "name": "isCollapsed",
1908
1900
  "type": {
1909
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1901
+ "text": "boolean"
1910
1902
  },
1911
- "description": "Specify if a Box has a shadow",
1912
- "fieldName": "shadow"
1903
+ "default": "false",
1904
+ "fieldName": "isCollapsed"
1913
1905
  }
1914
1906
  ],
1915
1907
  "superclass": {
1916
1908
  "name": "LitElement",
1917
1909
  "package": "lit"
1918
1910
  },
1919
- "tagName": "bm-box",
1911
+ "tagName": "bm-breadcrumb-item",
1920
1912
  "customElement": true
1921
1913
  }
1922
1914
  ],
1923
1915
  "exports": [
1924
1916
  {
1925
1917
  "kind": "js",
1926
- "name": "BmBox",
1918
+ "name": "BmBreadcrumbsItem",
1927
1919
  "declaration": {
1928
- "name": "BmBox",
1929
- "module": "libs/web-components/src/lib/Box/Box.ts"
1920
+ "name": "BmBreadcrumbsItem",
1921
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1930
1922
  }
1931
1923
  },
1932
1924
  {
1933
1925
  "kind": "custom-element-definition",
1934
- "name": "bm-box",
1926
+ "name": "bm-breadcrumb-item",
1935
1927
  "declaration": {
1936
- "name": "BmBox",
1937
- "module": "libs/web-components/src/lib/Box/Box.ts"
1928
+ "name": "BmBreadcrumbsItem",
1929
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1938
1930
  }
1939
1931
  }
1940
1932
  ]
1941
1933
  },
1942
1934
  {
1943
1935
  "kind": "javascript-module",
1944
- "path": "libs/web-components/src/lib/Box/index.ts",
1936
+ "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1945
1937
  "declarations": [],
1946
1938
  "exports": [
1947
1939
  {
@@ -1949,7 +1941,15 @@
1949
1941
  "name": "*",
1950
1942
  "declaration": {
1951
1943
  "name": "*",
1952
- "package": "./Box"
1944
+ "package": "./Breadcrumbs"
1945
+ }
1946
+ },
1947
+ {
1948
+ "kind": "js",
1949
+ "name": "*",
1950
+ "declaration": {
1951
+ "name": "*",
1952
+ "package": "./BreadcrumbsItem"
1953
1953
  }
1954
1954
  }
1955
1955
  ]
@@ -7898,123 +7898,126 @@
7898
7898
  },
7899
7899
  {
7900
7900
  "kind": "javascript-module",
7901
- "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
7901
+ "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
7902
+ "declarations": [
7903
+ {
7904
+ "kind": "variable",
7905
+ "name": "bmFormInitials",
7906
+ "type": {
7907
+ "text": "BmFormContext"
7908
+ },
7909
+ "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
7910
+ },
7911
+ {
7912
+ "kind": "variable",
7913
+ "name": "bmFormContext"
7914
+ }
7915
+ ],
7916
+ "exports": [
7917
+ {
7918
+ "kind": "js",
7919
+ "name": "bmFormInitials",
7920
+ "declaration": {
7921
+ "name": "bmFormInitials",
7922
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
7923
+ }
7924
+ },
7925
+ {
7926
+ "kind": "js",
7927
+ "name": "bmFormContext",
7928
+ "declaration": {
7929
+ "name": "bmFormContext",
7930
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
7931
+ }
7932
+ }
7933
+ ]
7934
+ },
7935
+ {
7936
+ "kind": "javascript-module",
7937
+ "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
7902
7938
  "declarations": [
7903
7939
  {
7904
7940
  "kind": "class",
7905
- "description": "### Attributes:\n- **required** - Specify if NativeSelect is a required input\n- **readOnly** - Specify if NativeSelect displays in a read-only state\n- **disabled** - Specify if NativeSelect displays in a disabled state\n- **error** - Specify error text and display error state of a NativeSelect\n- **fluid** - Specify if NativeSelect is fluid\n- **size** - Specify the size of NativeSelect\n- **width** - Specify the width of NativeSelect\n- **ellipse** - Specify if overflow displays ellipsis\n- **hideRequiredMarker** - Specify if the NativeSelect displays with an asterisk\n- **theme** - Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
7906
- "name": "BmNativeSelect",
7907
- "slots": [
7908
- {
7909
- "description": "Specify Options for NativeSelect",
7910
- "name": "slot"
7911
- },
7912
- {
7913
- "description": "Specify Label for NativeSelect",
7914
- "name": "label"
7915
- },
7916
- {
7917
- "description": "Specify HelperText for NativeSelect",
7918
- "name": "helper-text"
7919
- }
7920
- ],
7941
+ "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
7942
+ "name": "FormField",
7921
7943
  "members": [
7922
7944
  {
7923
7945
  "kind": "field",
7924
- "name": "required",
7925
- "type": {
7926
- "text": "boolean"
7927
- },
7928
- "default": "false",
7929
- "description": "Specify if NativeSelect is a required input",
7930
- "attribute": "required"
7931
- },
7932
- {
7933
- "kind": "field",
7934
- "name": "readOnly",
7946
+ "name": "formAssociated",
7935
7947
  "type": {
7936
7948
  "text": "boolean"
7937
7949
  },
7938
- "default": "false",
7939
- "description": "Specify if NativeSelect displays in a read-only state",
7940
- "attribute": "readOnly"
7950
+ "static": true,
7951
+ "default": "true"
7941
7952
  },
7942
7953
  {
7943
7954
  "kind": "field",
7944
- "name": "disabled",
7955
+ "name": "id",
7945
7956
  "type": {
7946
- "text": "boolean"
7957
+ "text": "string"
7947
7958
  },
7948
- "default": "false",
7949
- "description": "Specify if NativeSelect displays in a disabled state",
7950
- "attribute": "disabled"
7959
+ "default": "''",
7960
+ "attribute": "id"
7951
7961
  },
7952
7962
  {
7953
7963
  "kind": "field",
7954
- "name": "error",
7964
+ "name": "name",
7955
7965
  "type": {
7956
- "text": "string | undefined"
7966
+ "text": "string"
7957
7967
  },
7958
- "description": "Specify error text and display error state of a NativeSelect",
7959
- "attribute": "error"
7968
+ "default": "''",
7969
+ "attribute": "name"
7960
7970
  },
7961
7971
  {
7962
7972
  "kind": "field",
7963
- "name": "fluid",
7973
+ "name": "value",
7964
7974
  "type": {
7965
- "text": "boolean"
7975
+ "text": "string"
7966
7976
  },
7967
- "default": "false",
7968
- "description": "Specify if NativeSelect is fluid",
7969
- "attribute": "fluid"
7977
+ "default": "''",
7978
+ "attribute": "value"
7970
7979
  },
7971
7980
  {
7972
7981
  "kind": "field",
7973
- "name": "size",
7982
+ "name": "validationRules",
7974
7983
  "type": {
7975
- "text": "'sm' | 'md' | 'lg'"
7984
+ "text": "Array<FormValidator>"
7976
7985
  },
7977
- "default": "defaultInputSize",
7978
- "description": "Specify the size of NativeSelect",
7979
- "attribute": "size"
7986
+ "default": "[]",
7987
+ "attribute": "validationRules"
7980
7988
  },
7981
7989
  {
7982
7990
  "kind": "field",
7983
- "name": "width",
7991
+ "name": "inputAriaLabel",
7984
7992
  "type": {
7985
7993
  "text": "string | undefined"
7986
7994
  },
7987
- "description": "Specify the width of NativeSelect",
7988
- "attribute": "width"
7995
+ "attribute": "input-aria-label"
7989
7996
  },
7990
7997
  {
7991
7998
  "kind": "field",
7992
- "name": "ellipse",
7999
+ "name": "formContext",
7993
8000
  "type": {
7994
- "text": "boolean"
7995
- },
7996
- "default": "true",
7997
- "description": "Specify if overflow displays ellipsis",
7998
- "attribute": "ellipse"
8001
+ "text": "BmFormContext"
8002
+ }
7999
8003
  },
8000
8004
  {
8001
- "kind": "field",
8002
- "name": "hideRequiredMarker",
8003
- "type": {
8004
- "text": "boolean"
8005
- },
8006
- "default": "false",
8007
- "description": "Specify if the NativeSelect displays with an asterisk",
8008
- "attribute": "hideRequiredMarker"
8005
+ "kind": "method",
8006
+ "name": "formAssociatedCallback",
8007
+ "return": {
8008
+ "type": {
8009
+ "text": "void"
8010
+ }
8011
+ }
8009
8012
  },
8010
8013
  {
8011
- "kind": "field",
8012
- "name": "theme",
8013
- "type": {
8014
- "text": "'light' | 'dark' | undefined"
8015
- },
8016
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8017
- "attribute": "theme"
8014
+ "kind": "method",
8015
+ "name": "formResetCallback",
8016
+ "return": {
8017
+ "type": {
8018
+ "text": "void"
8019
+ }
8020
+ }
8018
8021
  },
8019
8022
  {
8020
8023
  "kind": "method",
@@ -8026,445 +8029,476 @@
8026
8029
  },
8027
8030
  "parameters": [
8028
8031
  {
8029
- "name": "value",
8032
+ "name": "ctxValue",
8030
8033
  "type": {
8031
8034
  "text": "string"
8032
8035
  }
8033
8036
  }
8034
- ],
8035
- "inheritedFrom": {
8036
- "name": "FormField",
8037
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8038
- }
8039
- },
8040
- {
8041
- "kind": "field",
8042
- "name": "formAssociated",
8043
- "type": {
8044
- "text": "boolean"
8045
- },
8046
- "static": true,
8047
- "default": "true",
8048
- "inheritedFrom": {
8049
- "name": "FormField",
8050
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8051
- }
8052
- },
8037
+ ]
8038
+ }
8039
+ ],
8040
+ "attributes": [
8053
8041
  {
8054
- "kind": "field",
8055
8042
  "name": "id",
8056
8043
  "type": {
8057
8044
  "text": "string"
8058
8045
  },
8059
8046
  "default": "''",
8060
- "attribute": "id",
8061
- "inheritedFrom": {
8062
- "name": "FormField",
8063
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8064
- }
8047
+ "fieldName": "id"
8065
8048
  },
8066
8049
  {
8067
- "kind": "field",
8068
8050
  "name": "name",
8069
8051
  "type": {
8070
8052
  "text": "string"
8071
8053
  },
8072
8054
  "default": "''",
8073
- "attribute": "name",
8074
- "inheritedFrom": {
8075
- "name": "FormField",
8076
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8077
- }
8055
+ "fieldName": "name"
8078
8056
  },
8079
8057
  {
8080
- "kind": "field",
8081
8058
  "name": "value",
8082
8059
  "type": {
8083
8060
  "text": "string"
8084
8061
  },
8085
8062
  "default": "''",
8086
- "attribute": "value",
8087
- "inheritedFrom": {
8088
- "name": "FormField",
8089
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8090
- }
8063
+ "fieldName": "value"
8091
8064
  },
8092
8065
  {
8093
- "kind": "field",
8094
8066
  "name": "validationRules",
8095
8067
  "type": {
8096
8068
  "text": "Array<FormValidator>"
8097
8069
  },
8098
8070
  "default": "[]",
8099
- "attribute": "validationRules",
8100
- "inheritedFrom": {
8101
- "name": "FormField",
8102
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8103
- }
8071
+ "fieldName": "validationRules"
8104
8072
  },
8105
8073
  {
8106
- "kind": "field",
8107
- "name": "inputAriaLabel",
8074
+ "name": "input-aria-label",
8108
8075
  "type": {
8109
8076
  "text": "string | undefined"
8110
8077
  },
8111
- "attribute": "input-aria-label",
8112
- "inheritedFrom": {
8113
- "name": "FormField",
8114
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8115
- }
8116
- },
8078
+ "fieldName": "inputAriaLabel"
8079
+ }
8080
+ ],
8081
+ "superclass": {
8082
+ "name": "LitElement",
8083
+ "package": "lit"
8084
+ },
8085
+ "customElement": true
8086
+ }
8087
+ ],
8088
+ "exports": [
8089
+ {
8090
+ "kind": "js",
8091
+ "name": "FormField",
8092
+ "declaration": {
8093
+ "name": "FormField",
8094
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8095
+ }
8096
+ }
8097
+ ]
8098
+ },
8099
+ {
8100
+ "kind": "javascript-module",
8101
+ "path": "libs/web-components/src/lib/wip/Form/Form.ts",
8102
+ "declarations": [
8103
+ {
8104
+ "kind": "class",
8105
+ "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** ",
8106
+ "name": "BmForm",
8107
+ "slots": [
8108
+ {
8109
+ "description": "Add controls to the Form",
8110
+ "name": "slot"
8111
+ }
8112
+ ],
8113
+ "members": [
8117
8114
  {
8118
8115
  "kind": "field",
8119
- "name": "formContext",
8116
+ "name": "validationMode",
8120
8117
  "type": {
8121
- "text": "BmFormContext"
8118
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
8122
8119
  },
8123
- "inheritedFrom": {
8124
- "name": "FormField",
8125
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8126
- }
8120
+ "default": "'onBlur'",
8121
+ "description": "Specify if validation runs on change or when loosing focus",
8122
+ "attribute": "validationMode"
8127
8123
  },
8128
8124
  {
8129
- "kind": "method",
8130
- "name": "formAssociatedCallback",
8131
- "return": {
8132
- "type": {
8133
- "text": "void"
8134
- }
8125
+ "kind": "field",
8126
+ "name": "initialValues",
8127
+ "type": {
8128
+ "text": "Record<string, FormValue>"
8135
8129
  },
8136
- "inheritedFrom": {
8137
- "name": "FormField",
8138
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8139
- }
8130
+ "default": "{}",
8131
+ "description": "Specify initial values on Form controls based on their names",
8132
+ "attribute": "initialValues"
8140
8133
  },
8141
8134
  {
8142
- "kind": "method",
8143
- "name": "formResetCallback",
8144
- "return": {
8145
- "type": {
8146
- "text": "void"
8147
- }
8148
- },
8149
- "inheritedFrom": {
8150
- "name": "FormField",
8151
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8152
- }
8153
- }
8154
- ],
8155
- "attributes": [
8156
- {
8135
+ "kind": "field",
8157
8136
  "name": "required",
8158
8137
  "type": {
8159
8138
  "text": "boolean"
8160
8139
  },
8161
8140
  "default": "false",
8162
- "description": "Specify if NativeSelect is a required input",
8163
- "fieldName": "required"
8141
+ "description": "Specify if input is a required",
8142
+ "attribute": "required"
8164
8143
  },
8165
8144
  {
8166
- "name": "readOnly",
8145
+ "kind": "field",
8146
+ "name": "disabled",
8167
8147
  "type": {
8168
8148
  "text": "boolean"
8169
8149
  },
8170
8150
  "default": "false",
8171
- "description": "Specify if NativeSelect displays in a read-only state",
8172
- "fieldName": "readOnly"
8151
+ "description": "Specify if input is a disabled",
8152
+ "attribute": "disabled"
8173
8153
  },
8174
8154
  {
8175
- "name": "disabled",
8155
+ "kind": "field",
8156
+ "name": "readOnly",
8176
8157
  "type": {
8177
8158
  "text": "boolean"
8178
8159
  },
8179
8160
  "default": "false",
8180
- "description": "Specify if NativeSelect displays in a disabled state",
8181
- "fieldName": "disabled"
8161
+ "description": "Specify if input is a read only",
8162
+ "attribute": "readOnly"
8182
8163
  },
8183
8164
  {
8184
- "name": "error",
8165
+ "kind": "field",
8166
+ "name": "action",
8185
8167
  "type": {
8186
8168
  "text": "string | undefined"
8187
8169
  },
8188
- "description": "Specify error text and display error state of a NativeSelect",
8189
- "fieldName": "error"
8170
+ "attribute": "action"
8190
8171
  },
8191
8172
  {
8192
- "name": "fluid",
8173
+ "kind": "field",
8174
+ "name": "method",
8193
8175
  "type": {
8194
- "text": "boolean"
8176
+ "text": "string | undefined"
8195
8177
  },
8196
- "default": "false",
8197
- "description": "Specify if NativeSelect is fluid",
8198
- "fieldName": "fluid"
8178
+ "attribute": "method"
8199
8179
  },
8200
8180
  {
8201
- "name": "size",
8181
+ "kind": "field",
8182
+ "name": "target",
8202
8183
  "type": {
8203
- "text": "'sm' | 'md' | 'lg'"
8184
+ "text": "string | undefined"
8204
8185
  },
8205
- "default": "defaultInputSize",
8206
- "description": "Specify the size of NativeSelect",
8207
- "fieldName": "size"
8186
+ "attribute": "target"
8208
8187
  },
8209
8188
  {
8210
- "name": "width",
8189
+ "kind": "field",
8190
+ "name": "enctype",
8211
8191
  "type": {
8212
8192
  "text": "string | undefined"
8213
8193
  },
8214
- "description": "Specify the width of NativeSelect",
8215
- "fieldName": "width"
8194
+ "attribute": "enctype"
8216
8195
  },
8217
8196
  {
8218
- "name": "ellipse",
8197
+ "kind": "field",
8198
+ "name": "formMeta",
8219
8199
  "type": {
8220
- "text": "boolean"
8200
+ "text": "Record<string, FieldMeta>"
8221
8201
  },
8222
- "default": "true",
8223
- "description": "Specify if overflow displays ellipsis",
8224
- "fieldName": "ellipse"
8202
+ "default": "{}"
8225
8203
  },
8226
8204
  {
8227
- "name": "hideRequiredMarker",
8205
+ "kind": "field",
8206
+ "name": "formRef"
8207
+ },
8208
+ {
8209
+ "kind": "field",
8210
+ "name": "formContext",
8211
+ "type": {
8212
+ "text": "BmFormContext"
8213
+ },
8214
+ "privacy": "public",
8215
+ "default": "bmFormInitials"
8216
+ }
8217
+ ],
8218
+ "events": [
8219
+ {
8220
+ "description": "Validates the inputs and submits the form",
8221
+ "name": "submit"
8222
+ }
8223
+ ],
8224
+ "attributes": [
8225
+ {
8226
+ "name": "validationMode",
8227
+ "type": {
8228
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
8229
+ },
8230
+ "default": "'onBlur'",
8231
+ "description": "Specify if validation runs on change or when loosing focus",
8232
+ "fieldName": "validationMode"
8233
+ },
8234
+ {
8235
+ "name": "initialValues",
8236
+ "type": {
8237
+ "text": "Record<string, FormValue>"
8238
+ },
8239
+ "default": "{}",
8240
+ "description": "Specify initial values on Form controls based on their names",
8241
+ "fieldName": "initialValues"
8242
+ },
8243
+ {
8244
+ "name": "required",
8228
8245
  "type": {
8229
8246
  "text": "boolean"
8230
8247
  },
8231
8248
  "default": "false",
8232
- "description": "Specify if the NativeSelect displays with an asterisk",
8233
- "fieldName": "hideRequiredMarker"
8249
+ "description": "Specify if input is a required",
8250
+ "fieldName": "required"
8234
8251
  },
8235
8252
  {
8236
- "name": "theme",
8253
+ "name": "disabled",
8237
8254
  "type": {
8238
- "text": "'light' | 'dark' | undefined"
8255
+ "text": "boolean"
8239
8256
  },
8240
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8241
- "fieldName": "theme"
8257
+ "default": "false",
8258
+ "description": "Specify if input is a disabled",
8259
+ "fieldName": "disabled"
8242
8260
  },
8243
8261
  {
8244
- "name": "id",
8262
+ "name": "readOnly",
8245
8263
  "type": {
8246
- "text": "string"
8264
+ "text": "boolean"
8247
8265
  },
8248
- "default": "''",
8249
- "fieldName": "id",
8250
- "inheritedFrom": {
8251
- "name": "FormField",
8252
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8253
- }
8266
+ "default": "false",
8267
+ "description": "Specify if input is a read only",
8268
+ "fieldName": "readOnly"
8254
8269
  },
8255
8270
  {
8256
- "name": "name",
8271
+ "name": "action",
8257
8272
  "type": {
8258
- "text": "string"
8273
+ "text": "string | undefined"
8259
8274
  },
8260
- "default": "''",
8261
- "fieldName": "name",
8262
- "inheritedFrom": {
8263
- "name": "FormField",
8264
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8265
- }
8275
+ "fieldName": "action"
8266
8276
  },
8267
8277
  {
8268
- "name": "value",
8278
+ "name": "method",
8269
8279
  "type": {
8270
- "text": "string"
8280
+ "text": "string | undefined"
8271
8281
  },
8272
- "default": "''",
8273
- "fieldName": "value",
8274
- "inheritedFrom": {
8275
- "name": "FormField",
8276
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8277
- }
8282
+ "fieldName": "method"
8278
8283
  },
8279
8284
  {
8280
- "name": "validationRules",
8285
+ "name": "target",
8281
8286
  "type": {
8282
- "text": "Array<FormValidator>"
8287
+ "text": "string | undefined"
8283
8288
  },
8284
- "default": "[]",
8285
- "fieldName": "validationRules",
8286
- "inheritedFrom": {
8287
- "name": "FormField",
8288
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8289
- }
8289
+ "fieldName": "target"
8290
8290
  },
8291
8291
  {
8292
- "name": "input-aria-label",
8292
+ "name": "enctype",
8293
8293
  "type": {
8294
8294
  "text": "string | undefined"
8295
8295
  },
8296
- "fieldName": "inputAriaLabel",
8297
- "inheritedFrom": {
8298
- "name": "FormField",
8299
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8300
- }
8296
+ "fieldName": "enctype"
8301
8297
  }
8302
8298
  ],
8303
8299
  "superclass": {
8304
- "name": "FormField",
8305
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8300
+ "name": "LitElement",
8301
+ "package": "lit"
8306
8302
  },
8307
- "summary": "`bm-native-select`",
8308
- "tagName": "bm-native-select",
8303
+ "summary": "`bm-form`",
8304
+ "tagName": "bm-form",
8309
8305
  "customElement": true
8310
8306
  }
8311
8307
  ],
8312
8308
  "exports": [
8313
8309
  {
8314
8310
  "kind": "js",
8315
- "name": "BmNativeSelect",
8311
+ "name": "validators",
8316
8312
  "declaration": {
8317
- "name": "BmNativeSelect",
8318
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8313
+ "name": "validators",
8314
+ "package": "@viasat/beam-shared/components/form"
8315
+ }
8316
+ },
8317
+ {
8318
+ "kind": "js",
8319
+ "name": "BmForm",
8320
+ "declaration": {
8321
+ "name": "BmForm",
8322
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8319
8323
  }
8320
8324
  },
8321
8325
  {
8322
8326
  "kind": "custom-element-definition",
8323
- "name": "bm-native-select",
8327
+ "name": "bm-form",
8324
8328
  "declaration": {
8325
- "name": "BmNativeSelect",
8326
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8329
+ "name": "BmForm",
8330
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8331
+ }
8332
+ }
8333
+ ]
8334
+ },
8335
+ {
8336
+ "kind": "javascript-module",
8337
+ "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
8338
+ "declarations": [
8339
+ {
8340
+ "kind": "function",
8341
+ "name": "createId",
8342
+ "return": {
8343
+ "type": {
8344
+ "text": "string"
8345
+ }
8327
8346
  }
8328
8347
  }
8329
- ]
8330
- },
8331
- {
8332
- "kind": "javascript-module",
8333
- "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8334
- "declarations": [],
8348
+ ],
8335
8349
  "exports": [
8336
8350
  {
8337
8351
  "kind": "js",
8338
- "name": "*",
8352
+ "name": "createId",
8339
8353
  "declaration": {
8340
- "name": "*",
8341
- "package": "./NativeSelect"
8354
+ "name": "createId",
8355
+ "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
8342
8356
  }
8343
8357
  }
8344
8358
  ]
8345
8359
  },
8346
8360
  {
8347
8361
  "kind": "javascript-module",
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
- ],
8362
+ "path": "libs/web-components/src/lib/wip/Form/index.ts",
8363
+ "declarations": [],
8363
8364
  "exports": [
8364
8365
  {
8365
8366
  "kind": "js",
8366
- "name": "bmFormInitials",
8367
+ "name": "*",
8367
8368
  "declaration": {
8368
- "name": "bmFormInitials",
8369
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8369
+ "name": "*",
8370
+ "package": "./Form"
8370
8371
  }
8371
8372
  },
8372
8373
  {
8373
8374
  "kind": "js",
8374
- "name": "bmFormContext",
8375
+ "name": "*",
8375
8376
  "declaration": {
8376
- "name": "bmFormContext",
8377
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8377
+ "name": "*",
8378
+ "package": "./Form.decorator"
8378
8379
  }
8379
8380
  }
8380
8381
  ]
8381
8382
  },
8382
8383
  {
8383
8384
  "kind": "javascript-module",
8384
- "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
8385
+ "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
8385
8386
  "declarations": [
8386
8387
  {
8387
8388
  "kind": "class",
8388
- "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
8389
- "name": "FormField",
8389
+ "description": "### Attributes:\n- **required** - Specify if NativeSelect is a required input\n- **readOnly** - Specify if NativeSelect displays in a read-only state\n- **disabled** - Specify if NativeSelect displays in a disabled state\n- **error** - Specify error text and display error state of a NativeSelect\n- **fluid** - Specify if NativeSelect is fluid\n- **size** - Specify the size of NativeSelect\n- **width** - Specify the width of NativeSelect\n- **ellipse** - Specify if overflow displays ellipsis\n- **hideRequiredMarker** - Specify if the NativeSelect displays with an asterisk\n- **theme** - Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8390
+ "name": "BmNativeSelect",
8391
+ "slots": [
8392
+ {
8393
+ "description": "Specify Options for NativeSelect",
8394
+ "name": "slot"
8395
+ },
8396
+ {
8397
+ "description": "Specify Label for NativeSelect",
8398
+ "name": "label"
8399
+ },
8400
+ {
8401
+ "description": "Specify HelperText for NativeSelect",
8402
+ "name": "helper-text"
8403
+ }
8404
+ ],
8390
8405
  "members": [
8391
8406
  {
8392
8407
  "kind": "field",
8393
- "name": "formAssociated",
8408
+ "name": "required",
8394
8409
  "type": {
8395
8410
  "text": "boolean"
8396
8411
  },
8397
- "static": true,
8398
- "default": "true"
8412
+ "default": "false",
8413
+ "description": "Specify if NativeSelect is a required input",
8414
+ "attribute": "required"
8399
8415
  },
8400
8416
  {
8401
8417
  "kind": "field",
8402
- "name": "id",
8418
+ "name": "readOnly",
8403
8419
  "type": {
8404
- "text": "string"
8420
+ "text": "boolean"
8405
8421
  },
8406
- "default": "''",
8407
- "attribute": "id"
8422
+ "default": "false",
8423
+ "description": "Specify if NativeSelect displays in a read-only state",
8424
+ "attribute": "readOnly"
8408
8425
  },
8409
8426
  {
8410
8427
  "kind": "field",
8411
- "name": "name",
8428
+ "name": "disabled",
8412
8429
  "type": {
8413
- "text": "string"
8430
+ "text": "boolean"
8414
8431
  },
8415
- "default": "''",
8416
- "attribute": "name"
8432
+ "default": "false",
8433
+ "description": "Specify if NativeSelect displays in a disabled state",
8434
+ "attribute": "disabled"
8417
8435
  },
8418
8436
  {
8419
8437
  "kind": "field",
8420
- "name": "value",
8438
+ "name": "error",
8421
8439
  "type": {
8422
- "text": "string"
8440
+ "text": "string | undefined"
8423
8441
  },
8424
- "default": "''",
8425
- "attribute": "value"
8442
+ "description": "Specify error text and display error state of a NativeSelect",
8443
+ "attribute": "error"
8426
8444
  },
8427
8445
  {
8428
8446
  "kind": "field",
8429
- "name": "validationRules",
8447
+ "name": "fluid",
8430
8448
  "type": {
8431
- "text": "Array<FormValidator>"
8449
+ "text": "boolean"
8432
8450
  },
8433
- "default": "[]",
8434
- "attribute": "validationRules"
8451
+ "default": "false",
8452
+ "description": "Specify if NativeSelect is fluid",
8453
+ "attribute": "fluid"
8435
8454
  },
8436
8455
  {
8437
8456
  "kind": "field",
8438
- "name": "inputAriaLabel",
8457
+ "name": "size",
8458
+ "type": {
8459
+ "text": "'sm' | 'md' | 'lg'"
8460
+ },
8461
+ "default": "defaultInputSize",
8462
+ "description": "Specify the size of NativeSelect",
8463
+ "attribute": "size"
8464
+ },
8465
+ {
8466
+ "kind": "field",
8467
+ "name": "width",
8439
8468
  "type": {
8440
8469
  "text": "string | undefined"
8441
8470
  },
8442
- "attribute": "input-aria-label"
8471
+ "description": "Specify the width of NativeSelect",
8472
+ "attribute": "width"
8443
8473
  },
8444
8474
  {
8445
8475
  "kind": "field",
8446
- "name": "formContext",
8476
+ "name": "ellipse",
8447
8477
  "type": {
8448
- "text": "BmFormContext"
8449
- }
8478
+ "text": "boolean"
8479
+ },
8480
+ "default": "true",
8481
+ "description": "Specify if overflow displays ellipsis",
8482
+ "attribute": "ellipse"
8450
8483
  },
8451
8484
  {
8452
- "kind": "method",
8453
- "name": "formAssociatedCallback",
8454
- "return": {
8455
- "type": {
8456
- "text": "void"
8457
- }
8458
- }
8485
+ "kind": "field",
8486
+ "name": "hideRequiredMarker",
8487
+ "type": {
8488
+ "text": "boolean"
8489
+ },
8490
+ "default": "false",
8491
+ "description": "Specify if the NativeSelect displays with an asterisk",
8492
+ "attribute": "hideRequiredMarker"
8459
8493
  },
8460
8494
  {
8461
- "kind": "method",
8462
- "name": "formResetCallback",
8463
- "return": {
8464
- "type": {
8465
- "text": "void"
8466
- }
8467
- }
8495
+ "kind": "field",
8496
+ "name": "theme",
8497
+ "type": {
8498
+ "text": "'light' | 'dark' | undefined"
8499
+ },
8500
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8501
+ "attribute": "theme"
8468
8502
  },
8469
8503
  {
8470
8504
  "kind": "method",
@@ -8476,337 +8510,311 @@
8476
8510
  },
8477
8511
  "parameters": [
8478
8512
  {
8479
- "name": "ctxValue",
8513
+ "name": "value",
8480
8514
  "type": {
8481
8515
  "text": "string"
8482
8516
  }
8483
8517
  }
8484
- ]
8485
- }
8486
- ],
8487
- "attributes": [
8518
+ ],
8519
+ "inheritedFrom": {
8520
+ "name": "FormField",
8521
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8522
+ }
8523
+ },
8524
+ {
8525
+ "kind": "field",
8526
+ "name": "formAssociated",
8527
+ "type": {
8528
+ "text": "boolean"
8529
+ },
8530
+ "static": true,
8531
+ "default": "true",
8532
+ "inheritedFrom": {
8533
+ "name": "FormField",
8534
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8535
+ }
8536
+ },
8488
8537
  {
8538
+ "kind": "field",
8489
8539
  "name": "id",
8490
8540
  "type": {
8491
8541
  "text": "string"
8492
8542
  },
8493
8543
  "default": "''",
8494
- "fieldName": "id"
8544
+ "attribute": "id",
8545
+ "inheritedFrom": {
8546
+ "name": "FormField",
8547
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8548
+ }
8495
8549
  },
8496
8550
  {
8551
+ "kind": "field",
8497
8552
  "name": "name",
8498
8553
  "type": {
8499
8554
  "text": "string"
8500
8555
  },
8501
8556
  "default": "''",
8502
- "fieldName": "name"
8557
+ "attribute": "name",
8558
+ "inheritedFrom": {
8559
+ "name": "FormField",
8560
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8561
+ }
8503
8562
  },
8504
8563
  {
8564
+ "kind": "field",
8505
8565
  "name": "value",
8506
8566
  "type": {
8507
8567
  "text": "string"
8508
8568
  },
8509
8569
  "default": "''",
8510
- "fieldName": "value"
8570
+ "attribute": "value",
8571
+ "inheritedFrom": {
8572
+ "name": "FormField",
8573
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8574
+ }
8511
8575
  },
8512
8576
  {
8577
+ "kind": "field",
8513
8578
  "name": "validationRules",
8514
8579
  "type": {
8515
8580
  "text": "Array<FormValidator>"
8516
8581
  },
8517
8582
  "default": "[]",
8518
- "fieldName": "validationRules"
8583
+ "attribute": "validationRules",
8584
+ "inheritedFrom": {
8585
+ "name": "FormField",
8586
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8587
+ }
8519
8588
  },
8520
8589
  {
8521
- "name": "input-aria-label",
8590
+ "kind": "field",
8591
+ "name": "inputAriaLabel",
8522
8592
  "type": {
8523
8593
  "text": "string | undefined"
8524
8594
  },
8525
- "fieldName": "inputAriaLabel"
8526
- }
8527
- ],
8528
- "superclass": {
8529
- "name": "LitElement",
8530
- "package": "lit"
8531
- },
8532
- "customElement": true
8533
- }
8534
- ],
8535
- "exports": [
8536
- {
8537
- "kind": "js",
8538
- "name": "FormField",
8539
- "declaration": {
8540
- "name": "FormField",
8541
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8542
- }
8543
- }
8544
- ]
8545
- },
8546
- {
8547
- "kind": "javascript-module",
8548
- "path": "libs/web-components/src/lib/wip/Form/Form.ts",
8549
- "declarations": [
8550
- {
8551
- "kind": "class",
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",
8554
- "slots": [
8555
- {
8556
- "description": "Add controls to the Form",
8557
- "name": "slot"
8558
- }
8559
- ],
8560
- "members": [
8595
+ "attribute": "input-aria-label",
8596
+ "inheritedFrom": {
8597
+ "name": "FormField",
8598
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8599
+ }
8600
+ },
8561
8601
  {
8562
8602
  "kind": "field",
8563
- "name": "validationMode",
8603
+ "name": "formContext",
8564
8604
  "type": {
8565
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
8605
+ "text": "BmFormContext"
8566
8606
  },
8567
- "default": "'onBlur'",
8568
- "description": "Specify if validation runs on change or when loosing focus",
8569
- "attribute": "validationMode"
8607
+ "inheritedFrom": {
8608
+ "name": "FormField",
8609
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8610
+ }
8570
8611
  },
8571
8612
  {
8572
- "kind": "field",
8573
- "name": "initialValues",
8574
- "type": {
8575
- "text": "Record<string, FormValue>"
8613
+ "kind": "method",
8614
+ "name": "formAssociatedCallback",
8615
+ "return": {
8616
+ "type": {
8617
+ "text": "void"
8618
+ }
8576
8619
  },
8577
- "default": "{}",
8578
- "description": "Specify initial values on Form controls based on their names",
8579
- "attribute": "initialValues"
8620
+ "inheritedFrom": {
8621
+ "name": "FormField",
8622
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8623
+ }
8580
8624
  },
8581
8625
  {
8582
- "kind": "field",
8626
+ "kind": "method",
8627
+ "name": "formResetCallback",
8628
+ "return": {
8629
+ "type": {
8630
+ "text": "void"
8631
+ }
8632
+ },
8633
+ "inheritedFrom": {
8634
+ "name": "FormField",
8635
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8636
+ }
8637
+ }
8638
+ ],
8639
+ "attributes": [
8640
+ {
8583
8641
  "name": "required",
8584
8642
  "type": {
8585
8643
  "text": "boolean"
8586
8644
  },
8587
8645
  "default": "false",
8588
- "description": "Specify if input is a required",
8589
- "attribute": "required"
8646
+ "description": "Specify if NativeSelect is a required input",
8647
+ "fieldName": "required"
8590
8648
  },
8591
8649
  {
8592
- "kind": "field",
8593
- "name": "disabled",
8650
+ "name": "readOnly",
8594
8651
  "type": {
8595
8652
  "text": "boolean"
8596
8653
  },
8597
8654
  "default": "false",
8598
- "description": "Specify if input is a disabled",
8599
- "attribute": "disabled"
8655
+ "description": "Specify if NativeSelect displays in a read-only state",
8656
+ "fieldName": "readOnly"
8600
8657
  },
8601
8658
  {
8602
- "kind": "field",
8603
- "name": "readOnly",
8659
+ "name": "disabled",
8604
8660
  "type": {
8605
8661
  "text": "boolean"
8606
8662
  },
8607
8663
  "default": "false",
8608
- "description": "Specify if input is a read only",
8609
- "attribute": "readOnly"
8664
+ "description": "Specify if NativeSelect displays in a disabled state",
8665
+ "fieldName": "disabled"
8610
8666
  },
8611
8667
  {
8612
- "kind": "field",
8613
- "name": "action",
8668
+ "name": "error",
8614
8669
  "type": {
8615
8670
  "text": "string | undefined"
8616
8671
  },
8617
- "attribute": "action"
8672
+ "description": "Specify error text and display error state of a NativeSelect",
8673
+ "fieldName": "error"
8618
8674
  },
8619
8675
  {
8620
- "kind": "field",
8621
- "name": "method",
8676
+ "name": "fluid",
8622
8677
  "type": {
8623
- "text": "string | undefined"
8678
+ "text": "boolean"
8624
8679
  },
8625
- "attribute": "method"
8680
+ "default": "false",
8681
+ "description": "Specify if NativeSelect is fluid",
8682
+ "fieldName": "fluid"
8626
8683
  },
8627
8684
  {
8628
- "kind": "field",
8629
- "name": "target",
8685
+ "name": "size",
8630
8686
  "type": {
8631
- "text": "string | undefined"
8687
+ "text": "'sm' | 'md' | 'lg'"
8632
8688
  },
8633
- "attribute": "target"
8689
+ "default": "defaultInputSize",
8690
+ "description": "Specify the size of NativeSelect",
8691
+ "fieldName": "size"
8634
8692
  },
8635
8693
  {
8636
- "kind": "field",
8637
- "name": "enctype",
8694
+ "name": "width",
8638
8695
  "type": {
8639
8696
  "text": "string | undefined"
8640
8697
  },
8641
- "attribute": "enctype"
8642
- },
8643
- {
8644
- "kind": "field",
8645
- "name": "formMeta",
8646
- "type": {
8647
- "text": "Record<string, FieldMeta>"
8648
- },
8649
- "default": "{}"
8650
- },
8651
- {
8652
- "kind": "field",
8653
- "name": "formRef"
8654
- },
8655
- {
8656
- "kind": "field",
8657
- "name": "formContext",
8658
- "type": {
8659
- "text": "BmFormContext"
8660
- },
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"
8698
+ "description": "Specify the width of NativeSelect",
8699
+ "fieldName": "width"
8680
8700
  },
8681
8701
  {
8682
- "name": "initialValues",
8702
+ "name": "ellipse",
8683
8703
  "type": {
8684
- "text": "Record<string, FormValue>"
8704
+ "text": "boolean"
8685
8705
  },
8686
- "default": "{}",
8687
- "description": "Specify initial values on Form controls based on their names",
8688
- "fieldName": "initialValues"
8706
+ "default": "true",
8707
+ "description": "Specify if overflow displays ellipsis",
8708
+ "fieldName": "ellipse"
8689
8709
  },
8690
8710
  {
8691
- "name": "required",
8711
+ "name": "hideRequiredMarker",
8692
8712
  "type": {
8693
8713
  "text": "boolean"
8694
8714
  },
8695
8715
  "default": "false",
8696
- "description": "Specify if input is a required",
8697
- "fieldName": "required"
8716
+ "description": "Specify if the NativeSelect displays with an asterisk",
8717
+ "fieldName": "hideRequiredMarker"
8698
8718
  },
8699
8719
  {
8700
- "name": "disabled",
8720
+ "name": "theme",
8701
8721
  "type": {
8702
- "text": "boolean"
8722
+ "text": "'light' | 'dark' | undefined"
8703
8723
  },
8704
- "default": "false",
8705
- "description": "Specify if input is a disabled",
8706
- "fieldName": "disabled"
8724
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8725
+ "fieldName": "theme"
8707
8726
  },
8708
8727
  {
8709
- "name": "readOnly",
8728
+ "name": "id",
8710
8729
  "type": {
8711
- "text": "boolean"
8730
+ "text": "string"
8712
8731
  },
8713
- "default": "false",
8714
- "description": "Specify if input is a read only",
8715
- "fieldName": "readOnly"
8732
+ "default": "''",
8733
+ "fieldName": "id",
8734
+ "inheritedFrom": {
8735
+ "name": "FormField",
8736
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8737
+ }
8716
8738
  },
8717
8739
  {
8718
- "name": "action",
8740
+ "name": "name",
8719
8741
  "type": {
8720
- "text": "string | undefined"
8742
+ "text": "string"
8721
8743
  },
8722
- "fieldName": "action"
8744
+ "default": "''",
8745
+ "fieldName": "name",
8746
+ "inheritedFrom": {
8747
+ "name": "FormField",
8748
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8749
+ }
8723
8750
  },
8724
8751
  {
8725
- "name": "method",
8752
+ "name": "value",
8726
8753
  "type": {
8727
- "text": "string | undefined"
8754
+ "text": "string"
8728
8755
  },
8729
- "fieldName": "method"
8756
+ "default": "''",
8757
+ "fieldName": "value",
8758
+ "inheritedFrom": {
8759
+ "name": "FormField",
8760
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8761
+ }
8730
8762
  },
8731
8763
  {
8732
- "name": "target",
8764
+ "name": "validationRules",
8733
8765
  "type": {
8734
- "text": "string | undefined"
8766
+ "text": "Array<FormValidator>"
8735
8767
  },
8736
- "fieldName": "target"
8768
+ "default": "[]",
8769
+ "fieldName": "validationRules",
8770
+ "inheritedFrom": {
8771
+ "name": "FormField",
8772
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8773
+ }
8737
8774
  },
8738
8775
  {
8739
- "name": "enctype",
8776
+ "name": "input-aria-label",
8740
8777
  "type": {
8741
8778
  "text": "string | undefined"
8742
8779
  },
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"
8780
+ "fieldName": "inputAriaLabel",
8781
+ "inheritedFrom": {
8782
+ "name": "FormField",
8783
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8784
+ }
8792
8785
  }
8793
- }
8786
+ ],
8787
+ "superclass": {
8788
+ "name": "FormField",
8789
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8790
+ },
8791
+ "summary": "`bm-native-select`",
8792
+ "tagName": "bm-native-select",
8793
+ "customElement": true
8794
8794
  }
8795
8795
  ],
8796
8796
  "exports": [
8797
8797
  {
8798
8798
  "kind": "js",
8799
- "name": "createId",
8799
+ "name": "BmNativeSelect",
8800
8800
  "declaration": {
8801
- "name": "createId",
8802
- "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
8801
+ "name": "BmNativeSelect",
8802
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8803
+ }
8804
+ },
8805
+ {
8806
+ "kind": "custom-element-definition",
8807
+ "name": "bm-native-select",
8808
+ "declaration": {
8809
+ "name": "BmNativeSelect",
8810
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8803
8811
  }
8804
8812
  }
8805
8813
  ]
8806
8814
  },
8807
8815
  {
8808
8816
  "kind": "javascript-module",
8809
- "path": "libs/web-components/src/lib/wip/Form/index.ts",
8817
+ "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8810
8818
  "declarations": [],
8811
8819
  "exports": [
8812
8820
  {
@@ -8814,15 +8822,7 @@
8814
8822
  "name": "*",
8815
8823
  "declaration": {
8816
8824
  "name": "*",
8817
- "package": "./Form"
8818
- }
8819
- },
8820
- {
8821
- "kind": "js",
8822
- "name": "*",
8823
- "declaration": {
8824
- "name": "*",
8825
- "package": "./Form.decorator"
8825
+ "package": "./NativeSelect"
8826
8826
  }
8827
8827
  }
8828
8828
  ]
@@ -8971,8 +8971,230 @@
8971
8971
  "type": {
8972
8972
  "text": "string | undefined"
8973
8973
  },
8974
- "description": "The value attribute for the input element",
8975
- "fieldName": "value"
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"
9194
+ },
9195
+ "default": "false",
9196
+ "description": "Specify if Switch displays in a disabled state",
9197
+ "fieldName": "disabled"
8976
9198
  },
8977
9199
  {
8978
9200
  "name": "checked",
@@ -8980,48 +9202,47 @@
8980
9202
  "text": "boolean"
8981
9203
  },
8982
9204
  "default": "false",
8983
- "description": "The checked attribute for the input element",
8984
9205
  "fieldName": "checked"
8985
9206
  },
8986
9207
  {
8987
- "name": "onKeyDown",
9208
+ "name": "value",
8988
9209
  "type": {
8989
- "text": "(event: KeyboardEvent) => void | undefined"
9210
+ "text": "string | undefined"
8990
9211
  },
8991
- "description": "A user-defined function to handle keydown events",
8992
- "fieldName": "onKeyDown"
9212
+ "description": "The value attribute for the input element",
9213
+ "fieldName": "value"
8993
9214
  }
8994
9215
  ],
8995
9216
  "superclass": {
8996
9217
  "name": "LitElement",
8997
9218
  "package": "lit"
8998
9219
  },
8999
- "tagName": "bm-radio-button",
9220
+ "tagName": "bm-switch",
9000
9221
  "customElement": true
9001
9222
  }
9002
9223
  ],
9003
9224
  "exports": [
9004
9225
  {
9005
9226
  "kind": "js",
9006
- "name": "BmRadioButton",
9227
+ "name": "BmSwitch",
9007
9228
  "declaration": {
9008
- "name": "BmRadioButton",
9009
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9229
+ "name": "BmSwitch",
9230
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9010
9231
  }
9011
9232
  },
9012
9233
  {
9013
9234
  "kind": "custom-element-definition",
9014
- "name": "bm-radio-button",
9235
+ "name": "bm-switch",
9015
9236
  "declaration": {
9016
- "name": "BmRadioButton",
9017
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9237
+ "name": "BmSwitch",
9238
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9018
9239
  }
9019
9240
  }
9020
9241
  ]
9021
9242
  },
9022
9243
  {
9023
9244
  "kind": "javascript-module",
9024
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9245
+ "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9025
9246
  "declarations": [],
9026
9247
  "exports": [
9027
9248
  {
@@ -9029,7 +9250,7 @@
9029
9250
  "name": "*",
9030
9251
  "declaration": {
9031
9252
  "name": "*",
9032
- "package": "./RadioButton"
9253
+ "package": "./Switch"
9033
9254
  }
9034
9255
  },
9035
9256
  {
@@ -9037,7 +9258,7 @@
9037
9258
  "name": "*",
9038
9259
  "declaration": {
9039
9260
  "name": "*",
9040
- "package": "./RadioButtonGroup/RadioButtonGroup"
9261
+ "package": "./SwitchGroup/SwitchGroup"
9041
9262
  }
9042
9263
  }
9043
9264
  ]
@@ -9557,227 +9778,6 @@
9557
9778
  }
9558
9779
  ]
9559
9780
  },
9560
- {
9561
- "kind": "javascript-module",
9562
- "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9563
- "declarations": [
9564
- {
9565
- "kind": "class",
9566
- "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
9567
- "name": "BmSwitch",
9568
- "slots": [
9569
- {
9570
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9571
- "name": "onText"
9572
- },
9573
- {
9574
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9575
- "name": "offText"
9576
- }
9577
- ],
9578
- "members": [
9579
- {
9580
- "kind": "field",
9581
- "name": "inputChoiceGroupContext",
9582
- "type": {
9583
- "text": "InputChoiceGroupContextProps"
9584
- }
9585
- },
9586
- {
9587
- "kind": "field",
9588
- "name": "onText",
9589
- "type": {
9590
- "text": "string | undefined"
9591
- },
9592
- "default": "undefined",
9593
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9594
- "attribute": "onText"
9595
- },
9596
- {
9597
- "kind": "field",
9598
- "name": "offText",
9599
- "type": {
9600
- "text": "string | undefined"
9601
- },
9602
- "default": "undefined",
9603
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9604
- "attribute": "offText"
9605
- },
9606
- {
9607
- "kind": "field",
9608
- "name": "theme",
9609
- "type": {
9610
- "text": "ThemeTypes | undefined"
9611
- },
9612
- "default": "undefined",
9613
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9614
- },
9615
- {
9616
- "kind": "field",
9617
- "name": "textPosition",
9618
- "type": {
9619
- "text": "'before' | 'after'"
9620
- },
9621
- "default": "'after'",
9622
- "description": "Specify the position of the side label",
9623
- "attribute": "textPosition"
9624
- },
9625
- {
9626
- "kind": "field",
9627
- "name": "readOnly",
9628
- "type": {
9629
- "text": "boolean"
9630
- },
9631
- "default": "false",
9632
- "description": "Specify if Switch displays in a read-only state",
9633
- "attribute": "readOnly"
9634
- },
9635
- {
9636
- "kind": "field",
9637
- "name": "disabled",
9638
- "type": {
9639
- "text": "boolean"
9640
- },
9641
- "default": "false",
9642
- "description": "Specify if Switch displays in a disabled state",
9643
- "attribute": "disabled"
9644
- },
9645
- {
9646
- "kind": "field",
9647
- "name": "checked",
9648
- "type": {
9649
- "text": "boolean"
9650
- },
9651
- "default": "false",
9652
- "attribute": "checked"
9653
- },
9654
- {
9655
- "kind": "field",
9656
- "name": "value",
9657
- "type": {
9658
- "text": "string | undefined"
9659
- },
9660
- "description": "The value attribute for the input element",
9661
- "attribute": "value"
9662
- },
9663
- {
9664
- "kind": "field",
9665
- "name": "switchRef"
9666
- }
9667
- ],
9668
- "attributes": [
9669
- {
9670
- "name": "onText",
9671
- "type": {
9672
- "text": "string | undefined"
9673
- },
9674
- "default": "undefined",
9675
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9676
- "fieldName": "onText"
9677
- },
9678
- {
9679
- "name": "offText",
9680
- "type": {
9681
- "text": "string | undefined"
9682
- },
9683
- "default": "undefined",
9684
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9685
- "fieldName": "offText"
9686
- },
9687
- {
9688
- "name": "textPosition",
9689
- "type": {
9690
- "text": "'before' | 'after'"
9691
- },
9692
- "default": "'after'",
9693
- "description": "Specify the position of the side label",
9694
- "fieldName": "textPosition"
9695
- },
9696
- {
9697
- "name": "readOnly",
9698
- "type": {
9699
- "text": "boolean"
9700
- },
9701
- "default": "false",
9702
- "description": "Specify if Switch displays in a read-only state",
9703
- "fieldName": "readOnly"
9704
- },
9705
- {
9706
- "name": "disabled",
9707
- "type": {
9708
- "text": "boolean"
9709
- },
9710
- "default": "false",
9711
- "description": "Specify if Switch displays in a disabled state",
9712
- "fieldName": "disabled"
9713
- },
9714
- {
9715
- "name": "checked",
9716
- "type": {
9717
- "text": "boolean"
9718
- },
9719
- "default": "false",
9720
- "fieldName": "checked"
9721
- },
9722
- {
9723
- "name": "value",
9724
- "type": {
9725
- "text": "string | undefined"
9726
- },
9727
- "description": "The value attribute for the input element",
9728
- "fieldName": "value"
9729
- }
9730
- ],
9731
- "superclass": {
9732
- "name": "LitElement",
9733
- "package": "lit"
9734
- },
9735
- "tagName": "bm-switch",
9736
- "customElement": true
9737
- }
9738
- ],
9739
- "exports": [
9740
- {
9741
- "kind": "js",
9742
- "name": "BmSwitch",
9743
- "declaration": {
9744
- "name": "BmSwitch",
9745
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9746
- }
9747
- },
9748
- {
9749
- "kind": "custom-element-definition",
9750
- "name": "bm-switch",
9751
- "declaration": {
9752
- "name": "BmSwitch",
9753
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9754
- }
9755
- }
9756
- ]
9757
- },
9758
- {
9759
- "kind": "javascript-module",
9760
- "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9761
- "declarations": [],
9762
- "exports": [
9763
- {
9764
- "kind": "js",
9765
- "name": "*",
9766
- "declaration": {
9767
- "name": "*",
9768
- "package": "./Switch"
9769
- }
9770
- },
9771
- {
9772
- "kind": "js",
9773
- "name": "*",
9774
- "declaration": {
9775
- "name": "*",
9776
- "package": "./SwitchGroup/SwitchGroup"
9777
- }
9778
- }
9779
- ]
9780
- },
9781
9781
  {
9782
9782
  "kind": "javascript-module",
9783
9783
  "path": "libs/web-components/src/lib/wip/Checkbox/CheckboxGroup/CheckboxGroup.ts",