@viasat/beam-web-components 2.18.1 → 2.19.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 +1079 -1079
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +247 -247
package/custom-elements.json CHANGED
@@ -686,392 +686,428 @@
686
686
  },
687
687
  {
688
688
  "kind": "javascript-module",
689
- "path": "libs/web-components/src/lib/Box/Box.ts",
689
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
690
690
  "declarations": [
691
691
  {
692
692
  "kind": "class",
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",
693
+ "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",
694
+ "name": "BmBadge",
695
695
  "slots": [
696
696
  {
697
- "description": "Provide content for the Box",
697
+ "description": "Provide text for the Badge",
698
698
  "name": "default"
699
+ },
700
+ {
701
+ "description": "Specify a different icon for the Badge",
702
+ "name": "icon"
699
703
  }
700
704
  ],
701
705
  "members": [
702
706
  {
703
707
  "kind": "field",
704
- "name": "backgroundColor",
708
+ "name": "appearance",
705
709
  "type": {
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"
710
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
707
711
  },
708
- "description": "Specify the background color of a Box",
709
- "attribute": "backgroundColor"
712
+ "default": "'infoPrimary'",
713
+ "description": "Specify the appearance of the Badge",
714
+ "attribute": "appearance"
710
715
  },
711
716
  {
712
717
  "kind": "field",
713
- "name": "borderColor",
718
+ "name": "theme",
714
719
  "type": {
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"
720
+ "text": "'light' | 'dark' | undefined"
716
721
  },
717
- "description": "Specify the border color of a Box",
718
- "attribute": "borderColor"
722
+ "description": "Theme of the Badge",
723
+ "attribute": "theme"
719
724
  },
720
725
  {
721
726
  "kind": "field",
722
- "name": "borderWidth",
727
+ "name": "size",
723
728
  "type": {
724
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
729
+ "text": "'sm' | 'md' | undefined"
725
730
  },
726
- "description": "Specify the border width of a Box",
727
- "attribute": "borderWidth"
731
+ "default": "'sm'",
732
+ "description": "Specify the size of the Badge",
733
+ "attribute": "size"
728
734
  },
729
735
  {
730
736
  "kind": "field",
731
- "name": "borderRadius",
737
+ "name": "emphasis",
732
738
  "type": {
733
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
739
+ "text": "'strong' | 'medium' | 'subtle'"
734
740
  },
735
- "description": "Specify the border radius of a Box",
736
- "attribute": "borderRadius"
741
+ "default": "'strong'",
742
+ "description": "Specify the emphasis of the Badge",
743
+ "attribute": "emphasis"
737
744
  },
738
745
  {
739
746
  "kind": "field",
740
- "name": "px",
747
+ "name": "hideIcon",
741
748
  "type": {
742
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
749
+ "text": "boolean | undefined"
743
750
  },
744
- "description": "Specify before and after padding of a Box",
745
- "attribute": "px"
746
- },
751
+ "description": "Hides Badge icon",
752
+ "attribute": "hideIcon"
753
+ }
754
+ ],
755
+ "attributes": [
747
756
  {
748
- "kind": "field",
749
- "name": "py",
757
+ "name": "appearance",
750
758
  "type": {
751
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
759
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
752
760
  },
753
- "description": "Specify top and bottom padding of a Box",
754
- "attribute": "py"
761
+ "default": "'infoPrimary'",
762
+ "description": "Specify the appearance of the Badge",
763
+ "fieldName": "appearance"
755
764
  },
756
765
  {
757
- "kind": "field",
758
- "name": "pTop",
766
+ "name": "theme",
759
767
  "type": {
760
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
768
+ "text": "'light' | 'dark' | undefined"
761
769
  },
762
- "description": "Specify top padding of a Box",
763
- "attribute": "pTop"
770
+ "description": "Theme of the Badge",
771
+ "fieldName": "theme"
764
772
  },
765
773
  {
766
- "kind": "field",
767
- "name": "pBottom",
774
+ "name": "size",
768
775
  "type": {
769
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
776
+ "text": "'sm' | 'md' | undefined"
770
777
  },
771
- "description": "Specify bottom padding of a Box",
772
- "attribute": "pBottom"
778
+ "default": "'sm'",
779
+ "description": "Specify the size of the Badge",
780
+ "fieldName": "size"
773
781
  },
774
782
  {
775
- "kind": "field",
776
- "name": "pBefore",
783
+ "name": "emphasis",
777
784
  "type": {
778
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
785
+ "text": "'strong' | 'medium' | 'subtle'"
779
786
  },
780
- "description": "Specify before padding of a Box",
781
- "attribute": "pBefore"
787
+ "default": "'strong'",
788
+ "description": "Specify the emphasis of the Badge",
789
+ "fieldName": "emphasis"
782
790
  },
783
791
  {
784
- "kind": "field",
785
- "name": "pAfter",
792
+ "name": "hideIcon",
786
793
  "type": {
787
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
794
+ "text": "boolean | undefined"
788
795
  },
789
- "description": "Specify after padding of a Box",
790
- "attribute": "pAfter"
796
+ "description": "Hides Badge icon",
797
+ "fieldName": "hideIcon"
798
+ }
799
+ ],
800
+ "superclass": {
801
+ "name": "LitElement",
802
+ "package": "lit"
803
+ },
804
+ "tagName": "bm-badge",
805
+ "customElement": true
806
+ }
807
+ ],
808
+ "exports": [
809
+ {
810
+ "kind": "js",
811
+ "name": "BmBadge",
812
+ "declaration": {
813
+ "name": "BmBadge",
814
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
815
+ }
816
+ },
817
+ {
818
+ "kind": "custom-element-definition",
819
+ "name": "bm-badge",
820
+ "declaration": {
821
+ "name": "BmBadge",
822
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
823
+ }
824
+ }
825
+ ]
826
+ },
827
+ {
828
+ "kind": "javascript-module",
829
+ "path": "libs/web-components/src/lib/Badge/index.ts",
830
+ "declarations": [],
831
+ "exports": [
832
+ {
833
+ "kind": "js",
834
+ "name": "*",
835
+ "declaration": {
836
+ "name": "*",
837
+ "package": "./Badge"
838
+ }
839
+ }
840
+ ]
841
+ },
842
+ {
843
+ "kind": "javascript-module",
844
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
845
+ "declarations": [
846
+ {
847
+ "kind": "class",
848
+ "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",
849
+ "name": "BmAlert",
850
+ "slots": [
851
+ {
852
+ "description": "Specify a different icon for the Alert",
853
+ "name": "icon"
854
+ },
855
+ {
856
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
857
+ "name": "heading"
858
+ },
859
+ {
860
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
861
+ "name": "body"
791
862
  },
863
+ {
864
+ "description": "Specify if actions display on the Alert",
865
+ "name": "actions"
866
+ }
867
+ ],
868
+ "members": [
792
869
  {
793
870
  "kind": "field",
794
- "name": "mx",
871
+ "name": "heading",
795
872
  "type": {
796
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
873
+ "text": "string | undefined"
797
874
  },
798
- "description": "Specify before and after margin of a Box",
799
- "attribute": "mx"
875
+ "description": "Specify the heading text for Alert",
876
+ "attribute": "heading"
800
877
  },
801
878
  {
802
879
  "kind": "field",
803
- "name": "my",
880
+ "name": "body",
804
881
  "type": {
805
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
882
+ "text": "string | undefined"
806
883
  },
807
- "description": "Specify top and bottom margin of a Box",
808
- "attribute": "my"
884
+ "description": "Specify the body text for Alert",
885
+ "attribute": "body"
809
886
  },
810
887
  {
811
888
  "kind": "field",
812
- "name": "mTop",
889
+ "name": "size",
813
890
  "type": {
814
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
891
+ "text": "'sm' | 'md'"
815
892
  },
816
- "description": "Specify top margin of a Box",
817
- "attribute": "mTop"
893
+ "default": "'sm'",
894
+ "description": "Specify the size of the Alert",
895
+ "attribute": "size"
818
896
  },
819
897
  {
820
898
  "kind": "field",
821
- "name": "mBottom",
899
+ "name": "fullWidth",
822
900
  "type": {
823
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
901
+ "text": "boolean"
824
902
  },
825
- "description": "Specify bottom margin of a Box",
826
- "attribute": "mBottom"
903
+ "default": "false",
904
+ "description": "Specify if the Alert has no border radius",
905
+ "attribute": "fullWidth"
827
906
  },
828
907
  {
829
908
  "kind": "field",
830
- "name": "mBefore",
909
+ "name": "theme",
831
910
  "type": {
832
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
911
+ "text": "'light' | 'dark' | undefined"
833
912
  },
834
- "description": "Specify before margin of a Box",
835
- "attribute": "mBefore"
913
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
914
+ "attribute": "theme"
836
915
  },
837
916
  {
838
917
  "kind": "field",
839
- "name": "mAfter",
918
+ "name": "appearance",
840
919
  "type": {
841
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
920
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
842
921
  },
843
- "description": "Specify after margin of a Box",
844
- "attribute": "mAfter"
922
+ "default": "'infoPrimary'",
923
+ "description": "Specify the appearance of the Alert",
924
+ "attribute": "appearance"
845
925
  },
846
926
  {
847
927
  "kind": "field",
848
- "name": "m",
928
+ "name": "hidden",
849
929
  "type": {
850
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
930
+ "text": "boolean"
851
931
  },
852
- "description": "Specify all margin",
853
- "attribute": "m"
932
+ "default": "false",
933
+ "description": "Specify if the Alert is hidden",
934
+ "attribute": "hidden"
854
935
  },
855
936
  {
856
937
  "kind": "field",
857
- "name": "p",
938
+ "name": "hideIcon",
858
939
  "type": {
859
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
940
+ "text": "boolean"
860
941
  },
861
- "description": "Specify all padding",
862
- "attribute": "p"
942
+ "default": "false",
943
+ "description": "Specify if the icon displays on the Alert",
944
+ "attribute": "hideIcon"
863
945
  },
864
946
  {
865
947
  "kind": "field",
866
- "name": "gap",
948
+ "name": "dismissible",
867
949
  "type": {
868
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
950
+ "text": "boolean"
869
951
  },
870
- "description": "Specify gap between child elements",
871
- "attribute": "gap"
952
+ "default": "false",
953
+ "description": "Specify if the Alert can be dismissed",
954
+ "attribute": "dismissible"
872
955
  },
873
956
  {
874
957
  "kind": "field",
875
- "name": "shadow",
876
- "type": {
877
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
878
- },
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"
891
- },
892
- {
893
- "name": "borderColor",
894
- "type": {
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"
896
- },
897
- "description": "Specify the border color of a Box",
898
- "fieldName": "borderColor"
899
- },
900
- {
901
- "name": "borderWidth",
902
- "type": {
903
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
904
- },
905
- "description": "Specify the border width of a Box",
906
- "fieldName": "borderWidth"
907
- },
908
- {
909
- "name": "borderRadius",
910
- "type": {
911
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
912
- },
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",
958
+ "name": "disableAutoFocus",
934
959
  "type": {
935
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
960
+ "text": "boolean"
936
961
  },
937
- "description": "Specify top padding of a Box",
938
- "fieldName": "pTop"
962
+ "default": "false",
963
+ "description": "Prevent autofocus on show",
964
+ "attribute": "disableAutoFocus"
939
965
  },
940
966
  {
941
- "name": "pBottom",
967
+ "kind": "field",
968
+ "name": "disableCloseOnEscape",
942
969
  "type": {
943
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
970
+ "text": "boolean"
944
971
  },
945
- "description": "Specify bottom padding of a Box",
946
- "fieldName": "pBottom"
947
- },
972
+ "default": "false",
973
+ "description": "Prevent Escape from closing",
974
+ "attribute": "disableCloseOnEscape"
975
+ }
976
+ ],
977
+ "events": [
948
978
  {
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
- },
979
+ "description": "Dispatched when the Alert has been dismissed",
980
+ "name": "bm-dismiss"
981
+ }
982
+ ],
983
+ "attributes": [
956
984
  {
957
- "name": "pAfter",
985
+ "name": "heading",
958
986
  "type": {
959
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
987
+ "text": "string | undefined"
960
988
  },
961
- "description": "Specify after padding of a Box",
962
- "fieldName": "pAfter"
989
+ "description": "Specify the heading text for Alert",
990
+ "fieldName": "heading"
963
991
  },
964
992
  {
965
- "name": "mx",
993
+ "name": "body",
966
994
  "type": {
967
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
995
+ "text": "string | undefined"
968
996
  },
969
- "description": "Specify before and after margin of a Box",
970
- "fieldName": "mx"
997
+ "description": "Specify the body text for Alert",
998
+ "fieldName": "body"
971
999
  },
972
1000
  {
973
- "name": "my",
1001
+ "name": "size",
974
1002
  "type": {
975
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1003
+ "text": "'sm' | 'md'"
976
1004
  },
977
- "description": "Specify top and bottom margin of a Box",
978
- "fieldName": "my"
1005
+ "default": "'sm'",
1006
+ "description": "Specify the size of the Alert",
1007
+ "fieldName": "size"
979
1008
  },
980
1009
  {
981
- "name": "mTop",
1010
+ "name": "fullWidth",
982
1011
  "type": {
983
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1012
+ "text": "boolean"
984
1013
  },
985
- "description": "Specify top margin of a Box",
986
- "fieldName": "mTop"
1014
+ "default": "false",
1015
+ "description": "Specify if the Alert has no border radius",
1016
+ "fieldName": "fullWidth"
987
1017
  },
988
1018
  {
989
- "name": "mBottom",
1019
+ "name": "theme",
990
1020
  "type": {
991
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1021
+ "text": "'light' | 'dark' | undefined"
992
1022
  },
993
- "description": "Specify bottom margin of a Box",
994
- "fieldName": "mBottom"
1023
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1024
+ "fieldName": "theme"
995
1025
  },
996
1026
  {
997
- "name": "mBefore",
1027
+ "name": "appearance",
998
1028
  "type": {
999
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1029
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1000
1030
  },
1001
- "description": "Specify before margin of a Box",
1002
- "fieldName": "mBefore"
1031
+ "default": "'infoPrimary'",
1032
+ "description": "Specify the appearance of the Alert",
1033
+ "fieldName": "appearance"
1003
1034
  },
1004
1035
  {
1005
- "name": "mAfter",
1036
+ "name": "hidden",
1006
1037
  "type": {
1007
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1038
+ "text": "boolean"
1008
1039
  },
1009
- "description": "Specify after margin of a Box",
1010
- "fieldName": "mAfter"
1040
+ "default": "false",
1041
+ "description": "Specify if the Alert is hidden",
1042
+ "fieldName": "hidden"
1011
1043
  },
1012
1044
  {
1013
- "name": "m",
1045
+ "name": "hideIcon",
1014
1046
  "type": {
1015
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1047
+ "text": "boolean"
1016
1048
  },
1017
- "description": "Specify all margin",
1018
- "fieldName": "m"
1049
+ "default": "false",
1050
+ "description": "Specify if the icon displays on the Alert",
1051
+ "fieldName": "hideIcon"
1019
1052
  },
1020
1053
  {
1021
- "name": "p",
1054
+ "name": "dismissible",
1022
1055
  "type": {
1023
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1056
+ "text": "boolean"
1024
1057
  },
1025
- "description": "Specify all padding",
1026
- "fieldName": "p"
1058
+ "default": "false",
1059
+ "description": "Specify if the Alert can be dismissed",
1060
+ "fieldName": "dismissible"
1027
1061
  },
1028
1062
  {
1029
- "name": "gap",
1063
+ "name": "disableAutoFocus",
1030
1064
  "type": {
1031
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1065
+ "text": "boolean"
1032
1066
  },
1033
- "description": "Specify gap between child elements",
1034
- "fieldName": "gap"
1067
+ "default": "false",
1068
+ "description": "Prevent autofocus on show",
1069
+ "fieldName": "disableAutoFocus"
1035
1070
  },
1036
1071
  {
1037
- "name": "shadow",
1072
+ "name": "disableCloseOnEscape",
1038
1073
  "type": {
1039
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1074
+ "text": "boolean"
1040
1075
  },
1041
- "description": "Specify if a Box has a shadow",
1042
- "fieldName": "shadow"
1076
+ "default": "false",
1077
+ "description": "Prevent Escape from closing",
1078
+ "fieldName": "disableCloseOnEscape"
1043
1079
  }
1044
1080
  ],
1045
1081
  "superclass": {
1046
1082
  "name": "LitElement",
1047
1083
  "package": "lit"
1048
1084
  },
1049
- "tagName": "bm-box",
1085
+ "tagName": "bm-alert",
1050
1086
  "customElement": true
1051
1087
  }
1052
1088
  ],
1053
1089
  "exports": [
1054
1090
  {
1055
1091
  "kind": "js",
1056
- "name": "BmBox",
1092
+ "name": "BmAlert",
1057
1093
  "declaration": {
1058
- "name": "BmBox",
1059
- "module": "libs/web-components/src/lib/Box/Box.ts"
1094
+ "name": "BmAlert",
1095
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1060
1096
  }
1061
1097
  },
1062
1098
  {
1063
1099
  "kind": "custom-element-definition",
1064
- "name": "bm-box",
1100
+ "name": "bm-alert",
1065
1101
  "declaration": {
1066
- "name": "BmBox",
1067
- "module": "libs/web-components/src/lib/Box/Box.ts"
1102
+ "name": "BmAlert",
1103
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1068
1104
  }
1069
1105
  }
1070
1106
  ]
1071
1107
  },
1072
1108
  {
1073
1109
  "kind": "javascript-module",
1074
- "path": "libs/web-components/src/lib/Box/index.ts",
1110
+ "path": "libs/web-components/src/lib/Alert/index.ts",
1075
1111
  "declarations": [],
1076
1112
  "exports": [
1077
1113
  {
@@ -1079,7 +1115,7 @@
1079
1115
  "name": "*",
1080
1116
  "declaration": {
1081
1117
  "name": "*",
1082
- "package": "./Box"
1118
+ "package": "./Alert"
1083
1119
  }
1084
1120
  }
1085
1121
  ]
@@ -1218,428 +1254,392 @@
1218
1254
  },
1219
1255
  {
1220
1256
  "kind": "javascript-module",
1221
- "path": "libs/web-components/src/lib/Alert/Alert.ts",
1257
+ "path": "libs/web-components/src/lib/Box/Box.ts",
1222
1258
  "declarations": [
1223
1259
  {
1224
1260
  "kind": "class",
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",
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",
1227
1263
  "slots": [
1228
1264
  {
1229
- "description": "Specify a different icon for the Alert",
1230
- "name": "icon"
1231
- },
1232
- {
1233
- "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
1234
- "name": "heading"
1235
- },
1236
- {
1237
- "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
1238
- "name": "body"
1239
- },
1240
- {
1241
- "description": "Specify if actions display on the Alert",
1242
- "name": "actions"
1265
+ "description": "Provide content for the Box",
1266
+ "name": "default"
1243
1267
  }
1244
1268
  ],
1245
1269
  "members": [
1246
1270
  {
1247
1271
  "kind": "field",
1248
- "name": "heading",
1272
+ "name": "backgroundColor",
1249
1273
  "type": {
1250
- "text": "string | 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"
1251
1275
  },
1252
- "description": "Specify the heading text for Alert",
1253
- "attribute": "heading"
1276
+ "description": "Specify the background color of a Box",
1277
+ "attribute": "backgroundColor"
1254
1278
  },
1255
1279
  {
1256
1280
  "kind": "field",
1257
- "name": "body",
1281
+ "name": "borderColor",
1258
1282
  "type": {
1259
- "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"
1260
1284
  },
1261
- "description": "Specify the body text for Alert",
1262
- "attribute": "body"
1285
+ "description": "Specify the border color of a Box",
1286
+ "attribute": "borderColor"
1263
1287
  },
1264
1288
  {
1265
1289
  "kind": "field",
1266
- "name": "size",
1290
+ "name": "borderWidth",
1267
1291
  "type": {
1268
- "text": "'sm' | 'md'"
1292
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1269
1293
  },
1270
- "default": "'sm'",
1271
- "description": "Specify the size of the Alert",
1272
- "attribute": "size"
1294
+ "description": "Specify the border width of a Box",
1295
+ "attribute": "borderWidth"
1273
1296
  },
1274
1297
  {
1275
1298
  "kind": "field",
1276
- "name": "fullWidth",
1299
+ "name": "borderRadius",
1277
1300
  "type": {
1278
- "text": "boolean"
1301
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1279
1302
  },
1280
- "default": "false",
1281
- "description": "Specify if the Alert has no border radius",
1282
- "attribute": "fullWidth"
1303
+ "description": "Specify the border radius of a Box",
1304
+ "attribute": "borderRadius"
1283
1305
  },
1284
1306
  {
1285
1307
  "kind": "field",
1286
- "name": "theme",
1308
+ "name": "px",
1287
1309
  "type": {
1288
- "text": "'light' | 'dark' | undefined"
1310
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1289
1311
  },
1290
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1291
- "attribute": "theme"
1312
+ "description": "Specify before and after padding of a Box",
1313
+ "attribute": "px"
1292
1314
  },
1293
1315
  {
1294
1316
  "kind": "field",
1295
- "name": "appearance",
1317
+ "name": "py",
1296
1318
  "type": {
1297
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1319
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1298
1320
  },
1299
- "default": "'infoPrimary'",
1300
- "description": "Specify the appearance of the Alert",
1301
- "attribute": "appearance"
1321
+ "description": "Specify top and bottom padding of a Box",
1322
+ "attribute": "py"
1302
1323
  },
1303
1324
  {
1304
1325
  "kind": "field",
1305
- "name": "hidden",
1326
+ "name": "pTop",
1306
1327
  "type": {
1307
- "text": "boolean"
1328
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1308
1329
  },
1309
- "default": "false",
1310
- "description": "Specify if the Alert is hidden",
1311
- "attribute": "hidden"
1330
+ "description": "Specify top padding of a Box",
1331
+ "attribute": "pTop"
1312
1332
  },
1313
1333
  {
1314
1334
  "kind": "field",
1315
- "name": "hideIcon",
1335
+ "name": "pBottom",
1316
1336
  "type": {
1317
- "text": "boolean"
1337
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1318
1338
  },
1319
- "default": "false",
1320
- "description": "Specify if the icon displays on the Alert",
1321
- "attribute": "hideIcon"
1339
+ "description": "Specify bottom padding of a Box",
1340
+ "attribute": "pBottom"
1322
1341
  },
1323
1342
  {
1324
1343
  "kind": "field",
1325
- "name": "dismissible",
1344
+ "name": "pBefore",
1326
1345
  "type": {
1327
- "text": "boolean"
1346
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1328
1347
  },
1329
- "default": "false",
1330
- "description": "Specify if the Alert can be dismissed",
1331
- "attribute": "dismissible"
1348
+ "description": "Specify before padding of a Box",
1349
+ "attribute": "pBefore"
1332
1350
  },
1333
1351
  {
1334
1352
  "kind": "field",
1335
- "name": "disableAutoFocus",
1353
+ "name": "pAfter",
1336
1354
  "type": {
1337
- "text": "boolean"
1355
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1338
1356
  },
1339
- "default": "false",
1340
- "description": "Prevent autofocus on show",
1341
- "attribute": "disableAutoFocus"
1357
+ "description": "Specify after padding of a Box",
1358
+ "attribute": "pAfter"
1342
1359
  },
1343
1360
  {
1344
1361
  "kind": "field",
1345
- "name": "disableCloseOnEscape",
1362
+ "name": "mx",
1346
1363
  "type": {
1347
- "text": "boolean"
1364
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1348
1365
  },
1349
- "default": "false",
1350
- "description": "Prevent Escape from closing",
1351
- "attribute": "disableCloseOnEscape"
1352
- }
1353
- ],
1354
- "events": [
1366
+ "description": "Specify before and after margin of a Box",
1367
+ "attribute": "mx"
1368
+ },
1355
1369
  {
1356
- "description": "Dispatched when the Alert has been dismissed",
1357
- "name": "bm-dismiss"
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"
1358
1449
  }
1359
1450
  ],
1360
1451
  "attributes": [
1361
1452
  {
1362
- "name": "heading",
1453
+ "name": "backgroundColor",
1363
1454
  "type": {
1364
- "text": "string | 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"
1365
1456
  },
1366
- "description": "Specify the heading text for Alert",
1367
- "fieldName": "heading"
1457
+ "description": "Specify the background color of a Box",
1458
+ "fieldName": "backgroundColor"
1368
1459
  },
1369
1460
  {
1370
- "name": "body",
1461
+ "name": "borderColor",
1371
1462
  "type": {
1372
- "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"
1373
1464
  },
1374
- "description": "Specify the body text for Alert",
1375
- "fieldName": "body"
1465
+ "description": "Specify the border color of a Box",
1466
+ "fieldName": "borderColor"
1376
1467
  },
1377
1468
  {
1378
- "name": "size",
1469
+ "name": "borderWidth",
1379
1470
  "type": {
1380
- "text": "'sm' | 'md'"
1471
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1381
1472
  },
1382
- "default": "'sm'",
1383
- "description": "Specify the size of the Alert",
1384
- "fieldName": "size"
1473
+ "description": "Specify the border width of a Box",
1474
+ "fieldName": "borderWidth"
1385
1475
  },
1386
1476
  {
1387
- "name": "fullWidth",
1477
+ "name": "borderRadius",
1388
1478
  "type": {
1389
- "text": "boolean"
1479
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1390
1480
  },
1391
- "default": "false",
1392
- "description": "Specify if the Alert has no border radius",
1393
- "fieldName": "fullWidth"
1481
+ "description": "Specify the border radius of a Box",
1482
+ "fieldName": "borderRadius"
1394
1483
  },
1395
1484
  {
1396
- "name": "theme",
1485
+ "name": "px",
1397
1486
  "type": {
1398
- "text": "'light' | 'dark' | undefined"
1487
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1399
1488
  },
1400
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1401
- "fieldName": "theme"
1489
+ "description": "Specify before and after padding of a Box",
1490
+ "fieldName": "px"
1402
1491
  },
1403
1492
  {
1404
- "name": "appearance",
1493
+ "name": "py",
1405
1494
  "type": {
1406
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1495
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1407
1496
  },
1408
- "default": "'infoPrimary'",
1409
- "description": "Specify the appearance of the Alert",
1410
- "fieldName": "appearance"
1497
+ "description": "Specify top and bottom padding of a Box",
1498
+ "fieldName": "py"
1411
1499
  },
1412
1500
  {
1413
- "name": "hidden",
1501
+ "name": "pTop",
1414
1502
  "type": {
1415
- "text": "boolean"
1503
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1416
1504
  },
1417
- "default": "false",
1418
- "description": "Specify if the Alert is hidden",
1419
- "fieldName": "hidden"
1505
+ "description": "Specify top padding of a Box",
1506
+ "fieldName": "pTop"
1420
1507
  },
1421
1508
  {
1422
- "name": "hideIcon",
1509
+ "name": "pBottom",
1423
1510
  "type": {
1424
- "text": "boolean"
1511
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1425
1512
  },
1426
- "default": "false",
1427
- "description": "Specify if the icon displays on the Alert",
1428
- "fieldName": "hideIcon"
1513
+ "description": "Specify bottom padding of a Box",
1514
+ "fieldName": "pBottom"
1429
1515
  },
1430
1516
  {
1431
- "name": "dismissible",
1517
+ "name": "pBefore",
1432
1518
  "type": {
1433
- "text": "boolean"
1519
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1434
1520
  },
1435
- "default": "false",
1436
- "description": "Specify if the Alert can be dismissed",
1437
- "fieldName": "dismissible"
1521
+ "description": "Specify before padding of a Box",
1522
+ "fieldName": "pBefore"
1438
1523
  },
1439
1524
  {
1440
- "name": "disableAutoFocus",
1525
+ "name": "pAfter",
1441
1526
  "type": {
1442
- "text": "boolean"
1527
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1443
1528
  },
1444
- "default": "false",
1445
- "description": "Prevent autofocus on show",
1446
- "fieldName": "disableAutoFocus"
1529
+ "description": "Specify after padding of a Box",
1530
+ "fieldName": "pAfter"
1447
1531
  },
1448
1532
  {
1449
- "name": "disableCloseOnEscape",
1533
+ "name": "mx",
1450
1534
  "type": {
1451
- "text": "boolean"
1535
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1452
1536
  },
1453
- "default": "false",
1454
- "description": "Prevent Escape from closing",
1455
- "fieldName": "disableCloseOnEscape"
1456
- }
1457
- ],
1458
- "superclass": {
1459
- "name": "LitElement",
1460
- "package": "lit"
1461
- },
1462
- "tagName": "bm-alert",
1463
- "customElement": true
1464
- }
1465
- ],
1466
- "exports": [
1467
- {
1468
- "kind": "js",
1469
- "name": "BmAlert",
1470
- "declaration": {
1471
- "name": "BmAlert",
1472
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1473
- }
1474
- },
1475
- {
1476
- "kind": "custom-element-definition",
1477
- "name": "bm-alert",
1478
- "declaration": {
1479
- "name": "BmAlert",
1480
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1481
- }
1482
- }
1483
- ]
1484
- },
1485
- {
1486
- "kind": "javascript-module",
1487
- "path": "libs/web-components/src/lib/Alert/index.ts",
1488
- "declarations": [],
1489
- "exports": [
1490
- {
1491
- "kind": "js",
1492
- "name": "*",
1493
- "declaration": {
1494
- "name": "*",
1495
- "package": "./Alert"
1496
- }
1497
- }
1498
- ]
1499
- },
1500
- {
1501
- "kind": "javascript-module",
1502
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
1503
- "declarations": [
1504
- {
1505
- "kind": "class",
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",
1508
- "slots": [
1509
- {
1510
- "description": "Provide text for the Badge",
1511
- "name": "default"
1537
+ "description": "Specify before and after margin of a Box",
1538
+ "fieldName": "mx"
1512
1539
  },
1513
1540
  {
1514
- "description": "Specify a different icon for the Badge",
1515
- "name": "icon"
1516
- }
1517
- ],
1518
- "members": [
1519
- {
1520
- "kind": "field",
1521
- "name": "appearance",
1541
+ "name": "my",
1522
1542
  "type": {
1523
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1543
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1524
1544
  },
1525
- "default": "'infoPrimary'",
1526
- "description": "Specify the appearance of the Badge",
1527
- "attribute": "appearance"
1545
+ "description": "Specify top and bottom margin of a Box",
1546
+ "fieldName": "my"
1528
1547
  },
1529
1548
  {
1530
- "kind": "field",
1531
- "name": "theme",
1549
+ "name": "mTop",
1532
1550
  "type": {
1533
- "text": "'light' | 'dark' | undefined"
1551
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1534
1552
  },
1535
- "description": "Theme of the Badge",
1536
- "attribute": "theme"
1553
+ "description": "Specify top margin of a Box",
1554
+ "fieldName": "mTop"
1537
1555
  },
1538
1556
  {
1539
- "kind": "field",
1540
- "name": "size",
1557
+ "name": "mBottom",
1541
1558
  "type": {
1542
- "text": "'sm' | 'md' | undefined"
1559
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1543
1560
  },
1544
- "default": "'sm'",
1545
- "description": "Specify the size of the Badge",
1546
- "attribute": "size"
1561
+ "description": "Specify bottom margin of a Box",
1562
+ "fieldName": "mBottom"
1547
1563
  },
1548
1564
  {
1549
- "kind": "field",
1550
- "name": "emphasis",
1565
+ "name": "mBefore",
1551
1566
  "type": {
1552
- "text": "'strong' | 'medium' | 'subtle'"
1567
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1553
1568
  },
1554
- "default": "'strong'",
1555
- "description": "Specify the emphasis of the Badge",
1556
- "attribute": "emphasis"
1569
+ "description": "Specify before margin of a Box",
1570
+ "fieldName": "mBefore"
1557
1571
  },
1558
1572
  {
1559
- "kind": "field",
1560
- "name": "hideIcon",
1561
- "type": {
1562
- "text": "boolean | undefined"
1563
- },
1564
- "description": "Hides Badge icon",
1565
- "attribute": "hideIcon"
1566
- }
1567
- ],
1568
- "attributes": [
1569
- {
1570
- "name": "appearance",
1573
+ "name": "mAfter",
1571
1574
  "type": {
1572
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1575
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1573
1576
  },
1574
- "default": "'infoPrimary'",
1575
- "description": "Specify the appearance of the Badge",
1576
- "fieldName": "appearance"
1577
+ "description": "Specify after margin of a Box",
1578
+ "fieldName": "mAfter"
1577
1579
  },
1578
1580
  {
1579
- "name": "theme",
1581
+ "name": "m",
1580
1582
  "type": {
1581
- "text": "'light' | 'dark' | undefined"
1583
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1582
1584
  },
1583
- "description": "Theme of the Badge",
1584
- "fieldName": "theme"
1585
+ "description": "Specify all margin",
1586
+ "fieldName": "m"
1585
1587
  },
1586
1588
  {
1587
- "name": "size",
1589
+ "name": "p",
1588
1590
  "type": {
1589
- "text": "'sm' | 'md' | undefined"
1591
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1590
1592
  },
1591
- "default": "'sm'",
1592
- "description": "Specify the size of the Badge",
1593
- "fieldName": "size"
1593
+ "description": "Specify all padding",
1594
+ "fieldName": "p"
1594
1595
  },
1595
1596
  {
1596
- "name": "emphasis",
1597
+ "name": "gap",
1597
1598
  "type": {
1598
- "text": "'strong' | 'medium' | 'subtle'"
1599
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1599
1600
  },
1600
- "default": "'strong'",
1601
- "description": "Specify the emphasis of the Badge",
1602
- "fieldName": "emphasis"
1601
+ "description": "Specify gap between child elements",
1602
+ "fieldName": "gap"
1603
1603
  },
1604
1604
  {
1605
- "name": "hideIcon",
1605
+ "name": "shadow",
1606
1606
  "type": {
1607
- "text": "boolean | undefined"
1607
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1608
1608
  },
1609
- "description": "Hides Badge icon",
1610
- "fieldName": "hideIcon"
1609
+ "description": "Specify if a Box has a shadow",
1610
+ "fieldName": "shadow"
1611
1611
  }
1612
1612
  ],
1613
1613
  "superclass": {
1614
1614
  "name": "LitElement",
1615
1615
  "package": "lit"
1616
1616
  },
1617
- "tagName": "bm-badge",
1617
+ "tagName": "bm-box",
1618
1618
  "customElement": true
1619
1619
  }
1620
1620
  ],
1621
1621
  "exports": [
1622
1622
  {
1623
1623
  "kind": "js",
1624
- "name": "BmBadge",
1624
+ "name": "BmBox",
1625
1625
  "declaration": {
1626
- "name": "BmBadge",
1627
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
1626
+ "name": "BmBox",
1627
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1628
1628
  }
1629
1629
  },
1630
1630
  {
1631
1631
  "kind": "custom-element-definition",
1632
- "name": "bm-badge",
1632
+ "name": "bm-box",
1633
1633
  "declaration": {
1634
- "name": "BmBadge",
1635
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
1634
+ "name": "BmBox",
1635
+ "module": "libs/web-components/src/lib/Box/Box.ts"
1636
1636
  }
1637
1637
  }
1638
1638
  ]
1639
1639
  },
1640
1640
  {
1641
1641
  "kind": "javascript-module",
1642
- "path": "libs/web-components/src/lib/Badge/index.ts",
1642
+ "path": "libs/web-components/src/lib/Box/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": "./Badge"
1650
+ "package": "./Box"
1651
1651
  }
1652
1652
  }
1653
1653
  ]
@@ -2312,185 +2312,132 @@
2312
2312
  },
2313
2313
  {
2314
2314
  "kind": "javascript-module",
2315
- "path": "libs/web-components/src/lib/Divider/Divider.ts",
2315
+ "path": "libs/web-components/src/lib/EmptyState/EmptyState.ts",
2316
2316
  "declarations": [
2317
2317
  {
2318
2318
  "kind": "class",
2319
- "description": "`bm-divider`\n\n### Attributes:\n- **orientation** - Specify the direction of the Divider\n- **borderColor** - Specify the border color of the divider line\n- **borderWidth** - Specify the width of the divider line\n- **borderStyle** - Specify the style of the divider line\n- **alignContent** - Align content to the divider line\n- **length** \n- **inset** - Add equal padding to each side of the Divider",
2320
- "name": "BmDivider",
2319
+ "description": "`bm-empty-state`\n\n### Attributes:\n- **heading** - Specify heading text for EmptyState\n- **body** - Specify body text for EmptyState\n- **actions** - Specify action for EmptyState\n- **theme** - Specify the theme of EmptyState. By default it inherits the theme from the parent",
2320
+ "name": "BmEmptyState",
2321
2321
  "slots": [
2322
2322
  {
2323
- "description": "Add text to the Divider",
2324
- "name": "default"
2323
+ "description": "Specify an icon for EmptyState",
2324
+ "name": "icon"
2325
2325
  },
2326
2326
  {
2327
- "description": "Add an icon to the Divider",
2328
- "name": "icon"
2327
+ "description": "Specify heading text for EmptyState",
2328
+ "name": "heading"
2329
+ },
2330
+ {
2331
+ "description": "Specify body text for EmptyState",
2332
+ "name": "body"
2333
+ },
2334
+ {
2335
+ "description": "Add actions to EmptyState",
2336
+ "name": "actions"
2329
2337
  }
2330
2338
  ],
2331
2339
  "members": [
2332
2340
  {
2333
2341
  "kind": "field",
2334
- "name": "orientation",
2342
+ "name": "heading",
2335
2343
  "type": {
2336
- "text": "'horizontal' | 'vertical'"
2344
+ "text": "string | undefined"
2337
2345
  },
2338
- "default": "'horizontal'",
2339
- "description": "Specify the direction of the Divider",
2340
- "attribute": "orientation"
2346
+ "description": "Specify heading text for EmptyState",
2347
+ "attribute": "heading"
2341
2348
  },
2342
2349
  {
2343
2350
  "kind": "field",
2344
- "name": "borderColor",
2351
+ "name": "body",
2345
2352
  "type": {
2346
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong'"
2353
+ "text": "string | undefined"
2347
2354
  },
2348
- "default": "'01'",
2349
- "description": "Specify the border color of the divider line",
2350
- "attribute": "borderColor"
2355
+ "description": "Specify body text for EmptyState",
2356
+ "attribute": "body"
2351
2357
  },
2352
2358
  {
2353
2359
  "kind": "field",
2354
- "name": "borderWidth",
2360
+ "name": "actions",
2355
2361
  "type": {
2356
- "text": "'md' | 'lg' | 'xl'"
2362
+ "text": "HTMLSlotElement | undefined"
2357
2363
  },
2358
- "default": "'md'",
2359
- "description": "Specify the width of the divider line",
2360
- "attribute": "borderWidth"
2364
+ "description": "Specify action for EmptyState",
2365
+ "attribute": "actions"
2361
2366
  },
2362
2367
  {
2363
2368
  "kind": "field",
2364
- "name": "borderStyle",
2369
+ "name": "theme",
2365
2370
  "type": {
2366
- "text": "'solid' | 'dashed' | 'dotted'"
2371
+ "text": "'light' | 'dark' | undefined"
2367
2372
  },
2368
- "default": "'solid'",
2369
- "description": "Specify the style of the divider line",
2370
- "attribute": "borderStyle"
2371
- },
2373
+ "description": "Specify the theme of EmptyState. By default it inherits the theme from the parent",
2374
+ "attribute": "theme"
2375
+ }
2376
+ ],
2377
+ "attributes": [
2372
2378
  {
2373
- "kind": "field",
2374
- "name": "alignContent",
2379
+ "name": "heading",
2375
2380
  "type": {
2376
- "text": "'start' | 'end' | 'center'"
2381
+ "text": "string | undefined"
2377
2382
  },
2378
- "default": "'center'",
2379
- "description": "Align content to the divider line",
2380
- "attribute": "alignContent"
2383
+ "description": "Specify heading text for EmptyState",
2384
+ "fieldName": "heading"
2381
2385
  },
2382
2386
  {
2383
- "kind": "field",
2384
- "name": "length",
2387
+ "name": "body",
2385
2388
  "type": {
2386
2389
  "text": "string | undefined"
2387
2390
  },
2388
- "attribute": "length"
2391
+ "description": "Specify body text for EmptyState",
2392
+ "fieldName": "body"
2389
2393
  },
2390
2394
  {
2391
- "kind": "field",
2392
- "name": "inset",
2395
+ "name": "actions",
2393
2396
  "type": {
2394
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2397
+ "text": "HTMLSlotElement | undefined"
2395
2398
  },
2396
- "default": "'0'",
2397
- "description": "Add equal padding to each side of the Divider",
2398
- "attribute": "inset"
2399
- }
2400
- ],
2401
- "attributes": [
2402
- {
2403
- "name": "orientation",
2404
- "type": {
2405
- "text": "'horizontal' | 'vertical'"
2406
- },
2407
- "default": "'horizontal'",
2408
- "description": "Specify the direction of the Divider",
2409
- "fieldName": "orientation"
2410
- },
2411
- {
2412
- "name": "borderColor",
2413
- "type": {
2414
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong'"
2415
- },
2416
- "default": "'01'",
2417
- "description": "Specify the border color of the divider line",
2418
- "fieldName": "borderColor"
2419
- },
2420
- {
2421
- "name": "borderWidth",
2422
- "type": {
2423
- "text": "'md' | 'lg' | 'xl'"
2424
- },
2425
- "default": "'md'",
2426
- "description": "Specify the width of the divider line",
2427
- "fieldName": "borderWidth"
2428
- },
2429
- {
2430
- "name": "borderStyle",
2431
- "type": {
2432
- "text": "'solid' | 'dashed' | 'dotted'"
2433
- },
2434
- "default": "'solid'",
2435
- "description": "Specify the style of the divider line",
2436
- "fieldName": "borderStyle"
2437
- },
2438
- {
2439
- "name": "alignContent",
2440
- "type": {
2441
- "text": "'start' | 'end' | 'center'"
2442
- },
2443
- "default": "'center'",
2444
- "description": "Align content to the divider line",
2445
- "fieldName": "alignContent"
2446
- },
2447
- {
2448
- "name": "length",
2449
- "type": {
2450
- "text": "string | undefined"
2451
- },
2452
- "fieldName": "length"
2399
+ "description": "Specify action for EmptyState",
2400
+ "fieldName": "actions"
2453
2401
  },
2454
2402
  {
2455
- "name": "inset",
2403
+ "name": "theme",
2456
2404
  "type": {
2457
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2405
+ "text": "'light' | 'dark' | undefined"
2458
2406
  },
2459
- "default": "'0'",
2460
- "description": "Add equal padding to each side of the Divider",
2461
- "fieldName": "inset"
2407
+ "description": "Specify the theme of EmptyState. By default it inherits the theme from the parent",
2408
+ "fieldName": "theme"
2462
2409
  }
2463
2410
  ],
2464
2411
  "superclass": {
2465
2412
  "name": "LitElement",
2466
2413
  "package": "lit"
2467
2414
  },
2468
- "tagName": "bm-divider",
2415
+ "tagName": "bm-empty-state",
2469
2416
  "customElement": true
2470
2417
  }
2471
2418
  ],
2472
2419
  "exports": [
2473
2420
  {
2474
2421
  "kind": "js",
2475
- "name": "BmDivider",
2422
+ "name": "BmEmptyState",
2476
2423
  "declaration": {
2477
- "name": "BmDivider",
2478
- "module": "libs/web-components/src/lib/Divider/Divider.ts"
2424
+ "name": "BmEmptyState",
2425
+ "module": "libs/web-components/src/lib/EmptyState/EmptyState.ts"
2479
2426
  }
2480
2427
  },
2481
2428
  {
2482
2429
  "kind": "custom-element-definition",
2483
- "name": "bm-divider",
2430
+ "name": "bm-empty-state",
2484
2431
  "declaration": {
2485
- "name": "BmDivider",
2486
- "module": "libs/web-components/src/lib/Divider/Divider.ts"
2432
+ "name": "BmEmptyState",
2433
+ "module": "libs/web-components/src/lib/EmptyState/EmptyState.ts"
2487
2434
  }
2488
2435
  }
2489
2436
  ]
2490
2437
  },
2491
2438
  {
2492
2439
  "kind": "javascript-module",
2493
- "path": "libs/web-components/src/lib/Divider/index.ts",
2440
+ "path": "libs/web-components/src/lib/EmptyState/index.ts",
2494
2441
  "declarations": [],
2495
2442
  "exports": [
2496
2443
  {
@@ -2498,139 +2445,192 @@
2498
2445
  "name": "*",
2499
2446
  "declaration": {
2500
2447
  "name": "*",
2501
- "package": "./Divider"
2448
+ "package": "./EmptyState"
2502
2449
  }
2503
2450
  }
2504
2451
  ]
2505
2452
  },
2506
2453
  {
2507
2454
  "kind": "javascript-module",
2508
- "path": "libs/web-components/src/lib/EmptyState/EmptyState.ts",
2455
+ "path": "libs/web-components/src/lib/Divider/Divider.ts",
2509
2456
  "declarations": [
2510
2457
  {
2511
2458
  "kind": "class",
2512
- "description": "`bm-empty-state`\n\n### Attributes:\n- **heading** - Specify heading text for EmptyState\n- **body** - Specify body text for EmptyState\n- **actions** - Specify action for EmptyState\n- **theme** - Specify the theme of EmptyState. By default it inherits the theme from the parent",
2513
- "name": "BmEmptyState",
2459
+ "description": "`bm-divider`\n\n### Attributes:\n- **orientation** - Specify the direction of the Divider\n- **borderColor** - Specify the border color of the divider line\n- **borderWidth** - Specify the width of the divider line\n- **borderStyle** - Specify the style of the divider line\n- **alignContent** - Align content to the divider line\n- **length** \n- **inset** - Add equal padding to each side of the Divider",
2460
+ "name": "BmDivider",
2514
2461
  "slots": [
2515
2462
  {
2516
- "description": "Specify an icon for EmptyState",
2517
- "name": "icon"
2463
+ "description": "Add text to the Divider",
2464
+ "name": "default"
2518
2465
  },
2519
2466
  {
2520
- "description": "Specify heading text for EmptyState",
2521
- "name": "heading"
2467
+ "description": "Add an icon to the Divider",
2468
+ "name": "icon"
2469
+ }
2470
+ ],
2471
+ "members": [
2472
+ {
2473
+ "kind": "field",
2474
+ "name": "orientation",
2475
+ "type": {
2476
+ "text": "'horizontal' | 'vertical'"
2477
+ },
2478
+ "default": "'horizontal'",
2479
+ "description": "Specify the direction of the Divider",
2480
+ "attribute": "orientation"
2522
2481
  },
2523
2482
  {
2524
- "description": "Specify body text for EmptyState",
2525
- "name": "body"
2483
+ "kind": "field",
2484
+ "name": "borderColor",
2485
+ "type": {
2486
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong'"
2487
+ },
2488
+ "default": "'01'",
2489
+ "description": "Specify the border color of the divider line",
2490
+ "attribute": "borderColor"
2526
2491
  },
2527
2492
  {
2528
- "description": "Add actions to EmptyState",
2529
- "name": "actions"
2530
- }
2531
- ],
2532
- "members": [
2493
+ "kind": "field",
2494
+ "name": "borderWidth",
2495
+ "type": {
2496
+ "text": "'md' | 'lg' | 'xl'"
2497
+ },
2498
+ "default": "'md'",
2499
+ "description": "Specify the width of the divider line",
2500
+ "attribute": "borderWidth"
2501
+ },
2533
2502
  {
2534
2503
  "kind": "field",
2535
- "name": "heading",
2504
+ "name": "borderStyle",
2536
2505
  "type": {
2537
- "text": "string | undefined"
2506
+ "text": "'solid' | 'dashed' | 'dotted'"
2538
2507
  },
2539
- "description": "Specify heading text for EmptyState",
2540
- "attribute": "heading"
2508
+ "default": "'solid'",
2509
+ "description": "Specify the style of the divider line",
2510
+ "attribute": "borderStyle"
2541
2511
  },
2542
2512
  {
2543
2513
  "kind": "field",
2544
- "name": "body",
2514
+ "name": "alignContent",
2545
2515
  "type": {
2546
- "text": "string | undefined"
2516
+ "text": "'start' | 'end' | 'center'"
2547
2517
  },
2548
- "description": "Specify body text for EmptyState",
2549
- "attribute": "body"
2518
+ "default": "'center'",
2519
+ "description": "Align content to the divider line",
2520
+ "attribute": "alignContent"
2550
2521
  },
2551
2522
  {
2552
2523
  "kind": "field",
2553
- "name": "actions",
2524
+ "name": "length",
2554
2525
  "type": {
2555
- "text": "HTMLSlotElement | undefined"
2526
+ "text": "string | undefined"
2556
2527
  },
2557
- "description": "Specify action for EmptyState",
2558
- "attribute": "actions"
2528
+ "attribute": "length"
2559
2529
  },
2560
2530
  {
2561
2531
  "kind": "field",
2562
- "name": "theme",
2532
+ "name": "inset",
2563
2533
  "type": {
2564
- "text": "'light' | 'dark' | undefined"
2534
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2565
2535
  },
2566
- "description": "Specify the theme of EmptyState. By default it inherits the theme from the parent",
2567
- "attribute": "theme"
2536
+ "default": "'0'",
2537
+ "description": "Add equal padding to each side of the Divider",
2538
+ "attribute": "inset"
2568
2539
  }
2569
2540
  ],
2570
2541
  "attributes": [
2571
2542
  {
2572
- "name": "heading",
2543
+ "name": "orientation",
2573
2544
  "type": {
2574
- "text": "string | undefined"
2545
+ "text": "'horizontal' | 'vertical'"
2575
2546
  },
2576
- "description": "Specify heading text for EmptyState",
2577
- "fieldName": "heading"
2547
+ "default": "'horizontal'",
2548
+ "description": "Specify the direction of the Divider",
2549
+ "fieldName": "orientation"
2578
2550
  },
2579
2551
  {
2580
- "name": "body",
2552
+ "name": "borderColor",
2581
2553
  "type": {
2582
- "text": "string | undefined"
2554
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong'"
2583
2555
  },
2584
- "description": "Specify body text for EmptyState",
2585
- "fieldName": "body"
2556
+ "default": "'01'",
2557
+ "description": "Specify the border color of the divider line",
2558
+ "fieldName": "borderColor"
2586
2559
  },
2587
2560
  {
2588
- "name": "actions",
2561
+ "name": "borderWidth",
2589
2562
  "type": {
2590
- "text": "HTMLSlotElement | undefined"
2563
+ "text": "'md' | 'lg' | 'xl'"
2591
2564
  },
2592
- "description": "Specify action for EmptyState",
2593
- "fieldName": "actions"
2565
+ "default": "'md'",
2566
+ "description": "Specify the width of the divider line",
2567
+ "fieldName": "borderWidth"
2594
2568
  },
2595
2569
  {
2596
- "name": "theme",
2570
+ "name": "borderStyle",
2597
2571
  "type": {
2598
- "text": "'light' | 'dark' | undefined"
2572
+ "text": "'solid' | 'dashed' | 'dotted'"
2599
2573
  },
2600
- "description": "Specify the theme of EmptyState. By default it inherits the theme from the parent",
2601
- "fieldName": "theme"
2574
+ "default": "'solid'",
2575
+ "description": "Specify the style of the divider line",
2576
+ "fieldName": "borderStyle"
2577
+ },
2578
+ {
2579
+ "name": "alignContent",
2580
+ "type": {
2581
+ "text": "'start' | 'end' | 'center'"
2582
+ },
2583
+ "default": "'center'",
2584
+ "description": "Align content to the divider line",
2585
+ "fieldName": "alignContent"
2586
+ },
2587
+ {
2588
+ "name": "length",
2589
+ "type": {
2590
+ "text": "string | undefined"
2591
+ },
2592
+ "fieldName": "length"
2593
+ },
2594
+ {
2595
+ "name": "inset",
2596
+ "type": {
2597
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2598
+ },
2599
+ "default": "'0'",
2600
+ "description": "Add equal padding to each side of the Divider",
2601
+ "fieldName": "inset"
2602
2602
  }
2603
2603
  ],
2604
2604
  "superclass": {
2605
2605
  "name": "LitElement",
2606
2606
  "package": "lit"
2607
2607
  },
2608
- "tagName": "bm-empty-state",
2608
+ "tagName": "bm-divider",
2609
2609
  "customElement": true
2610
2610
  }
2611
2611
  ],
2612
2612
  "exports": [
2613
2613
  {
2614
2614
  "kind": "js",
2615
- "name": "BmEmptyState",
2615
+ "name": "BmDivider",
2616
2616
  "declaration": {
2617
- "name": "BmEmptyState",
2618
- "module": "libs/web-components/src/lib/EmptyState/EmptyState.ts"
2617
+ "name": "BmDivider",
2618
+ "module": "libs/web-components/src/lib/Divider/Divider.ts"
2619
2619
  }
2620
2620
  },
2621
2621
  {
2622
2622
  "kind": "custom-element-definition",
2623
- "name": "bm-empty-state",
2623
+ "name": "bm-divider",
2624
2624
  "declaration": {
2625
- "name": "BmEmptyState",
2626
- "module": "libs/web-components/src/lib/EmptyState/EmptyState.ts"
2625
+ "name": "BmDivider",
2626
+ "module": "libs/web-components/src/lib/Divider/Divider.ts"
2627
2627
  }
2628
2628
  }
2629
2629
  ]
2630
2630
  },
2631
2631
  {
2632
2632
  "kind": "javascript-module",
2633
- "path": "libs/web-components/src/lib/EmptyState/index.ts",
2633
+ "path": "libs/web-components/src/lib/Divider/index.ts",
2634
2634
  "declarations": [],
2635
2635
  "exports": [
2636
2636
  {
@@ -2638,7 +2638,7 @@
2638
2638
  "name": "*",
2639
2639
  "declaration": {
2640
2640
  "name": "*",
2641
- "package": "./EmptyState"
2641
+ "package": "./Divider"
2642
2642
  }
2643
2643
  }
2644
2644
  ]
@@ -8502,68 +8502,68 @@
8502
8502
  },
8503
8503
  {
8504
8504
  "kind": "javascript-module",
8505
- "path": "libs/web-components/src/lib/wip/TextField/TextField.ts",
8505
+ "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
8506
8506
  "declarations": [
8507
8507
  {
8508
8508
  "kind": "class",
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",
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",
8511
8511
  "slots": [
8512
8512
  {
8513
- "description": "Specify the label for TextField",
8514
- "name": "label"
8515
- },
8516
- {
8517
- "description": "Specify the helper text for TextField",
8518
- "name": "helper-text"
8513
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8514
+ "name": "onText"
8519
8515
  },
8520
8516
  {
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"
8517
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8518
+ "name": "offText"
8527
8519
  }
8528
8520
  ],
8529
8521
  "members": [
8530
8522
  {
8531
8523
  "kind": "field",
8532
- "name": "placeholder",
8524
+ "name": "inputChoiceGroupContext",
8525
+ "type": {
8526
+ "text": "InputChoiceGroupContextProps"
8527
+ }
8528
+ },
8529
+ {
8530
+ "kind": "field",
8531
+ "name": "onText",
8533
8532
  "type": {
8534
8533
  "text": "string | undefined"
8535
8534
  },
8536
- "description": "Specify placeholder text for TextField",
8537
- "attribute": "placeholder"
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"
8538
8538
  },
8539
8539
  {
8540
8540
  "kind": "field",
8541
- "name": "required",
8541
+ "name": "offText",
8542
8542
  "type": {
8543
- "text": "boolean"
8543
+ "text": "string | undefined"
8544
8544
  },
8545
- "default": "false",
8546
- "description": "Specify if TextField is a required input",
8547
- "attribute": "required"
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"
8548
8548
  },
8549
8549
  {
8550
8550
  "kind": "field",
8551
- "name": "hideRequiredMarker",
8551
+ "name": "theme",
8552
8552
  "type": {
8553
- "text": "boolean"
8553
+ "text": "ThemeTypes | undefined"
8554
8554
  },
8555
- "default": "false",
8556
- "description": "Specify if the TextField displays with an asterisk",
8557
- "attribute": "hideRequiredMarker"
8555
+ "default": "undefined",
8556
+ "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
8558
8557
  },
8559
8558
  {
8560
8559
  "kind": "field",
8561
- "name": "error",
8560
+ "name": "textPosition",
8562
8561
  "type": {
8563
- "text": "string | undefined"
8562
+ "text": "'before' | 'after'"
8564
8563
  },
8565
- "description": "Specify error text and display error state of a TextField",
8566
- "attribute": "error"
8564
+ "default": "'after'",
8565
+ "description": "Specify the position of the side label",
8566
+ "attribute": "textPosition"
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 TextField displays in a read-only state",
8575
+ "description": "Specify if Switch displays in a read-only state",
8576
8576
  "attribute": "readOnly"
8577
8577
  },
8578
8578
  {
@@ -8582,235 +8582,59 @@
8582
8582
  "text": "boolean"
8583
8583
  },
8584
8584
  "default": "false",
8585
- "description": "Specify if TextField displays in a disabled state",
8585
+ "description": "Specify if Switch displays in a disabled state",
8586
8586
  "attribute": "disabled"
8587
8587
  },
8588
8588
  {
8589
8589
  "kind": "field",
8590
- "name": "fluid",
8591
- "type": {
8592
- "text": "boolean"
8593
- },
8594
- "default": "false",
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",
8590
+ "name": "checked",
8610
8591
  "type": {
8611
8592
  "text": "boolean"
8612
8593
  },
8613
8594
  "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
- }
8595
+ "attribute": "checked"
8682
8596
  },
8683
8597
  {
8684
8598
  "kind": "field",
8685
8599
  "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",
8712
8600
  "type": {
8713
8601
  "text": "string | undefined"
8714
8602
  },
8715
- "attribute": "input-aria-label",
8716
- "inheritedFrom": {
8717
- "name": "FormField",
8718
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8719
- }
8603
+ "description": "The value attribute for the input element",
8604
+ "attribute": "value"
8720
8605
  },
8721
8606
  {
8722
8607
  "kind": "field",
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
- }
8608
+ "name": "switchRef"
8778
8609
  }
8779
8610
  ],
8780
8611
  "attributes": [
8781
8612
  {
8782
- "name": "placeholder",
8613
+ "name": "onText",
8783
8614
  "type": {
8784
8615
  "text": "string | undefined"
8785
8616
  },
8786
- "description": "Specify placeholder text for TextField",
8787
- "fieldName": "placeholder"
8788
- },
8789
- {
8790
- "name": "required",
8791
- "type": {
8792
- "text": "boolean"
8793
- },
8794
- "default": "false",
8795
- "description": "Specify if TextField is a required input",
8796
- "fieldName": "required"
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"
8797
8620
  },
8798
8621
  {
8799
- "name": "hideRequiredMarker",
8622
+ "name": "offText",
8800
8623
  "type": {
8801
- "text": "boolean"
8624
+ "text": "string | undefined"
8802
8625
  },
8803
- "default": "false",
8804
- "description": "Specify if the TextField displays with an asterisk",
8805
- "fieldName": "hideRequiredMarker"
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"
8806
8629
  },
8807
8630
  {
8808
- "name": "error",
8631
+ "name": "textPosition",
8809
8632
  "type": {
8810
- "text": "string | undefined"
8633
+ "text": "'before' | 'after'"
8811
8634
  },
8812
- "description": "Specify error text and display error state of a TextField",
8813
- "fieldName": "error"
8635
+ "default": "'after'",
8636
+ "description": "Specify the position of the side label",
8637
+ "fieldName": "textPosition"
8814
8638
  },
8815
8639
  {
8816
8640
  "name": "readOnly",
@@ -8818,7 +8642,7 @@
8818
8642
  "text": "boolean"
8819
8643
  },
8820
8644
  "default": "false",
8821
- "description": "Specify if TextField displays in a read-only state",
8645
+ "description": "Specify if Switch displays in a read-only state",
8822
8646
  "fieldName": "readOnly"
8823
8647
  },
8824
8648
  {
@@ -8827,150 +8651,56 @@
8827
8651
  "text": "boolean"
8828
8652
  },
8829
8653
  "default": "false",
8830
- "description": "Specify if TextField displays in a disabled state",
8654
+ "description": "Specify if Switch displays in a disabled state",
8831
8655
  "fieldName": "disabled"
8832
8656
  },
8833
8657
  {
8834
- "name": "fluid",
8835
- "type": {
8836
- "text": "boolean"
8837
- },
8838
- "default": "false",
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",
8658
+ "name": "checked",
8852
8659
  "type": {
8853
8660
  "text": "boolean"
8854
8661
  },
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
- }
8662
+ "default": "false",
8663
+ "fieldName": "checked"
8930
8664
  },
8931
8665
  {
8932
- "name": "input-aria-label",
8666
+ "name": "value",
8933
8667
  "type": {
8934
8668
  "text": "string | undefined"
8935
8669
  },
8936
- "fieldName": "inputAriaLabel",
8937
- "inheritedFrom": {
8938
- "name": "FormField",
8939
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8940
- }
8670
+ "description": "The value attribute for the input element",
8671
+ "fieldName": "value"
8941
8672
  }
8942
8673
  ],
8943
8674
  "superclass": {
8944
- "name": "FormField",
8945
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8675
+ "name": "LitElement",
8676
+ "package": "lit"
8946
8677
  },
8947
- "summary": "`bm-text-field`",
8948
- "tagName": "bm-text-field",
8678
+ "tagName": "bm-switch",
8949
8679
  "customElement": true
8950
8680
  }
8951
8681
  ],
8952
8682
  "exports": [
8953
8683
  {
8954
8684
  "kind": "js",
8955
- "name": "BmTextField",
8685
+ "name": "BmSwitch",
8956
8686
  "declaration": {
8957
- "name": "BmTextField",
8958
- "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
8687
+ "name": "BmSwitch",
8688
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
8959
8689
  }
8960
8690
  },
8961
8691
  {
8962
8692
  "kind": "custom-element-definition",
8963
- "name": "bm-text-field",
8693
+ "name": "bm-switch",
8964
8694
  "declaration": {
8965
- "name": "BmTextField",
8966
- "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
8695
+ "name": "BmSwitch",
8696
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
8967
8697
  }
8968
8698
  }
8969
8699
  ]
8970
8700
  },
8971
8701
  {
8972
8702
  "kind": "javascript-module",
8973
- "path": "libs/web-components/src/lib/wip/TextField/index.ts",
8703
+ "path": "libs/web-components/src/lib/wip/Switch/index.ts",
8974
8704
  "declarations": [],
8975
8705
  "exports": [
8976
8706
  {
@@ -8978,7 +8708,15 @@
8978
8708
  "name": "*",
8979
8709
  "declaration": {
8980
8710
  "name": "*",
8981
- "package": "./TextField"
8711
+ "package": "./Switch"
8712
+ }
8713
+ },
8714
+ {
8715
+ "kind": "js",
8716
+ "name": "*",
8717
+ "declaration": {
8718
+ "name": "*",
8719
+ "package": "./SwitchGroup/SwitchGroup"
8982
8720
  }
8983
8721
  }
8984
8722
  ]
@@ -9500,205 +9238,475 @@
9500
9238
  },
9501
9239
  {
9502
9240
  "kind": "javascript-module",
9503
- "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9241
+ "path": "libs/web-components/src/lib/wip/TextField/TextField.ts",
9504
9242
  "declarations": [
9505
9243
  {
9506
9244
  "kind": "class",
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",
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",
9509
9247
  "slots": [
9510
9248
  {
9511
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9512
- "name": "onText"
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
+ }
9513
9456
  },
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": [
9520
9457
  {
9521
9458
  "kind": "field",
9522
- "name": "inputChoiceGroupContext",
9459
+ "name": "formContext",
9523
9460
  "type": {
9524
- "text": "InputChoiceGroupContextProps"
9461
+ "text": "BmFormContext"
9462
+ },
9463
+ "inheritedFrom": {
9464
+ "name": "FormField",
9465
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9525
9466
  }
9526
9467
  },
9527
9468
  {
9528
- "kind": "field",
9529
- "name": "onText",
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"
9492
+ }
9493
+ },
9494
+ {
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",
9530
9519
  "type": {
9531
9520
  "text": "string | undefined"
9532
9521
  },
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"
9522
+ "description": "Specify placeholder text for TextField",
9523
+ "fieldName": "placeholder"
9536
9524
  },
9537
9525
  {
9538
- "kind": "field",
9539
- "name": "offText",
9526
+ "name": "required",
9540
9527
  "type": {
9541
- "text": "string | undefined"
9528
+ "text": "boolean"
9542
9529
  },
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"
9530
+ "default": "false",
9531
+ "description": "Specify if TextField is a required input",
9532
+ "fieldName": "required"
9546
9533
  },
9547
9534
  {
9548
- "kind": "field",
9549
- "name": "theme",
9535
+ "name": "hideRequiredMarker",
9550
9536
  "type": {
9551
- "text": "ThemeTypes | undefined"
9537
+ "text": "boolean"
9552
9538
  },
9553
- "default": "undefined",
9554
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9539
+ "default": "false",
9540
+ "description": "Specify if the TextField displays with an asterisk",
9541
+ "fieldName": "hideRequiredMarker"
9555
9542
  },
9556
9543
  {
9557
- "kind": "field",
9558
- "name": "textPosition",
9544
+ "name": "error",
9559
9545
  "type": {
9560
- "text": "'before' | 'after'"
9546
+ "text": "string | undefined"
9561
9547
  },
9562
- "default": "'after'",
9563
- "description": "Specify the position of the side label",
9564
- "attribute": "textPosition"
9548
+ "description": "Specify error text and display error state of a TextField",
9549
+ "fieldName": "error"
9565
9550
  },
9566
9551
  {
9567
- "kind": "field",
9568
9552
  "name": "readOnly",
9569
9553
  "type": {
9570
9554
  "text": "boolean"
9571
9555
  },
9572
9556
  "default": "false",
9573
- "description": "Specify if Switch displays in a read-only state",
9574
- "attribute": "readOnly"
9557
+ "description": "Specify if TextField displays in a read-only state",
9558
+ "fieldName": "readOnly"
9575
9559
  },
9576
9560
  {
9577
- "kind": "field",
9578
9561
  "name": "disabled",
9579
9562
  "type": {
9580
9563
  "text": "boolean"
9581
9564
  },
9582
9565
  "default": "false",
9583
- "description": "Specify if Switch displays in a disabled state",
9584
- "attribute": "disabled"
9566
+ "description": "Specify if TextField displays in a disabled state",
9567
+ "fieldName": "disabled"
9585
9568
  },
9586
9569
  {
9587
- "kind": "field",
9588
- "name": "checked",
9570
+ "name": "fluid",
9589
9571
  "type": {
9590
9572
  "text": "boolean"
9591
9573
  },
9592
9574
  "default": "false",
9593
- "attribute": "checked"
9575
+ "description": "Specify if TextField is fluid",
9576
+ "fieldName": "fluid"
9594
9577
  },
9595
9578
  {
9596
- "kind": "field",
9597
- "name": "value",
9579
+ "name": "width",
9598
9580
  "type": {
9599
9581
  "text": "string | undefined"
9600
9582
  },
9601
- "description": "The value attribute for the input element",
9602
- "attribute": "value"
9583
+ "description": "Specify the width of TextField",
9584
+ "fieldName": "width"
9603
9585
  },
9604
9586
  {
9605
- "kind": "field",
9606
- "name": "switchRef"
9607
- }
9608
- ],
9609
- "attributes": [
9610
- {
9611
- "name": "onText",
9587
+ "name": "ellipse",
9612
9588
  "type": {
9613
- "text": "string | undefined"
9589
+ "text": "boolean"
9614
9590
  },
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"
9591
+ "default": "false",
9592
+ "description": "Specify if overflow displays ellipsis",
9593
+ "fieldName": "ellipse"
9618
9594
  },
9619
9595
  {
9620
- "name": "offText",
9596
+ "name": "theme",
9621
9597
  "type": {
9622
- "text": "string | undefined"
9598
+ "text": "'light' | 'dark' | undefined"
9623
9599
  },
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"
9600
+ "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
9601
+ "fieldName": "theme"
9627
9602
  },
9628
9603
  {
9629
- "name": "textPosition",
9604
+ "name": "type",
9630
9605
  "type": {
9631
- "text": "'before' | 'after'"
9606
+ "text": "string"
9632
9607
  },
9633
- "default": "'after'",
9634
- "description": "Specify the position of the side label",
9635
- "fieldName": "textPosition"
9608
+ "default": "'text'",
9609
+ "fieldName": "type"
9636
9610
  },
9637
9611
  {
9638
- "name": "readOnly",
9612
+ "name": "inputMode",
9639
9613
  "type": {
9640
- "text": "boolean"
9614
+ "text": "string"
9641
9615
  },
9642
- "default": "false",
9643
- "description": "Specify if Switch displays in a read-only state",
9644
- "fieldName": "readOnly"
9616
+ "default": "'text'",
9617
+ "fieldName": "inputMode"
9645
9618
  },
9646
9619
  {
9647
- "name": "disabled",
9620
+ "name": "id",
9648
9621
  "type": {
9649
- "text": "boolean"
9622
+ "text": "string"
9650
9623
  },
9651
- "default": "false",
9652
- "description": "Specify if Switch displays in a disabled state",
9653
- "fieldName": "disabled"
9624
+ "default": "''",
9625
+ "fieldName": "id",
9626
+ "inheritedFrom": {
9627
+ "name": "FormField",
9628
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9629
+ }
9654
9630
  },
9655
9631
  {
9656
- "name": "checked",
9632
+ "name": "name",
9657
9633
  "type": {
9658
- "text": "boolean"
9634
+ "text": "string"
9659
9635
  },
9660
- "default": "false",
9661
- "fieldName": "checked"
9636
+ "default": "''",
9637
+ "fieldName": "name",
9638
+ "inheritedFrom": {
9639
+ "name": "FormField",
9640
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9641
+ }
9662
9642
  },
9663
9643
  {
9664
9644
  "name": "value",
9645
+ "type": {
9646
+ "text": "string"
9647
+ },
9648
+ "default": "''",
9649
+ "fieldName": "value",
9650
+ "inheritedFrom": {
9651
+ "name": "FormField",
9652
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9653
+ }
9654
+ },
9655
+ {
9656
+ "name": "validationRules",
9657
+ "type": {
9658
+ "text": "Array<FormValidator>"
9659
+ },
9660
+ "default": "[]",
9661
+ "fieldName": "validationRules",
9662
+ "inheritedFrom": {
9663
+ "name": "FormField",
9664
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9665
+ }
9666
+ },
9667
+ {
9668
+ "name": "input-aria-label",
9665
9669
  "type": {
9666
9670
  "text": "string | undefined"
9667
9671
  },
9668
- "description": "The value attribute for the input element",
9669
- "fieldName": "value"
9672
+ "fieldName": "inputAriaLabel",
9673
+ "inheritedFrom": {
9674
+ "name": "FormField",
9675
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9676
+ }
9670
9677
  }
9671
9678
  ],
9672
9679
  "superclass": {
9673
- "name": "LitElement",
9674
- "package": "lit"
9680
+ "name": "FormField",
9681
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
9675
9682
  },
9676
- "tagName": "bm-switch",
9683
+ "summary": "`bm-text-field`",
9684
+ "tagName": "bm-text-field",
9677
9685
  "customElement": true
9678
9686
  }
9679
9687
  ],
9680
9688
  "exports": [
9681
9689
  {
9682
9690
  "kind": "js",
9683
- "name": "BmSwitch",
9691
+ "name": "BmTextField",
9684
9692
  "declaration": {
9685
- "name": "BmSwitch",
9686
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9693
+ "name": "BmTextField",
9694
+ "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
9687
9695
  }
9688
9696
  },
9689
9697
  {
9690
9698
  "kind": "custom-element-definition",
9691
- "name": "bm-switch",
9699
+ "name": "bm-text-field",
9692
9700
  "declaration": {
9693
- "name": "BmSwitch",
9694
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9701
+ "name": "BmTextField",
9702
+ "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
9695
9703
  }
9696
9704
  }
9697
9705
  ]
9698
9706
  },
9699
9707
  {
9700
9708
  "kind": "javascript-module",
9701
- "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9709
+ "path": "libs/web-components/src/lib/wip/TextField/index.ts",
9702
9710
  "declarations": [],
9703
9711
  "exports": [
9704
9712
  {
@@ -9706,15 +9714,7 @@
9706
9714
  "name": "*",
9707
9715
  "declaration": {
9708
9716
  "name": "*",
9709
- "package": "./Switch"
9710
- }
9711
- },
9712
- {
9713
- "kind": "js",
9714
- "name": "*",
9715
- "declaration": {
9716
- "name": "*",
9717
- "package": "./SwitchGroup/SwitchGroup"
9717
+ "package": "./TextField"
9718
9718
  }
9719
9719
  }
9720
9720
  ]