@viasat/beam-web-components 2.17.0 → 2.18.1

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 +944 -944
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +177 -177
package/custom-elements.json CHANGED
@@ -686,273 +686,392 @@
686
686
  },
687
687
  {
688
688
  "kind": "javascript-module",
689
- "path": "libs/web-components/src/lib/Alert/Alert.ts",
689
+ "path": "libs/web-components/src/lib/Box/Box.ts",
690
690
  "declarations": [
691
691
  {
692
692
  "kind": "class",
693
- "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
694
- "name": "BmAlert",
693
+ "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",
694
+ "name": "BmBox",
695
695
  "slots": [
696
696
  {
697
- "description": "Specify a different icon for the Alert",
698
- "name": "icon"
699
- },
700
- {
701
- "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
702
- "name": "heading"
703
- },
704
- {
705
- "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
706
- "name": "body"
707
- },
708
- {
709
- "description": "Specify if actions display on the Alert",
710
- "name": "actions"
697
+ "description": "Provide content for the Box",
698
+ "name": "default"
711
699
  }
712
700
  ],
713
701
  "members": [
714
702
  {
715
703
  "kind": "field",
716
- "name": "heading",
704
+ "name": "backgroundColor",
717
705
  "type": {
718
- "text": "string | undefined"
706
+ "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"
719
707
  },
720
- "description": "Specify the heading text for Alert",
721
- "attribute": "heading"
708
+ "description": "Specify the background color of a Box",
709
+ "attribute": "backgroundColor"
722
710
  },
723
711
  {
724
712
  "kind": "field",
725
- "name": "body",
713
+ "name": "borderColor",
726
714
  "type": {
727
- "text": "string | undefined"
715
+ "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"
728
716
  },
729
- "description": "Specify the body text for Alert",
730
- "attribute": "body"
717
+ "description": "Specify the border color of a Box",
718
+ "attribute": "borderColor"
731
719
  },
732
720
  {
733
721
  "kind": "field",
734
- "name": "size",
722
+ "name": "borderWidth",
735
723
  "type": {
736
- "text": "'sm' | 'md'"
724
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
737
725
  },
738
- "default": "'sm'",
739
- "description": "Specify the size of the Alert",
740
- "attribute": "size"
726
+ "description": "Specify the border width of a Box",
727
+ "attribute": "borderWidth"
741
728
  },
742
729
  {
743
730
  "kind": "field",
744
- "name": "fullWidth",
731
+ "name": "borderRadius",
745
732
  "type": {
746
- "text": "boolean"
733
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
747
734
  },
748
- "default": "false",
749
- "description": "Specify if the Alert has no border radius",
750
- "attribute": "fullWidth"
735
+ "description": "Specify the border radius of a Box",
736
+ "attribute": "borderRadius"
751
737
  },
752
738
  {
753
739
  "kind": "field",
754
- "name": "theme",
740
+ "name": "px",
755
741
  "type": {
756
- "text": "'light' | 'dark' | undefined"
742
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
757
743
  },
758
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
759
- "attribute": "theme"
744
+ "description": "Specify before and after padding of a Box",
745
+ "attribute": "px"
760
746
  },
761
747
  {
762
748
  "kind": "field",
763
- "name": "appearance",
749
+ "name": "py",
764
750
  "type": {
765
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
751
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
766
752
  },
767
- "default": "'infoPrimary'",
768
- "description": "Specify the appearance of the Alert",
769
- "attribute": "appearance"
753
+ "description": "Specify top and bottom padding of a Box",
754
+ "attribute": "py"
770
755
  },
771
756
  {
772
757
  "kind": "field",
773
- "name": "hidden",
758
+ "name": "pTop",
774
759
  "type": {
775
- "text": "boolean"
760
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
776
761
  },
777
- "default": "false",
778
- "description": "Specify if the Alert is hidden",
779
- "attribute": "hidden"
762
+ "description": "Specify top padding of a Box",
763
+ "attribute": "pTop"
780
764
  },
781
765
  {
782
766
  "kind": "field",
783
- "name": "hideIcon",
767
+ "name": "pBottom",
784
768
  "type": {
785
- "text": "boolean"
769
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
786
770
  },
787
- "default": "false",
788
- "description": "Specify if the icon displays on the Alert",
789
- "attribute": "hideIcon"
771
+ "description": "Specify bottom padding of a Box",
772
+ "attribute": "pBottom"
790
773
  },
791
774
  {
792
775
  "kind": "field",
793
- "name": "dismissible",
776
+ "name": "pBefore",
794
777
  "type": {
795
- "text": "boolean"
778
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
796
779
  },
797
- "default": "false",
798
- "description": "Specify if the Alert can be dismissed",
799
- "attribute": "dismissible"
780
+ "description": "Specify before padding of a Box",
781
+ "attribute": "pBefore"
800
782
  },
801
783
  {
802
784
  "kind": "field",
803
- "name": "disableAutoFocus",
785
+ "name": "pAfter",
804
786
  "type": {
805
- "text": "boolean"
787
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
806
788
  },
807
- "default": "false",
808
- "description": "Prevent autofocus on show",
809
- "attribute": "disableAutoFocus"
789
+ "description": "Specify after padding of a Box",
790
+ "attribute": "pAfter"
810
791
  },
811
792
  {
812
793
  "kind": "field",
813
- "name": "disableCloseOnEscape",
794
+ "name": "mx",
814
795
  "type": {
815
- "text": "boolean"
796
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
816
797
  },
817
- "default": "false",
818
- "description": "Prevent Escape from closing",
819
- "attribute": "disableCloseOnEscape"
820
- }
821
- ],
822
- "events": [
798
+ "description": "Specify before and after margin of a Box",
799
+ "attribute": "mx"
800
+ },
823
801
  {
824
- "description": "Dispatched when the Alert has been dismissed",
825
- "name": "bm-dismiss"
826
- }
827
- ],
828
- "attributes": [
802
+ "kind": "field",
803
+ "name": "my",
804
+ "type": {
805
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
806
+ },
807
+ "description": "Specify top and bottom margin of a Box",
808
+ "attribute": "my"
809
+ },
829
810
  {
830
- "name": "heading",
811
+ "kind": "field",
812
+ "name": "mTop",
831
813
  "type": {
832
- "text": "string | undefined"
814
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
833
815
  },
834
- "description": "Specify the heading text for Alert",
835
- "fieldName": "heading"
816
+ "description": "Specify top margin of a Box",
817
+ "attribute": "mTop"
836
818
  },
837
819
  {
838
- "name": "body",
820
+ "kind": "field",
821
+ "name": "mBottom",
839
822
  "type": {
840
- "text": "string | undefined"
823
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
841
824
  },
842
- "description": "Specify the body text for Alert",
843
- "fieldName": "body"
825
+ "description": "Specify bottom margin of a Box",
826
+ "attribute": "mBottom"
844
827
  },
845
828
  {
846
- "name": "size",
829
+ "kind": "field",
830
+ "name": "mBefore",
847
831
  "type": {
848
- "text": "'sm' | 'md'"
832
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
849
833
  },
850
- "default": "'sm'",
851
- "description": "Specify the size of the Alert",
852
- "fieldName": "size"
834
+ "description": "Specify before margin of a Box",
835
+ "attribute": "mBefore"
853
836
  },
854
837
  {
855
- "name": "fullWidth",
838
+ "kind": "field",
839
+ "name": "mAfter",
856
840
  "type": {
857
- "text": "boolean"
841
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
858
842
  },
859
- "default": "false",
860
- "description": "Specify if the Alert has no border radius",
861
- "fieldName": "fullWidth"
843
+ "description": "Specify after margin of a Box",
844
+ "attribute": "mAfter"
862
845
  },
863
846
  {
864
- "name": "theme",
847
+ "kind": "field",
848
+ "name": "m",
865
849
  "type": {
866
- "text": "'light' | 'dark' | undefined"
850
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
867
851
  },
868
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
869
- "fieldName": "theme"
852
+ "description": "Specify all margin",
853
+ "attribute": "m"
870
854
  },
871
855
  {
872
- "name": "appearance",
856
+ "kind": "field",
857
+ "name": "p",
873
858
  "type": {
874
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
859
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
875
860
  },
876
- "default": "'infoPrimary'",
877
- "description": "Specify the appearance of the Alert",
878
- "fieldName": "appearance"
861
+ "description": "Specify all padding",
862
+ "attribute": "p"
879
863
  },
880
864
  {
881
- "name": "hidden",
865
+ "kind": "field",
866
+ "name": "gap",
882
867
  "type": {
883
- "text": "boolean"
868
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
884
869
  },
885
- "default": "false",
886
- "description": "Specify if the Alert is hidden",
887
- "fieldName": "hidden"
870
+ "description": "Specify gap between child elements",
871
+ "attribute": "gap"
888
872
  },
889
873
  {
890
- "name": "hideIcon",
874
+ "kind": "field",
875
+ "name": "shadow",
891
876
  "type": {
892
- "text": "boolean"
877
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
893
878
  },
894
- "default": "false",
895
- "description": "Specify if the icon displays on the Alert",
896
- "fieldName": "hideIcon"
879
+ "description": "Specify if a Box has a shadow",
880
+ "attribute": "shadow"
881
+ }
882
+ ],
883
+ "attributes": [
884
+ {
885
+ "name": "backgroundColor",
886
+ "type": {
887
+ "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"
888
+ },
889
+ "description": "Specify the background color of a Box",
890
+ "fieldName": "backgroundColor"
897
891
  },
898
892
  {
899
- "name": "dismissible",
893
+ "name": "borderColor",
900
894
  "type": {
901
- "text": "boolean"
895
+ "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"
902
896
  },
903
- "default": "false",
904
- "description": "Specify if the Alert can be dismissed",
905
- "fieldName": "dismissible"
897
+ "description": "Specify the border color of a Box",
898
+ "fieldName": "borderColor"
906
899
  },
907
900
  {
908
- "name": "disableAutoFocus",
901
+ "name": "borderWidth",
909
902
  "type": {
910
- "text": "boolean"
903
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
911
904
  },
912
- "default": "false",
913
- "description": "Prevent autofocus on show",
914
- "fieldName": "disableAutoFocus"
905
+ "description": "Specify the border width of a Box",
906
+ "fieldName": "borderWidth"
915
907
  },
916
908
  {
917
- "name": "disableCloseOnEscape",
909
+ "name": "borderRadius",
918
910
  "type": {
919
- "text": "boolean"
911
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
920
912
  },
921
- "default": "false",
922
- "description": "Prevent Escape from closing",
923
- "fieldName": "disableCloseOnEscape"
924
- }
925
- ],
926
- "superclass": {
927
- "name": "LitElement",
928
- "package": "lit"
929
- },
930
- "tagName": "bm-alert",
931
- "customElement": true
932
- }
913
+ "description": "Specify the border radius of a Box",
914
+ "fieldName": "borderRadius"
915
+ },
916
+ {
917
+ "name": "px",
918
+ "type": {
919
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
920
+ },
921
+ "description": "Specify before and after padding of a Box",
922
+ "fieldName": "px"
923
+ },
924
+ {
925
+ "name": "py",
926
+ "type": {
927
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
928
+ },
929
+ "description": "Specify top and bottom padding of a Box",
930
+ "fieldName": "py"
931
+ },
932
+ {
933
+ "name": "pTop",
934
+ "type": {
935
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
936
+ },
937
+ "description": "Specify top padding of a Box",
938
+ "fieldName": "pTop"
939
+ },
940
+ {
941
+ "name": "pBottom",
942
+ "type": {
943
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
944
+ },
945
+ "description": "Specify bottom padding of a Box",
946
+ "fieldName": "pBottom"
947
+ },
948
+ {
949
+ "name": "pBefore",
950
+ "type": {
951
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
952
+ },
953
+ "description": "Specify before padding of a Box",
954
+ "fieldName": "pBefore"
955
+ },
956
+ {
957
+ "name": "pAfter",
958
+ "type": {
959
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
960
+ },
961
+ "description": "Specify after padding of a Box",
962
+ "fieldName": "pAfter"
963
+ },
964
+ {
965
+ "name": "mx",
966
+ "type": {
967
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
968
+ },
969
+ "description": "Specify before and after margin of a Box",
970
+ "fieldName": "mx"
971
+ },
972
+ {
973
+ "name": "my",
974
+ "type": {
975
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
976
+ },
977
+ "description": "Specify top and bottom margin of a Box",
978
+ "fieldName": "my"
979
+ },
980
+ {
981
+ "name": "mTop",
982
+ "type": {
983
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
984
+ },
985
+ "description": "Specify top margin of a Box",
986
+ "fieldName": "mTop"
987
+ },
988
+ {
989
+ "name": "mBottom",
990
+ "type": {
991
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
992
+ },
993
+ "description": "Specify bottom margin of a Box",
994
+ "fieldName": "mBottom"
995
+ },
996
+ {
997
+ "name": "mBefore",
998
+ "type": {
999
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1000
+ },
1001
+ "description": "Specify before margin of a Box",
1002
+ "fieldName": "mBefore"
1003
+ },
1004
+ {
1005
+ "name": "mAfter",
1006
+ "type": {
1007
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1008
+ },
1009
+ "description": "Specify after margin of a Box",
1010
+ "fieldName": "mAfter"
1011
+ },
1012
+ {
1013
+ "name": "m",
1014
+ "type": {
1015
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1016
+ },
1017
+ "description": "Specify all margin",
1018
+ "fieldName": "m"
1019
+ },
1020
+ {
1021
+ "name": "p",
1022
+ "type": {
1023
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1024
+ },
1025
+ "description": "Specify all padding",
1026
+ "fieldName": "p"
1027
+ },
1028
+ {
1029
+ "name": "gap",
1030
+ "type": {
1031
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1032
+ },
1033
+ "description": "Specify gap between child elements",
1034
+ "fieldName": "gap"
1035
+ },
1036
+ {
1037
+ "name": "shadow",
1038
+ "type": {
1039
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1040
+ },
1041
+ "description": "Specify if a Box has a shadow",
1042
+ "fieldName": "shadow"
1043
+ }
1044
+ ],
1045
+ "superclass": {
1046
+ "name": "LitElement",
1047
+ "package": "lit"
1048
+ },
1049
+ "tagName": "bm-box",
1050
+ "customElement": true
1051
+ }
933
1052
  ],
934
1053
  "exports": [
935
1054
  {
936
1055
  "kind": "js",
937
- "name": "BmAlert",
1056
+ "name": "BmBox",
938
1057
  "declaration": {
939
- "name": "BmAlert",
940
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1058
+ "name": "BmBox",
1059
+ "module": "libs/web-components/src/lib/Box/Box.ts"
941
1060
  }
942
1061
  },
943
1062
  {
944
1063
  "kind": "custom-element-definition",
945
- "name": "bm-alert",
1064
+ "name": "bm-box",
946
1065
  "declaration": {
947
- "name": "BmAlert",
948
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1066
+ "name": "BmBox",
1067
+ "module": "libs/web-components/src/lib/Box/Box.ts"
949
1068
  }
950
1069
  }
951
1070
  ]
952
1071
  },
953
1072
  {
954
1073
  "kind": "javascript-module",
955
- "path": "libs/web-components/src/lib/Alert/index.ts",
1074
+ "path": "libs/web-components/src/lib/Box/index.ts",
956
1075
  "declarations": [],
957
1076
  "exports": [
958
1077
  {
@@ -960,154 +1079,131 @@
960
1079
  "name": "*",
961
1080
  "declaration": {
962
1081
  "name": "*",
963
- "package": "./Alert"
1082
+ "package": "./Box"
964
1083
  }
965
1084
  }
966
1085
  ]
967
1086
  },
968
1087
  {
969
1088
  "kind": "javascript-module",
970
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
1089
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
971
1090
  "declarations": [
972
1091
  {
973
1092
  "kind": "class",
974
- "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
975
- "name": "BmBadge",
1093
+ "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
1094
+ "name": "BmBadgeDot",
976
1095
  "slots": [
977
1096
  {
978
- "description": "Provide text for the Badge",
1097
+ "description": "Provide text for the BadgeDot",
979
1098
  "name": "default"
980
- },
981
- {
982
- "description": "Specify a different icon for the Badge",
983
- "name": "icon"
984
1099
  }
985
1100
  ],
986
1101
  "members": [
987
- {
988
- "kind": "field",
989
- "name": "appearance",
990
- "type": {
991
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
992
- },
993
- "default": "'infoPrimary'",
994
- "description": "Specify the appearance of the Badge",
995
- "attribute": "appearance"
996
- },
997
1102
  {
998
1103
  "kind": "field",
999
1104
  "name": "theme",
1000
1105
  "type": {
1001
1106
  "text": "'light' | 'dark' | undefined"
1002
1107
  },
1003
- "description": "Theme of the Badge",
1108
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1004
1109
  "attribute": "theme"
1005
1110
  },
1006
1111
  {
1007
1112
  "kind": "field",
1008
- "name": "size",
1113
+ "name": "appearance",
1009
1114
  "type": {
1010
- "text": "'sm' | 'md' | undefined"
1115
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1011
1116
  },
1012
- "default": "'sm'",
1013
- "description": "Specify the size of the Badge",
1014
- "attribute": "size"
1117
+ "default": "'infoPrimary'",
1118
+ "description": "Specify the appearance of the BadgeDot",
1119
+ "attribute": "appearance"
1015
1120
  },
1016
1121
  {
1017
1122
  "kind": "field",
1018
1123
  "name": "emphasis",
1019
1124
  "type": {
1020
- "text": "'strong' | 'medium' | 'subtle'"
1125
+ "text": "'strong' | 'subtle'"
1021
1126
  },
1022
1127
  "default": "'strong'",
1023
- "description": "Specify the emphasis of the Badge",
1128
+ "description": "Specify the emphasis of the BadgeDot",
1024
1129
  "attribute": "emphasis"
1025
1130
  },
1026
1131
  {
1027
1132
  "kind": "field",
1028
- "name": "hideIcon",
1133
+ "name": "overrideDotColor",
1029
1134
  "type": {
1030
- "text": "boolean | undefined"
1135
+ "text": "string | undefined"
1031
1136
  },
1032
- "description": "Hides Badge icon",
1033
- "attribute": "hideIcon"
1137
+ "description": "Overrides default dot color",
1138
+ "attribute": "overrideDotColor"
1034
1139
  }
1035
1140
  ],
1036
1141
  "attributes": [
1037
- {
1038
- "name": "appearance",
1039
- "type": {
1040
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1041
- },
1042
- "default": "'infoPrimary'",
1043
- "description": "Specify the appearance of the Badge",
1044
- "fieldName": "appearance"
1045
- },
1046
1142
  {
1047
1143
  "name": "theme",
1048
1144
  "type": {
1049
1145
  "text": "'light' | 'dark' | undefined"
1050
1146
  },
1051
- "description": "Theme of the Badge",
1147
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1052
1148
  "fieldName": "theme"
1053
1149
  },
1054
1150
  {
1055
- "name": "size",
1151
+ "name": "appearance",
1056
1152
  "type": {
1057
- "text": "'sm' | 'md' | undefined"
1153
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1058
1154
  },
1059
- "default": "'sm'",
1060
- "description": "Specify the size of the Badge",
1061
- "fieldName": "size"
1155
+ "default": "'infoPrimary'",
1156
+ "description": "Specify the appearance of the BadgeDot",
1157
+ "fieldName": "appearance"
1062
1158
  },
1063
1159
  {
1064
1160
  "name": "emphasis",
1065
1161
  "type": {
1066
- "text": "'strong' | 'medium' | 'subtle'"
1162
+ "text": "'strong' | 'subtle'"
1067
1163
  },
1068
1164
  "default": "'strong'",
1069
- "description": "Specify the emphasis of the Badge",
1165
+ "description": "Specify the emphasis of the BadgeDot",
1070
1166
  "fieldName": "emphasis"
1071
1167
  },
1072
1168
  {
1073
- "name": "hideIcon",
1169
+ "name": "overrideDotColor",
1074
1170
  "type": {
1075
- "text": "boolean | undefined"
1171
+ "text": "string | undefined"
1076
1172
  },
1077
- "description": "Hides Badge icon",
1078
- "fieldName": "hideIcon"
1173
+ "description": "Overrides default dot color",
1174
+ "fieldName": "overrideDotColor"
1079
1175
  }
1080
1176
  ],
1081
1177
  "superclass": {
1082
1178
  "name": "LitElement",
1083
1179
  "package": "lit"
1084
1180
  },
1085
- "tagName": "bm-badge",
1181
+ "tagName": "bm-badge-dot",
1086
1182
  "customElement": true
1087
1183
  }
1088
1184
  ],
1089
1185
  "exports": [
1090
1186
  {
1091
1187
  "kind": "js",
1092
- "name": "BmBadge",
1188
+ "name": "BmBadgeDot",
1093
1189
  "declaration": {
1094
- "name": "BmBadge",
1095
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
1190
+ "name": "BmBadgeDot",
1191
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1096
1192
  }
1097
1193
  },
1098
1194
  {
1099
1195
  "kind": "custom-element-definition",
1100
- "name": "bm-badge",
1196
+ "name": "bm-badge-dot",
1101
1197
  "declaration": {
1102
- "name": "BmBadge",
1103
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
1198
+ "name": "BmBadgeDot",
1199
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1104
1200
  }
1105
1201
  }
1106
1202
  ]
1107
1203
  },
1108
1204
  {
1109
1205
  "kind": "javascript-module",
1110
- "path": "libs/web-components/src/lib/Badge/index.ts",
1206
+ "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1111
1207
  "declarations": [],
1112
1208
  "exports": [
1113
1209
  {
@@ -1115,399 +1211,280 @@
1115
1211
  "name": "*",
1116
1212
  "declaration": {
1117
1213
  "name": "*",
1118
- "package": "./Badge"
1214
+ "package": "./BadgeDot"
1119
1215
  }
1120
1216
  }
1121
1217
  ]
1122
1218
  },
1123
1219
  {
1124
1220
  "kind": "javascript-module",
1125
- "path": "libs/web-components/src/lib/Box/Box.ts",
1221
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
1126
1222
  "declarations": [
1127
1223
  {
1128
1224
  "kind": "class",
1129
- "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
1130
- "name": "BmBox",
1225
+ "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
1226
+ "name": "BmAlert",
1131
1227
  "slots": [
1132
1228
  {
1133
- "description": "Provide content for the Box",
1134
- "name": "default"
1135
- }
1136
- ],
1137
- "members": [
1138
- {
1139
- "kind": "field",
1140
- "name": "backgroundColor",
1141
- "type": {
1142
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1143
- },
1144
- "description": "Specify the background color of a Box",
1145
- "attribute": "backgroundColor"
1229
+ "description": "Specify a different icon for the Alert",
1230
+ "name": "icon"
1146
1231
  },
1147
1232
  {
1148
- "kind": "field",
1149
- "name": "borderColor",
1150
- "type": {
1151
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1152
- },
1153
- "description": "Specify the border color of a Box",
1154
- "attribute": "borderColor"
1233
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
1234
+ "name": "heading"
1155
1235
  },
1156
1236
  {
1157
- "kind": "field",
1158
- "name": "borderWidth",
1159
- "type": {
1160
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1161
- },
1162
- "description": "Specify the border width of a Box",
1163
- "attribute": "borderWidth"
1237
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
1238
+ "name": "body"
1164
1239
  },
1165
1240
  {
1166
- "kind": "field",
1167
- "name": "borderRadius",
1168
- "type": {
1169
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1170
- },
1171
- "description": "Specify the border radius of a Box",
1172
- "attribute": "borderRadius"
1173
- },
1241
+ "description": "Specify if actions display on the Alert",
1242
+ "name": "actions"
1243
+ }
1244
+ ],
1245
+ "members": [
1174
1246
  {
1175
1247
  "kind": "field",
1176
- "name": "px",
1248
+ "name": "heading",
1177
1249
  "type": {
1178
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1250
+ "text": "string | undefined"
1179
1251
  },
1180
- "description": "Specify before and after padding of a Box",
1181
- "attribute": "px"
1252
+ "description": "Specify the heading text for Alert",
1253
+ "attribute": "heading"
1182
1254
  },
1183
1255
  {
1184
1256
  "kind": "field",
1185
- "name": "py",
1257
+ "name": "body",
1186
1258
  "type": {
1187
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1259
+ "text": "string | undefined"
1188
1260
  },
1189
- "description": "Specify top and bottom padding of a Box",
1190
- "attribute": "py"
1261
+ "description": "Specify the body text for Alert",
1262
+ "attribute": "body"
1191
1263
  },
1192
1264
  {
1193
1265
  "kind": "field",
1194
- "name": "pTop",
1266
+ "name": "size",
1195
1267
  "type": {
1196
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1268
+ "text": "'sm' | 'md'"
1197
1269
  },
1198
- "description": "Specify top padding of a Box",
1199
- "attribute": "pTop"
1270
+ "default": "'sm'",
1271
+ "description": "Specify the size of the Alert",
1272
+ "attribute": "size"
1200
1273
  },
1201
1274
  {
1202
1275
  "kind": "field",
1203
- "name": "pBottom",
1276
+ "name": "fullWidth",
1204
1277
  "type": {
1205
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1278
+ "text": "boolean"
1206
1279
  },
1207
- "description": "Specify bottom padding of a Box",
1208
- "attribute": "pBottom"
1280
+ "default": "false",
1281
+ "description": "Specify if the Alert has no border radius",
1282
+ "attribute": "fullWidth"
1209
1283
  },
1210
1284
  {
1211
1285
  "kind": "field",
1212
- "name": "pBefore",
1286
+ "name": "theme",
1213
1287
  "type": {
1214
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1288
+ "text": "'light' | 'dark' | undefined"
1215
1289
  },
1216
- "description": "Specify before padding of a Box",
1217
- "attribute": "pBefore"
1290
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1291
+ "attribute": "theme"
1218
1292
  },
1219
1293
  {
1220
1294
  "kind": "field",
1221
- "name": "pAfter",
1295
+ "name": "appearance",
1222
1296
  "type": {
1223
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1297
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1224
1298
  },
1225
- "description": "Specify after padding of a Box",
1226
- "attribute": "pAfter"
1299
+ "default": "'infoPrimary'",
1300
+ "description": "Specify the appearance of the Alert",
1301
+ "attribute": "appearance"
1227
1302
  },
1228
1303
  {
1229
1304
  "kind": "field",
1230
- "name": "mx",
1305
+ "name": "hidden",
1231
1306
  "type": {
1232
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1307
+ "text": "boolean"
1233
1308
  },
1234
- "description": "Specify before and after margin of a Box",
1235
- "attribute": "mx"
1309
+ "default": "false",
1310
+ "description": "Specify if the Alert is hidden",
1311
+ "attribute": "hidden"
1236
1312
  },
1237
1313
  {
1238
1314
  "kind": "field",
1239
- "name": "my",
1315
+ "name": "hideIcon",
1240
1316
  "type": {
1241
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1317
+ "text": "boolean"
1242
1318
  },
1243
- "description": "Specify top and bottom margin of a Box",
1244
- "attribute": "my"
1319
+ "default": "false",
1320
+ "description": "Specify if the icon displays on the Alert",
1321
+ "attribute": "hideIcon"
1245
1322
  },
1246
1323
  {
1247
1324
  "kind": "field",
1248
- "name": "mTop",
1325
+ "name": "dismissible",
1249
1326
  "type": {
1250
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1327
+ "text": "boolean"
1251
1328
  },
1252
- "description": "Specify top margin of a Box",
1253
- "attribute": "mTop"
1329
+ "default": "false",
1330
+ "description": "Specify if the Alert can be dismissed",
1331
+ "attribute": "dismissible"
1254
1332
  },
1255
1333
  {
1256
1334
  "kind": "field",
1257
- "name": "mBottom",
1335
+ "name": "disableAutoFocus",
1258
1336
  "type": {
1259
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1337
+ "text": "boolean"
1260
1338
  },
1261
- "description": "Specify bottom margin of a Box",
1262
- "attribute": "mBottom"
1339
+ "default": "false",
1340
+ "description": "Prevent autofocus on show",
1341
+ "attribute": "disableAutoFocus"
1263
1342
  },
1264
1343
  {
1265
1344
  "kind": "field",
1266
- "name": "mBefore",
1345
+ "name": "disableCloseOnEscape",
1267
1346
  "type": {
1268
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1347
+ "text": "boolean"
1269
1348
  },
1270
- "description": "Specify before margin of a Box",
1271
- "attribute": "mBefore"
1272
- },
1349
+ "default": "false",
1350
+ "description": "Prevent Escape from closing",
1351
+ "attribute": "disableCloseOnEscape"
1352
+ }
1353
+ ],
1354
+ "events": [
1273
1355
  {
1274
- "kind": "field",
1275
- "name": "mAfter",
1356
+ "description": "Dispatched when the Alert has been dismissed",
1357
+ "name": "bm-dismiss"
1358
+ }
1359
+ ],
1360
+ "attributes": [
1361
+ {
1362
+ "name": "heading",
1276
1363
  "type": {
1277
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1364
+ "text": "string | undefined"
1278
1365
  },
1279
- "description": "Specify after margin of a Box",
1280
- "attribute": "mAfter"
1366
+ "description": "Specify the heading text for Alert",
1367
+ "fieldName": "heading"
1281
1368
  },
1282
1369
  {
1283
- "kind": "field",
1284
- "name": "m",
1370
+ "name": "body",
1285
1371
  "type": {
1286
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1372
+ "text": "string | undefined"
1287
1373
  },
1288
- "description": "Specify all margin",
1289
- "attribute": "m"
1374
+ "description": "Specify the body text for Alert",
1375
+ "fieldName": "body"
1290
1376
  },
1291
1377
  {
1292
- "kind": "field",
1293
- "name": "p",
1378
+ "name": "size",
1294
1379
  "type": {
1295
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1380
+ "text": "'sm' | 'md'"
1296
1381
  },
1297
- "description": "Specify all padding",
1298
- "attribute": "p"
1382
+ "default": "'sm'",
1383
+ "description": "Specify the size of the Alert",
1384
+ "fieldName": "size"
1299
1385
  },
1300
1386
  {
1301
- "kind": "field",
1302
- "name": "gap",
1387
+ "name": "fullWidth",
1303
1388
  "type": {
1304
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1389
+ "text": "boolean"
1305
1390
  },
1306
- "description": "Specify gap between child elements",
1307
- "attribute": "gap"
1391
+ "default": "false",
1392
+ "description": "Specify if the Alert has no border radius",
1393
+ "fieldName": "fullWidth"
1308
1394
  },
1309
1395
  {
1310
- "kind": "field",
1311
- "name": "shadow",
1396
+ "name": "theme",
1312
1397
  "type": {
1313
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1398
+ "text": "'light' | 'dark' | undefined"
1314
1399
  },
1315
- "description": "Specify if a Box has a shadow",
1316
- "attribute": "shadow"
1317
- }
1318
- ],
1319
- "attributes": [
1400
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1401
+ "fieldName": "theme"
1402
+ },
1320
1403
  {
1321
- "name": "backgroundColor",
1404
+ "name": "appearance",
1322
1405
  "type": {
1323
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1406
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1324
1407
  },
1325
- "description": "Specify the background color of a Box",
1326
- "fieldName": "backgroundColor"
1408
+ "default": "'infoPrimary'",
1409
+ "description": "Specify the appearance of the Alert",
1410
+ "fieldName": "appearance"
1327
1411
  },
1328
1412
  {
1329
- "name": "borderColor",
1413
+ "name": "hidden",
1330
1414
  "type": {
1331
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1415
+ "text": "boolean"
1332
1416
  },
1333
- "description": "Specify the border color of a Box",
1334
- "fieldName": "borderColor"
1417
+ "default": "false",
1418
+ "description": "Specify if the Alert is hidden",
1419
+ "fieldName": "hidden"
1335
1420
  },
1336
1421
  {
1337
- "name": "borderWidth",
1422
+ "name": "hideIcon",
1338
1423
  "type": {
1339
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1424
+ "text": "boolean"
1340
1425
  },
1341
- "description": "Specify the border width of a Box",
1342
- "fieldName": "borderWidth"
1426
+ "default": "false",
1427
+ "description": "Specify if the icon displays on the Alert",
1428
+ "fieldName": "hideIcon"
1343
1429
  },
1344
1430
  {
1345
- "name": "borderRadius",
1431
+ "name": "dismissible",
1346
1432
  "type": {
1347
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1433
+ "text": "boolean"
1348
1434
  },
1349
- "description": "Specify the border radius of a Box",
1350
- "fieldName": "borderRadius"
1435
+ "default": "false",
1436
+ "description": "Specify if the Alert can be dismissed",
1437
+ "fieldName": "dismissible"
1351
1438
  },
1352
1439
  {
1353
- "name": "px",
1440
+ "name": "disableAutoFocus",
1354
1441
  "type": {
1355
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1442
+ "text": "boolean"
1356
1443
  },
1357
- "description": "Specify before and after padding of a Box",
1358
- "fieldName": "px"
1444
+ "default": "false",
1445
+ "description": "Prevent autofocus on show",
1446
+ "fieldName": "disableAutoFocus"
1359
1447
  },
1360
1448
  {
1361
- "name": "py",
1449
+ "name": "disableCloseOnEscape",
1362
1450
  "type": {
1363
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1451
+ "text": "boolean"
1364
1452
  },
1365
- "description": "Specify top and bottom padding of a Box",
1366
- "fieldName": "py"
1367
- },
1368
- {
1369
- "name": "pTop",
1370
- "type": {
1371
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1372
- },
1373
- "description": "Specify top padding of a Box",
1374
- "fieldName": "pTop"
1375
- },
1376
- {
1377
- "name": "pBottom",
1378
- "type": {
1379
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1380
- },
1381
- "description": "Specify bottom padding of a Box",
1382
- "fieldName": "pBottom"
1383
- },
1384
- {
1385
- "name": "pBefore",
1386
- "type": {
1387
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1388
- },
1389
- "description": "Specify before padding of a Box",
1390
- "fieldName": "pBefore"
1391
- },
1392
- {
1393
- "name": "pAfter",
1394
- "type": {
1395
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1396
- },
1397
- "description": "Specify after padding of a Box",
1398
- "fieldName": "pAfter"
1399
- },
1400
- {
1401
- "name": "mx",
1402
- "type": {
1403
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1404
- },
1405
- "description": "Specify before and after margin of a Box",
1406
- "fieldName": "mx"
1407
- },
1408
- {
1409
- "name": "my",
1410
- "type": {
1411
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1412
- },
1413
- "description": "Specify top and bottom margin of a Box",
1414
- "fieldName": "my"
1415
- },
1416
- {
1417
- "name": "mTop",
1418
- "type": {
1419
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1420
- },
1421
- "description": "Specify top margin of a Box",
1422
- "fieldName": "mTop"
1423
- },
1424
- {
1425
- "name": "mBottom",
1426
- "type": {
1427
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1428
- },
1429
- "description": "Specify bottom margin of a Box",
1430
- "fieldName": "mBottom"
1431
- },
1432
- {
1433
- "name": "mBefore",
1434
- "type": {
1435
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1436
- },
1437
- "description": "Specify before margin of a Box",
1438
- "fieldName": "mBefore"
1439
- },
1440
- {
1441
- "name": "mAfter",
1442
- "type": {
1443
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1444
- },
1445
- "description": "Specify after margin of a Box",
1446
- "fieldName": "mAfter"
1447
- },
1448
- {
1449
- "name": "m",
1450
- "type": {
1451
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1452
- },
1453
- "description": "Specify all margin",
1454
- "fieldName": "m"
1455
- },
1456
- {
1457
- "name": "p",
1458
- "type": {
1459
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1460
- },
1461
- "description": "Specify all padding",
1462
- "fieldName": "p"
1463
- },
1464
- {
1465
- "name": "gap",
1466
- "type": {
1467
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1468
- },
1469
- "description": "Specify gap between child elements",
1470
- "fieldName": "gap"
1471
- },
1472
- {
1473
- "name": "shadow",
1474
- "type": {
1475
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1476
- },
1477
- "description": "Specify if a Box has a shadow",
1478
- "fieldName": "shadow"
1453
+ "default": "false",
1454
+ "description": "Prevent Escape from closing",
1455
+ "fieldName": "disableCloseOnEscape"
1479
1456
  }
1480
1457
  ],
1481
1458
  "superclass": {
1482
1459
  "name": "LitElement",
1483
1460
  "package": "lit"
1484
1461
  },
1485
- "tagName": "bm-box",
1462
+ "tagName": "bm-alert",
1486
1463
  "customElement": true
1487
1464
  }
1488
1465
  ],
1489
1466
  "exports": [
1490
1467
  {
1491
1468
  "kind": "js",
1492
- "name": "BmBox",
1469
+ "name": "BmAlert",
1493
1470
  "declaration": {
1494
- "name": "BmBox",
1495
- "module": "libs/web-components/src/lib/Box/Box.ts"
1471
+ "name": "BmAlert",
1472
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1496
1473
  }
1497
1474
  },
1498
1475
  {
1499
1476
  "kind": "custom-element-definition",
1500
- "name": "bm-box",
1477
+ "name": "bm-alert",
1501
1478
  "declaration": {
1502
- "name": "BmBox",
1503
- "module": "libs/web-components/src/lib/Box/Box.ts"
1479
+ "name": "BmAlert",
1480
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1504
1481
  }
1505
1482
  }
1506
1483
  ]
1507
1484
  },
1508
1485
  {
1509
1486
  "kind": "javascript-module",
1510
- "path": "libs/web-components/src/lib/Box/index.ts",
1487
+ "path": "libs/web-components/src/lib/Alert/index.ts",
1511
1488
  "declarations": [],
1512
1489
  "exports": [
1513
1490
  {
@@ -1515,131 +1492,154 @@
1515
1492
  "name": "*",
1516
1493
  "declaration": {
1517
1494
  "name": "*",
1518
- "package": "./Box"
1495
+ "package": "./Alert"
1519
1496
  }
1520
1497
  }
1521
1498
  ]
1522
1499
  },
1523
1500
  {
1524
1501
  "kind": "javascript-module",
1525
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1502
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
1526
1503
  "declarations": [
1527
1504
  {
1528
1505
  "kind": "class",
1529
- "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
1530
- "name": "BmBadgeDot",
1506
+ "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
1507
+ "name": "BmBadge",
1531
1508
  "slots": [
1532
1509
  {
1533
- "description": "Provide text for the BadgeDot",
1510
+ "description": "Provide text for the Badge",
1534
1511
  "name": "default"
1512
+ },
1513
+ {
1514
+ "description": "Specify a different icon for the Badge",
1515
+ "name": "icon"
1535
1516
  }
1536
1517
  ],
1537
1518
  "members": [
1519
+ {
1520
+ "kind": "field",
1521
+ "name": "appearance",
1522
+ "type": {
1523
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1524
+ },
1525
+ "default": "'infoPrimary'",
1526
+ "description": "Specify the appearance of the Badge",
1527
+ "attribute": "appearance"
1528
+ },
1538
1529
  {
1539
1530
  "kind": "field",
1540
1531
  "name": "theme",
1541
1532
  "type": {
1542
1533
  "text": "'light' | 'dark' | undefined"
1543
1534
  },
1544
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1535
+ "description": "Theme of the Badge",
1545
1536
  "attribute": "theme"
1546
1537
  },
1547
1538
  {
1548
1539
  "kind": "field",
1549
- "name": "appearance",
1540
+ "name": "size",
1550
1541
  "type": {
1551
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1542
+ "text": "'sm' | 'md' | undefined"
1552
1543
  },
1553
- "default": "'infoPrimary'",
1554
- "description": "Specify the appearance of the BadgeDot",
1555
- "attribute": "appearance"
1544
+ "default": "'sm'",
1545
+ "description": "Specify the size of the Badge",
1546
+ "attribute": "size"
1556
1547
  },
1557
1548
  {
1558
1549
  "kind": "field",
1559
1550
  "name": "emphasis",
1560
1551
  "type": {
1561
- "text": "'strong' | 'subtle'"
1552
+ "text": "'strong' | 'medium' | 'subtle'"
1562
1553
  },
1563
1554
  "default": "'strong'",
1564
- "description": "Specify the emphasis of the BadgeDot",
1555
+ "description": "Specify the emphasis of the Badge",
1565
1556
  "attribute": "emphasis"
1566
1557
  },
1567
1558
  {
1568
1559
  "kind": "field",
1569
- "name": "overrideDotColor",
1560
+ "name": "hideIcon",
1570
1561
  "type": {
1571
- "text": "string | undefined"
1562
+ "text": "boolean | undefined"
1572
1563
  },
1573
- "description": "Overrides default dot color",
1574
- "attribute": "overrideDotColor"
1564
+ "description": "Hides Badge icon",
1565
+ "attribute": "hideIcon"
1575
1566
  }
1576
1567
  ],
1577
1568
  "attributes": [
1569
+ {
1570
+ "name": "appearance",
1571
+ "type": {
1572
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1573
+ },
1574
+ "default": "'infoPrimary'",
1575
+ "description": "Specify the appearance of the Badge",
1576
+ "fieldName": "appearance"
1577
+ },
1578
1578
  {
1579
1579
  "name": "theme",
1580
1580
  "type": {
1581
1581
  "text": "'light' | 'dark' | undefined"
1582
1582
  },
1583
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1583
+ "description": "Theme of the Badge",
1584
1584
  "fieldName": "theme"
1585
1585
  },
1586
1586
  {
1587
- "name": "appearance",
1587
+ "name": "size",
1588
1588
  "type": {
1589
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1589
+ "text": "'sm' | 'md' | undefined"
1590
1590
  },
1591
- "default": "'infoPrimary'",
1592
- "description": "Specify the appearance of the BadgeDot",
1593
- "fieldName": "appearance"
1591
+ "default": "'sm'",
1592
+ "description": "Specify the size of the Badge",
1593
+ "fieldName": "size"
1594
1594
  },
1595
1595
  {
1596
1596
  "name": "emphasis",
1597
1597
  "type": {
1598
- "text": "'strong' | 'subtle'"
1598
+ "text": "'strong' | 'medium' | 'subtle'"
1599
1599
  },
1600
1600
  "default": "'strong'",
1601
- "description": "Specify the emphasis of the BadgeDot",
1601
+ "description": "Specify the emphasis of the Badge",
1602
1602
  "fieldName": "emphasis"
1603
1603
  },
1604
1604
  {
1605
- "name": "overrideDotColor",
1605
+ "name": "hideIcon",
1606
1606
  "type": {
1607
- "text": "string | undefined"
1607
+ "text": "boolean | undefined"
1608
1608
  },
1609
- "description": "Overrides default dot color",
1610
- "fieldName": "overrideDotColor"
1609
+ "description": "Hides Badge icon",
1610
+ "fieldName": "hideIcon"
1611
1611
  }
1612
1612
  ],
1613
1613
  "superclass": {
1614
1614
  "name": "LitElement",
1615
1615
  "package": "lit"
1616
1616
  },
1617
- "tagName": "bm-badge-dot",
1617
+ "tagName": "bm-badge",
1618
1618
  "customElement": true
1619
1619
  }
1620
1620
  ],
1621
1621
  "exports": [
1622
1622
  {
1623
1623
  "kind": "js",
1624
- "name": "BmBadgeDot",
1624
+ "name": "BmBadge",
1625
1625
  "declaration": {
1626
- "name": "BmBadgeDot",
1627
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1626
+ "name": "BmBadge",
1627
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1628
1628
  }
1629
1629
  },
1630
1630
  {
1631
1631
  "kind": "custom-element-definition",
1632
- "name": "bm-badge-dot",
1632
+ "name": "bm-badge",
1633
1633
  "declaration": {
1634
- "name": "BmBadgeDot",
1635
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1634
+ "name": "BmBadge",
1635
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1636
1636
  }
1637
1637
  }
1638
1638
  ]
1639
1639
  },
1640
1640
  {
1641
1641
  "kind": "javascript-module",
1642
- "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1642
+ "path": "libs/web-components/src/lib/Badge/index.ts",
1643
1643
  "declarations": [],
1644
1644
  "exports": [
1645
1645
  {
@@ -1647,7 +1647,7 @@
1647
1647
  "name": "*",
1648
1648
  "declaration": {
1649
1649
  "name": "*",
1650
- "package": "./BadgeDot"
1650
+ "package": "./Badge"
1651
1651
  }
1652
1652
  }
1653
1653
  ]
@@ -8502,68 +8502,68 @@
8502
8502
  },
8503
8503
  {
8504
8504
  "kind": "javascript-module",
8505
- "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
8505
+ "path": "libs/web-components/src/lib/wip/TextField/TextField.ts",
8506
8506
  "declarations": [
8507
8507
  {
8508
8508
  "kind": "class",
8509
- "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",
8510
- "name": "BmSwitch",
8509
+ "description": "### Attributes:\n- **placeholder** - Specify placeholder text for TextField\n- **required** - Specify if TextField is a required input\n- **hideRequiredMarker** - Specify if the TextField displays with an asterisk\n- **error** - Specify error text and display error state of a TextField\n- **readOnly** - Specify if TextField displays in a read-only state\n- **disabled** - Specify if TextField displays in a disabled state\n- **fluid** - Specify if TextField is fluid\n- **width** - Specify the width of TextField\n- **ellipse** - Specify if overflow displays ellipsis\n- **theme** - Specify the theme of the TextField. By default it inherits the theme from the parent\n- **type** \n- **inputMode** ",
8510
+ "name": "BmTextField",
8511
8511
  "slots": [
8512
8512
  {
8513
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8514
- "name": "onText"
8513
+ "description": "Specify the label for TextField",
8514
+ "name": "label"
8515
8515
  },
8516
8516
  {
8517
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8518
- "name": "offText"
8517
+ "description": "Specify the helper text for TextField",
8518
+ "name": "helper-text"
8519
+ },
8520
+ {
8521
+ "description": "Specify content to display after input",
8522
+ "name": "content-after"
8523
+ },
8524
+ {
8525
+ "description": "Specify content to display before input",
8526
+ "name": "content-before"
8519
8527
  }
8520
8528
  ],
8521
8529
  "members": [
8522
8530
  {
8523
8531
  "kind": "field",
8524
- "name": "inputChoiceGroupContext",
8525
- "type": {
8526
- "text": "InputChoiceGroupContextProps"
8527
- }
8528
- },
8529
- {
8530
- "kind": "field",
8531
- "name": "onText",
8532
+ "name": "placeholder",
8532
8533
  "type": {
8533
8534
  "text": "string | undefined"
8534
8535
  },
8535
- "default": "undefined",
8536
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8537
- "attribute": "onText"
8536
+ "description": "Specify placeholder text for TextField",
8537
+ "attribute": "placeholder"
8538
8538
  },
8539
8539
  {
8540
8540
  "kind": "field",
8541
- "name": "offText",
8541
+ "name": "required",
8542
8542
  "type": {
8543
- "text": "string | undefined"
8543
+ "text": "boolean"
8544
8544
  },
8545
- "default": "undefined",
8546
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8547
- "attribute": "offText"
8545
+ "default": "false",
8546
+ "description": "Specify if TextField is a required input",
8547
+ "attribute": "required"
8548
8548
  },
8549
8549
  {
8550
8550
  "kind": "field",
8551
- "name": "theme",
8551
+ "name": "hideRequiredMarker",
8552
8552
  "type": {
8553
- "text": "ThemeTypes | undefined"
8553
+ "text": "boolean"
8554
8554
  },
8555
- "default": "undefined",
8556
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
8555
+ "default": "false",
8556
+ "description": "Specify if the TextField displays with an asterisk",
8557
+ "attribute": "hideRequiredMarker"
8557
8558
  },
8558
8559
  {
8559
8560
  "kind": "field",
8560
- "name": "textPosition",
8561
+ "name": "error",
8561
8562
  "type": {
8562
- "text": "'before' | 'after'"
8563
+ "text": "string | undefined"
8563
8564
  },
8564
- "default": "'after'",
8565
- "description": "Specify the position of the side label",
8566
- "attribute": "textPosition"
8565
+ "description": "Specify error text and display error state of a TextField",
8566
+ "attribute": "error"
8567
8567
  },
8568
8568
  {
8569
8569
  "kind": "field",
@@ -8572,7 +8572,7 @@
8572
8572
  "text": "boolean"
8573
8573
  },
8574
8574
  "default": "false",
8575
- "description": "Specify if Switch displays in a read-only state",
8575
+ "description": "Specify if TextField displays in a read-only state",
8576
8576
  "attribute": "readOnly"
8577
8577
  },
8578
8578
  {
@@ -8582,59 +8582,235 @@
8582
8582
  "text": "boolean"
8583
8583
  },
8584
8584
  "default": "false",
8585
- "description": "Specify if Switch displays in a disabled state",
8585
+ "description": "Specify if TextField displays in a disabled state",
8586
8586
  "attribute": "disabled"
8587
8587
  },
8588
8588
  {
8589
8589
  "kind": "field",
8590
- "name": "checked",
8590
+ "name": "fluid",
8591
8591
  "type": {
8592
8592
  "text": "boolean"
8593
8593
  },
8594
8594
  "default": "false",
8595
- "attribute": "checked"
8595
+ "description": "Specify if TextField is fluid",
8596
+ "attribute": "fluid"
8597
+ },
8598
+ {
8599
+ "kind": "field",
8600
+ "name": "width",
8601
+ "type": {
8602
+ "text": "string | undefined"
8603
+ },
8604
+ "description": "Specify the width of TextField",
8605
+ "attribute": "width"
8606
+ },
8607
+ {
8608
+ "kind": "field",
8609
+ "name": "ellipse",
8610
+ "type": {
8611
+ "text": "boolean"
8612
+ },
8613
+ "default": "false",
8614
+ "description": "Specify if overflow displays ellipsis",
8615
+ "attribute": "ellipse"
8616
+ },
8617
+ {
8618
+ "kind": "field",
8619
+ "name": "theme",
8620
+ "type": {
8621
+ "text": "'light' | 'dark' | undefined"
8622
+ },
8623
+ "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
8624
+ "attribute": "theme"
8625
+ },
8626
+ {
8627
+ "kind": "field",
8628
+ "name": "type",
8629
+ "type": {
8630
+ "text": "string"
8631
+ },
8632
+ "default": "'text'",
8633
+ "attribute": "type"
8634
+ },
8635
+ {
8636
+ "kind": "field",
8637
+ "name": "inputMode",
8638
+ "type": {
8639
+ "text": "string"
8640
+ },
8641
+ "default": "'text'",
8642
+ "attribute": "inputMode"
8643
+ },
8644
+ {
8645
+ "kind": "field",
8646
+ "name": "formAssociated",
8647
+ "type": {
8648
+ "text": "boolean"
8649
+ },
8650
+ "static": true,
8651
+ "default": "true",
8652
+ "inheritedFrom": {
8653
+ "name": "FormField",
8654
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8655
+ }
8656
+ },
8657
+ {
8658
+ "kind": "field",
8659
+ "name": "id",
8660
+ "type": {
8661
+ "text": "string"
8662
+ },
8663
+ "default": "''",
8664
+ "attribute": "id",
8665
+ "inheritedFrom": {
8666
+ "name": "FormField",
8667
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8668
+ }
8669
+ },
8670
+ {
8671
+ "kind": "field",
8672
+ "name": "name",
8673
+ "type": {
8674
+ "text": "string"
8675
+ },
8676
+ "default": "''",
8677
+ "attribute": "name",
8678
+ "inheritedFrom": {
8679
+ "name": "FormField",
8680
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8681
+ }
8596
8682
  },
8597
8683
  {
8598
8684
  "kind": "field",
8599
8685
  "name": "value",
8686
+ "type": {
8687
+ "text": "string"
8688
+ },
8689
+ "default": "''",
8690
+ "attribute": "value",
8691
+ "inheritedFrom": {
8692
+ "name": "FormField",
8693
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8694
+ }
8695
+ },
8696
+ {
8697
+ "kind": "field",
8698
+ "name": "validationRules",
8699
+ "type": {
8700
+ "text": "Array<FormValidator>"
8701
+ },
8702
+ "default": "[]",
8703
+ "attribute": "validationRules",
8704
+ "inheritedFrom": {
8705
+ "name": "FormField",
8706
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8707
+ }
8708
+ },
8709
+ {
8710
+ "kind": "field",
8711
+ "name": "inputAriaLabel",
8600
8712
  "type": {
8601
8713
  "text": "string | undefined"
8602
8714
  },
8603
- "description": "The value attribute for the input element",
8604
- "attribute": "value"
8715
+ "attribute": "input-aria-label",
8716
+ "inheritedFrom": {
8717
+ "name": "FormField",
8718
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8719
+ }
8605
8720
  },
8606
8721
  {
8607
8722
  "kind": "field",
8608
- "name": "switchRef"
8723
+ "name": "formContext",
8724
+ "type": {
8725
+ "text": "BmFormContext"
8726
+ },
8727
+ "inheritedFrom": {
8728
+ "name": "FormField",
8729
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8730
+ }
8731
+ },
8732
+ {
8733
+ "kind": "method",
8734
+ "name": "formAssociatedCallback",
8735
+ "return": {
8736
+ "type": {
8737
+ "text": "void"
8738
+ }
8739
+ },
8740
+ "inheritedFrom": {
8741
+ "name": "FormField",
8742
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8743
+ }
8744
+ },
8745
+ {
8746
+ "kind": "method",
8747
+ "name": "formResetCallback",
8748
+ "return": {
8749
+ "type": {
8750
+ "text": "void"
8751
+ }
8752
+ },
8753
+ "inheritedFrom": {
8754
+ "name": "FormField",
8755
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8756
+ }
8757
+ },
8758
+ {
8759
+ "kind": "method",
8760
+ "name": "finalizeAssociatedCallback",
8761
+ "return": {
8762
+ "type": {
8763
+ "text": "FinalizeAssociatedResult"
8764
+ }
8765
+ },
8766
+ "parameters": [
8767
+ {
8768
+ "name": "ctxValue",
8769
+ "type": {
8770
+ "text": "string"
8771
+ }
8772
+ }
8773
+ ],
8774
+ "inheritedFrom": {
8775
+ "name": "FormField",
8776
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8777
+ }
8609
8778
  }
8610
8779
  ],
8611
8780
  "attributes": [
8612
8781
  {
8613
- "name": "onText",
8782
+ "name": "placeholder",
8614
8783
  "type": {
8615
8784
  "text": "string | undefined"
8616
8785
  },
8617
- "default": "undefined",
8618
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8619
- "fieldName": "onText"
8786
+ "description": "Specify placeholder text for TextField",
8787
+ "fieldName": "placeholder"
8620
8788
  },
8621
8789
  {
8622
- "name": "offText",
8790
+ "name": "required",
8623
8791
  "type": {
8624
- "text": "string | undefined"
8792
+ "text": "boolean"
8625
8793
  },
8626
- "default": "undefined",
8627
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8628
- "fieldName": "offText"
8794
+ "default": "false",
8795
+ "description": "Specify if TextField is a required input",
8796
+ "fieldName": "required"
8629
8797
  },
8630
8798
  {
8631
- "name": "textPosition",
8799
+ "name": "hideRequiredMarker",
8632
8800
  "type": {
8633
- "text": "'before' | 'after'"
8801
+ "text": "boolean"
8634
8802
  },
8635
- "default": "'after'",
8636
- "description": "Specify the position of the side label",
8637
- "fieldName": "textPosition"
8803
+ "default": "false",
8804
+ "description": "Specify if the TextField displays with an asterisk",
8805
+ "fieldName": "hideRequiredMarker"
8806
+ },
8807
+ {
8808
+ "name": "error",
8809
+ "type": {
8810
+ "text": "string | undefined"
8811
+ },
8812
+ "description": "Specify error text and display error state of a TextField",
8813
+ "fieldName": "error"
8638
8814
  },
8639
8815
  {
8640
8816
  "name": "readOnly",
@@ -8642,7 +8818,7 @@
8642
8818
  "text": "boolean"
8643
8819
  },
8644
8820
  "default": "false",
8645
- "description": "Specify if Switch displays in a read-only state",
8821
+ "description": "Specify if TextField displays in a read-only state",
8646
8822
  "fieldName": "readOnly"
8647
8823
  },
8648
8824
  {
@@ -8651,56 +8827,150 @@
8651
8827
  "text": "boolean"
8652
8828
  },
8653
8829
  "default": "false",
8654
- "description": "Specify if Switch displays in a disabled state",
8830
+ "description": "Specify if TextField displays in a disabled state",
8655
8831
  "fieldName": "disabled"
8656
8832
  },
8657
8833
  {
8658
- "name": "checked",
8834
+ "name": "fluid",
8659
8835
  "type": {
8660
8836
  "text": "boolean"
8661
8837
  },
8662
8838
  "default": "false",
8663
- "fieldName": "checked"
8839
+ "description": "Specify if TextField is fluid",
8840
+ "fieldName": "fluid"
8841
+ },
8842
+ {
8843
+ "name": "width",
8844
+ "type": {
8845
+ "text": "string | undefined"
8846
+ },
8847
+ "description": "Specify the width of TextField",
8848
+ "fieldName": "width"
8849
+ },
8850
+ {
8851
+ "name": "ellipse",
8852
+ "type": {
8853
+ "text": "boolean"
8854
+ },
8855
+ "default": "false",
8856
+ "description": "Specify if overflow displays ellipsis",
8857
+ "fieldName": "ellipse"
8858
+ },
8859
+ {
8860
+ "name": "theme",
8861
+ "type": {
8862
+ "text": "'light' | 'dark' | undefined"
8863
+ },
8864
+ "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
8865
+ "fieldName": "theme"
8866
+ },
8867
+ {
8868
+ "name": "type",
8869
+ "type": {
8870
+ "text": "string"
8871
+ },
8872
+ "default": "'text'",
8873
+ "fieldName": "type"
8874
+ },
8875
+ {
8876
+ "name": "inputMode",
8877
+ "type": {
8878
+ "text": "string"
8879
+ },
8880
+ "default": "'text'",
8881
+ "fieldName": "inputMode"
8882
+ },
8883
+ {
8884
+ "name": "id",
8885
+ "type": {
8886
+ "text": "string"
8887
+ },
8888
+ "default": "''",
8889
+ "fieldName": "id",
8890
+ "inheritedFrom": {
8891
+ "name": "FormField",
8892
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8893
+ }
8894
+ },
8895
+ {
8896
+ "name": "name",
8897
+ "type": {
8898
+ "text": "string"
8899
+ },
8900
+ "default": "''",
8901
+ "fieldName": "name",
8902
+ "inheritedFrom": {
8903
+ "name": "FormField",
8904
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8905
+ }
8906
+ },
8907
+ {
8908
+ "name": "value",
8909
+ "type": {
8910
+ "text": "string"
8911
+ },
8912
+ "default": "''",
8913
+ "fieldName": "value",
8914
+ "inheritedFrom": {
8915
+ "name": "FormField",
8916
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8917
+ }
8918
+ },
8919
+ {
8920
+ "name": "validationRules",
8921
+ "type": {
8922
+ "text": "Array<FormValidator>"
8923
+ },
8924
+ "default": "[]",
8925
+ "fieldName": "validationRules",
8926
+ "inheritedFrom": {
8927
+ "name": "FormField",
8928
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8929
+ }
8664
8930
  },
8665
8931
  {
8666
- "name": "value",
8932
+ "name": "input-aria-label",
8667
8933
  "type": {
8668
8934
  "text": "string | undefined"
8669
8935
  },
8670
- "description": "The value attribute for the input element",
8671
- "fieldName": "value"
8936
+ "fieldName": "inputAriaLabel",
8937
+ "inheritedFrom": {
8938
+ "name": "FormField",
8939
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8940
+ }
8672
8941
  }
8673
8942
  ],
8674
8943
  "superclass": {
8675
- "name": "LitElement",
8676
- "package": "lit"
8944
+ "name": "FormField",
8945
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8677
8946
  },
8678
- "tagName": "bm-switch",
8947
+ "summary": "`bm-text-field`",
8948
+ "tagName": "bm-text-field",
8679
8949
  "customElement": true
8680
8950
  }
8681
8951
  ],
8682
8952
  "exports": [
8683
8953
  {
8684
8954
  "kind": "js",
8685
- "name": "BmSwitch",
8955
+ "name": "BmTextField",
8686
8956
  "declaration": {
8687
- "name": "BmSwitch",
8688
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
8957
+ "name": "BmTextField",
8958
+ "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
8689
8959
  }
8690
8960
  },
8691
8961
  {
8692
8962
  "kind": "custom-element-definition",
8693
- "name": "bm-switch",
8963
+ "name": "bm-text-field",
8694
8964
  "declaration": {
8695
- "name": "BmSwitch",
8696
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
8965
+ "name": "BmTextField",
8966
+ "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
8697
8967
  }
8698
8968
  }
8699
8969
  ]
8700
8970
  },
8701
8971
  {
8702
8972
  "kind": "javascript-module",
8703
- "path": "libs/web-components/src/lib/wip/Switch/index.ts",
8973
+ "path": "libs/web-components/src/lib/wip/TextField/index.ts",
8704
8974
  "declarations": [],
8705
8975
  "exports": [
8706
8976
  {
@@ -8708,15 +8978,7 @@
8708
8978
  "name": "*",
8709
8979
  "declaration": {
8710
8980
  "name": "*",
8711
- "package": "./Switch"
8712
- }
8713
- },
8714
- {
8715
- "kind": "js",
8716
- "name": "*",
8717
- "declaration": {
8718
- "name": "*",
8719
- "package": "./SwitchGroup/SwitchGroup"
8981
+ "package": "./TextField"
8720
8982
  }
8721
8983
  }
8722
8984
  ]
@@ -9238,475 +9500,205 @@
9238
9500
  },
9239
9501
  {
9240
9502
  "kind": "javascript-module",
9241
- "path": "libs/web-components/src/lib/wip/TextField/TextField.ts",
9503
+ "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9242
9504
  "declarations": [
9243
9505
  {
9244
9506
  "kind": "class",
9245
- "description": "### Attributes:\n- **placeholder** - Specify placeholder text for TextField\n- **required** - Specify if TextField is a required input\n- **hideRequiredMarker** - Specify if the TextField displays with an asterisk\n- **error** - Specify error text and display error state of a TextField\n- **readOnly** - Specify if TextField displays in a read-only state\n- **disabled** - Specify if TextField displays in a disabled state\n- **fluid** - Specify if TextField is fluid\n- **width** - Specify the width of TextField\n- **ellipse** - Specify if overflow displays ellipsis\n- **theme** - Specify the theme of the TextField. By default it inherits the theme from the parent\n- **type** \n- **inputMode** ",
9246
- "name": "BmTextField",
9507
+ "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",
9508
+ "name": "BmSwitch",
9247
9509
  "slots": [
9248
9510
  {
9249
- "description": "Specify the label for TextField",
9250
- "name": "label"
9251
- },
9252
- {
9253
- "description": "Specify the helper text for TextField",
9254
- "name": "helper-text"
9255
- },
9256
- {
9257
- "description": "Specify content to display after input",
9258
- "name": "content-after"
9259
- },
9260
- {
9261
- "description": "Specify content to display before input",
9262
- "name": "content-before"
9263
- }
9264
- ],
9265
- "members": [
9266
- {
9267
- "kind": "field",
9268
- "name": "placeholder",
9269
- "type": {
9270
- "text": "string | undefined"
9271
- },
9272
- "description": "Specify placeholder text for TextField",
9273
- "attribute": "placeholder"
9274
- },
9275
- {
9276
- "kind": "field",
9277
- "name": "required",
9278
- "type": {
9279
- "text": "boolean"
9280
- },
9281
- "default": "false",
9282
- "description": "Specify if TextField is a required input",
9283
- "attribute": "required"
9284
- },
9285
- {
9286
- "kind": "field",
9287
- "name": "hideRequiredMarker",
9288
- "type": {
9289
- "text": "boolean"
9290
- },
9291
- "default": "false",
9292
- "description": "Specify if the TextField displays with an asterisk",
9293
- "attribute": "hideRequiredMarker"
9294
- },
9295
- {
9296
- "kind": "field",
9297
- "name": "error",
9298
- "type": {
9299
- "text": "string | undefined"
9300
- },
9301
- "description": "Specify error text and display error state of a TextField",
9302
- "attribute": "error"
9303
- },
9304
- {
9305
- "kind": "field",
9306
- "name": "readOnly",
9307
- "type": {
9308
- "text": "boolean"
9309
- },
9310
- "default": "false",
9311
- "description": "Specify if TextField displays in a read-only state",
9312
- "attribute": "readOnly"
9313
- },
9314
- {
9315
- "kind": "field",
9316
- "name": "disabled",
9317
- "type": {
9318
- "text": "boolean"
9319
- },
9320
- "default": "false",
9321
- "description": "Specify if TextField displays in a disabled state",
9322
- "attribute": "disabled"
9323
- },
9324
- {
9325
- "kind": "field",
9326
- "name": "fluid",
9327
- "type": {
9328
- "text": "boolean"
9329
- },
9330
- "default": "false",
9331
- "description": "Specify if TextField is fluid",
9332
- "attribute": "fluid"
9333
- },
9334
- {
9335
- "kind": "field",
9336
- "name": "width",
9337
- "type": {
9338
- "text": "string | undefined"
9339
- },
9340
- "description": "Specify the width of TextField",
9341
- "attribute": "width"
9342
- },
9343
- {
9344
- "kind": "field",
9345
- "name": "ellipse",
9346
- "type": {
9347
- "text": "boolean"
9348
- },
9349
- "default": "false",
9350
- "description": "Specify if overflow displays ellipsis",
9351
- "attribute": "ellipse"
9352
- },
9353
- {
9354
- "kind": "field",
9355
- "name": "theme",
9356
- "type": {
9357
- "text": "'light' | 'dark' | undefined"
9358
- },
9359
- "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
9360
- "attribute": "theme"
9361
- },
9362
- {
9363
- "kind": "field",
9364
- "name": "type",
9365
- "type": {
9366
- "text": "string"
9367
- },
9368
- "default": "'text'",
9369
- "attribute": "type"
9370
- },
9371
- {
9372
- "kind": "field",
9373
- "name": "inputMode",
9374
- "type": {
9375
- "text": "string"
9376
- },
9377
- "default": "'text'",
9378
- "attribute": "inputMode"
9379
- },
9380
- {
9381
- "kind": "field",
9382
- "name": "formAssociated",
9383
- "type": {
9384
- "text": "boolean"
9385
- },
9386
- "static": true,
9387
- "default": "true",
9388
- "inheritedFrom": {
9389
- "name": "FormField",
9390
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9391
- }
9392
- },
9393
- {
9394
- "kind": "field",
9395
- "name": "id",
9396
- "type": {
9397
- "text": "string"
9398
- },
9399
- "default": "''",
9400
- "attribute": "id",
9401
- "inheritedFrom": {
9402
- "name": "FormField",
9403
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9404
- }
9405
- },
9406
- {
9407
- "kind": "field",
9408
- "name": "name",
9409
- "type": {
9410
- "text": "string"
9411
- },
9412
- "default": "''",
9413
- "attribute": "name",
9414
- "inheritedFrom": {
9415
- "name": "FormField",
9416
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9417
- }
9418
- },
9419
- {
9420
- "kind": "field",
9421
- "name": "value",
9422
- "type": {
9423
- "text": "string"
9424
- },
9425
- "default": "''",
9426
- "attribute": "value",
9427
- "inheritedFrom": {
9428
- "name": "FormField",
9429
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9430
- }
9431
- },
9432
- {
9433
- "kind": "field",
9434
- "name": "validationRules",
9435
- "type": {
9436
- "text": "Array<FormValidator>"
9437
- },
9438
- "default": "[]",
9439
- "attribute": "validationRules",
9440
- "inheritedFrom": {
9441
- "name": "FormField",
9442
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9443
- }
9444
- },
9445
- {
9446
- "kind": "field",
9447
- "name": "inputAriaLabel",
9448
- "type": {
9449
- "text": "string | undefined"
9450
- },
9451
- "attribute": "input-aria-label",
9452
- "inheritedFrom": {
9453
- "name": "FormField",
9454
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9455
- }
9511
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9512
+ "name": "onText"
9456
9513
  },
9514
+ {
9515
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9516
+ "name": "offText"
9517
+ }
9518
+ ],
9519
+ "members": [
9457
9520
  {
9458
9521
  "kind": "field",
9459
- "name": "formContext",
9522
+ "name": "inputChoiceGroupContext",
9460
9523
  "type": {
9461
- "text": "BmFormContext"
9462
- },
9463
- "inheritedFrom": {
9464
- "name": "FormField",
9465
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9466
- }
9467
- },
9468
- {
9469
- "kind": "method",
9470
- "name": "formAssociatedCallback",
9471
- "return": {
9472
- "type": {
9473
- "text": "void"
9474
- }
9475
- },
9476
- "inheritedFrom": {
9477
- "name": "FormField",
9478
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9479
- }
9480
- },
9481
- {
9482
- "kind": "method",
9483
- "name": "formResetCallback",
9484
- "return": {
9485
- "type": {
9486
- "text": "void"
9487
- }
9488
- },
9489
- "inheritedFrom": {
9490
- "name": "FormField",
9491
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9524
+ "text": "InputChoiceGroupContextProps"
9492
9525
  }
9493
9526
  },
9494
9527
  {
9495
- "kind": "method",
9496
- "name": "finalizeAssociatedCallback",
9497
- "return": {
9498
- "type": {
9499
- "text": "FinalizeAssociatedResult"
9500
- }
9501
- },
9502
- "parameters": [
9503
- {
9504
- "name": "ctxValue",
9505
- "type": {
9506
- "text": "string"
9507
- }
9508
- }
9509
- ],
9510
- "inheritedFrom": {
9511
- "name": "FormField",
9512
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9513
- }
9514
- }
9515
- ],
9516
- "attributes": [
9517
- {
9518
- "name": "placeholder",
9528
+ "kind": "field",
9529
+ "name": "onText",
9519
9530
  "type": {
9520
9531
  "text": "string | undefined"
9521
9532
  },
9522
- "description": "Specify placeholder text for TextField",
9523
- "fieldName": "placeholder"
9533
+ "default": "undefined",
9534
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9535
+ "attribute": "onText"
9524
9536
  },
9525
9537
  {
9526
- "name": "required",
9538
+ "kind": "field",
9539
+ "name": "offText",
9527
9540
  "type": {
9528
- "text": "boolean"
9541
+ "text": "string | undefined"
9529
9542
  },
9530
- "default": "false",
9531
- "description": "Specify if TextField is a required input",
9532
- "fieldName": "required"
9543
+ "default": "undefined",
9544
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9545
+ "attribute": "offText"
9533
9546
  },
9534
9547
  {
9535
- "name": "hideRequiredMarker",
9548
+ "kind": "field",
9549
+ "name": "theme",
9536
9550
  "type": {
9537
- "text": "boolean"
9551
+ "text": "ThemeTypes | undefined"
9538
9552
  },
9539
- "default": "false",
9540
- "description": "Specify if the TextField displays with an asterisk",
9541
- "fieldName": "hideRequiredMarker"
9553
+ "default": "undefined",
9554
+ "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9542
9555
  },
9543
9556
  {
9544
- "name": "error",
9557
+ "kind": "field",
9558
+ "name": "textPosition",
9545
9559
  "type": {
9546
- "text": "string | undefined"
9560
+ "text": "'before' | 'after'"
9547
9561
  },
9548
- "description": "Specify error text and display error state of a TextField",
9549
- "fieldName": "error"
9562
+ "default": "'after'",
9563
+ "description": "Specify the position of the side label",
9564
+ "attribute": "textPosition"
9550
9565
  },
9551
9566
  {
9567
+ "kind": "field",
9552
9568
  "name": "readOnly",
9553
9569
  "type": {
9554
9570
  "text": "boolean"
9555
9571
  },
9556
9572
  "default": "false",
9557
- "description": "Specify if TextField displays in a read-only state",
9558
- "fieldName": "readOnly"
9573
+ "description": "Specify if Switch displays in a read-only state",
9574
+ "attribute": "readOnly"
9559
9575
  },
9560
9576
  {
9577
+ "kind": "field",
9561
9578
  "name": "disabled",
9562
9579
  "type": {
9563
9580
  "text": "boolean"
9564
9581
  },
9565
9582
  "default": "false",
9566
- "description": "Specify if TextField displays in a disabled state",
9567
- "fieldName": "disabled"
9583
+ "description": "Specify if Switch displays in a disabled state",
9584
+ "attribute": "disabled"
9568
9585
  },
9569
9586
  {
9570
- "name": "fluid",
9587
+ "kind": "field",
9588
+ "name": "checked",
9571
9589
  "type": {
9572
9590
  "text": "boolean"
9573
9591
  },
9574
9592
  "default": "false",
9575
- "description": "Specify if TextField is fluid",
9576
- "fieldName": "fluid"
9593
+ "attribute": "checked"
9577
9594
  },
9578
9595
  {
9579
- "name": "width",
9596
+ "kind": "field",
9597
+ "name": "value",
9580
9598
  "type": {
9581
9599
  "text": "string | undefined"
9582
9600
  },
9583
- "description": "Specify the width of TextField",
9584
- "fieldName": "width"
9585
- },
9586
- {
9587
- "name": "ellipse",
9588
- "type": {
9589
- "text": "boolean"
9590
- },
9591
- "default": "false",
9592
- "description": "Specify if overflow displays ellipsis",
9593
- "fieldName": "ellipse"
9601
+ "description": "The value attribute for the input element",
9602
+ "attribute": "value"
9594
9603
  },
9595
9604
  {
9596
- "name": "theme",
9597
- "type": {
9598
- "text": "'light' | 'dark' | undefined"
9599
- },
9600
- "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
9601
- "fieldName": "theme"
9602
- },
9605
+ "kind": "field",
9606
+ "name": "switchRef"
9607
+ }
9608
+ ],
9609
+ "attributes": [
9603
9610
  {
9604
- "name": "type",
9611
+ "name": "onText",
9605
9612
  "type": {
9606
- "text": "string"
9613
+ "text": "string | undefined"
9607
9614
  },
9608
- "default": "'text'",
9609
- "fieldName": "type"
9615
+ "default": "undefined",
9616
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9617
+ "fieldName": "onText"
9610
9618
  },
9611
9619
  {
9612
- "name": "inputMode",
9620
+ "name": "offText",
9613
9621
  "type": {
9614
- "text": "string"
9622
+ "text": "string | undefined"
9615
9623
  },
9616
- "default": "'text'",
9617
- "fieldName": "inputMode"
9624
+ "default": "undefined",
9625
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9626
+ "fieldName": "offText"
9618
9627
  },
9619
9628
  {
9620
- "name": "id",
9629
+ "name": "textPosition",
9621
9630
  "type": {
9622
- "text": "string"
9631
+ "text": "'before' | 'after'"
9623
9632
  },
9624
- "default": "''",
9625
- "fieldName": "id",
9626
- "inheritedFrom": {
9627
- "name": "FormField",
9628
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9629
- }
9633
+ "default": "'after'",
9634
+ "description": "Specify the position of the side label",
9635
+ "fieldName": "textPosition"
9630
9636
  },
9631
9637
  {
9632
- "name": "name",
9638
+ "name": "readOnly",
9633
9639
  "type": {
9634
- "text": "string"
9640
+ "text": "boolean"
9635
9641
  },
9636
- "default": "''",
9637
- "fieldName": "name",
9638
- "inheritedFrom": {
9639
- "name": "FormField",
9640
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9641
- }
9642
+ "default": "false",
9643
+ "description": "Specify if Switch displays in a read-only state",
9644
+ "fieldName": "readOnly"
9642
9645
  },
9643
9646
  {
9644
- "name": "value",
9647
+ "name": "disabled",
9645
9648
  "type": {
9646
- "text": "string"
9649
+ "text": "boolean"
9647
9650
  },
9648
- "default": "''",
9649
- "fieldName": "value",
9650
- "inheritedFrom": {
9651
- "name": "FormField",
9652
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9653
- }
9651
+ "default": "false",
9652
+ "description": "Specify if Switch displays in a disabled state",
9653
+ "fieldName": "disabled"
9654
9654
  },
9655
9655
  {
9656
- "name": "validationRules",
9656
+ "name": "checked",
9657
9657
  "type": {
9658
- "text": "Array<FormValidator>"
9658
+ "text": "boolean"
9659
9659
  },
9660
- "default": "[]",
9661
- "fieldName": "validationRules",
9662
- "inheritedFrom": {
9663
- "name": "FormField",
9664
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9665
- }
9660
+ "default": "false",
9661
+ "fieldName": "checked"
9666
9662
  },
9667
9663
  {
9668
- "name": "input-aria-label",
9664
+ "name": "value",
9669
9665
  "type": {
9670
9666
  "text": "string | undefined"
9671
9667
  },
9672
- "fieldName": "inputAriaLabel",
9673
- "inheritedFrom": {
9674
- "name": "FormField",
9675
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9676
- }
9668
+ "description": "The value attribute for the input element",
9669
+ "fieldName": "value"
9677
9670
  }
9678
9671
  ],
9679
9672
  "superclass": {
9680
- "name": "FormField",
9681
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
9673
+ "name": "LitElement",
9674
+ "package": "lit"
9682
9675
  },
9683
- "summary": "`bm-text-field`",
9684
- "tagName": "bm-text-field",
9676
+ "tagName": "bm-switch",
9685
9677
  "customElement": true
9686
9678
  }
9687
9679
  ],
9688
9680
  "exports": [
9689
9681
  {
9690
9682
  "kind": "js",
9691
- "name": "BmTextField",
9683
+ "name": "BmSwitch",
9692
9684
  "declaration": {
9693
- "name": "BmTextField",
9694
- "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
9685
+ "name": "BmSwitch",
9686
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9695
9687
  }
9696
9688
  },
9697
9689
  {
9698
9690
  "kind": "custom-element-definition",
9699
- "name": "bm-text-field",
9691
+ "name": "bm-switch",
9700
9692
  "declaration": {
9701
- "name": "BmTextField",
9702
- "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
9693
+ "name": "BmSwitch",
9694
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9703
9695
  }
9704
9696
  }
9705
9697
  ]
9706
9698
  },
9707
9699
  {
9708
9700
  "kind": "javascript-module",
9709
- "path": "libs/web-components/src/lib/wip/TextField/index.ts",
9701
+ "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9710
9702
  "declarations": [],
9711
9703
  "exports": [
9712
9704
  {
@@ -9714,7 +9706,15 @@
9714
9706
  "name": "*",
9715
9707
  "declaration": {
9716
9708
  "name": "*",
9717
- "package": "./TextField"
9709
+ "package": "./Switch"
9710
+ }
9711
+ },
9712
+ {
9713
+ "kind": "js",
9714
+ "name": "*",
9715
+ "declaration": {
9716
+ "name": "*",
9717
+ "package": "./SwitchGroup/SwitchGroup"
9718
9718
  }
9719
9719
  }
9720
9720
  ]