@viasat/beam-web-components 2.56.0 → 2.58.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 +971 -971
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +206 -206
package/custom-elements.json CHANGED
@@ -730,392 +730,376 @@
730
730
  },
731
731
  {
732
732
  "kind": "javascript-module",
733
- "path": "libs/web-components/src/lib/Box/Box.ts",
733
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
734
734
  "declarations": [
735
735
  {
736
736
  "kind": "class",
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",
737
+ "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** ",
738
+ "name": "BmAvatar",
739
739
  "slots": [
740
740
  {
741
- "description": "Provide content for the Box",
742
- "name": "default"
741
+ "description": "Customize the default icon",
742
+ "name": "icon"
743
743
  }
744
744
  ],
745
745
  "members": [
746
746
  {
747
747
  "kind": "field",
748
- "name": "backgroundColor",
748
+ "name": "appearance",
749
749
  "type": {
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"
750
+ "text": "'accent' | 'neutral' | undefined"
751
751
  },
752
- "description": "Specify the background color of a Box",
753
- "attribute": "backgroundColor"
752
+ "default": "'neutral'",
753
+ "description": "Specify the appearance of the Avatar",
754
+ "attribute": "appearance"
754
755
  },
755
756
  {
756
757
  "kind": "field",
757
- "name": "borderColor",
758
+ "name": "name",
758
759
  "type": {
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"
760
+ "text": "string | undefined"
760
761
  },
761
- "description": "Specify the border color of a Box",
762
- "attribute": "borderColor"
762
+ "description": "Specify a name to display initials in the Avatar",
763
+ "attribute": "name"
763
764
  },
764
765
  {
765
766
  "kind": "field",
766
- "name": "borderWidth",
767
+ "name": "src",
767
768
  "type": {
768
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
769
+ "text": "string | undefined"
769
770
  },
770
- "description": "Specify the border width of a Box",
771
- "attribute": "borderWidth"
771
+ "description": "Pass an image to the Avatar",
772
+ "attribute": "src"
772
773
  },
773
774
  {
774
775
  "kind": "field",
775
- "name": "borderRadius",
776
+ "name": "alt",
776
777
  "type": {
777
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
778
+ "text": "string | undefined"
778
779
  },
779
- "description": "Specify the border radius of a Box",
780
- "attribute": "borderRadius"
780
+ "description": "Specify alt for image",
781
+ "attribute": "alt"
781
782
  },
782
783
  {
783
784
  "kind": "field",
784
- "name": "px",
785
+ "name": "size",
785
786
  "type": {
786
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
787
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
787
788
  },
788
- "description": "Specify before and after padding of a Box",
789
- "attribute": "px"
789
+ "default": "'md'",
790
+ "description": "Specify the size of the Avatar",
791
+ "attribute": "size"
790
792
  },
791
793
  {
792
794
  "kind": "field",
793
- "name": "py",
795
+ "name": "disabled",
794
796
  "type": {
795
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
797
+ "text": "boolean | undefined"
796
798
  },
797
- "description": "Specify top and bottom padding of a Box",
798
- "attribute": "py"
799
+ "default": "false",
800
+ "description": "Specify if the Avatar is disabled",
801
+ "attribute": "disabled"
799
802
  },
800
803
  {
801
804
  "kind": "field",
802
- "name": "pTop",
805
+ "name": "shape",
803
806
  "type": {
804
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
807
+ "text": "'circle' | 'square' | undefined"
805
808
  },
806
- "description": "Specify top padding of a Box",
807
- "attribute": "pTop"
809
+ "default": "'circle'",
810
+ "description": "Specify the shape of the Avatar",
811
+ "attribute": "shape"
808
812
  },
809
813
  {
810
814
  "kind": "field",
811
- "name": "pBottom",
815
+ "name": "isInteractive",
812
816
  "type": {
813
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
817
+ "text": "boolean"
814
818
  },
815
- "description": "Specify bottom padding of a Box",
816
- "attribute": "pBottom"
819
+ "default": "false",
820
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
821
+ "attribute": "isInteractive"
817
822
  },
818
823
  {
819
824
  "kind": "field",
820
- "name": "pBefore",
825
+ "name": "isFocusable",
821
826
  "type": {
822
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
827
+ "text": "boolean"
823
828
  },
824
- "description": "Specify before padding of a Box",
825
- "attribute": "pBefore"
829
+ "default": "false",
830
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
831
+ "attribute": "isFocusable"
826
832
  },
827
833
  {
828
834
  "kind": "field",
829
- "name": "pAfter",
835
+ "name": "withBorder",
830
836
  "type": {
831
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
837
+ "text": "boolean"
832
838
  },
833
- "description": "Specify after padding of a Box",
834
- "attribute": "pAfter"
835
- },
839
+ "default": "false",
840
+ "attribute": "withBorder"
841
+ }
842
+ ],
843
+ "attributes": [
836
844
  {
837
- "kind": "field",
838
- "name": "mx",
845
+ "name": "appearance",
839
846
  "type": {
840
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
847
+ "text": "'accent' | 'neutral' | undefined"
841
848
  },
842
- "description": "Specify before and after margin of a Box",
843
- "attribute": "mx"
849
+ "default": "'neutral'",
850
+ "description": "Specify the appearance of the Avatar",
851
+ "fieldName": "appearance"
844
852
  },
845
853
  {
846
- "kind": "field",
847
- "name": "my",
854
+ "name": "name",
848
855
  "type": {
849
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
856
+ "text": "string | undefined"
850
857
  },
851
- "description": "Specify top and bottom margin of a Box",
852
- "attribute": "my"
858
+ "description": "Specify a name to display initials in the Avatar",
859
+ "fieldName": "name"
853
860
  },
854
861
  {
855
- "kind": "field",
856
- "name": "mTop",
862
+ "name": "src",
857
863
  "type": {
858
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
864
+ "text": "string | undefined"
859
865
  },
860
- "description": "Specify top margin of a Box",
861
- "attribute": "mTop"
866
+ "description": "Pass an image to the Avatar",
867
+ "fieldName": "src"
862
868
  },
863
869
  {
864
- "kind": "field",
865
- "name": "mBottom",
870
+ "name": "alt",
866
871
  "type": {
867
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
872
+ "text": "string | undefined"
868
873
  },
869
- "description": "Specify bottom margin of a Box",
870
- "attribute": "mBottom"
874
+ "description": "Specify alt for image",
875
+ "fieldName": "alt"
871
876
  },
872
877
  {
873
- "kind": "field",
874
- "name": "mBefore",
878
+ "name": "size",
875
879
  "type": {
876
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
880
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
877
881
  },
878
- "description": "Specify before margin of a Box",
879
- "attribute": "mBefore"
882
+ "default": "'md'",
883
+ "description": "Specify the size of the Avatar",
884
+ "fieldName": "size"
880
885
  },
881
886
  {
882
- "kind": "field",
883
- "name": "mAfter",
887
+ "name": "disabled",
884
888
  "type": {
885
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
889
+ "text": "boolean | undefined"
886
890
  },
887
- "description": "Specify after margin of a Box",
888
- "attribute": "mAfter"
891
+ "default": "false",
892
+ "description": "Specify if the Avatar is disabled",
893
+ "fieldName": "disabled"
889
894
  },
890
895
  {
891
- "kind": "field",
892
- "name": "m",
896
+ "name": "shape",
893
897
  "type": {
894
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
898
+ "text": "'circle' | 'square' | undefined"
895
899
  },
896
- "description": "Specify all margin",
897
- "attribute": "m"
900
+ "default": "'circle'",
901
+ "description": "Specify the shape of the Avatar",
902
+ "fieldName": "shape"
898
903
  },
899
904
  {
900
- "kind": "field",
901
- "name": "p",
905
+ "name": "isInteractive",
902
906
  "type": {
903
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
907
+ "text": "boolean"
904
908
  },
905
- "description": "Specify all padding",
906
- "attribute": "p"
909
+ "default": "false",
910
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
911
+ "fieldName": "isInteractive"
907
912
  },
908
913
  {
909
- "kind": "field",
910
- "name": "gap",
914
+ "name": "isFocusable",
911
915
  "type": {
912
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
916
+ "text": "boolean"
913
917
  },
914
- "description": "Specify gap between child elements",
915
- "attribute": "gap"
918
+ "default": "false",
919
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
920
+ "fieldName": "isFocusable"
916
921
  },
917
922
  {
918
- "kind": "field",
919
- "name": "shadow",
923
+ "name": "withBorder",
920
924
  "type": {
921
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
925
+ "text": "boolean"
922
926
  },
923
- "description": "Specify if a Box has a shadow",
924
- "attribute": "shadow"
927
+ "default": "false",
928
+ "fieldName": "withBorder"
925
929
  }
926
930
  ],
927
- "attributes": [
931
+ "superclass": {
932
+ "name": "LitElement",
933
+ "package": "lit"
934
+ },
935
+ "tagName": "bm-avatar",
936
+ "customElement": true
937
+ }
938
+ ],
939
+ "exports": [
940
+ {
941
+ "kind": "js",
942
+ "name": "BmAvatar",
943
+ "declaration": {
944
+ "name": "BmAvatar",
945
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
946
+ }
947
+ },
948
+ {
949
+ "kind": "custom-element-definition",
950
+ "name": "bm-avatar",
951
+ "declaration": {
952
+ "name": "BmAvatar",
953
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
954
+ }
955
+ }
956
+ ]
957
+ },
958
+ {
959
+ "kind": "javascript-module",
960
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
961
+ "declarations": [
962
+ {
963
+ "kind": "variable",
964
+ "name": "AvatarGroupCtx"
965
+ }
966
+ ],
967
+ "exports": [
968
+ {
969
+ "kind": "js",
970
+ "name": "AvatarGroupCtx",
971
+ "declaration": {
972
+ "name": "AvatarGroupCtx",
973
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
974
+ }
975
+ }
976
+ ]
977
+ },
978
+ {
979
+ "kind": "javascript-module",
980
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
981
+ "declarations": [
982
+ {
983
+ "kind": "class",
984
+ "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.",
985
+ "name": "BmAvatarGroup",
986
+ "slots": [
928
987
  {
929
- "name": "backgroundColor",
930
- "type": {
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"
932
- },
933
- "description": "Specify the background color of a Box",
934
- "fieldName": "backgroundColor"
935
- },
936
- {
937
- "name": "borderColor",
938
- "type": {
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"
940
- },
941
- "description": "Specify the border color of a Box",
942
- "fieldName": "borderColor"
943
- },
944
- {
945
- "name": "borderWidth",
946
- "type": {
947
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
948
- },
949
- "description": "Specify the border width of a Box",
950
- "fieldName": "borderWidth"
951
- },
952
- {
953
- "name": "borderRadius",
954
- "type": {
955
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
956
- },
957
- "description": "Specify the border radius of a Box",
958
- "fieldName": "borderRadius"
959
- },
960
- {
961
- "name": "px",
962
- "type": {
963
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
964
- },
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
- },
988
+ "description": "Add Avatars to create a group",
989
+ "name": "default"
990
+ }
991
+ ],
992
+ "members": [
1024
993
  {
1025
- "name": "mTop",
994
+ "kind": "field",
995
+ "name": "wrapping",
1026
996
  "type": {
1027
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
997
+ "text": "boolean"
1028
998
  },
1029
- "description": "Specify top margin of a Box",
1030
- "fieldName": "mTop"
999
+ "default": "false",
1000
+ "description": "Specify if the AvatarGroup wraps",
1001
+ "attribute": "wrapping"
1031
1002
  },
1032
1003
  {
1033
- "name": "mBottom",
1004
+ "kind": "field",
1005
+ "name": "maxCount",
1034
1006
  "type": {
1035
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1007
+ "text": "number"
1036
1008
  },
1037
- "description": "Specify bottom margin of a Box",
1038
- "fieldName": "mBottom"
1009
+ "default": "5",
1010
+ "description": "Specify the max number of avatars displayed in the group.",
1011
+ "attribute": "maxCount",
1012
+ "reflects": true
1039
1013
  },
1040
1014
  {
1041
- "name": "mBefore",
1015
+ "kind": "field",
1016
+ "name": "size",
1042
1017
  "type": {
1043
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1018
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1044
1019
  },
1045
- "description": "Specify before margin of a Box",
1046
- "fieldName": "mBefore"
1020
+ "default": "'md'",
1021
+ "description": "Specify the size of all Avatars",
1022
+ "attribute": "size"
1047
1023
  },
1048
1024
  {
1049
- "name": "mAfter",
1025
+ "kind": "field",
1026
+ "name": "layout",
1050
1027
  "type": {
1051
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1028
+ "text": "'stacked' | 'spaced' | undefined"
1052
1029
  },
1053
- "description": "Specify after margin of a Box",
1054
- "fieldName": "mAfter"
1055
- },
1030
+ "default": "'stacked'",
1031
+ "description": "Specify the kind of the group.",
1032
+ "attribute": "layout"
1033
+ }
1034
+ ],
1035
+ "attributes": [
1056
1036
  {
1057
- "name": "m",
1037
+ "name": "wrapping",
1058
1038
  "type": {
1059
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1039
+ "text": "boolean"
1060
1040
  },
1061
- "description": "Specify all margin",
1062
- "fieldName": "m"
1041
+ "default": "false",
1042
+ "description": "Specify if the AvatarGroup wraps",
1043
+ "fieldName": "wrapping"
1063
1044
  },
1064
1045
  {
1065
- "name": "p",
1046
+ "name": "maxCount",
1066
1047
  "type": {
1067
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1048
+ "text": "number"
1068
1049
  },
1069
- "description": "Specify all padding",
1070
- "fieldName": "p"
1050
+ "default": "5",
1051
+ "description": "Specify the max number of avatars displayed in the group.",
1052
+ "fieldName": "maxCount"
1071
1053
  },
1072
1054
  {
1073
- "name": "gap",
1055
+ "name": "size",
1074
1056
  "type": {
1075
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1057
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1076
1058
  },
1077
- "description": "Specify gap between child elements",
1078
- "fieldName": "gap"
1059
+ "default": "'md'",
1060
+ "description": "Specify the size of all Avatars",
1061
+ "fieldName": "size"
1079
1062
  },
1080
1063
  {
1081
- "name": "shadow",
1064
+ "name": "layout",
1082
1065
  "type": {
1083
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1066
+ "text": "'stacked' | 'spaced' | undefined"
1084
1067
  },
1085
- "description": "Specify if a Box has a shadow",
1086
- "fieldName": "shadow"
1068
+ "default": "'stacked'",
1069
+ "description": "Specify the kind of the group.",
1070
+ "fieldName": "layout"
1087
1071
  }
1088
1072
  ],
1089
1073
  "superclass": {
1090
1074
  "name": "LitElement",
1091
1075
  "package": "lit"
1092
1076
  },
1093
- "tagName": "bm-box",
1077
+ "tagName": "bm-avatar-group",
1094
1078
  "customElement": true
1095
1079
  }
1096
1080
  ],
1097
1081
  "exports": [
1098
1082
  {
1099
1083
  "kind": "js",
1100
- "name": "BmBox",
1084
+ "name": "BmAvatarGroup",
1101
1085
  "declaration": {
1102
- "name": "BmBox",
1103
- "module": "libs/web-components/src/lib/Box/Box.ts"
1086
+ "name": "BmAvatarGroup",
1087
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1104
1088
  }
1105
1089
  },
1106
1090
  {
1107
1091
  "kind": "custom-element-definition",
1108
- "name": "bm-box",
1092
+ "name": "bm-avatar-group",
1109
1093
  "declaration": {
1110
- "name": "BmBox",
1111
- "module": "libs/web-components/src/lib/Box/Box.ts"
1094
+ "name": "BmAvatarGroup",
1095
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1112
1096
  }
1113
1097
  }
1114
1098
  ]
1115
1099
  },
1116
1100
  {
1117
1101
  "kind": "javascript-module",
1118
- "path": "libs/web-components/src/lib/Box/index.ts",
1102
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
1119
1103
  "declarations": [],
1120
1104
  "exports": [
1121
1105
  {
@@ -1123,7 +1107,15 @@
1123
1107
  "name": "*",
1124
1108
  "declaration": {
1125
1109
  "name": "*",
1126
- "package": "./Box"
1110
+ "package": "./Avatar"
1111
+ }
1112
+ },
1113
+ {
1114
+ "kind": "js",
1115
+ "name": "*",
1116
+ "declaration": {
1117
+ "name": "*",
1118
+ "package": "./AvatarGroup"
1127
1119
  }
1128
1120
  }
1129
1121
  ]
@@ -1262,376 +1254,392 @@
1262
1254
  },
1263
1255
  {
1264
1256
  "kind": "javascript-module",
1265
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1257
+ "path": "libs/web-components/src/lib/Box/Box.ts",
1266
1258
  "declarations": [
1267
1259
  {
1268
1260
  "kind": "class",
1269
- "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
1270
- "name": "BmAvatar",
1261
+ "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
1262
+ "name": "BmBox",
1271
1263
  "slots": [
1272
1264
  {
1273
- "description": "Customize the default icon",
1274
- "name": "icon"
1265
+ "description": "Provide content for the Box",
1266
+ "name": "default"
1275
1267
  }
1276
1268
  ],
1277
1269
  "members": [
1278
1270
  {
1279
1271
  "kind": "field",
1280
- "name": "appearance",
1272
+ "name": "backgroundColor",
1281
1273
  "type": {
1282
- "text": "'accent' | 'neutral' | undefined"
1274
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1283
1275
  },
1284
- "default": "'neutral'",
1285
- "description": "Specify the appearance of the Avatar",
1286
- "attribute": "appearance"
1276
+ "description": "Specify the background color of a Box",
1277
+ "attribute": "backgroundColor"
1287
1278
  },
1288
1279
  {
1289
1280
  "kind": "field",
1290
- "name": "name",
1281
+ "name": "borderColor",
1291
1282
  "type": {
1292
- "text": "string | undefined"
1283
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1293
1284
  },
1294
- "description": "Specify a name to display initials in the Avatar",
1295
- "attribute": "name"
1285
+ "description": "Specify the border color of a Box",
1286
+ "attribute": "borderColor"
1296
1287
  },
1297
1288
  {
1298
1289
  "kind": "field",
1299
- "name": "src",
1290
+ "name": "borderWidth",
1300
1291
  "type": {
1301
- "text": "string | undefined"
1292
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1302
1293
  },
1303
- "description": "Pass an image to the Avatar",
1304
- "attribute": "src"
1294
+ "description": "Specify the border width of a Box",
1295
+ "attribute": "borderWidth"
1305
1296
  },
1306
1297
  {
1307
1298
  "kind": "field",
1308
- "name": "alt",
1299
+ "name": "borderRadius",
1309
1300
  "type": {
1310
- "text": "string | undefined"
1301
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1311
1302
  },
1312
- "description": "Specify alt for image",
1313
- "attribute": "alt"
1303
+ "description": "Specify the border radius of a Box",
1304
+ "attribute": "borderRadius"
1314
1305
  },
1315
1306
  {
1316
1307
  "kind": "field",
1317
- "name": "size",
1308
+ "name": "px",
1318
1309
  "type": {
1319
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1310
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1320
1311
  },
1321
- "default": "'md'",
1322
- "description": "Specify the size of the Avatar",
1323
- "attribute": "size"
1312
+ "description": "Specify before and after padding of a Box",
1313
+ "attribute": "px"
1324
1314
  },
1325
1315
  {
1326
1316
  "kind": "field",
1327
- "name": "disabled",
1317
+ "name": "py",
1328
1318
  "type": {
1329
- "text": "boolean | undefined"
1319
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1330
1320
  },
1331
- "default": "false",
1332
- "description": "Specify if the Avatar is disabled",
1333
- "attribute": "disabled"
1321
+ "description": "Specify top and bottom padding of a Box",
1322
+ "attribute": "py"
1334
1323
  },
1335
1324
  {
1336
1325
  "kind": "field",
1337
- "name": "shape",
1326
+ "name": "pTop",
1338
1327
  "type": {
1339
- "text": "'circle' | 'square' | undefined"
1328
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1340
1329
  },
1341
- "default": "'circle'",
1342
- "description": "Specify the shape of the Avatar",
1343
- "attribute": "shape"
1330
+ "description": "Specify top padding of a Box",
1331
+ "attribute": "pTop"
1344
1332
  },
1345
1333
  {
1346
1334
  "kind": "field",
1347
- "name": "isInteractive",
1335
+ "name": "pBottom",
1348
1336
  "type": {
1349
- "text": "boolean"
1337
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1350
1338
  },
1351
- "default": "false",
1352
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1353
- "attribute": "isInteractive"
1339
+ "description": "Specify bottom padding of a Box",
1340
+ "attribute": "pBottom"
1354
1341
  },
1355
1342
  {
1356
1343
  "kind": "field",
1357
- "name": "isFocusable",
1344
+ "name": "pBefore",
1358
1345
  "type": {
1359
- "text": "boolean"
1346
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1360
1347
  },
1361
- "default": "false",
1362
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1363
- "attribute": "isFocusable"
1348
+ "description": "Specify before padding of a Box",
1349
+ "attribute": "pBefore"
1364
1350
  },
1365
1351
  {
1366
1352
  "kind": "field",
1367
- "name": "withBorder",
1353
+ "name": "pAfter",
1368
1354
  "type": {
1369
- "text": "boolean"
1355
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1370
1356
  },
1371
- "default": "false",
1372
- "attribute": "withBorder"
1357
+ "description": "Specify after padding of a Box",
1358
+ "attribute": "pAfter"
1359
+ },
1360
+ {
1361
+ "kind": "field",
1362
+ "name": "mx",
1363
+ "type": {
1364
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1365
+ },
1366
+ "description": "Specify before and after margin of a Box",
1367
+ "attribute": "mx"
1368
+ },
1369
+ {
1370
+ "kind": "field",
1371
+ "name": "my",
1372
+ "type": {
1373
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1374
+ },
1375
+ "description": "Specify top and bottom margin of a Box",
1376
+ "attribute": "my"
1377
+ },
1378
+ {
1379
+ "kind": "field",
1380
+ "name": "mTop",
1381
+ "type": {
1382
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1383
+ },
1384
+ "description": "Specify top margin of a Box",
1385
+ "attribute": "mTop"
1386
+ },
1387
+ {
1388
+ "kind": "field",
1389
+ "name": "mBottom",
1390
+ "type": {
1391
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1392
+ },
1393
+ "description": "Specify bottom margin of a Box",
1394
+ "attribute": "mBottom"
1395
+ },
1396
+ {
1397
+ "kind": "field",
1398
+ "name": "mBefore",
1399
+ "type": {
1400
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1401
+ },
1402
+ "description": "Specify before margin of a Box",
1403
+ "attribute": "mBefore"
1404
+ },
1405
+ {
1406
+ "kind": "field",
1407
+ "name": "mAfter",
1408
+ "type": {
1409
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1410
+ },
1411
+ "description": "Specify after margin of a Box",
1412
+ "attribute": "mAfter"
1413
+ },
1414
+ {
1415
+ "kind": "field",
1416
+ "name": "m",
1417
+ "type": {
1418
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1419
+ },
1420
+ "description": "Specify all margin",
1421
+ "attribute": "m"
1422
+ },
1423
+ {
1424
+ "kind": "field",
1425
+ "name": "p",
1426
+ "type": {
1427
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1428
+ },
1429
+ "description": "Specify all padding",
1430
+ "attribute": "p"
1431
+ },
1432
+ {
1433
+ "kind": "field",
1434
+ "name": "gap",
1435
+ "type": {
1436
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1437
+ },
1438
+ "description": "Specify gap between child elements",
1439
+ "attribute": "gap"
1440
+ },
1441
+ {
1442
+ "kind": "field",
1443
+ "name": "shadow",
1444
+ "type": {
1445
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1446
+ },
1447
+ "description": "Specify if a Box has a shadow",
1448
+ "attribute": "shadow"
1373
1449
  }
1374
1450
  ],
1375
1451
  "attributes": [
1376
1452
  {
1377
- "name": "appearance",
1453
+ "name": "backgroundColor",
1378
1454
  "type": {
1379
- "text": "'accent' | 'neutral' | undefined"
1455
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1380
1456
  },
1381
- "default": "'neutral'",
1382
- "description": "Specify the appearance of the Avatar",
1383
- "fieldName": "appearance"
1457
+ "description": "Specify the background color of a Box",
1458
+ "fieldName": "backgroundColor"
1384
1459
  },
1385
1460
  {
1386
- "name": "name",
1461
+ "name": "borderColor",
1387
1462
  "type": {
1388
- "text": "string | undefined"
1463
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1389
1464
  },
1390
- "description": "Specify a name to display initials in the Avatar",
1391
- "fieldName": "name"
1465
+ "description": "Specify the border color of a Box",
1466
+ "fieldName": "borderColor"
1392
1467
  },
1393
1468
  {
1394
- "name": "src",
1469
+ "name": "borderWidth",
1395
1470
  "type": {
1396
- "text": "string | undefined"
1471
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1397
1472
  },
1398
- "description": "Pass an image to the Avatar",
1399
- "fieldName": "src"
1473
+ "description": "Specify the border width of a Box",
1474
+ "fieldName": "borderWidth"
1400
1475
  },
1401
1476
  {
1402
- "name": "alt",
1477
+ "name": "borderRadius",
1403
1478
  "type": {
1404
- "text": "string | undefined"
1479
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1405
1480
  },
1406
- "description": "Specify alt for image",
1407
- "fieldName": "alt"
1481
+ "description": "Specify the border radius of a Box",
1482
+ "fieldName": "borderRadius"
1408
1483
  },
1409
1484
  {
1410
- "name": "size",
1485
+ "name": "px",
1411
1486
  "type": {
1412
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1487
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1413
1488
  },
1414
- "default": "'md'",
1415
- "description": "Specify the size of the Avatar",
1416
- "fieldName": "size"
1489
+ "description": "Specify before and after padding of a Box",
1490
+ "fieldName": "px"
1417
1491
  },
1418
1492
  {
1419
- "name": "disabled",
1493
+ "name": "py",
1420
1494
  "type": {
1421
- "text": "boolean | undefined"
1495
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1422
1496
  },
1423
- "default": "false",
1424
- "description": "Specify if the Avatar is disabled",
1425
- "fieldName": "disabled"
1497
+ "description": "Specify top and bottom padding of a Box",
1498
+ "fieldName": "py"
1426
1499
  },
1427
1500
  {
1428
- "name": "shape",
1501
+ "name": "pTop",
1429
1502
  "type": {
1430
- "text": "'circle' | 'square' | undefined"
1503
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1431
1504
  },
1432
- "default": "'circle'",
1433
- "description": "Specify the shape of the Avatar",
1434
- "fieldName": "shape"
1505
+ "description": "Specify top padding of a Box",
1506
+ "fieldName": "pTop"
1435
1507
  },
1436
1508
  {
1437
- "name": "isInteractive",
1509
+ "name": "pBottom",
1438
1510
  "type": {
1439
- "text": "boolean"
1511
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1440
1512
  },
1441
- "default": "false",
1442
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1443
- "fieldName": "isInteractive"
1513
+ "description": "Specify bottom padding of a Box",
1514
+ "fieldName": "pBottom"
1444
1515
  },
1445
1516
  {
1446
- "name": "isFocusable",
1517
+ "name": "pBefore",
1447
1518
  "type": {
1448
- "text": "boolean"
1519
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1449
1520
  },
1450
- "default": "false",
1451
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1452
- "fieldName": "isFocusable"
1521
+ "description": "Specify before padding of a Box",
1522
+ "fieldName": "pBefore"
1453
1523
  },
1454
1524
  {
1455
- "name": "withBorder",
1525
+ "name": "pAfter",
1456
1526
  "type": {
1457
- "text": "boolean"
1527
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1458
1528
  },
1459
- "default": "false",
1460
- "fieldName": "withBorder"
1461
- }
1462
- ],
1463
- "superclass": {
1464
- "name": "LitElement",
1465
- "package": "lit"
1466
- },
1467
- "tagName": "bm-avatar",
1468
- "customElement": true
1469
- }
1470
- ],
1471
- "exports": [
1472
- {
1473
- "kind": "js",
1474
- "name": "BmAvatar",
1475
- "declaration": {
1476
- "name": "BmAvatar",
1477
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1478
- }
1479
- },
1480
- {
1481
- "kind": "custom-element-definition",
1482
- "name": "bm-avatar",
1483
- "declaration": {
1484
- "name": "BmAvatar",
1485
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1486
- }
1487
- }
1488
- ]
1489
- },
1490
- {
1491
- "kind": "javascript-module",
1492
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1493
- "declarations": [
1494
- {
1495
- "kind": "variable",
1496
- "name": "AvatarGroupCtx"
1497
- }
1498
- ],
1499
- "exports": [
1500
- {
1501
- "kind": "js",
1502
- "name": "AvatarGroupCtx",
1503
- "declaration": {
1504
- "name": "AvatarGroupCtx",
1505
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1506
- }
1507
- }
1508
- ]
1509
- },
1510
- {
1511
- "kind": "javascript-module",
1512
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1513
- "declarations": [
1514
- {
1515
- "kind": "class",
1516
- "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
1517
- "name": "BmAvatarGroup",
1518
- "slots": [
1529
+ "description": "Specify after padding of a Box",
1530
+ "fieldName": "pAfter"
1531
+ },
1519
1532
  {
1520
- "description": "Add Avatars to create a group",
1521
- "name": "default"
1522
- }
1523
- ],
1524
- "members": [
1533
+ "name": "mx",
1534
+ "type": {
1535
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1536
+ },
1537
+ "description": "Specify before and after margin of a Box",
1538
+ "fieldName": "mx"
1539
+ },
1525
1540
  {
1526
- "kind": "field",
1527
- "name": "wrapping",
1541
+ "name": "my",
1528
1542
  "type": {
1529
- "text": "boolean"
1543
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1530
1544
  },
1531
- "default": "false",
1532
- "description": "Specify if the AvatarGroup wraps",
1533
- "attribute": "wrapping"
1545
+ "description": "Specify top and bottom margin of a Box",
1546
+ "fieldName": "my"
1534
1547
  },
1535
1548
  {
1536
- "kind": "field",
1537
- "name": "maxCount",
1549
+ "name": "mTop",
1538
1550
  "type": {
1539
- "text": "number"
1551
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1540
1552
  },
1541
- "default": "5",
1542
- "description": "Specify the max number of avatars displayed in the group.",
1543
- "attribute": "maxCount",
1544
- "reflects": true
1553
+ "description": "Specify top margin of a Box",
1554
+ "fieldName": "mTop"
1545
1555
  },
1546
1556
  {
1547
- "kind": "field",
1548
- "name": "size",
1557
+ "name": "mBottom",
1549
1558
  "type": {
1550
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1559
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1551
1560
  },
1552
- "default": "'md'",
1553
- "description": "Specify the size of all Avatars",
1554
- "attribute": "size"
1561
+ "description": "Specify bottom margin of a Box",
1562
+ "fieldName": "mBottom"
1555
1563
  },
1556
1564
  {
1557
- "kind": "field",
1558
- "name": "layout",
1565
+ "name": "mBefore",
1559
1566
  "type": {
1560
- "text": "'stacked' | 'spaced' | undefined"
1567
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1561
1568
  },
1562
- "default": "'stacked'",
1563
- "description": "Specify the kind of the group.",
1564
- "attribute": "layout"
1565
- }
1566
- ],
1567
- "attributes": [
1569
+ "description": "Specify before margin of a Box",
1570
+ "fieldName": "mBefore"
1571
+ },
1568
1572
  {
1569
- "name": "wrapping",
1573
+ "name": "mAfter",
1570
1574
  "type": {
1571
- "text": "boolean"
1575
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1572
1576
  },
1573
- "default": "false",
1574
- "description": "Specify if the AvatarGroup wraps",
1575
- "fieldName": "wrapping"
1577
+ "description": "Specify after margin of a Box",
1578
+ "fieldName": "mAfter"
1576
1579
  },
1577
1580
  {
1578
- "name": "maxCount",
1581
+ "name": "m",
1579
1582
  "type": {
1580
- "text": "number"
1583
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1581
1584
  },
1582
- "default": "5",
1583
- "description": "Specify the max number of avatars displayed in the group.",
1584
- "fieldName": "maxCount"
1585
+ "description": "Specify all margin",
1586
+ "fieldName": "m"
1585
1587
  },
1586
1588
  {
1587
- "name": "size",
1589
+ "name": "p",
1588
1590
  "type": {
1589
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1591
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1590
1592
  },
1591
- "default": "'md'",
1592
- "description": "Specify the size of all Avatars",
1593
- "fieldName": "size"
1593
+ "description": "Specify all padding",
1594
+ "fieldName": "p"
1594
1595
  },
1595
1596
  {
1596
- "name": "layout",
1597
+ "name": "gap",
1597
1598
  "type": {
1598
- "text": "'stacked' | 'spaced' | undefined"
1599
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1599
1600
  },
1600
- "default": "'stacked'",
1601
- "description": "Specify the kind of the group.",
1602
- "fieldName": "layout"
1601
+ "description": "Specify gap between child elements",
1602
+ "fieldName": "gap"
1603
+ },
1604
+ {
1605
+ "name": "shadow",
1606
+ "type": {
1607
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1608
+ },
1609
+ "description": "Specify if a Box has a shadow",
1610
+ "fieldName": "shadow"
1603
1611
  }
1604
1612
  ],
1605
1613
  "superclass": {
1606
1614
  "name": "LitElement",
1607
1615
  "package": "lit"
1608
1616
  },
1609
- "tagName": "bm-avatar-group",
1617
+ "tagName": "bm-box",
1610
1618
  "customElement": true
1611
1619
  }
1612
1620
  ],
1613
1621
  "exports": [
1614
1622
  {
1615
1623
  "kind": "js",
1616
- "name": "BmAvatarGroup",
1624
+ "name": "BmBox",
1617
1625
  "declaration": {
1618
- "name": "BmAvatarGroup",
1619
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1626
+ "name": "BmBox",
1627
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1620
1628
  }
1621
1629
  },
1622
1630
  {
1623
1631
  "kind": "custom-element-definition",
1624
- "name": "bm-avatar-group",
1632
+ "name": "bm-box",
1625
1633
  "declaration": {
1626
- "name": "BmAvatarGroup",
1627
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1634
+ "name": "BmBox",
1635
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1628
1636
  }
1629
1637
  }
1630
1638
  ]
1631
1639
  },
1632
1640
  {
1633
1641
  "kind": "javascript-module",
1634
- "path": "libs/web-components/src/lib/Avatar/index.ts",
1642
+ "path": "libs/web-components/src/lib/Box/index.ts",
1635
1643
  "declarations": [],
1636
1644
  "exports": [
1637
1645
  {
@@ -1639,15 +1647,7 @@
1639
1647
  "name": "*",
1640
1648
  "declaration": {
1641
1649
  "name": "*",
1642
- "package": "./Avatar"
1643
- }
1644
- },
1645
- {
1646
- "kind": "js",
1647
- "name": "*",
1648
- "declaration": {
1649
- "name": "*",
1650
- "package": "./AvatarGroup"
1650
+ "package": "./Box"
1651
1651
  }
1652
1652
  }
1653
1653
  ]
@@ -8382,439 +8382,199 @@
8382
8382
  },
8383
8383
  {
8384
8384
  "kind": "javascript-module",
8385
- "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
8385
+ "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8386
8386
  "declarations": [
8387
8387
  {
8388
8388
  "kind": "class",
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
- ],
8389
+ "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
8390
+ "name": "BmRadioButton",
8405
8391
  "members": [
8406
8392
  {
8407
8393
  "kind": "field",
8408
- "name": "required",
8409
- "type": {
8410
- "text": "boolean"
8411
- },
8412
- "default": "false",
8413
- "description": "Specify if NativeSelect is a required input",
8414
- "attribute": "required"
8415
- },
8416
- {
8417
- "kind": "field",
8418
- "name": "readOnly",
8419
- "type": {
8420
- "text": "boolean"
8421
- },
8422
- "default": "false",
8423
- "description": "Specify if NativeSelect displays in a read-only state",
8424
- "attribute": "readOnly"
8425
- },
8426
- {
8427
- "kind": "field",
8428
- "name": "disabled",
8394
+ "name": "label",
8429
8395
  "type": {
8430
- "text": "boolean"
8396
+ "text": "string | undefined"
8431
8397
  },
8432
- "default": "false",
8433
- "description": "Specify if NativeSelect displays in a disabled state",
8434
- "attribute": "disabled"
8398
+ "description": "Specify the text for the label",
8399
+ "attribute": "label"
8435
8400
  },
8436
8401
  {
8437
8402
  "kind": "field",
8438
8403
  "name": "error",
8439
8404
  "type": {
8440
- "text": "string | undefined"
8405
+ "text": "boolean | undefined"
8441
8406
  },
8442
- "description": "Specify error text and display error state of a NativeSelect",
8407
+ "description": "Specify error text and display error state of a RadioButton",
8443
8408
  "attribute": "error"
8444
8409
  },
8445
8410
  {
8446
8411
  "kind": "field",
8447
- "name": "fluid",
8448
- "type": {
8449
- "text": "boolean"
8450
- },
8451
- "default": "false",
8452
- "description": "Specify if NativeSelect is fluid",
8453
- "attribute": "fluid"
8454
- },
8455
- {
8456
- "kind": "field",
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",
8468
- "type": {
8469
- "text": "string | undefined"
8470
- },
8471
- "description": "Specify the width of NativeSelect",
8472
- "attribute": "width"
8473
- },
8474
- {
8475
- "kind": "field",
8476
- "name": "ellipse",
8477
- "type": {
8478
- "text": "boolean"
8479
- },
8480
- "default": "true",
8481
- "description": "Specify if overflow displays ellipsis",
8482
- "attribute": "ellipse"
8483
- },
8484
- {
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"
8493
- },
8494
- {
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"
8502
- },
8503
- {
8504
- "kind": "method",
8505
- "name": "finalizeAssociatedCallback",
8506
- "return": {
8507
- "type": {
8508
- "text": "FinalizeAssociatedResult"
8509
- }
8510
- },
8511
- "parameters": [
8512
- {
8513
- "name": "value",
8514
- "type": {
8515
- "text": "string"
8516
- }
8517
- }
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
- },
8537
- {
8538
- "kind": "field",
8539
- "name": "id",
8540
- "type": {
8541
- "text": "string"
8542
- },
8543
- "default": "''",
8544
- "attribute": "id",
8545
- "inheritedFrom": {
8546
- "name": "FormField",
8547
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8548
- }
8549
- },
8550
- {
8551
- "kind": "field",
8552
- "name": "name",
8553
- "type": {
8554
- "text": "string"
8555
- },
8556
- "default": "''",
8557
- "attribute": "name",
8558
- "inheritedFrom": {
8559
- "name": "FormField",
8560
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8561
- }
8562
- },
8563
- {
8564
- "kind": "field",
8565
- "name": "value",
8566
- "type": {
8567
- "text": "string"
8568
- },
8569
- "default": "''",
8570
- "attribute": "value",
8571
- "inheritedFrom": {
8572
- "name": "FormField",
8573
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8574
- }
8575
- },
8576
- {
8577
- "kind": "field",
8578
- "name": "validationRules",
8579
- "type": {
8580
- "text": "Array<FormValidator>"
8581
- },
8582
- "default": "[]",
8583
- "attribute": "validationRules",
8584
- "inheritedFrom": {
8585
- "name": "FormField",
8586
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8587
- }
8588
- },
8589
- {
8590
- "kind": "field",
8591
- "name": "inputAriaLabel",
8412
+ "name": "readOnly",
8592
8413
  "type": {
8593
- "text": "string | undefined"
8414
+ "text": "boolean | undefined"
8594
8415
  },
8595
- "attribute": "input-aria-label",
8596
- "inheritedFrom": {
8597
- "name": "FormField",
8598
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8599
- }
8416
+ "description": "Specify if RadioButton displays in a read-only state",
8417
+ "attribute": "readOnly"
8600
8418
  },
8601
8419
  {
8602
8420
  "kind": "field",
8603
- "name": "formContext",
8604
- "type": {
8605
- "text": "BmFormContext"
8606
- },
8607
- "inheritedFrom": {
8608
- "name": "FormField",
8609
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8610
- }
8611
- },
8612
- {
8613
- "kind": "method",
8614
- "name": "formAssociatedCallback",
8615
- "return": {
8616
- "type": {
8617
- "text": "void"
8618
- }
8619
- },
8620
- "inheritedFrom": {
8621
- "name": "FormField",
8622
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8623
- }
8624
- },
8625
- {
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
- {
8641
- "name": "required",
8642
- "type": {
8643
- "text": "boolean"
8644
- },
8645
- "default": "false",
8646
- "description": "Specify if NativeSelect is a required input",
8647
- "fieldName": "required"
8648
- },
8649
- {
8650
- "name": "readOnly",
8421
+ "name": "disabled",
8651
8422
  "type": {
8652
- "text": "boolean"
8423
+ "text": "boolean | undefined"
8653
8424
  },
8654
- "default": "false",
8655
- "description": "Specify if NativeSelect displays in a read-only state",
8656
- "fieldName": "readOnly"
8425
+ "description": "Specify if RadioButton displays in a disabled state",
8426
+ "attribute": "disabled"
8657
8427
  },
8658
8428
  {
8659
- "name": "disabled",
8429
+ "kind": "field",
8430
+ "name": "theme",
8660
8431
  "type": {
8661
- "text": "boolean"
8432
+ "text": "'light' | 'dark' | undefined"
8662
8433
  },
8663
- "default": "false",
8664
- "description": "Specify if NativeSelect displays in a disabled state",
8665
- "fieldName": "disabled"
8434
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8435
+ "attribute": "theme"
8666
8436
  },
8667
8437
  {
8668
- "name": "error",
8438
+ "kind": "field",
8439
+ "name": "value",
8669
8440
  "type": {
8670
8441
  "text": "string | undefined"
8671
8442
  },
8672
- "description": "Specify error text and display error state of a NativeSelect",
8673
- "fieldName": "error"
8443
+ "description": "The value attribute for the input element",
8444
+ "attribute": "value"
8674
8445
  },
8675
8446
  {
8676
- "name": "fluid",
8447
+ "kind": "field",
8448
+ "name": "checked",
8677
8449
  "type": {
8678
8450
  "text": "boolean"
8679
8451
  },
8680
8452
  "default": "false",
8681
- "description": "Specify if NativeSelect is fluid",
8682
- "fieldName": "fluid"
8453
+ "description": "The checked attribute for the input element",
8454
+ "attribute": "checked"
8683
8455
  },
8684
8456
  {
8685
- "name": "size",
8457
+ "kind": "field",
8458
+ "name": "onKeyDown",
8686
8459
  "type": {
8687
- "text": "'sm' | 'md' | 'lg'"
8460
+ "text": "(event: KeyboardEvent) => void | undefined"
8688
8461
  },
8689
- "default": "defaultInputSize",
8690
- "description": "Specify the size of NativeSelect",
8691
- "fieldName": "size"
8462
+ "description": "A user-defined function to handle keydown events",
8463
+ "attribute": "onKeyDown"
8692
8464
  },
8693
8465
  {
8694
- "name": "width",
8466
+ "kind": "field",
8467
+ "name": "inputChoiceGroupContext",
8695
8468
  "type": {
8696
- "text": "string | undefined"
8697
- },
8698
- "description": "Specify the width of NativeSelect",
8699
- "fieldName": "width"
8469
+ "text": "InputChoiceGroupContextProps"
8470
+ }
8700
8471
  },
8701
8472
  {
8702
- "name": "ellipse",
8473
+ "kind": "field",
8474
+ "name": "radioButtonRef"
8475
+ },
8476
+ {
8477
+ "kind": "method",
8478
+ "name": "focus"
8479
+ }
8480
+ ],
8481
+ "attributes": [
8482
+ {
8483
+ "name": "label",
8703
8484
  "type": {
8704
- "text": "boolean"
8485
+ "text": "string | undefined"
8705
8486
  },
8706
- "default": "true",
8707
- "description": "Specify if overflow displays ellipsis",
8708
- "fieldName": "ellipse"
8487
+ "description": "Specify the text for the label",
8488
+ "fieldName": "label"
8709
8489
  },
8710
8490
  {
8711
- "name": "hideRequiredMarker",
8491
+ "name": "error",
8712
8492
  "type": {
8713
- "text": "boolean"
8493
+ "text": "boolean | undefined"
8714
8494
  },
8715
- "default": "false",
8716
- "description": "Specify if the NativeSelect displays with an asterisk",
8717
- "fieldName": "hideRequiredMarker"
8495
+ "description": "Specify error text and display error state of a RadioButton",
8496
+ "fieldName": "error"
8718
8497
  },
8719
8498
  {
8720
- "name": "theme",
8499
+ "name": "readOnly",
8721
8500
  "type": {
8722
- "text": "'light' | 'dark' | undefined"
8501
+ "text": "boolean | undefined"
8723
8502
  },
8724
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8725
- "fieldName": "theme"
8503
+ "description": "Specify if RadioButton displays in a read-only state",
8504
+ "fieldName": "readOnly"
8726
8505
  },
8727
8506
  {
8728
- "name": "id",
8507
+ "name": "disabled",
8729
8508
  "type": {
8730
- "text": "string"
8509
+ "text": "boolean | undefined"
8731
8510
  },
8732
- "default": "''",
8733
- "fieldName": "id",
8734
- "inheritedFrom": {
8735
- "name": "FormField",
8736
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8737
- }
8511
+ "description": "Specify if RadioButton displays in a disabled state",
8512
+ "fieldName": "disabled"
8738
8513
  },
8739
8514
  {
8740
- "name": "name",
8515
+ "name": "theme",
8741
8516
  "type": {
8742
- "text": "string"
8517
+ "text": "'light' | 'dark' | undefined"
8743
8518
  },
8744
- "default": "''",
8745
- "fieldName": "name",
8746
- "inheritedFrom": {
8747
- "name": "FormField",
8748
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8749
- }
8519
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8520
+ "fieldName": "theme"
8750
8521
  },
8751
8522
  {
8752
8523
  "name": "value",
8753
8524
  "type": {
8754
- "text": "string"
8525
+ "text": "string | undefined"
8755
8526
  },
8756
- "default": "''",
8757
- "fieldName": "value",
8758
- "inheritedFrom": {
8759
- "name": "FormField",
8760
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8761
- }
8527
+ "description": "The value attribute for the input element",
8528
+ "fieldName": "value"
8762
8529
  },
8763
8530
  {
8764
- "name": "validationRules",
8531
+ "name": "checked",
8765
8532
  "type": {
8766
- "text": "Array<FormValidator>"
8533
+ "text": "boolean"
8767
8534
  },
8768
- "default": "[]",
8769
- "fieldName": "validationRules",
8770
- "inheritedFrom": {
8771
- "name": "FormField",
8772
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8773
- }
8535
+ "default": "false",
8536
+ "description": "The checked attribute for the input element",
8537
+ "fieldName": "checked"
8774
8538
  },
8775
8539
  {
8776
- "name": "input-aria-label",
8540
+ "name": "onKeyDown",
8777
8541
  "type": {
8778
- "text": "string | undefined"
8542
+ "text": "(event: KeyboardEvent) => void | undefined"
8779
8543
  },
8780
- "fieldName": "inputAriaLabel",
8781
- "inheritedFrom": {
8782
- "name": "FormField",
8783
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8784
- }
8544
+ "description": "A user-defined function to handle keydown events",
8545
+ "fieldName": "onKeyDown"
8785
8546
  }
8786
8547
  ],
8787
8548
  "superclass": {
8788
- "name": "FormField",
8789
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8549
+ "name": "LitElement",
8550
+ "package": "lit"
8790
8551
  },
8791
- "summary": "`bm-native-select`",
8792
- "tagName": "bm-native-select",
8552
+ "tagName": "bm-radio-button",
8793
8553
  "customElement": true
8794
8554
  }
8795
8555
  ],
8796
8556
  "exports": [
8797
8557
  {
8798
8558
  "kind": "js",
8799
- "name": "BmNativeSelect",
8559
+ "name": "BmRadioButton",
8800
8560
  "declaration": {
8801
- "name": "BmNativeSelect",
8802
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8561
+ "name": "BmRadioButton",
8562
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8803
8563
  }
8804
8564
  },
8805
8565
  {
8806
8566
  "kind": "custom-element-definition",
8807
- "name": "bm-native-select",
8567
+ "name": "bm-radio-button",
8808
8568
  "declaration": {
8809
- "name": "BmNativeSelect",
8810
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8569
+ "name": "BmRadioButton",
8570
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8811
8571
  }
8812
8572
  }
8813
8573
  ]
8814
8574
  },
8815
8575
  {
8816
8576
  "kind": "javascript-module",
8817
- "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8577
+ "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
8818
8578
  "declarations": [],
8819
8579
  "exports": [
8820
8580
  {
@@ -8822,157 +8582,172 @@
8822
8582
  "name": "*",
8823
8583
  "declaration": {
8824
8584
  "name": "*",
8825
- "package": "./NativeSelect"
8585
+ "package": "./RadioButton"
8586
+ }
8587
+ },
8588
+ {
8589
+ "kind": "js",
8590
+ "name": "*",
8591
+ "declaration": {
8592
+ "name": "*",
8593
+ "package": "./RadioButtonGroup/RadioButtonGroup"
8826
8594
  }
8827
8595
  }
8828
8596
  ]
8829
8597
  },
8830
8598
  {
8831
8599
  "kind": "javascript-module",
8832
- "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8600
+ "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
8833
8601
  "declarations": [
8834
8602
  {
8835
8603
  "kind": "class",
8836
- "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
8837
- "name": "BmRadioButton",
8604
+ "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
8605
+ "name": "BmSwitch",
8606
+ "slots": [
8607
+ {
8608
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8609
+ "name": "onText"
8610
+ },
8611
+ {
8612
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8613
+ "name": "offText"
8614
+ }
8615
+ ],
8838
8616
  "members": [
8839
8617
  {
8840
8618
  "kind": "field",
8841
- "name": "label",
8619
+ "name": "inputChoiceGroupContext",
8842
8620
  "type": {
8843
- "text": "string | undefined"
8844
- },
8845
- "description": "Specify the text for the label",
8846
- "attribute": "label"
8621
+ "text": "InputChoiceGroupContextProps"
8622
+ }
8847
8623
  },
8848
8624
  {
8849
8625
  "kind": "field",
8850
- "name": "error",
8626
+ "name": "onText",
8851
8627
  "type": {
8852
- "text": "boolean | undefined"
8628
+ "text": "string | undefined"
8853
8629
  },
8854
- "description": "Specify error text and display error state of a RadioButton",
8855
- "attribute": "error"
8630
+ "default": "undefined",
8631
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8632
+ "attribute": "onText"
8856
8633
  },
8857
8634
  {
8858
8635
  "kind": "field",
8859
- "name": "readOnly",
8636
+ "name": "offText",
8860
8637
  "type": {
8861
- "text": "boolean | undefined"
8638
+ "text": "string | undefined"
8862
8639
  },
8863
- "description": "Specify if RadioButton displays in a read-only state",
8864
- "attribute": "readOnly"
8640
+ "default": "undefined",
8641
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8642
+ "attribute": "offText"
8865
8643
  },
8866
8644
  {
8867
8645
  "kind": "field",
8868
- "name": "disabled",
8646
+ "name": "theme",
8869
8647
  "type": {
8870
- "text": "boolean | undefined"
8648
+ "text": "ThemeTypes | undefined"
8871
8649
  },
8872
- "description": "Specify if RadioButton displays in a disabled state",
8873
- "attribute": "disabled"
8650
+ "default": "undefined",
8651
+ "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
8874
8652
  },
8875
8653
  {
8876
8654
  "kind": "field",
8877
- "name": "theme",
8655
+ "name": "textPosition",
8878
8656
  "type": {
8879
- "text": "'light' | 'dark' | undefined"
8657
+ "text": "'before' | 'after'"
8880
8658
  },
8881
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8882
- "attribute": "theme"
8659
+ "default": "'after'",
8660
+ "description": "Specify the position of the side label",
8661
+ "attribute": "textPosition"
8883
8662
  },
8884
8663
  {
8885
8664
  "kind": "field",
8886
- "name": "value",
8665
+ "name": "readOnly",
8887
8666
  "type": {
8888
- "text": "string | undefined"
8667
+ "text": "boolean"
8889
8668
  },
8890
- "description": "The value attribute for the input element",
8891
- "attribute": "value"
8669
+ "default": "false",
8670
+ "description": "Specify if Switch displays in a read-only state",
8671
+ "attribute": "readOnly"
8892
8672
  },
8893
8673
  {
8894
8674
  "kind": "field",
8895
- "name": "checked",
8675
+ "name": "disabled",
8896
8676
  "type": {
8897
8677
  "text": "boolean"
8898
8678
  },
8899
8679
  "default": "false",
8900
- "description": "The checked attribute for the input element",
8901
- "attribute": "checked"
8680
+ "description": "Specify if Switch displays in a disabled state",
8681
+ "attribute": "disabled"
8902
8682
  },
8903
8683
  {
8904
8684
  "kind": "field",
8905
- "name": "onKeyDown",
8685
+ "name": "checked",
8906
8686
  "type": {
8907
- "text": "(event: KeyboardEvent) => void | undefined"
8687
+ "text": "boolean"
8908
8688
  },
8909
- "description": "A user-defined function to handle keydown events",
8910
- "attribute": "onKeyDown"
8689
+ "default": "false",
8690
+ "attribute": "checked"
8911
8691
  },
8912
8692
  {
8913
8693
  "kind": "field",
8914
- "name": "inputChoiceGroupContext",
8694
+ "name": "value",
8915
8695
  "type": {
8916
- "text": "InputChoiceGroupContextProps"
8917
- }
8696
+ "text": "string | undefined"
8697
+ },
8698
+ "description": "The value attribute for the input element",
8699
+ "attribute": "value"
8918
8700
  },
8919
8701
  {
8920
8702
  "kind": "field",
8921
- "name": "radioButtonRef"
8922
- },
8923
- {
8924
- "kind": "method",
8925
- "name": "focus"
8703
+ "name": "switchRef"
8926
8704
  }
8927
8705
  ],
8928
8706
  "attributes": [
8929
8707
  {
8930
- "name": "label",
8708
+ "name": "onText",
8931
8709
  "type": {
8932
8710
  "text": "string | undefined"
8933
8711
  },
8934
- "description": "Specify the text for the label",
8935
- "fieldName": "label"
8936
- },
8937
- {
8938
- "name": "error",
8939
- "type": {
8940
- "text": "boolean | undefined"
8941
- },
8942
- "description": "Specify error text and display error state of a RadioButton",
8943
- "fieldName": "error"
8712
+ "default": "undefined",
8713
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8714
+ "fieldName": "onText"
8944
8715
  },
8945
8716
  {
8946
- "name": "readOnly",
8717
+ "name": "offText",
8947
8718
  "type": {
8948
- "text": "boolean | undefined"
8719
+ "text": "string | undefined"
8949
8720
  },
8950
- "description": "Specify if RadioButton displays in a read-only state",
8951
- "fieldName": "readOnly"
8721
+ "default": "undefined",
8722
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8723
+ "fieldName": "offText"
8952
8724
  },
8953
8725
  {
8954
- "name": "disabled",
8726
+ "name": "textPosition",
8955
8727
  "type": {
8956
- "text": "boolean | undefined"
8728
+ "text": "'before' | 'after'"
8957
8729
  },
8958
- "description": "Specify if RadioButton displays in a disabled state",
8959
- "fieldName": "disabled"
8730
+ "default": "'after'",
8731
+ "description": "Specify the position of the side label",
8732
+ "fieldName": "textPosition"
8960
8733
  },
8961
8734
  {
8962
- "name": "theme",
8735
+ "name": "readOnly",
8963
8736
  "type": {
8964
- "text": "'light' | 'dark' | undefined"
8737
+ "text": "boolean"
8965
8738
  },
8966
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8967
- "fieldName": "theme"
8739
+ "default": "false",
8740
+ "description": "Specify if Switch displays in a read-only state",
8741
+ "fieldName": "readOnly"
8968
8742
  },
8969
8743
  {
8970
- "name": "value",
8744
+ "name": "disabled",
8971
8745
  "type": {
8972
- "text": "string | undefined"
8746
+ "text": "boolean"
8973
8747
  },
8974
- "description": "The value attribute for the input element",
8975
- "fieldName": "value"
8748
+ "default": "false",
8749
+ "description": "Specify if Switch displays in a disabled state",
8750
+ "fieldName": "disabled"
8976
8751
  },
8977
8752
  {
8978
8753
  "name": "checked",
@@ -8980,48 +8755,47 @@
8980
8755
  "text": "boolean"
8981
8756
  },
8982
8757
  "default": "false",
8983
- "description": "The checked attribute for the input element",
8984
8758
  "fieldName": "checked"
8985
8759
  },
8986
8760
  {
8987
- "name": "onKeyDown",
8761
+ "name": "value",
8988
8762
  "type": {
8989
- "text": "(event: KeyboardEvent) => void | undefined"
8763
+ "text": "string | undefined"
8990
8764
  },
8991
- "description": "A user-defined function to handle keydown events",
8992
- "fieldName": "onKeyDown"
8765
+ "description": "The value attribute for the input element",
8766
+ "fieldName": "value"
8993
8767
  }
8994
8768
  ],
8995
8769
  "superclass": {
8996
8770
  "name": "LitElement",
8997
8771
  "package": "lit"
8998
8772
  },
8999
- "tagName": "bm-radio-button",
8773
+ "tagName": "bm-switch",
9000
8774
  "customElement": true
9001
8775
  }
9002
8776
  ],
9003
8777
  "exports": [
9004
8778
  {
9005
8779
  "kind": "js",
9006
- "name": "BmRadioButton",
8780
+ "name": "BmSwitch",
9007
8781
  "declaration": {
9008
- "name": "BmRadioButton",
9009
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8782
+ "name": "BmSwitch",
8783
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9010
8784
  }
9011
8785
  },
9012
8786
  {
9013
8787
  "kind": "custom-element-definition",
9014
- "name": "bm-radio-button",
8788
+ "name": "bm-switch",
9015
8789
  "declaration": {
9016
- "name": "BmRadioButton",
9017
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8790
+ "name": "BmSwitch",
8791
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9018
8792
  }
9019
8793
  }
9020
8794
  ]
9021
8795
  },
9022
8796
  {
9023
8797
  "kind": "javascript-module",
9024
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
8798
+ "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9025
8799
  "declarations": [],
9026
8800
  "exports": [
9027
8801
  {
@@ -9029,7 +8803,7 @@
9029
8803
  "name": "*",
9030
8804
  "declaration": {
9031
8805
  "name": "*",
9032
- "package": "./RadioButton"
8806
+ "package": "./Switch"
9033
8807
  }
9034
8808
  },
9035
8809
  {
@@ -9037,212 +8811,446 @@
9037
8811
  "name": "*",
9038
8812
  "declaration": {
9039
8813
  "name": "*",
9040
- "package": "./RadioButtonGroup/RadioButtonGroup"
8814
+ "package": "./SwitchGroup/SwitchGroup"
9041
8815
  }
9042
8816
  }
9043
8817
  ]
9044
8818
  },
9045
8819
  {
9046
8820
  "kind": "javascript-module",
9047
- "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
8821
+ "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
9048
8822
  "declarations": [
9049
8823
  {
9050
8824
  "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",
8825
+ "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",
8826
+ "name": "BmNativeSelect",
9053
8827
  "slots": [
9054
8828
  {
9055
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9056
- "name": "onText"
8829
+ "description": "Specify Options for NativeSelect",
8830
+ "name": "slot"
9057
8831
  },
9058
8832
  {
9059
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9060
- "name": "offText"
8833
+ "description": "Specify Label for NativeSelect",
8834
+ "name": "label"
8835
+ },
8836
+ {
8837
+ "description": "Specify HelperText for NativeSelect",
8838
+ "name": "helper-text"
9061
8839
  }
9062
8840
  ],
9063
8841
  "members": [
9064
8842
  {
9065
8843
  "kind": "field",
9066
- "name": "inputChoiceGroupContext",
8844
+ "name": "required",
8845
+ "type": {
8846
+ "text": "boolean"
8847
+ },
8848
+ "default": "false",
8849
+ "description": "Specify if NativeSelect is a required input",
8850
+ "attribute": "required"
8851
+ },
8852
+ {
8853
+ "kind": "field",
8854
+ "name": "readOnly",
8855
+ "type": {
8856
+ "text": "boolean"
8857
+ },
8858
+ "default": "false",
8859
+ "description": "Specify if NativeSelect displays in a read-only state",
8860
+ "attribute": "readOnly"
8861
+ },
8862
+ {
8863
+ "kind": "field",
8864
+ "name": "disabled",
8865
+ "type": {
8866
+ "text": "boolean"
8867
+ },
8868
+ "default": "false",
8869
+ "description": "Specify if NativeSelect displays in a disabled state",
8870
+ "attribute": "disabled"
8871
+ },
8872
+ {
8873
+ "kind": "field",
8874
+ "name": "error",
8875
+ "type": {
8876
+ "text": "string | undefined"
8877
+ },
8878
+ "description": "Specify error text and display error state of a NativeSelect",
8879
+ "attribute": "error"
8880
+ },
8881
+ {
8882
+ "kind": "field",
8883
+ "name": "fluid",
8884
+ "type": {
8885
+ "text": "boolean"
8886
+ },
8887
+ "default": "false",
8888
+ "description": "Specify if NativeSelect is fluid",
8889
+ "attribute": "fluid"
8890
+ },
8891
+ {
8892
+ "kind": "field",
8893
+ "name": "size",
8894
+ "type": {
8895
+ "text": "'sm' | 'md' | 'lg'"
8896
+ },
8897
+ "default": "defaultInputSize",
8898
+ "description": "Specify the size of NativeSelect",
8899
+ "attribute": "size"
8900
+ },
8901
+ {
8902
+ "kind": "field",
8903
+ "name": "width",
8904
+ "type": {
8905
+ "text": "string | undefined"
8906
+ },
8907
+ "description": "Specify the width of NativeSelect",
8908
+ "attribute": "width"
8909
+ },
8910
+ {
8911
+ "kind": "field",
8912
+ "name": "ellipse",
8913
+ "type": {
8914
+ "text": "boolean"
8915
+ },
8916
+ "default": "true",
8917
+ "description": "Specify if overflow displays ellipsis",
8918
+ "attribute": "ellipse"
8919
+ },
8920
+ {
8921
+ "kind": "field",
8922
+ "name": "hideRequiredMarker",
8923
+ "type": {
8924
+ "text": "boolean"
8925
+ },
8926
+ "default": "false",
8927
+ "description": "Specify if the NativeSelect displays with an asterisk",
8928
+ "attribute": "hideRequiredMarker"
8929
+ },
8930
+ {
8931
+ "kind": "field",
8932
+ "name": "theme",
8933
+ "type": {
8934
+ "text": "'light' | 'dark' | undefined"
8935
+ },
8936
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8937
+ "attribute": "theme"
8938
+ },
8939
+ {
8940
+ "kind": "method",
8941
+ "name": "finalizeAssociatedCallback",
8942
+ "return": {
8943
+ "type": {
8944
+ "text": "FinalizeAssociatedResult"
8945
+ }
8946
+ },
8947
+ "parameters": [
8948
+ {
8949
+ "name": "value",
8950
+ "type": {
8951
+ "text": "string"
8952
+ }
8953
+ }
8954
+ ],
8955
+ "inheritedFrom": {
8956
+ "name": "FormField",
8957
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8958
+ }
8959
+ },
8960
+ {
8961
+ "kind": "field",
8962
+ "name": "formAssociated",
8963
+ "type": {
8964
+ "text": "boolean"
8965
+ },
8966
+ "static": true,
8967
+ "default": "true",
8968
+ "inheritedFrom": {
8969
+ "name": "FormField",
8970
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8971
+ }
8972
+ },
8973
+ {
8974
+ "kind": "field",
8975
+ "name": "id",
8976
+ "type": {
8977
+ "text": "string"
8978
+ },
8979
+ "default": "''",
8980
+ "attribute": "id",
8981
+ "inheritedFrom": {
8982
+ "name": "FormField",
8983
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8984
+ }
8985
+ },
8986
+ {
8987
+ "kind": "field",
8988
+ "name": "name",
9067
8989
  "type": {
9068
- "text": "InputChoiceGroupContextProps"
8990
+ "text": "string"
8991
+ },
8992
+ "default": "''",
8993
+ "attribute": "name",
8994
+ "inheritedFrom": {
8995
+ "name": "FormField",
8996
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9069
8997
  }
9070
8998
  },
9071
8999
  {
9072
9000
  "kind": "field",
9073
- "name": "onText",
9001
+ "name": "value",
9074
9002
  "type": {
9075
- "text": "string | undefined"
9003
+ "text": "string"
9076
9004
  },
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"
9005
+ "default": "''",
9006
+ "attribute": "value",
9007
+ "inheritedFrom": {
9008
+ "name": "FormField",
9009
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9010
+ }
9080
9011
  },
9081
9012
  {
9082
9013
  "kind": "field",
9083
- "name": "offText",
9014
+ "name": "validationRules",
9084
9015
  "type": {
9085
- "text": "string | undefined"
9016
+ "text": "Array<FormValidator>"
9086
9017
  },
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"
9018
+ "default": "[]",
9019
+ "attribute": "validationRules",
9020
+ "inheritedFrom": {
9021
+ "name": "FormField",
9022
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9023
+ }
9090
9024
  },
9091
9025
  {
9092
9026
  "kind": "field",
9093
- "name": "theme",
9027
+ "name": "inputAriaLabel",
9094
9028
  "type": {
9095
- "text": "ThemeTypes | undefined"
9029
+ "text": "string | undefined"
9096
9030
  },
9097
- "default": "undefined",
9098
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9031
+ "attribute": "input-aria-label",
9032
+ "inheritedFrom": {
9033
+ "name": "FormField",
9034
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9035
+ }
9099
9036
  },
9100
9037
  {
9101
9038
  "kind": "field",
9102
- "name": "textPosition",
9039
+ "name": "formContext",
9103
9040
  "type": {
9104
- "text": "'before' | 'after'"
9041
+ "text": "BmFormContext"
9105
9042
  },
9106
- "default": "'after'",
9107
- "description": "Specify the position of the side label",
9108
- "attribute": "textPosition"
9043
+ "inheritedFrom": {
9044
+ "name": "FormField",
9045
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9046
+ }
9109
9047
  },
9110
9048
  {
9111
- "kind": "field",
9112
- "name": "readOnly",
9049
+ "kind": "method",
9050
+ "name": "formAssociatedCallback",
9051
+ "return": {
9052
+ "type": {
9053
+ "text": "void"
9054
+ }
9055
+ },
9056
+ "inheritedFrom": {
9057
+ "name": "FormField",
9058
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9059
+ }
9060
+ },
9061
+ {
9062
+ "kind": "method",
9063
+ "name": "formResetCallback",
9064
+ "return": {
9065
+ "type": {
9066
+ "text": "void"
9067
+ }
9068
+ },
9069
+ "inheritedFrom": {
9070
+ "name": "FormField",
9071
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9072
+ }
9073
+ }
9074
+ ],
9075
+ "attributes": [
9076
+ {
9077
+ "name": "required",
9113
9078
  "type": {
9114
9079
  "text": "boolean"
9115
9080
  },
9116
9081
  "default": "false",
9117
- "description": "Specify if Switch displays in a read-only state",
9118
- "attribute": "readOnly"
9082
+ "description": "Specify if NativeSelect is a required input",
9083
+ "fieldName": "required"
9119
9084
  },
9120
9085
  {
9121
- "kind": "field",
9122
- "name": "disabled",
9086
+ "name": "readOnly",
9123
9087
  "type": {
9124
9088
  "text": "boolean"
9125
9089
  },
9126
9090
  "default": "false",
9127
- "description": "Specify if Switch displays in a disabled state",
9128
- "attribute": "disabled"
9091
+ "description": "Specify if NativeSelect displays in a read-only state",
9092
+ "fieldName": "readOnly"
9129
9093
  },
9130
9094
  {
9131
- "kind": "field",
9132
- "name": "checked",
9095
+ "name": "disabled",
9133
9096
  "type": {
9134
9097
  "text": "boolean"
9135
9098
  },
9136
9099
  "default": "false",
9137
- "attribute": "checked"
9100
+ "description": "Specify if NativeSelect displays in a disabled state",
9101
+ "fieldName": "disabled"
9138
9102
  },
9139
9103
  {
9140
- "kind": "field",
9141
- "name": "value",
9104
+ "name": "error",
9142
9105
  "type": {
9143
9106
  "text": "string | undefined"
9144
9107
  },
9145
- "description": "The value attribute for the input element",
9146
- "attribute": "value"
9108
+ "description": "Specify error text and display error state of a NativeSelect",
9109
+ "fieldName": "error"
9147
9110
  },
9148
9111
  {
9149
- "kind": "field",
9150
- "name": "switchRef"
9151
- }
9152
- ],
9153
- "attributes": [
9112
+ "name": "fluid",
9113
+ "type": {
9114
+ "text": "boolean"
9115
+ },
9116
+ "default": "false",
9117
+ "description": "Specify if NativeSelect is fluid",
9118
+ "fieldName": "fluid"
9119
+ },
9154
9120
  {
9155
- "name": "onText",
9121
+ "name": "size",
9156
9122
  "type": {
9157
- "text": "string | undefined"
9123
+ "text": "'sm' | 'md' | 'lg'"
9158
9124
  },
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"
9125
+ "default": "defaultInputSize",
9126
+ "description": "Specify the size of NativeSelect",
9127
+ "fieldName": "size"
9162
9128
  },
9163
9129
  {
9164
- "name": "offText",
9130
+ "name": "width",
9165
9131
  "type": {
9166
9132
  "text": "string | undefined"
9167
9133
  },
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"
9134
+ "description": "Specify the width of NativeSelect",
9135
+ "fieldName": "width"
9171
9136
  },
9172
9137
  {
9173
- "name": "textPosition",
9138
+ "name": "ellipse",
9174
9139
  "type": {
9175
- "text": "'before' | 'after'"
9140
+ "text": "boolean"
9176
9141
  },
9177
- "default": "'after'",
9178
- "description": "Specify the position of the side label",
9179
- "fieldName": "textPosition"
9142
+ "default": "true",
9143
+ "description": "Specify if overflow displays ellipsis",
9144
+ "fieldName": "ellipse"
9180
9145
  },
9181
9146
  {
9182
- "name": "readOnly",
9147
+ "name": "hideRequiredMarker",
9183
9148
  "type": {
9184
9149
  "text": "boolean"
9185
9150
  },
9186
9151
  "default": "false",
9187
- "description": "Specify if Switch displays in a read-only state",
9188
- "fieldName": "readOnly"
9152
+ "description": "Specify if the NativeSelect displays with an asterisk",
9153
+ "fieldName": "hideRequiredMarker"
9189
9154
  },
9190
9155
  {
9191
- "name": "disabled",
9156
+ "name": "theme",
9192
9157
  "type": {
9193
- "text": "boolean"
9158
+ "text": "'light' | 'dark' | undefined"
9194
9159
  },
9195
- "default": "false",
9196
- "description": "Specify if Switch displays in a disabled state",
9197
- "fieldName": "disabled"
9160
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
9161
+ "fieldName": "theme"
9198
9162
  },
9199
9163
  {
9200
- "name": "checked",
9164
+ "name": "id",
9201
9165
  "type": {
9202
- "text": "boolean"
9166
+ "text": "string"
9203
9167
  },
9204
- "default": "false",
9205
- "fieldName": "checked"
9168
+ "default": "''",
9169
+ "fieldName": "id",
9170
+ "inheritedFrom": {
9171
+ "name": "FormField",
9172
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9173
+ }
9174
+ },
9175
+ {
9176
+ "name": "name",
9177
+ "type": {
9178
+ "text": "string"
9179
+ },
9180
+ "default": "''",
9181
+ "fieldName": "name",
9182
+ "inheritedFrom": {
9183
+ "name": "FormField",
9184
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9185
+ }
9206
9186
  },
9207
9187
  {
9208
9188
  "name": "value",
9189
+ "type": {
9190
+ "text": "string"
9191
+ },
9192
+ "default": "''",
9193
+ "fieldName": "value",
9194
+ "inheritedFrom": {
9195
+ "name": "FormField",
9196
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9197
+ }
9198
+ },
9199
+ {
9200
+ "name": "validationRules",
9201
+ "type": {
9202
+ "text": "Array<FormValidator>"
9203
+ },
9204
+ "default": "[]",
9205
+ "fieldName": "validationRules",
9206
+ "inheritedFrom": {
9207
+ "name": "FormField",
9208
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9209
+ }
9210
+ },
9211
+ {
9212
+ "name": "input-aria-label",
9209
9213
  "type": {
9210
9214
  "text": "string | undefined"
9211
9215
  },
9212
- "description": "The value attribute for the input element",
9213
- "fieldName": "value"
9216
+ "fieldName": "inputAriaLabel",
9217
+ "inheritedFrom": {
9218
+ "name": "FormField",
9219
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9220
+ }
9214
9221
  }
9215
9222
  ],
9216
9223
  "superclass": {
9217
- "name": "LitElement",
9218
- "package": "lit"
9224
+ "name": "FormField",
9225
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
9219
9226
  },
9220
- "tagName": "bm-switch",
9227
+ "summary": "`bm-native-select`",
9228
+ "tagName": "bm-native-select",
9221
9229
  "customElement": true
9222
9230
  }
9223
9231
  ],
9224
9232
  "exports": [
9225
9233
  {
9226
9234
  "kind": "js",
9227
- "name": "BmSwitch",
9235
+ "name": "BmNativeSelect",
9228
9236
  "declaration": {
9229
- "name": "BmSwitch",
9230
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9237
+ "name": "BmNativeSelect",
9238
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
9231
9239
  }
9232
9240
  },
9233
9241
  {
9234
9242
  "kind": "custom-element-definition",
9235
- "name": "bm-switch",
9243
+ "name": "bm-native-select",
9236
9244
  "declaration": {
9237
- "name": "BmSwitch",
9238
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9245
+ "name": "BmNativeSelect",
9246
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
9239
9247
  }
9240
9248
  }
9241
9249
  ]
9242
9250
  },
9243
9251
  {
9244
9252
  "kind": "javascript-module",
9245
- "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9253
+ "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
9246
9254
  "declarations": [],
9247
9255
  "exports": [
9248
9256
  {
@@ -9250,15 +9258,7 @@
9250
9258
  "name": "*",
9251
9259
  "declaration": {
9252
9260
  "name": "*",
9253
- "package": "./Switch"
9254
- }
9255
- },
9256
- {
9257
- "kind": "js",
9258
- "name": "*",
9259
- "declaration": {
9260
- "name": "*",
9261
- "package": "./SwitchGroup/SwitchGroup"
9261
+ "package": "./NativeSelect"
9262
9262
  }
9263
9263
  }
9264
9264
  ]