@viasat/beam-web-components 2.45.1 → 2.46.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 +1741 -1741
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +351 -351
package/custom-elements.json CHANGED
@@ -684,161 +684,6 @@
684
684
  }
685
685
  ]
686
686
  },
687
- {
688
- "kind": "javascript-module",
689
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
690
- "declarations": [
691
- {
692
- "kind": "class",
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
- "slots": [
696
- {
697
- "description": "Provide text for the Badge",
698
- "name": "default"
699
- },
700
- {
701
- "description": "Specify a different icon for the Badge",
702
- "name": "icon"
703
- }
704
- ],
705
- "members": [
706
- {
707
- "kind": "field",
708
- "name": "appearance",
709
- "type": {
710
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
711
- },
712
- "default": "'infoPrimary'",
713
- "description": "Specify the appearance of the Badge",
714
- "attribute": "appearance"
715
- },
716
- {
717
- "kind": "field",
718
- "name": "theme",
719
- "type": {
720
- "text": "'light' | 'dark' | undefined"
721
- },
722
- "description": "Theme of the Badge",
723
- "attribute": "theme"
724
- },
725
- {
726
- "kind": "field",
727
- "name": "size",
728
- "type": {
729
- "text": "'sm' | 'md' | undefined"
730
- },
731
- "default": "'sm'",
732
- "description": "Specify the size of the Badge",
733
- "attribute": "size"
734
- },
735
- {
736
- "kind": "field",
737
- "name": "emphasis",
738
- "type": {
739
- "text": "'strong' | 'medium' | 'subtle'"
740
- },
741
- "default": "'strong'",
742
- "description": "Specify the emphasis of the Badge",
743
- "attribute": "emphasis"
744
- },
745
- {
746
- "kind": "field",
747
- "name": "hideIcon",
748
- "type": {
749
- "text": "boolean | undefined"
750
- },
751
- "description": "Hides Badge icon",
752
- "attribute": "hideIcon"
753
- }
754
- ],
755
- "attributes": [
756
- {
757
- "name": "appearance",
758
- "type": {
759
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
760
- },
761
- "default": "'infoPrimary'",
762
- "description": "Specify the appearance of the Badge",
763
- "fieldName": "appearance"
764
- },
765
- {
766
- "name": "theme",
767
- "type": {
768
- "text": "'light' | 'dark' | undefined"
769
- },
770
- "description": "Theme of the Badge",
771
- "fieldName": "theme"
772
- },
773
- {
774
- "name": "size",
775
- "type": {
776
- "text": "'sm' | 'md' | undefined"
777
- },
778
- "default": "'sm'",
779
- "description": "Specify the size of the Badge",
780
- "fieldName": "size"
781
- },
782
- {
783
- "name": "emphasis",
784
- "type": {
785
- "text": "'strong' | 'medium' | 'subtle'"
786
- },
787
- "default": "'strong'",
788
- "description": "Specify the emphasis of the Badge",
789
- "fieldName": "emphasis"
790
- },
791
- {
792
- "name": "hideIcon",
793
- "type": {
794
- "text": "boolean | undefined"
795
- },
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
687
  {
843
688
  "kind": "javascript-module",
844
689
  "path": "libs/web-components/src/lib/Alert/Alert.ts",
@@ -1122,524 +967,573 @@
1122
967
  },
1123
968
  {
1124
969
  "kind": "javascript-module",
1125
- "path": "libs/web-components/src/lib/Box/Box.ts",
970
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
1126
971
  "declarations": [
1127
972
  {
1128
973
  "kind": "class",
1129
- "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
1130
- "name": "BmBox",
974
+ "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
975
+ "name": "BmBadge",
1131
976
  "slots": [
1132
977
  {
1133
- "description": "Provide content for the Box",
978
+ "description": "Provide text for the Badge",
1134
979
  "name": "default"
980
+ },
981
+ {
982
+ "description": "Specify a different icon for the Badge",
983
+ "name": "icon"
1135
984
  }
1136
985
  ],
1137
986
  "members": [
1138
987
  {
1139
988
  "kind": "field",
1140
- "name": "backgroundColor",
989
+ "name": "appearance",
1141
990
  "type": {
1142
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
991
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1143
992
  },
1144
- "description": "Specify the background color of a Box",
1145
- "attribute": "backgroundColor"
993
+ "default": "'infoPrimary'",
994
+ "description": "Specify the appearance of the Badge",
995
+ "attribute": "appearance"
1146
996
  },
1147
997
  {
1148
998
  "kind": "field",
1149
- "name": "borderColor",
999
+ "name": "theme",
1150
1000
  "type": {
1151
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1001
+ "text": "'light' | 'dark' | undefined"
1152
1002
  },
1153
- "description": "Specify the border color of a Box",
1154
- "attribute": "borderColor"
1003
+ "description": "Theme of the Badge",
1004
+ "attribute": "theme"
1155
1005
  },
1156
1006
  {
1157
1007
  "kind": "field",
1158
- "name": "borderWidth",
1008
+ "name": "size",
1159
1009
  "type": {
1160
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1010
+ "text": "'sm' | 'md' | undefined"
1161
1011
  },
1162
- "description": "Specify the border width of a Box",
1163
- "attribute": "borderWidth"
1012
+ "default": "'sm'",
1013
+ "description": "Specify the size of the Badge",
1014
+ "attribute": "size"
1164
1015
  },
1165
1016
  {
1166
1017
  "kind": "field",
1167
- "name": "borderRadius",
1018
+ "name": "emphasis",
1168
1019
  "type": {
1169
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1020
+ "text": "'strong' | 'medium' | 'subtle'"
1170
1021
  },
1171
- "description": "Specify the border radius of a Box",
1172
- "attribute": "borderRadius"
1022
+ "default": "'strong'",
1023
+ "description": "Specify the emphasis of the Badge",
1024
+ "attribute": "emphasis"
1173
1025
  },
1174
1026
  {
1175
1027
  "kind": "field",
1176
- "name": "px",
1028
+ "name": "hideIcon",
1177
1029
  "type": {
1178
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1030
+ "text": "boolean | undefined"
1179
1031
  },
1180
- "description": "Specify before and after padding of a Box",
1181
- "attribute": "px"
1182
- },
1032
+ "description": "Hides Badge icon",
1033
+ "attribute": "hideIcon"
1034
+ }
1035
+ ],
1036
+ "attributes": [
1183
1037
  {
1184
- "kind": "field",
1185
- "name": "py",
1038
+ "name": "appearance",
1186
1039
  "type": {
1187
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1040
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1188
1041
  },
1189
- "description": "Specify top and bottom padding of a Box",
1190
- "attribute": "py"
1042
+ "default": "'infoPrimary'",
1043
+ "description": "Specify the appearance of the Badge",
1044
+ "fieldName": "appearance"
1191
1045
  },
1192
1046
  {
1193
- "kind": "field",
1194
- "name": "pTop",
1047
+ "name": "theme",
1195
1048
  "type": {
1196
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1049
+ "text": "'light' | 'dark' | undefined"
1197
1050
  },
1198
- "description": "Specify top padding of a Box",
1199
- "attribute": "pTop"
1051
+ "description": "Theme of the Badge",
1052
+ "fieldName": "theme"
1200
1053
  },
1201
1054
  {
1202
- "kind": "field",
1203
- "name": "pBottom",
1055
+ "name": "size",
1204
1056
  "type": {
1205
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1057
+ "text": "'sm' | 'md' | undefined"
1206
1058
  },
1207
- "description": "Specify bottom padding of a Box",
1208
- "attribute": "pBottom"
1059
+ "default": "'sm'",
1060
+ "description": "Specify the size of the Badge",
1061
+ "fieldName": "size"
1209
1062
  },
1210
1063
  {
1211
- "kind": "field",
1212
- "name": "pBefore",
1064
+ "name": "emphasis",
1213
1065
  "type": {
1214
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1066
+ "text": "'strong' | 'medium' | 'subtle'"
1215
1067
  },
1216
- "description": "Specify before padding of a Box",
1217
- "attribute": "pBefore"
1068
+ "default": "'strong'",
1069
+ "description": "Specify the emphasis of the Badge",
1070
+ "fieldName": "emphasis"
1218
1071
  },
1219
1072
  {
1220
- "kind": "field",
1221
- "name": "pAfter",
1073
+ "name": "hideIcon",
1222
1074
  "type": {
1223
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1224
- },
1225
- "description": "Specify after padding of a Box",
1226
- "attribute": "pAfter"
1227
- },
1228
- {
1229
- "kind": "field",
1230
- "name": "mx",
1231
- "type": {
1232
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1233
- },
1234
- "description": "Specify before and after margin of a Box",
1235
- "attribute": "mx"
1236
- },
1237
- {
1238
- "kind": "field",
1239
- "name": "my",
1240
- "type": {
1241
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1242
- },
1243
- "description": "Specify top and bottom margin of a Box",
1244
- "attribute": "my"
1245
- },
1246
- {
1247
- "kind": "field",
1248
- "name": "mTop",
1249
- "type": {
1250
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1251
- },
1252
- "description": "Specify top margin of a Box",
1253
- "attribute": "mTop"
1254
- },
1255
- {
1256
- "kind": "field",
1257
- "name": "mBottom",
1258
- "type": {
1259
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1260
- },
1261
- "description": "Specify bottom margin of a Box",
1262
- "attribute": "mBottom"
1263
- },
1264
- {
1265
- "kind": "field",
1266
- "name": "mBefore",
1267
- "type": {
1268
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1075
+ "text": "boolean | undefined"
1269
1076
  },
1270
- "description": "Specify before margin of a Box",
1271
- "attribute": "mBefore"
1272
- },
1077
+ "description": "Hides Badge icon",
1078
+ "fieldName": "hideIcon"
1079
+ }
1080
+ ],
1081
+ "superclass": {
1082
+ "name": "LitElement",
1083
+ "package": "lit"
1084
+ },
1085
+ "tagName": "bm-badge",
1086
+ "customElement": true
1087
+ }
1088
+ ],
1089
+ "exports": [
1090
+ {
1091
+ "kind": "js",
1092
+ "name": "BmBadge",
1093
+ "declaration": {
1094
+ "name": "BmBadge",
1095
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1096
+ }
1097
+ },
1098
+ {
1099
+ "kind": "custom-element-definition",
1100
+ "name": "bm-badge",
1101
+ "declaration": {
1102
+ "name": "BmBadge",
1103
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1104
+ }
1105
+ }
1106
+ ]
1107
+ },
1108
+ {
1109
+ "kind": "javascript-module",
1110
+ "path": "libs/web-components/src/lib/Badge/index.ts",
1111
+ "declarations": [],
1112
+ "exports": [
1113
+ {
1114
+ "kind": "js",
1115
+ "name": "*",
1116
+ "declaration": {
1117
+ "name": "*",
1118
+ "package": "./Badge"
1119
+ }
1120
+ }
1121
+ ]
1122
+ },
1123
+ {
1124
+ "kind": "javascript-module",
1125
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1126
+ "declarations": [
1127
+ {
1128
+ "kind": "class",
1129
+ "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
1130
+ "name": "BmBadgeDot",
1131
+ "slots": [
1273
1132
  {
1274
- "kind": "field",
1275
- "name": "mAfter",
1276
- "type": {
1277
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1278
- },
1279
- "description": "Specify after margin of a Box",
1280
- "attribute": "mAfter"
1281
- },
1133
+ "description": "Provide text for the BadgeDot",
1134
+ "name": "default"
1135
+ }
1136
+ ],
1137
+ "members": [
1282
1138
  {
1283
1139
  "kind": "field",
1284
- "name": "m",
1140
+ "name": "theme",
1285
1141
  "type": {
1286
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1142
+ "text": "'light' | 'dark' | undefined"
1287
1143
  },
1288
- "description": "Specify all margin",
1289
- "attribute": "m"
1144
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1145
+ "attribute": "theme"
1290
1146
  },
1291
1147
  {
1292
1148
  "kind": "field",
1293
- "name": "p",
1149
+ "name": "appearance",
1294
1150
  "type": {
1295
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1151
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1296
1152
  },
1297
- "description": "Specify all padding",
1298
- "attribute": "p"
1153
+ "default": "'infoPrimary'",
1154
+ "description": "Specify the appearance of the BadgeDot",
1155
+ "attribute": "appearance"
1299
1156
  },
1300
1157
  {
1301
1158
  "kind": "field",
1302
- "name": "gap",
1159
+ "name": "emphasis",
1303
1160
  "type": {
1304
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1161
+ "text": "'strong' | 'subtle'"
1305
1162
  },
1306
- "description": "Specify gap between child elements",
1307
- "attribute": "gap"
1163
+ "default": "'strong'",
1164
+ "description": "Specify the emphasis of the BadgeDot",
1165
+ "attribute": "emphasis"
1308
1166
  },
1309
1167
  {
1310
1168
  "kind": "field",
1311
- "name": "shadow",
1169
+ "name": "overrideDotColor",
1312
1170
  "type": {
1313
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1171
+ "text": "string | undefined"
1314
1172
  },
1315
- "description": "Specify if a Box has a shadow",
1316
- "attribute": "shadow"
1173
+ "description": "Overrides default dot color",
1174
+ "attribute": "overrideDotColor"
1317
1175
  }
1318
1176
  ],
1319
1177
  "attributes": [
1320
1178
  {
1321
- "name": "backgroundColor",
1322
- "type": {
1323
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
1324
- },
1325
- "description": "Specify the background color of a Box",
1326
- "fieldName": "backgroundColor"
1327
- },
1328
- {
1329
- "name": "borderColor",
1330
- "type": {
1331
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
1332
- },
1333
- "description": "Specify the border color of a Box",
1334
- "fieldName": "borderColor"
1335
- },
1336
- {
1337
- "name": "borderWidth",
1338
- "type": {
1339
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1340
- },
1341
- "description": "Specify the border width of a Box",
1342
- "fieldName": "borderWidth"
1343
- },
1344
- {
1345
- "name": "borderRadius",
1346
- "type": {
1347
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1348
- },
1349
- "description": "Specify the border radius of a Box",
1350
- "fieldName": "borderRadius"
1351
- },
1352
- {
1353
- "name": "px",
1354
- "type": {
1355
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1356
- },
1357
- "description": "Specify before and after padding of a Box",
1358
- "fieldName": "px"
1359
- },
1360
- {
1361
- "name": "py",
1362
- "type": {
1363
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1364
- },
1365
- "description": "Specify top and bottom padding of a Box",
1366
- "fieldName": "py"
1367
- },
1368
- {
1369
- "name": "pTop",
1370
- "type": {
1371
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1372
- },
1373
- "description": "Specify top padding of a Box",
1374
- "fieldName": "pTop"
1375
- },
1376
- {
1377
- "name": "pBottom",
1179
+ "name": "theme",
1378
1180
  "type": {
1379
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1181
+ "text": "'light' | 'dark' | undefined"
1380
1182
  },
1381
- "description": "Specify bottom padding of a Box",
1382
- "fieldName": "pBottom"
1183
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1184
+ "fieldName": "theme"
1383
1185
  },
1384
1186
  {
1385
- "name": "pBefore",
1187
+ "name": "appearance",
1386
1188
  "type": {
1387
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1189
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1388
1190
  },
1389
- "description": "Specify before padding of a Box",
1390
- "fieldName": "pBefore"
1191
+ "default": "'infoPrimary'",
1192
+ "description": "Specify the appearance of the BadgeDot",
1193
+ "fieldName": "appearance"
1391
1194
  },
1392
1195
  {
1393
- "name": "pAfter",
1196
+ "name": "emphasis",
1394
1197
  "type": {
1395
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1198
+ "text": "'strong' | 'subtle'"
1396
1199
  },
1397
- "description": "Specify after padding of a Box",
1398
- "fieldName": "pAfter"
1200
+ "default": "'strong'",
1201
+ "description": "Specify the emphasis of the BadgeDot",
1202
+ "fieldName": "emphasis"
1399
1203
  },
1400
1204
  {
1401
- "name": "mx",
1205
+ "name": "overrideDotColor",
1402
1206
  "type": {
1403
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1207
+ "text": "string | undefined"
1404
1208
  },
1405
- "description": "Specify before and after margin of a Box",
1406
- "fieldName": "mx"
1407
- },
1209
+ "description": "Overrides default dot color",
1210
+ "fieldName": "overrideDotColor"
1211
+ }
1212
+ ],
1213
+ "superclass": {
1214
+ "name": "LitElement",
1215
+ "package": "lit"
1216
+ },
1217
+ "tagName": "bm-badge-dot",
1218
+ "customElement": true
1219
+ }
1220
+ ],
1221
+ "exports": [
1222
+ {
1223
+ "kind": "js",
1224
+ "name": "BmBadgeDot",
1225
+ "declaration": {
1226
+ "name": "BmBadgeDot",
1227
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1228
+ }
1229
+ },
1230
+ {
1231
+ "kind": "custom-element-definition",
1232
+ "name": "bm-badge-dot",
1233
+ "declaration": {
1234
+ "name": "BmBadgeDot",
1235
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1236
+ }
1237
+ }
1238
+ ]
1239
+ },
1240
+ {
1241
+ "kind": "javascript-module",
1242
+ "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1243
+ "declarations": [],
1244
+ "exports": [
1245
+ {
1246
+ "kind": "js",
1247
+ "name": "*",
1248
+ "declaration": {
1249
+ "name": "*",
1250
+ "package": "./BadgeDot"
1251
+ }
1252
+ }
1253
+ ]
1254
+ },
1255
+ {
1256
+ "kind": "javascript-module",
1257
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1258
+ "declarations": [
1259
+ {
1260
+ "kind": "variable",
1261
+ "name": "BreadcrumbGroupCtx"
1262
+ }
1263
+ ],
1264
+ "exports": [
1265
+ {
1266
+ "kind": "js",
1267
+ "name": "BreadcrumbGroupCtx",
1268
+ "declaration": {
1269
+ "name": "BreadcrumbGroupCtx",
1270
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1271
+ }
1272
+ }
1273
+ ]
1274
+ },
1275
+ {
1276
+ "kind": "javascript-module",
1277
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1278
+ "declarations": [
1279
+ {
1280
+ "kind": "class",
1281
+ "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1282
+ "name": "BmBreadcrumbs",
1283
+ "slots": [
1408
1284
  {
1409
- "name": "my",
1410
- "type": {
1411
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1412
- },
1413
- "description": "Specify top and bottom margin of a Box",
1414
- "fieldName": "my"
1415
- },
1285
+ "description": "Pass items to the Breadcrumb",
1286
+ "name": "default"
1287
+ }
1288
+ ],
1289
+ "members": [
1416
1290
  {
1417
- "name": "mTop",
1291
+ "kind": "field",
1292
+ "name": "wrap",
1418
1293
  "type": {
1419
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1294
+ "text": "boolean"
1420
1295
  },
1421
- "description": "Specify top margin of a Box",
1422
- "fieldName": "mTop"
1296
+ "default": "true",
1297
+ "description": "Specify if items wrap or collapse to an ellipsis",
1298
+ "attribute": "wrap"
1423
1299
  },
1424
1300
  {
1425
- "name": "mBottom",
1301
+ "kind": "field",
1302
+ "name": "itemsBeforeCollapse",
1426
1303
  "type": {
1427
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1304
+ "text": "number"
1428
1305
  },
1429
- "description": "Specify bottom margin of a Box",
1430
- "fieldName": "mBottom"
1306
+ "default": "1",
1307
+ "description": "Specify how many items show before ellipsis",
1308
+ "attribute": "itemsBeforeCollapse"
1431
1309
  },
1432
1310
  {
1433
- "name": "mBefore",
1311
+ "kind": "field",
1312
+ "name": "itemsAfterCollapse",
1434
1313
  "type": {
1435
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1314
+ "text": "number"
1436
1315
  },
1437
- "description": "Specify before margin of a Box",
1438
- "fieldName": "mBefore"
1316
+ "default": "1",
1317
+ "description": "Specify how many items show after ellipsis",
1318
+ "attribute": "itemsAfterCollapse"
1439
1319
  },
1440
1320
  {
1441
- "name": "mAfter",
1321
+ "kind": "field",
1322
+ "name": "theme",
1442
1323
  "type": {
1443
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1324
+ "text": "'light' | 'dark' | undefined"
1444
1325
  },
1445
- "description": "Specify after margin of a Box",
1446
- "fieldName": "mAfter"
1447
- },
1326
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1327
+ "attribute": "theme"
1328
+ }
1329
+ ],
1330
+ "attributes": [
1448
1331
  {
1449
- "name": "m",
1332
+ "name": "wrap",
1450
1333
  "type": {
1451
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1334
+ "text": "boolean"
1452
1335
  },
1453
- "description": "Specify all margin",
1454
- "fieldName": "m"
1336
+ "default": "true",
1337
+ "description": "Specify if items wrap or collapse to an ellipsis",
1338
+ "fieldName": "wrap"
1455
1339
  },
1456
1340
  {
1457
- "name": "p",
1341
+ "name": "itemsBeforeCollapse",
1458
1342
  "type": {
1459
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1343
+ "text": "number"
1460
1344
  },
1461
- "description": "Specify all padding",
1462
- "fieldName": "p"
1345
+ "default": "1",
1346
+ "description": "Specify how many items show before ellipsis",
1347
+ "fieldName": "itemsBeforeCollapse"
1463
1348
  },
1464
1349
  {
1465
- "name": "gap",
1350
+ "name": "itemsAfterCollapse",
1466
1351
  "type": {
1467
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1352
+ "text": "number"
1468
1353
  },
1469
- "description": "Specify gap between child elements",
1470
- "fieldName": "gap"
1354
+ "default": "1",
1355
+ "description": "Specify how many items show after ellipsis",
1356
+ "fieldName": "itemsAfterCollapse"
1471
1357
  },
1472
1358
  {
1473
- "name": "shadow",
1359
+ "name": "theme",
1474
1360
  "type": {
1475
- "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
1361
+ "text": "'light' | 'dark' | undefined"
1476
1362
  },
1477
- "description": "Specify if a Box has a shadow",
1478
- "fieldName": "shadow"
1363
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1364
+ "fieldName": "theme"
1479
1365
  }
1480
1366
  ],
1481
1367
  "superclass": {
1482
1368
  "name": "LitElement",
1483
1369
  "package": "lit"
1484
1370
  },
1485
- "tagName": "bm-box",
1371
+ "tagName": "bm-breadcrumb",
1486
1372
  "customElement": true
1487
1373
  }
1488
1374
  ],
1489
1375
  "exports": [
1490
1376
  {
1491
1377
  "kind": "js",
1492
- "name": "BmBox",
1378
+ "name": "BmBreadcrumbs",
1493
1379
  "declaration": {
1494
- "name": "BmBox",
1495
- "module": "libs/web-components/src/lib/Box/Box.ts"
1380
+ "name": "BmBreadcrumbs",
1381
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1496
1382
  }
1497
1383
  },
1498
1384
  {
1499
1385
  "kind": "custom-element-definition",
1500
- "name": "bm-box",
1501
- "declaration": {
1502
- "name": "BmBox",
1503
- "module": "libs/web-components/src/lib/Box/Box.ts"
1504
- }
1505
- }
1506
- ]
1507
- },
1508
- {
1509
- "kind": "javascript-module",
1510
- "path": "libs/web-components/src/lib/Box/index.ts",
1511
- "declarations": [],
1512
- "exports": [
1513
- {
1514
- "kind": "js",
1515
- "name": "*",
1386
+ "name": "bm-breadcrumb",
1516
1387
  "declaration": {
1517
- "name": "*",
1518
- "package": "./Box"
1388
+ "name": "BmBreadcrumbs",
1389
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1519
1390
  }
1520
1391
  }
1521
1392
  ]
1522
1393
  },
1523
1394
  {
1524
1395
  "kind": "javascript-module",
1525
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1396
+ "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1526
1397
  "declarations": [
1527
1398
  {
1528
1399
  "kind": "class",
1529
- "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
1530
- "name": "BmBadgeDot",
1400
+ "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1401
+ "name": "BmBreadcrumbsItem",
1531
1402
  "slots": [
1532
1403
  {
1533
- "description": "Provide text for the BadgeDot",
1404
+ "description": "Pass text to an item",
1534
1405
  "name": "default"
1406
+ },
1407
+ {
1408
+ "description": "Pass icon to an item",
1409
+ "name": "icon"
1535
1410
  }
1536
1411
  ],
1537
1412
  "members": [
1538
1413
  {
1539
1414
  "kind": "field",
1540
- "name": "theme",
1415
+ "name": "href",
1541
1416
  "type": {
1542
- "text": "'light' | 'dark' | undefined"
1417
+ "text": "string | undefined"
1543
1418
  },
1544
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1545
- "attribute": "theme"
1419
+ "description": "Pass href to an item",
1420
+ "attribute": "href"
1546
1421
  },
1547
1422
  {
1548
1423
  "kind": "field",
1549
- "name": "appearance",
1424
+ "name": "clickable",
1550
1425
  "type": {
1551
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1426
+ "text": "boolean"
1552
1427
  },
1553
- "default": "'infoPrimary'",
1554
- "description": "Specify the appearance of the BadgeDot",
1555
- "attribute": "appearance"
1428
+ "default": "false",
1429
+ "description": "Specify if the item is interactive without an href",
1430
+ "attribute": "clickable"
1556
1431
  },
1557
1432
  {
1558
1433
  "kind": "field",
1559
- "name": "emphasis",
1434
+ "name": "truncationWidth",
1560
1435
  "type": {
1561
- "text": "'strong' | 'subtle'"
1436
+ "text": "string | undefined"
1562
1437
  },
1563
- "default": "'strong'",
1564
- "description": "Specify the emphasis of the BadgeDot",
1565
- "attribute": "emphasis"
1438
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1439
+ "attribute": "truncationWidth"
1566
1440
  },
1567
1441
  {
1568
1442
  "kind": "field",
1569
- "name": "overrideDotColor",
1443
+ "name": "isCurrent",
1570
1444
  "type": {
1571
- "text": "string | undefined"
1445
+ "text": "boolean"
1572
1446
  },
1573
- "description": "Overrides default dot color",
1574
- "attribute": "overrideDotColor"
1447
+ "default": "false",
1448
+ "description": "Specify explicitly if the item is the last one",
1449
+ "attribute": "isCurrent",
1450
+ "reflects": true
1451
+ },
1452
+ {
1453
+ "kind": "field",
1454
+ "name": "isCollapsed",
1455
+ "type": {
1456
+ "text": "boolean"
1457
+ },
1458
+ "default": "false",
1459
+ "attribute": "isCollapsed",
1460
+ "reflects": true
1575
1461
  }
1576
1462
  ],
1577
1463
  "attributes": [
1578
1464
  {
1579
- "name": "theme",
1465
+ "name": "href",
1580
1466
  "type": {
1581
- "text": "'light' | 'dark' | undefined"
1467
+ "text": "string | undefined"
1582
1468
  },
1583
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1584
- "fieldName": "theme"
1469
+ "description": "Pass href to an item",
1470
+ "fieldName": "href"
1585
1471
  },
1586
1472
  {
1587
- "name": "appearance",
1473
+ "name": "clickable",
1588
1474
  "type": {
1589
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1475
+ "text": "boolean"
1590
1476
  },
1591
- "default": "'infoPrimary'",
1592
- "description": "Specify the appearance of the BadgeDot",
1593
- "fieldName": "appearance"
1477
+ "default": "false",
1478
+ "description": "Specify if the item is interactive without an href",
1479
+ "fieldName": "clickable"
1594
1480
  },
1595
1481
  {
1596
- "name": "emphasis",
1482
+ "name": "truncationWidth",
1597
1483
  "type": {
1598
- "text": "'strong' | 'subtle'"
1484
+ "text": "string | undefined"
1599
1485
  },
1600
- "default": "'strong'",
1601
- "description": "Specify the emphasis of the BadgeDot",
1602
- "fieldName": "emphasis"
1486
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1487
+ "fieldName": "truncationWidth"
1603
1488
  },
1604
1489
  {
1605
- "name": "overrideDotColor",
1490
+ "name": "isCurrent",
1606
1491
  "type": {
1607
- "text": "string | undefined"
1492
+ "text": "boolean"
1608
1493
  },
1609
- "description": "Overrides default dot color",
1610
- "fieldName": "overrideDotColor"
1494
+ "default": "false",
1495
+ "description": "Specify explicitly if the item is the last one",
1496
+ "fieldName": "isCurrent"
1497
+ },
1498
+ {
1499
+ "name": "isCollapsed",
1500
+ "type": {
1501
+ "text": "boolean"
1502
+ },
1503
+ "default": "false",
1504
+ "fieldName": "isCollapsed"
1611
1505
  }
1612
1506
  ],
1613
1507
  "superclass": {
1614
1508
  "name": "LitElement",
1615
1509
  "package": "lit"
1616
1510
  },
1617
- "tagName": "bm-badge-dot",
1511
+ "tagName": "bm-breadcrumb-item",
1618
1512
  "customElement": true
1619
1513
  }
1620
1514
  ],
1621
1515
  "exports": [
1622
1516
  {
1623
1517
  "kind": "js",
1624
- "name": "BmBadgeDot",
1518
+ "name": "BmBreadcrumbsItem",
1625
1519
  "declaration": {
1626
- "name": "BmBadgeDot",
1627
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1520
+ "name": "BmBreadcrumbsItem",
1521
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1628
1522
  }
1629
1523
  },
1630
1524
  {
1631
1525
  "kind": "custom-element-definition",
1632
- "name": "bm-badge-dot",
1526
+ "name": "bm-breadcrumb-item",
1633
1527
  "declaration": {
1634
- "name": "BmBadgeDot",
1635
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1528
+ "name": "BmBreadcrumbsItem",
1529
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1636
1530
  }
1637
1531
  }
1638
1532
  ]
1639
1533
  },
1640
1534
  {
1641
1535
  "kind": "javascript-module",
1642
- "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1536
+ "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1643
1537
  "declarations": [],
1644
1538
  "exports": [
1645
1539
  {
@@ -1647,75 +1541,118 @@
1647
1541
  "name": "*",
1648
1542
  "declaration": {
1649
1543
  "name": "*",
1650
- "package": "./BadgeDot"
1544
+ "package": "./Breadcrumbs"
1651
1545
  }
1652
- }
1653
- ]
1654
- },
1655
- {
1656
- "kind": "javascript-module",
1657
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1658
- "declarations": [
1659
- {
1660
- "kind": "variable",
1661
- "name": "BreadcrumbGroupCtx"
1662
- }
1663
- ],
1664
- "exports": [
1546
+ },
1665
1547
  {
1666
1548
  "kind": "js",
1667
- "name": "BreadcrumbGroupCtx",
1549
+ "name": "*",
1668
1550
  "declaration": {
1669
- "name": "BreadcrumbGroupCtx",
1670
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1551
+ "name": "*",
1552
+ "package": "./BreadcrumbsItem"
1671
1553
  }
1672
1554
  }
1673
1555
  ]
1674
1556
  },
1675
1557
  {
1676
1558
  "kind": "javascript-module",
1677
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1559
+ "path": "libs/web-components/src/lib/Button/Button.ts",
1678
1560
  "declarations": [
1679
1561
  {
1680
1562
  "kind": "class",
1681
- "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1682
- "name": "BmBreadcrumbs",
1563
+ "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1564
+ "name": "BmButton",
1683
1565
  "slots": [
1684
1566
  {
1685
- "description": "Pass items to the Breadcrumb",
1567
+ "description": "Provide content for the Button",
1686
1568
  "name": "default"
1569
+ },
1570
+ {
1571
+ "description": "Specify if the Button displays icon before the text",
1572
+ "name": "iconBefore"
1573
+ },
1574
+ {
1575
+ "description": "Specify if the Button displays icon after the text",
1576
+ "name": "iconAfter"
1687
1577
  }
1688
1578
  ],
1689
1579
  "members": [
1690
1580
  {
1691
1581
  "kind": "field",
1692
- "name": "wrap",
1582
+ "name": "formAssociated",
1693
1583
  "type": {
1694
1584
  "text": "boolean"
1695
1585
  },
1696
- "default": "true",
1697
- "description": "Specify if items wrap or collapse to an ellipsis",
1698
- "attribute": "wrap"
1586
+ "static": true,
1587
+ "default": "true"
1699
1588
  },
1700
1589
  {
1701
1590
  "kind": "field",
1702
- "name": "itemsBeforeCollapse",
1591
+ "name": "appearance",
1703
1592
  "type": {
1704
- "text": "number"
1593
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1705
1594
  },
1706
- "default": "1",
1707
- "description": "Specify how many items show before ellipsis",
1708
- "attribute": "itemsBeforeCollapse"
1595
+ "default": "'accent'",
1596
+ "description": "Specify the appearance of a Button",
1597
+ "attribute": "appearance"
1709
1598
  },
1710
1599
  {
1711
1600
  "kind": "field",
1712
- "name": "itemsAfterCollapse",
1601
+ "name": "kind",
1713
1602
  "type": {
1714
- "text": "number"
1603
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1715
1604
  },
1716
- "default": "1",
1717
- "description": "Specify how many items show after ellipsis",
1718
- "attribute": "itemsAfterCollapse"
1605
+ "default": "'filled'",
1606
+ "description": "Specify the kind of Button",
1607
+ "attribute": "kind"
1608
+ },
1609
+ {
1610
+ "kind": "field",
1611
+ "name": "size",
1612
+ "type": {
1613
+ "text": "'sm' | 'md' | 'lg'"
1614
+ },
1615
+ "default": "'md'",
1616
+ "description": "Specify the size of a Button",
1617
+ "attribute": "size"
1618
+ },
1619
+ {
1620
+ "kind": "field",
1621
+ "name": "disabled",
1622
+ "type": {
1623
+ "text": "boolean"
1624
+ },
1625
+ "default": "false",
1626
+ "description": "Specify if the Button is disabled",
1627
+ "attribute": "disabled"
1628
+ },
1629
+ {
1630
+ "kind": "field",
1631
+ "name": "fluid",
1632
+ "type": {
1633
+ "text": "boolean"
1634
+ },
1635
+ "default": "false",
1636
+ "description": "Specify if Button is fluid",
1637
+ "attribute": "fluid"
1638
+ },
1639
+ {
1640
+ "kind": "field",
1641
+ "name": "width",
1642
+ "type": {
1643
+ "text": "string | undefined"
1644
+ },
1645
+ "description": "Specify the width of a Button",
1646
+ "attribute": "width"
1647
+ },
1648
+ {
1649
+ "kind": "field",
1650
+ "name": "height",
1651
+ "type": {
1652
+ "text": "string | undefined"
1653
+ },
1654
+ "description": "Specify the height of a Button",
1655
+ "attribute": "height"
1719
1656
  },
1720
1657
  {
1721
1658
  "kind": "field",
@@ -1723,217 +1660,152 @@
1723
1660
  "type": {
1724
1661
  "text": "'light' | 'dark' | undefined"
1725
1662
  },
1726
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1663
+ "description": "Specify the theme of the Button",
1727
1664
  "attribute": "theme"
1728
- }
1729
- ],
1730
- "attributes": [
1731
- {
1732
- "name": "wrap",
1733
- "type": {
1734
- "text": "boolean"
1735
- },
1736
- "default": "true",
1737
- "description": "Specify if items wrap or collapse to an ellipsis",
1738
- "fieldName": "wrap"
1739
1665
  },
1740
1666
  {
1741
- "name": "itemsBeforeCollapse",
1667
+ "kind": "field",
1668
+ "name": "iconOnly",
1742
1669
  "type": {
1743
- "text": "number"
1670
+ "text": "boolean | undefined"
1744
1671
  },
1745
- "default": "1",
1746
- "description": "Specify how many items show before ellipsis",
1747
- "fieldName": "itemsBeforeCollapse"
1672
+ "description": "Specify if the icon displays without text",
1673
+ "attribute": "iconOnly"
1748
1674
  },
1749
1675
  {
1750
- "name": "itemsAfterCollapse",
1676
+ "kind": "field",
1677
+ "name": "type",
1751
1678
  "type": {
1752
- "text": "number"
1679
+ "text": "string"
1753
1680
  },
1754
- "default": "1",
1755
- "description": "Specify how many items show after ellipsis",
1756
- "fieldName": "itemsAfterCollapse"
1681
+ "default": "'button'",
1682
+ "attribute": "type"
1757
1683
  },
1758
1684
  {
1759
- "name": "theme",
1685
+ "kind": "field",
1686
+ "name": "formContext",
1760
1687
  "type": {
1761
- "text": "'light' | 'dark' | undefined"
1762
- },
1763
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1764
- "fieldName": "theme"
1765
- }
1766
- ],
1767
- "superclass": {
1768
- "name": "LitElement",
1769
- "package": "lit"
1770
- },
1771
- "tagName": "bm-breadcrumb",
1772
- "customElement": true
1773
- }
1774
- ],
1775
- "exports": [
1776
- {
1777
- "kind": "js",
1778
- "name": "BmBreadcrumbs",
1779
- "declaration": {
1780
- "name": "BmBreadcrumbs",
1781
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1782
- }
1783
- },
1784
- {
1785
- "kind": "custom-element-definition",
1786
- "name": "bm-breadcrumb",
1787
- "declaration": {
1788
- "name": "BmBreadcrumbs",
1789
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1790
- }
1791
- }
1792
- ]
1793
- },
1794
- {
1795
- "kind": "javascript-module",
1796
- "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1797
- "declarations": [
1798
- {
1799
- "kind": "class",
1800
- "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1801
- "name": "BmBreadcrumbsItem",
1802
- "slots": [
1803
- {
1804
- "description": "Pass text to an item",
1805
- "name": "default"
1806
- },
1807
- {
1808
- "description": "Pass icon to an item",
1809
- "name": "icon"
1688
+ "text": "BmFormContext"
1689
+ }
1810
1690
  }
1811
1691
  ],
1812
- "members": [
1692
+ "attributes": [
1813
1693
  {
1814
- "kind": "field",
1815
- "name": "href",
1694
+ "name": "appearance",
1816
1695
  "type": {
1817
- "text": "string | undefined"
1696
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1818
1697
  },
1819
- "description": "Pass href to an item",
1820
- "attribute": "href"
1698
+ "default": "'accent'",
1699
+ "description": "Specify the appearance of a Button",
1700
+ "fieldName": "appearance"
1821
1701
  },
1822
1702
  {
1823
- "kind": "field",
1824
- "name": "clickable",
1703
+ "name": "kind",
1825
1704
  "type": {
1826
- "text": "boolean"
1705
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1827
1706
  },
1828
- "default": "false",
1829
- "description": "Specify if the item is interactive without an href",
1830
- "attribute": "clickable"
1707
+ "default": "'filled'",
1708
+ "description": "Specify the kind of Button",
1709
+ "fieldName": "kind"
1831
1710
  },
1832
1711
  {
1833
- "kind": "field",
1834
- "name": "truncationWidth",
1712
+ "name": "size",
1835
1713
  "type": {
1836
- "text": "string | undefined"
1714
+ "text": "'sm' | 'md' | 'lg'"
1837
1715
  },
1838
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1839
- "attribute": "truncationWidth"
1716
+ "default": "'md'",
1717
+ "description": "Specify the size of a Button",
1718
+ "fieldName": "size"
1840
1719
  },
1841
1720
  {
1842
- "kind": "field",
1843
- "name": "isCurrent",
1721
+ "name": "disabled",
1844
1722
  "type": {
1845
1723
  "text": "boolean"
1846
1724
  },
1847
1725
  "default": "false",
1848
- "description": "Specify explicitly if the item is the last one",
1849
- "attribute": "isCurrent",
1850
- "reflects": true
1726
+ "description": "Specify if the Button is disabled",
1727
+ "fieldName": "disabled"
1851
1728
  },
1852
1729
  {
1853
- "kind": "field",
1854
- "name": "isCollapsed",
1730
+ "name": "fluid",
1855
1731
  "type": {
1856
1732
  "text": "boolean"
1857
1733
  },
1858
1734
  "default": "false",
1859
- "attribute": "isCollapsed",
1860
- "reflects": true
1861
- }
1862
- ],
1863
- "attributes": [
1735
+ "description": "Specify if Button is fluid",
1736
+ "fieldName": "fluid"
1737
+ },
1864
1738
  {
1865
- "name": "href",
1739
+ "name": "width",
1866
1740
  "type": {
1867
1741
  "text": "string | undefined"
1868
1742
  },
1869
- "description": "Pass href to an item",
1870
- "fieldName": "href"
1743
+ "description": "Specify the width of a Button",
1744
+ "fieldName": "width"
1871
1745
  },
1872
1746
  {
1873
- "name": "clickable",
1747
+ "name": "height",
1874
1748
  "type": {
1875
- "text": "boolean"
1749
+ "text": "string | undefined"
1876
1750
  },
1877
- "default": "false",
1878
- "description": "Specify if the item is interactive without an href",
1879
- "fieldName": "clickable"
1751
+ "description": "Specify the height of a Button",
1752
+ "fieldName": "height"
1880
1753
  },
1881
1754
  {
1882
- "name": "truncationWidth",
1755
+ "name": "theme",
1883
1756
  "type": {
1884
- "text": "string | undefined"
1757
+ "text": "'light' | 'dark' | undefined"
1885
1758
  },
1886
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1887
- "fieldName": "truncationWidth"
1759
+ "description": "Specify the theme of the Button",
1760
+ "fieldName": "theme"
1888
1761
  },
1889
1762
  {
1890
- "name": "isCurrent",
1763
+ "name": "iconOnly",
1891
1764
  "type": {
1892
- "text": "boolean"
1765
+ "text": "boolean | undefined"
1893
1766
  },
1894
- "default": "false",
1895
- "description": "Specify explicitly if the item is the last one",
1896
- "fieldName": "isCurrent"
1767
+ "description": "Specify if the icon displays without text",
1768
+ "fieldName": "iconOnly"
1897
1769
  },
1898
1770
  {
1899
- "name": "isCollapsed",
1771
+ "name": "type",
1900
1772
  "type": {
1901
- "text": "boolean"
1773
+ "text": "string"
1902
1774
  },
1903
- "default": "false",
1904
- "fieldName": "isCollapsed"
1775
+ "default": "'button'",
1776
+ "fieldName": "type"
1905
1777
  }
1906
1778
  ],
1907
1779
  "superclass": {
1908
1780
  "name": "LitElement",
1909
1781
  "package": "lit"
1910
1782
  },
1911
- "tagName": "bm-breadcrumb-item",
1783
+ "tagName": "bm-button",
1912
1784
  "customElement": true
1913
1785
  }
1914
1786
  ],
1915
1787
  "exports": [
1916
1788
  {
1917
1789
  "kind": "js",
1918
- "name": "BmBreadcrumbsItem",
1790
+ "name": "BmButton",
1919
1791
  "declaration": {
1920
- "name": "BmBreadcrumbsItem",
1921
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1792
+ "name": "BmButton",
1793
+ "module": "libs/web-components/src/lib/Button/Button.ts"
1922
1794
  }
1923
1795
  },
1924
1796
  {
1925
1797
  "kind": "custom-element-definition",
1926
- "name": "bm-breadcrumb-item",
1798
+ "name": "bm-button",
1927
1799
  "declaration": {
1928
- "name": "BmBreadcrumbsItem",
1929
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1800
+ "name": "BmButton",
1801
+ "module": "libs/web-components/src/lib/Button/Button.ts"
1930
1802
  }
1931
1803
  }
1932
1804
  ]
1933
1805
  },
1934
1806
  {
1935
1807
  "kind": "javascript-module",
1936
- "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1808
+ "path": "libs/web-components/src/lib/Button/index.ts",
1937
1809
  "declarations": [],
1938
1810
  "exports": [
1939
1811
  {
@@ -1941,271 +1813,399 @@
1941
1813
  "name": "*",
1942
1814
  "declaration": {
1943
1815
  "name": "*",
1944
- "package": "./Breadcrumbs"
1945
- }
1946
- },
1947
- {
1948
- "kind": "js",
1949
- "name": "*",
1950
- "declaration": {
1951
- "name": "*",
1952
- "package": "./BreadcrumbsItem"
1816
+ "package": "./Button"
1953
1817
  }
1954
1818
  }
1955
1819
  ]
1956
1820
  },
1957
1821
  {
1958
1822
  "kind": "javascript-module",
1959
- "path": "libs/web-components/src/lib/Button/Button.ts",
1823
+ "path": "libs/web-components/src/lib/Box/Box.ts",
1960
1824
  "declarations": [
1961
1825
  {
1962
1826
  "kind": "class",
1963
- "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1964
- "name": "BmButton",
1827
+ "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",
1828
+ "name": "BmBox",
1965
1829
  "slots": [
1966
1830
  {
1967
- "description": "Provide content for the Button",
1968
- "name": "default"
1831
+ "description": "Provide content for the Box",
1832
+ "name": "default"
1833
+ }
1834
+ ],
1835
+ "members": [
1836
+ {
1837
+ "kind": "field",
1838
+ "name": "backgroundColor",
1839
+ "type": {
1840
+ "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"
1841
+ },
1842
+ "description": "Specify the background color of a Box",
1843
+ "attribute": "backgroundColor"
1844
+ },
1845
+ {
1846
+ "kind": "field",
1847
+ "name": "borderColor",
1848
+ "type": {
1849
+ "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"
1850
+ },
1851
+ "description": "Specify the border color of a Box",
1852
+ "attribute": "borderColor"
1853
+ },
1854
+ {
1855
+ "kind": "field",
1856
+ "name": "borderWidth",
1857
+ "type": {
1858
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1859
+ },
1860
+ "description": "Specify the border width of a Box",
1861
+ "attribute": "borderWidth"
1862
+ },
1863
+ {
1864
+ "kind": "field",
1865
+ "name": "borderRadius",
1866
+ "type": {
1867
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1868
+ },
1869
+ "description": "Specify the border radius of a Box",
1870
+ "attribute": "borderRadius"
1871
+ },
1872
+ {
1873
+ "kind": "field",
1874
+ "name": "px",
1875
+ "type": {
1876
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1877
+ },
1878
+ "description": "Specify before and after padding of a Box",
1879
+ "attribute": "px"
1880
+ },
1881
+ {
1882
+ "kind": "field",
1883
+ "name": "py",
1884
+ "type": {
1885
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1886
+ },
1887
+ "description": "Specify top and bottom padding of a Box",
1888
+ "attribute": "py"
1969
1889
  },
1970
1890
  {
1971
- "description": "Specify if the Button displays icon before the text",
1972
- "name": "iconBefore"
1891
+ "kind": "field",
1892
+ "name": "pTop",
1893
+ "type": {
1894
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1895
+ },
1896
+ "description": "Specify top padding of a Box",
1897
+ "attribute": "pTop"
1973
1898
  },
1974
1899
  {
1975
- "description": "Specify if the Button displays icon after the text",
1976
- "name": "iconAfter"
1977
- }
1978
- ],
1979
- "members": [
1900
+ "kind": "field",
1901
+ "name": "pBottom",
1902
+ "type": {
1903
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1904
+ },
1905
+ "description": "Specify bottom padding of a Box",
1906
+ "attribute": "pBottom"
1907
+ },
1980
1908
  {
1981
1909
  "kind": "field",
1982
- "name": "formAssociated",
1910
+ "name": "pBefore",
1983
1911
  "type": {
1984
- "text": "boolean"
1912
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1985
1913
  },
1986
- "static": true,
1987
- "default": "true"
1914
+ "description": "Specify before padding of a Box",
1915
+ "attribute": "pBefore"
1988
1916
  },
1989
1917
  {
1990
1918
  "kind": "field",
1991
- "name": "appearance",
1919
+ "name": "pAfter",
1992
1920
  "type": {
1993
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1921
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1994
1922
  },
1995
- "default": "'accent'",
1996
- "description": "Specify the appearance of a Button",
1997
- "attribute": "appearance"
1923
+ "description": "Specify after padding of a Box",
1924
+ "attribute": "pAfter"
1998
1925
  },
1999
1926
  {
2000
1927
  "kind": "field",
2001
- "name": "kind",
1928
+ "name": "mx",
2002
1929
  "type": {
2003
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1930
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2004
1931
  },
2005
- "default": "'filled'",
2006
- "description": "Specify the kind of Button",
2007
- "attribute": "kind"
1932
+ "description": "Specify before and after margin of a Box",
1933
+ "attribute": "mx"
2008
1934
  },
2009
1935
  {
2010
1936
  "kind": "field",
2011
- "name": "size",
1937
+ "name": "my",
2012
1938
  "type": {
2013
- "text": "'sm' | 'md' | 'lg'"
1939
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2014
1940
  },
2015
- "default": "'md'",
2016
- "description": "Specify the size of a Button",
2017
- "attribute": "size"
1941
+ "description": "Specify top and bottom margin of a Box",
1942
+ "attribute": "my"
2018
1943
  },
2019
1944
  {
2020
1945
  "kind": "field",
2021
- "name": "disabled",
1946
+ "name": "mTop",
2022
1947
  "type": {
2023
- "text": "boolean"
1948
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2024
1949
  },
2025
- "default": "false",
2026
- "description": "Specify if the Button is disabled",
2027
- "attribute": "disabled"
1950
+ "description": "Specify top margin of a Box",
1951
+ "attribute": "mTop"
2028
1952
  },
2029
1953
  {
2030
1954
  "kind": "field",
2031
- "name": "fluid",
1955
+ "name": "mBottom",
2032
1956
  "type": {
2033
- "text": "boolean"
1957
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2034
1958
  },
2035
- "default": "false",
2036
- "description": "Specify if Button is fluid",
2037
- "attribute": "fluid"
1959
+ "description": "Specify bottom margin of a Box",
1960
+ "attribute": "mBottom"
2038
1961
  },
2039
1962
  {
2040
1963
  "kind": "field",
2041
- "name": "width",
1964
+ "name": "mBefore",
2042
1965
  "type": {
2043
- "text": "string | undefined"
1966
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2044
1967
  },
2045
- "description": "Specify the width of a Button",
2046
- "attribute": "width"
1968
+ "description": "Specify before margin of a Box",
1969
+ "attribute": "mBefore"
2047
1970
  },
2048
1971
  {
2049
1972
  "kind": "field",
2050
- "name": "height",
1973
+ "name": "mAfter",
2051
1974
  "type": {
2052
- "text": "string | undefined"
1975
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2053
1976
  },
2054
- "description": "Specify the height of a Button",
2055
- "attribute": "height"
1977
+ "description": "Specify after margin of a Box",
1978
+ "attribute": "mAfter"
2056
1979
  },
2057
1980
  {
2058
1981
  "kind": "field",
2059
- "name": "theme",
1982
+ "name": "m",
2060
1983
  "type": {
2061
- "text": "'light' | 'dark' | undefined"
1984
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2062
1985
  },
2063
- "description": "Specify the theme of the Button",
2064
- "attribute": "theme"
1986
+ "description": "Specify all margin",
1987
+ "attribute": "m"
2065
1988
  },
2066
1989
  {
2067
1990
  "kind": "field",
2068
- "name": "iconOnly",
1991
+ "name": "p",
2069
1992
  "type": {
2070
- "text": "boolean | undefined"
1993
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2071
1994
  },
2072
- "description": "Specify if the icon displays without text",
2073
- "attribute": "iconOnly"
1995
+ "description": "Specify all padding",
1996
+ "attribute": "p"
2074
1997
  },
2075
1998
  {
2076
1999
  "kind": "field",
2077
- "name": "type",
2000
+ "name": "gap",
2078
2001
  "type": {
2079
- "text": "string"
2002
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2080
2003
  },
2081
- "default": "'button'",
2082
- "attribute": "type"
2004
+ "description": "Specify gap between child elements",
2005
+ "attribute": "gap"
2083
2006
  },
2084
2007
  {
2085
2008
  "kind": "field",
2086
- "name": "formContext",
2009
+ "name": "shadow",
2087
2010
  "type": {
2088
- "text": "BmFormContext"
2089
- }
2011
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
2012
+ },
2013
+ "description": "Specify if a Box has a shadow",
2014
+ "attribute": "shadow"
2090
2015
  }
2091
2016
  ],
2092
2017
  "attributes": [
2093
2018
  {
2094
- "name": "appearance",
2019
+ "name": "backgroundColor",
2095
2020
  "type": {
2096
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
2021
+ "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"
2097
2022
  },
2098
- "default": "'accent'",
2099
- "description": "Specify the appearance of a Button",
2100
- "fieldName": "appearance"
2023
+ "description": "Specify the background color of a Box",
2024
+ "fieldName": "backgroundColor"
2101
2025
  },
2102
2026
  {
2103
- "name": "kind",
2027
+ "name": "borderColor",
2104
2028
  "type": {
2105
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
2029
+ "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"
2106
2030
  },
2107
- "default": "'filled'",
2108
- "description": "Specify the kind of Button",
2109
- "fieldName": "kind"
2031
+ "description": "Specify the border color of a Box",
2032
+ "fieldName": "borderColor"
2110
2033
  },
2111
2034
  {
2112
- "name": "size",
2035
+ "name": "borderWidth",
2113
2036
  "type": {
2114
- "text": "'sm' | 'md' | 'lg'"
2037
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
2115
2038
  },
2116
- "default": "'md'",
2117
- "description": "Specify the size of a Button",
2118
- "fieldName": "size"
2039
+ "description": "Specify the border width of a Box",
2040
+ "fieldName": "borderWidth"
2119
2041
  },
2120
2042
  {
2121
- "name": "disabled",
2043
+ "name": "borderRadius",
2122
2044
  "type": {
2123
- "text": "boolean"
2045
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
2124
2046
  },
2125
- "default": "false",
2126
- "description": "Specify if the Button is disabled",
2127
- "fieldName": "disabled"
2047
+ "description": "Specify the border radius of a Box",
2048
+ "fieldName": "borderRadius"
2128
2049
  },
2129
2050
  {
2130
- "name": "fluid",
2051
+ "name": "px",
2052
+ "type": {
2053
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2054
+ },
2055
+ "description": "Specify before and after padding of a Box",
2056
+ "fieldName": "px"
2057
+ },
2058
+ {
2059
+ "name": "py",
2060
+ "type": {
2061
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2062
+ },
2063
+ "description": "Specify top and bottom padding of a Box",
2064
+ "fieldName": "py"
2065
+ },
2066
+ {
2067
+ "name": "pTop",
2068
+ "type": {
2069
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2070
+ },
2071
+ "description": "Specify top padding of a Box",
2072
+ "fieldName": "pTop"
2073
+ },
2074
+ {
2075
+ "name": "pBottom",
2076
+ "type": {
2077
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2078
+ },
2079
+ "description": "Specify bottom padding of a Box",
2080
+ "fieldName": "pBottom"
2081
+ },
2082
+ {
2083
+ "name": "pBefore",
2084
+ "type": {
2085
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2086
+ },
2087
+ "description": "Specify before padding of a Box",
2088
+ "fieldName": "pBefore"
2089
+ },
2090
+ {
2091
+ "name": "pAfter",
2092
+ "type": {
2093
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2094
+ },
2095
+ "description": "Specify after padding of a Box",
2096
+ "fieldName": "pAfter"
2097
+ },
2098
+ {
2099
+ "name": "mx",
2100
+ "type": {
2101
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2102
+ },
2103
+ "description": "Specify before and after margin of a Box",
2104
+ "fieldName": "mx"
2105
+ },
2106
+ {
2107
+ "name": "my",
2108
+ "type": {
2109
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2110
+ },
2111
+ "description": "Specify top and bottom margin of a Box",
2112
+ "fieldName": "my"
2113
+ },
2114
+ {
2115
+ "name": "mTop",
2116
+ "type": {
2117
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2118
+ },
2119
+ "description": "Specify top margin of a Box",
2120
+ "fieldName": "mTop"
2121
+ },
2122
+ {
2123
+ "name": "mBottom",
2124
+ "type": {
2125
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2126
+ },
2127
+ "description": "Specify bottom margin of a Box",
2128
+ "fieldName": "mBottom"
2129
+ },
2130
+ {
2131
+ "name": "mBefore",
2131
2132
  "type": {
2132
- "text": "boolean"
2133
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2133
2134
  },
2134
- "default": "false",
2135
- "description": "Specify if Button is fluid",
2136
- "fieldName": "fluid"
2135
+ "description": "Specify before margin of a Box",
2136
+ "fieldName": "mBefore"
2137
2137
  },
2138
2138
  {
2139
- "name": "width",
2139
+ "name": "mAfter",
2140
2140
  "type": {
2141
- "text": "string | undefined"
2141
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2142
2142
  },
2143
- "description": "Specify the width of a Button",
2144
- "fieldName": "width"
2143
+ "description": "Specify after margin of a Box",
2144
+ "fieldName": "mAfter"
2145
2145
  },
2146
2146
  {
2147
- "name": "height",
2147
+ "name": "m",
2148
2148
  "type": {
2149
- "text": "string | undefined"
2149
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2150
2150
  },
2151
- "description": "Specify the height of a Button",
2152
- "fieldName": "height"
2151
+ "description": "Specify all margin",
2152
+ "fieldName": "m"
2153
2153
  },
2154
2154
  {
2155
- "name": "theme",
2155
+ "name": "p",
2156
2156
  "type": {
2157
- "text": "'light' | 'dark' | undefined"
2157
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2158
2158
  },
2159
- "description": "Specify the theme of the Button",
2160
- "fieldName": "theme"
2159
+ "description": "Specify all padding",
2160
+ "fieldName": "p"
2161
2161
  },
2162
2162
  {
2163
- "name": "iconOnly",
2163
+ "name": "gap",
2164
2164
  "type": {
2165
- "text": "boolean | undefined"
2165
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
2166
2166
  },
2167
- "description": "Specify if the icon displays without text",
2168
- "fieldName": "iconOnly"
2167
+ "description": "Specify gap between child elements",
2168
+ "fieldName": "gap"
2169
2169
  },
2170
2170
  {
2171
- "name": "type",
2171
+ "name": "shadow",
2172
2172
  "type": {
2173
- "text": "string"
2173
+ "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
2174
2174
  },
2175
- "default": "'button'",
2176
- "fieldName": "type"
2175
+ "description": "Specify if a Box has a shadow",
2176
+ "fieldName": "shadow"
2177
2177
  }
2178
2178
  ],
2179
2179
  "superclass": {
2180
2180
  "name": "LitElement",
2181
2181
  "package": "lit"
2182
2182
  },
2183
- "tagName": "bm-button",
2183
+ "tagName": "bm-box",
2184
2184
  "customElement": true
2185
2185
  }
2186
2186
  ],
2187
2187
  "exports": [
2188
2188
  {
2189
2189
  "kind": "js",
2190
- "name": "BmButton",
2190
+ "name": "BmBox",
2191
2191
  "declaration": {
2192
- "name": "BmButton",
2193
- "module": "libs/web-components/src/lib/Button/Button.ts"
2192
+ "name": "BmBox",
2193
+ "module": "libs/web-components/src/lib/Box/Box.ts"
2194
2194
  }
2195
2195
  },
2196
2196
  {
2197
2197
  "kind": "custom-element-definition",
2198
- "name": "bm-button",
2198
+ "name": "bm-box",
2199
2199
  "declaration": {
2200
- "name": "BmButton",
2201
- "module": "libs/web-components/src/lib/Button/Button.ts"
2200
+ "name": "BmBox",
2201
+ "module": "libs/web-components/src/lib/Box/Box.ts"
2202
2202
  }
2203
2203
  }
2204
2204
  ]
2205
2205
  },
2206
2206
  {
2207
2207
  "kind": "javascript-module",
2208
- "path": "libs/web-components/src/lib/Button/index.ts",
2208
+ "path": "libs/web-components/src/lib/Box/index.ts",
2209
2209
  "declarations": [],
2210
2210
  "exports": [
2211
2211
  {
@@ -2213,7 +2213,7 @@
2213
2213
  "name": "*",
2214
2214
  "declaration": {
2215
2215
  "name": "*",
2216
- "package": "./Button"
2216
+ "package": "./Box"
2217
2217
  }
2218
2218
  }
2219
2219
  ]
@@ -7898,49 +7898,145 @@
7898
7898
  },
7899
7899
  {
7900
7900
  "kind": "javascript-module",
7901
- "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
7902
- "declarations": [
7903
- {
7904
- "kind": "variable",
7905
- "name": "bmFormInitials",
7906
- "type": {
7907
- "text": "BmFormContext"
7908
- },
7909
- "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
7910
- },
7911
- {
7912
- "kind": "variable",
7913
- "name": "bmFormContext"
7914
- }
7915
- ],
7916
- "exports": [
7917
- {
7918
- "kind": "js",
7919
- "name": "bmFormInitials",
7920
- "declaration": {
7921
- "name": "bmFormInitials",
7922
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
7923
- }
7924
- },
7925
- {
7926
- "kind": "js",
7927
- "name": "bmFormContext",
7928
- "declaration": {
7929
- "name": "bmFormContext",
7930
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
7931
- }
7932
- }
7933
- ]
7934
- },
7935
- {
7936
- "kind": "javascript-module",
7937
- "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
7901
+ "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
7938
7902
  "declarations": [
7939
7903
  {
7940
7904
  "kind": "class",
7941
- "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
7942
- "name": "FormField",
7905
+ "description": "### Attributes:\n- **required** - Specify if NativeSelect is a required input\n- **readOnly** - Specify if NativeSelect displays in a read-only state\n- **disabled** - Specify if NativeSelect displays in a disabled state\n- **error** - Specify error text and display error state of a NativeSelect\n- **fluid** - Specify if NativeSelect is fluid\n- **size** - Specify the size of NativeSelect\n- **width** - Specify the width of NativeSelect\n- **ellipse** - Specify if overflow displays ellipsis\n- **hideRequiredMarker** - Specify if the NativeSelect displays with an asterisk\n- **theme** - Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
7906
+ "name": "BmNativeSelect",
7907
+ "slots": [
7908
+ {
7909
+ "description": "Specify Options for NativeSelect",
7910
+ "name": "slot"
7911
+ },
7912
+ {
7913
+ "description": "Specify Label for NativeSelect",
7914
+ "name": "label"
7915
+ },
7916
+ {
7917
+ "description": "Specify HelperText for NativeSelect",
7918
+ "name": "helper-text"
7919
+ }
7920
+ ],
7943
7921
  "members": [
7922
+ {
7923
+ "kind": "field",
7924
+ "name": "required",
7925
+ "type": {
7926
+ "text": "boolean"
7927
+ },
7928
+ "default": "false",
7929
+ "description": "Specify if NativeSelect is a required input",
7930
+ "attribute": "required"
7931
+ },
7932
+ {
7933
+ "kind": "field",
7934
+ "name": "readOnly",
7935
+ "type": {
7936
+ "text": "boolean"
7937
+ },
7938
+ "default": "false",
7939
+ "description": "Specify if NativeSelect displays in a read-only state",
7940
+ "attribute": "readOnly"
7941
+ },
7942
+ {
7943
+ "kind": "field",
7944
+ "name": "disabled",
7945
+ "type": {
7946
+ "text": "boolean"
7947
+ },
7948
+ "default": "false",
7949
+ "description": "Specify if NativeSelect displays in a disabled state",
7950
+ "attribute": "disabled"
7951
+ },
7952
+ {
7953
+ "kind": "field",
7954
+ "name": "error",
7955
+ "type": {
7956
+ "text": "string | undefined"
7957
+ },
7958
+ "description": "Specify error text and display error state of a NativeSelect",
7959
+ "attribute": "error"
7960
+ },
7961
+ {
7962
+ "kind": "field",
7963
+ "name": "fluid",
7964
+ "type": {
7965
+ "text": "boolean"
7966
+ },
7967
+ "default": "false",
7968
+ "description": "Specify if NativeSelect is fluid",
7969
+ "attribute": "fluid"
7970
+ },
7971
+ {
7972
+ "kind": "field",
7973
+ "name": "size",
7974
+ "type": {
7975
+ "text": "'sm' | 'md' | 'lg'"
7976
+ },
7977
+ "default": "defaultInputSize",
7978
+ "description": "Specify the size of NativeSelect",
7979
+ "attribute": "size"
7980
+ },
7981
+ {
7982
+ "kind": "field",
7983
+ "name": "width",
7984
+ "type": {
7985
+ "text": "string | undefined"
7986
+ },
7987
+ "description": "Specify the width of NativeSelect",
7988
+ "attribute": "width"
7989
+ },
7990
+ {
7991
+ "kind": "field",
7992
+ "name": "ellipse",
7993
+ "type": {
7994
+ "text": "boolean"
7995
+ },
7996
+ "default": "true",
7997
+ "description": "Specify if overflow displays ellipsis",
7998
+ "attribute": "ellipse"
7999
+ },
8000
+ {
8001
+ "kind": "field",
8002
+ "name": "hideRequiredMarker",
8003
+ "type": {
8004
+ "text": "boolean"
8005
+ },
8006
+ "default": "false",
8007
+ "description": "Specify if the NativeSelect displays with an asterisk",
8008
+ "attribute": "hideRequiredMarker"
8009
+ },
8010
+ {
8011
+ "kind": "field",
8012
+ "name": "theme",
8013
+ "type": {
8014
+ "text": "'light' | 'dark' | undefined"
8015
+ },
8016
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8017
+ "attribute": "theme"
8018
+ },
8019
+ {
8020
+ "kind": "method",
8021
+ "name": "finalizeAssociatedCallback",
8022
+ "return": {
8023
+ "type": {
8024
+ "text": "FinalizeAssociatedResult"
8025
+ }
8026
+ },
8027
+ "parameters": [
8028
+ {
8029
+ "name": "value",
8030
+ "type": {
8031
+ "text": "string"
8032
+ }
8033
+ }
8034
+ ],
8035
+ "inheritedFrom": {
8036
+ "name": "FormField",
8037
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8038
+ }
8039
+ },
7944
8040
  {
7945
8041
  "kind": "field",
7946
8042
  "name": "formAssociated",
@@ -7948,7 +8044,11 @@
7948
8044
  "text": "boolean"
7949
8045
  },
7950
8046
  "static": true,
7951
- "default": "true"
8047
+ "default": "true",
8048
+ "inheritedFrom": {
8049
+ "name": "FormField",
8050
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8051
+ }
7952
8052
  },
7953
8053
  {
7954
8054
  "kind": "field",
@@ -7957,7 +8057,11 @@
7957
8057
  "text": "string"
7958
8058
  },
7959
8059
  "default": "''",
7960
- "attribute": "id"
8060
+ "attribute": "id",
8061
+ "inheritedFrom": {
8062
+ "name": "FormField",
8063
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8064
+ }
7961
8065
  },
7962
8066
  {
7963
8067
  "kind": "field",
@@ -7966,7 +8070,11 @@
7966
8070
  "text": "string"
7967
8071
  },
7968
8072
  "default": "''",
7969
- "attribute": "name"
8073
+ "attribute": "name",
8074
+ "inheritedFrom": {
8075
+ "name": "FormField",
8076
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8077
+ }
7970
8078
  },
7971
8079
  {
7972
8080
  "kind": "field",
@@ -7975,7 +8083,11 @@
7975
8083
  "text": "string"
7976
8084
  },
7977
8085
  "default": "''",
7978
- "attribute": "value"
8086
+ "attribute": "value",
8087
+ "inheritedFrom": {
8088
+ "name": "FormField",
8089
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8090
+ }
7979
8091
  },
7980
8092
  {
7981
8093
  "kind": "field",
@@ -7984,7 +8096,11 @@
7984
8096
  "text": "Array<FormValidator>"
7985
8097
  },
7986
8098
  "default": "[]",
7987
- "attribute": "validationRules"
8099
+ "attribute": "validationRules",
8100
+ "inheritedFrom": {
8101
+ "name": "FormField",
8102
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8103
+ }
7988
8104
  },
7989
8105
  {
7990
8106
  "kind": "field",
@@ -7992,13 +8108,21 @@
7992
8108
  "type": {
7993
8109
  "text": "string | undefined"
7994
8110
  },
7995
- "attribute": "input-aria-label"
8111
+ "attribute": "input-aria-label",
8112
+ "inheritedFrom": {
8113
+ "name": "FormField",
8114
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8115
+ }
7996
8116
  },
7997
8117
  {
7998
8118
  "kind": "field",
7999
8119
  "name": "formContext",
8000
8120
  "type": {
8001
8121
  "text": "BmFormContext"
8122
+ },
8123
+ "inheritedFrom": {
8124
+ "name": "FormField",
8125
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8002
8126
  }
8003
8127
  },
8004
8128
  {
@@ -8008,6 +8132,10 @@
8008
8132
  "type": {
8009
8133
  "text": "void"
8010
8134
  }
8135
+ },
8136
+ "inheritedFrom": {
8137
+ "name": "FormField",
8138
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8011
8139
  }
8012
8140
  },
8013
8141
  {
@@ -8017,34 +8145,112 @@
8017
8145
  "type": {
8018
8146
  "text": "void"
8019
8147
  }
8020
- }
8021
- },
8022
- {
8023
- "kind": "method",
8024
- "name": "finalizeAssociatedCallback",
8025
- "return": {
8026
- "type": {
8027
- "text": "FinalizeAssociatedResult"
8028
- }
8029
8148
  },
8030
- "parameters": [
8031
- {
8032
- "name": "ctxValue",
8033
- "type": {
8034
- "text": "string"
8035
- }
8036
- }
8037
- ]
8149
+ "inheritedFrom": {
8150
+ "name": "FormField",
8151
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8152
+ }
8038
8153
  }
8039
8154
  ],
8040
8155
  "attributes": [
8156
+ {
8157
+ "name": "required",
8158
+ "type": {
8159
+ "text": "boolean"
8160
+ },
8161
+ "default": "false",
8162
+ "description": "Specify if NativeSelect is a required input",
8163
+ "fieldName": "required"
8164
+ },
8165
+ {
8166
+ "name": "readOnly",
8167
+ "type": {
8168
+ "text": "boolean"
8169
+ },
8170
+ "default": "false",
8171
+ "description": "Specify if NativeSelect displays in a read-only state",
8172
+ "fieldName": "readOnly"
8173
+ },
8174
+ {
8175
+ "name": "disabled",
8176
+ "type": {
8177
+ "text": "boolean"
8178
+ },
8179
+ "default": "false",
8180
+ "description": "Specify if NativeSelect displays in a disabled state",
8181
+ "fieldName": "disabled"
8182
+ },
8183
+ {
8184
+ "name": "error",
8185
+ "type": {
8186
+ "text": "string | undefined"
8187
+ },
8188
+ "description": "Specify error text and display error state of a NativeSelect",
8189
+ "fieldName": "error"
8190
+ },
8191
+ {
8192
+ "name": "fluid",
8193
+ "type": {
8194
+ "text": "boolean"
8195
+ },
8196
+ "default": "false",
8197
+ "description": "Specify if NativeSelect is fluid",
8198
+ "fieldName": "fluid"
8199
+ },
8200
+ {
8201
+ "name": "size",
8202
+ "type": {
8203
+ "text": "'sm' | 'md' | 'lg'"
8204
+ },
8205
+ "default": "defaultInputSize",
8206
+ "description": "Specify the size of NativeSelect",
8207
+ "fieldName": "size"
8208
+ },
8209
+ {
8210
+ "name": "width",
8211
+ "type": {
8212
+ "text": "string | undefined"
8213
+ },
8214
+ "description": "Specify the width of NativeSelect",
8215
+ "fieldName": "width"
8216
+ },
8217
+ {
8218
+ "name": "ellipse",
8219
+ "type": {
8220
+ "text": "boolean"
8221
+ },
8222
+ "default": "true",
8223
+ "description": "Specify if overflow displays ellipsis",
8224
+ "fieldName": "ellipse"
8225
+ },
8226
+ {
8227
+ "name": "hideRequiredMarker",
8228
+ "type": {
8229
+ "text": "boolean"
8230
+ },
8231
+ "default": "false",
8232
+ "description": "Specify if the NativeSelect displays with an asterisk",
8233
+ "fieldName": "hideRequiredMarker"
8234
+ },
8235
+ {
8236
+ "name": "theme",
8237
+ "type": {
8238
+ "text": "'light' | 'dark' | undefined"
8239
+ },
8240
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8241
+ "fieldName": "theme"
8242
+ },
8041
8243
  {
8042
8244
  "name": "id",
8043
8245
  "type": {
8044
8246
  "text": "string"
8045
8247
  },
8046
8248
  "default": "''",
8047
- "fieldName": "id"
8249
+ "fieldName": "id",
8250
+ "inheritedFrom": {
8251
+ "name": "FormField",
8252
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8253
+ }
8048
8254
  },
8049
8255
  {
8050
8256
  "name": "name",
@@ -8052,7 +8258,11 @@
8052
8258
  "text": "string"
8053
8259
  },
8054
8260
  "default": "''",
8055
- "fieldName": "name"
8261
+ "fieldName": "name",
8262
+ "inheritedFrom": {
8263
+ "name": "FormField",
8264
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8265
+ }
8056
8266
  },
8057
8267
  {
8058
8268
  "name": "value",
@@ -8060,7 +8270,11 @@
8060
8270
  "text": "string"
8061
8271
  },
8062
8272
  "default": "''",
8063
- "fieldName": "value"
8273
+ "fieldName": "value",
8274
+ "inheritedFrom": {
8275
+ "name": "FormField",
8276
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8277
+ }
8064
8278
  },
8065
8279
  {
8066
8280
  "name": "validationRules",
@@ -8068,298 +8282,262 @@
8068
8282
  "text": "Array<FormValidator>"
8069
8283
  },
8070
8284
  "default": "[]",
8071
- "fieldName": "validationRules"
8285
+ "fieldName": "validationRules",
8286
+ "inheritedFrom": {
8287
+ "name": "FormField",
8288
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8289
+ }
8072
8290
  },
8073
8291
  {
8074
8292
  "name": "input-aria-label",
8075
8293
  "type": {
8076
8294
  "text": "string | undefined"
8077
8295
  },
8078
- "fieldName": "inputAriaLabel"
8296
+ "fieldName": "inputAriaLabel",
8297
+ "inheritedFrom": {
8298
+ "name": "FormField",
8299
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8300
+ }
8079
8301
  }
8080
8302
  ],
8081
8303
  "superclass": {
8082
- "name": "LitElement",
8083
- "package": "lit"
8304
+ "name": "FormField",
8305
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8084
8306
  },
8307
+ "summary": "`bm-native-select`",
8308
+ "tagName": "bm-native-select",
8085
8309
  "customElement": true
8086
8310
  }
8087
8311
  ],
8088
8312
  "exports": [
8089
8313
  {
8090
8314
  "kind": "js",
8091
- "name": "FormField",
8315
+ "name": "BmNativeSelect",
8092
8316
  "declaration": {
8093
- "name": "FormField",
8094
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8317
+ "name": "BmNativeSelect",
8318
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8319
+ }
8320
+ },
8321
+ {
8322
+ "kind": "custom-element-definition",
8323
+ "name": "bm-native-select",
8324
+ "declaration": {
8325
+ "name": "BmNativeSelect",
8326
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8095
8327
  }
8096
8328
  }
8097
8329
  ]
8098
8330
  },
8099
8331
  {
8100
8332
  "kind": "javascript-module",
8101
- "path": "libs/web-components/src/lib/wip/Form/Form.ts",
8333
+ "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8334
+ "declarations": [],
8335
+ "exports": [
8336
+ {
8337
+ "kind": "js",
8338
+ "name": "*",
8339
+ "declaration": {
8340
+ "name": "*",
8341
+ "package": "./NativeSelect"
8342
+ }
8343
+ }
8344
+ ]
8345
+ },
8346
+ {
8347
+ "kind": "javascript-module",
8348
+ "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8102
8349
  "declarations": [
8103
8350
  {
8104
8351
  "kind": "class",
8105
- "description": "### Attributes:\n- **validationMode** - Specify if validation runs on change or when loosing focus\n- **initialValues** - Specify initial values on Form controls based on their names\n- **required** - Specify if input is a required\n- **disabled** - Specify if input is a disabled\n- **readOnly** - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
8106
- "name": "BmForm",
8107
- "slots": [
8108
- {
8109
- "description": "Add controls to the Form",
8110
- "name": "slot"
8111
- }
8112
- ],
8352
+ "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
8353
+ "name": "BmRadioButton",
8113
8354
  "members": [
8114
8355
  {
8115
8356
  "kind": "field",
8116
- "name": "validationMode",
8117
- "type": {
8118
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
8119
- },
8120
- "default": "'onBlur'",
8121
- "description": "Specify if validation runs on change or when loosing focus",
8122
- "attribute": "validationMode"
8123
- },
8124
- {
8125
- "kind": "field",
8126
- "name": "initialValues",
8127
- "type": {
8128
- "text": "Record<string, FormValue>"
8129
- },
8130
- "default": "{}",
8131
- "description": "Specify initial values on Form controls based on their names",
8132
- "attribute": "initialValues"
8133
- },
8134
- {
8135
- "kind": "field",
8136
- "name": "required",
8357
+ "name": "label",
8137
8358
  "type": {
8138
- "text": "boolean"
8359
+ "text": "string | undefined"
8139
8360
  },
8140
- "default": "false",
8141
- "description": "Specify if input is a required",
8142
- "attribute": "required"
8361
+ "description": "Specify the text for the label",
8362
+ "attribute": "label"
8143
8363
  },
8144
8364
  {
8145
8365
  "kind": "field",
8146
- "name": "disabled",
8366
+ "name": "error",
8147
8367
  "type": {
8148
- "text": "boolean"
8368
+ "text": "boolean | undefined"
8149
8369
  },
8150
- "default": "false",
8151
- "description": "Specify if input is a disabled",
8152
- "attribute": "disabled"
8370
+ "description": "Specify error text and display error state of a RadioButton",
8371
+ "attribute": "error"
8153
8372
  },
8154
8373
  {
8155
8374
  "kind": "field",
8156
8375
  "name": "readOnly",
8157
8376
  "type": {
8158
- "text": "boolean"
8377
+ "text": "boolean | undefined"
8159
8378
  },
8160
- "default": "false",
8161
- "description": "Specify if input is a read only",
8379
+ "description": "Specify if RadioButton displays in a read-only state",
8162
8380
  "attribute": "readOnly"
8163
8381
  },
8164
8382
  {
8165
8383
  "kind": "field",
8166
- "name": "action",
8384
+ "name": "disabled",
8167
8385
  "type": {
8168
- "text": "string | undefined"
8386
+ "text": "boolean | undefined"
8169
8387
  },
8170
- "attribute": "action"
8388
+ "description": "Specify if RadioButton displays in a disabled state",
8389
+ "attribute": "disabled"
8171
8390
  },
8172
8391
  {
8173
8392
  "kind": "field",
8174
- "name": "method",
8393
+ "name": "theme",
8175
8394
  "type": {
8176
- "text": "string | undefined"
8395
+ "text": "'light' | 'dark' | undefined"
8177
8396
  },
8178
- "attribute": "method"
8397
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8398
+ "attribute": "theme"
8179
8399
  },
8180
8400
  {
8181
8401
  "kind": "field",
8182
- "name": "target",
8402
+ "name": "value",
8183
8403
  "type": {
8184
8404
  "text": "string | undefined"
8185
8405
  },
8186
- "attribute": "target"
8406
+ "description": "The value attribute for the input element",
8407
+ "attribute": "value"
8187
8408
  },
8188
8409
  {
8189
8410
  "kind": "field",
8190
- "name": "enctype",
8411
+ "name": "checked",
8191
8412
  "type": {
8192
- "text": "string | undefined"
8413
+ "text": "boolean"
8193
8414
  },
8194
- "attribute": "enctype"
8415
+ "default": "false",
8416
+ "description": "The checked attribute for the input element",
8417
+ "attribute": "checked"
8195
8418
  },
8196
8419
  {
8197
8420
  "kind": "field",
8198
- "name": "formMeta",
8421
+ "name": "onKeyDown",
8199
8422
  "type": {
8200
- "text": "Record<string, FieldMeta>"
8423
+ "text": "(event: KeyboardEvent) => void | undefined"
8201
8424
  },
8202
- "default": "{}"
8425
+ "description": "A user-defined function to handle keydown events",
8426
+ "attribute": "onKeyDown"
8203
8427
  },
8204
8428
  {
8205
8429
  "kind": "field",
8206
- "name": "formRef"
8430
+ "name": "inputChoiceGroupContext",
8431
+ "type": {
8432
+ "text": "InputChoiceGroupContextProps"
8433
+ }
8207
8434
  },
8208
8435
  {
8209
8436
  "kind": "field",
8210
- "name": "formContext",
8211
- "type": {
8212
- "text": "BmFormContext"
8213
- },
8214
- "privacy": "public",
8215
- "default": "bmFormInitials"
8216
- }
8217
- ],
8218
- "events": [
8437
+ "name": "radioButtonRef"
8438
+ },
8219
8439
  {
8220
- "description": "Validates the inputs and submits the form",
8221
- "name": "submit"
8440
+ "kind": "method",
8441
+ "name": "focus"
8222
8442
  }
8223
8443
  ],
8224
8444
  "attributes": [
8225
8445
  {
8226
- "name": "validationMode",
8446
+ "name": "label",
8227
8447
  "type": {
8228
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
8448
+ "text": "string | undefined"
8229
8449
  },
8230
- "default": "'onBlur'",
8231
- "description": "Specify if validation runs on change or when loosing focus",
8232
- "fieldName": "validationMode"
8450
+ "description": "Specify the text for the label",
8451
+ "fieldName": "label"
8233
8452
  },
8234
8453
  {
8235
- "name": "initialValues",
8454
+ "name": "error",
8236
8455
  "type": {
8237
- "text": "Record<string, FormValue>"
8456
+ "text": "boolean | undefined"
8238
8457
  },
8239
- "default": "{}",
8240
- "description": "Specify initial values on Form controls based on their names",
8241
- "fieldName": "initialValues"
8458
+ "description": "Specify error text and display error state of a RadioButton",
8459
+ "fieldName": "error"
8242
8460
  },
8243
8461
  {
8244
- "name": "required",
8462
+ "name": "readOnly",
8245
8463
  "type": {
8246
- "text": "boolean"
8464
+ "text": "boolean | undefined"
8247
8465
  },
8248
- "default": "false",
8249
- "description": "Specify if input is a required",
8250
- "fieldName": "required"
8466
+ "description": "Specify if RadioButton displays in a read-only state",
8467
+ "fieldName": "readOnly"
8251
8468
  },
8252
8469
  {
8253
8470
  "name": "disabled",
8254
8471
  "type": {
8255
- "text": "boolean"
8472
+ "text": "boolean | undefined"
8256
8473
  },
8257
- "default": "false",
8258
- "description": "Specify if input is a disabled",
8474
+ "description": "Specify if RadioButton displays in a disabled state",
8259
8475
  "fieldName": "disabled"
8260
8476
  },
8261
8477
  {
8262
- "name": "readOnly",
8263
- "type": {
8264
- "text": "boolean"
8265
- },
8266
- "default": "false",
8267
- "description": "Specify if input is a read only",
8268
- "fieldName": "readOnly"
8269
- },
8270
- {
8271
- "name": "action",
8478
+ "name": "theme",
8272
8479
  "type": {
8273
- "text": "string | undefined"
8480
+ "text": "'light' | 'dark' | undefined"
8274
8481
  },
8275
- "fieldName": "action"
8482
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8483
+ "fieldName": "theme"
8276
8484
  },
8277
8485
  {
8278
- "name": "method",
8486
+ "name": "value",
8279
8487
  "type": {
8280
8488
  "text": "string | undefined"
8281
8489
  },
8282
- "fieldName": "method"
8490
+ "description": "The value attribute for the input element",
8491
+ "fieldName": "value"
8283
8492
  },
8284
8493
  {
8285
- "name": "target",
8494
+ "name": "checked",
8286
8495
  "type": {
8287
- "text": "string | undefined"
8496
+ "text": "boolean"
8288
8497
  },
8289
- "fieldName": "target"
8498
+ "default": "false",
8499
+ "description": "The checked attribute for the input element",
8500
+ "fieldName": "checked"
8290
8501
  },
8291
8502
  {
8292
- "name": "enctype",
8503
+ "name": "onKeyDown",
8293
8504
  "type": {
8294
- "text": "string | undefined"
8505
+ "text": "(event: KeyboardEvent) => void | undefined"
8295
8506
  },
8296
- "fieldName": "enctype"
8507
+ "description": "A user-defined function to handle keydown events",
8508
+ "fieldName": "onKeyDown"
8297
8509
  }
8298
8510
  ],
8299
8511
  "superclass": {
8300
8512
  "name": "LitElement",
8301
8513
  "package": "lit"
8302
8514
  },
8303
- "summary": "`bm-form`",
8304
- "tagName": "bm-form",
8515
+ "tagName": "bm-radio-button",
8305
8516
  "customElement": true
8306
8517
  }
8307
8518
  ],
8308
8519
  "exports": [
8309
8520
  {
8310
8521
  "kind": "js",
8311
- "name": "validators",
8312
- "declaration": {
8313
- "name": "validators",
8314
- "package": "@viasat/beam-shared/components/form"
8315
- }
8316
- },
8317
- {
8318
- "kind": "js",
8319
- "name": "BmForm",
8522
+ "name": "BmRadioButton",
8320
8523
  "declaration": {
8321
- "name": "BmForm",
8322
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8524
+ "name": "BmRadioButton",
8525
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8323
8526
  }
8324
8527
  },
8325
8528
  {
8326
8529
  "kind": "custom-element-definition",
8327
- "name": "bm-form",
8328
- "declaration": {
8329
- "name": "BmForm",
8330
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8331
- }
8332
- }
8333
- ]
8334
- },
8335
- {
8336
- "kind": "javascript-module",
8337
- "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
8338
- "declarations": [
8339
- {
8340
- "kind": "function",
8341
- "name": "createId",
8342
- "return": {
8343
- "type": {
8344
- "text": "string"
8345
- }
8346
- }
8347
- }
8348
- ],
8349
- "exports": [
8350
- {
8351
- "kind": "js",
8352
- "name": "createId",
8530
+ "name": "bm-radio-button",
8353
8531
  "declaration": {
8354
- "name": "createId",
8355
- "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
8532
+ "name": "BmRadioButton",
8533
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8356
8534
  }
8357
8535
  }
8358
8536
  ]
8359
8537
  },
8360
8538
  {
8361
8539
  "kind": "javascript-module",
8362
- "path": "libs/web-components/src/lib/wip/Form/index.ts",
8540
+ "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
8363
8541
  "declarations": [],
8364
8542
  "exports": [
8365
8543
  {
@@ -8367,7 +8545,7 @@
8367
8545
  "name": "*",
8368
8546
  "declaration": {
8369
8547
  "name": "*",
8370
- "package": "./Form"
8548
+ "package": "./RadioButton"
8371
8549
  }
8372
8550
  },
8373
8551
  {
@@ -8375,63 +8553,76 @@
8375
8553
  "name": "*",
8376
8554
  "declaration": {
8377
8555
  "name": "*",
8378
- "package": "./Form.decorator"
8556
+ "package": "./RadioButtonGroup/RadioButtonGroup"
8379
8557
  }
8380
8558
  }
8381
8559
  ]
8382
8560
  },
8383
8561
  {
8384
8562
  "kind": "javascript-module",
8385
- "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
8563
+ "path": "libs/web-components/src/lib/wip/TextArea/TextArea.ts",
8386
8564
  "declarations": [
8387
8565
  {
8388
8566
  "kind": "class",
8389
- "description": "### Attributes:\n- **required** - Specify if NativeSelect is a required input\n- **readOnly** - Specify if NativeSelect displays in a read-only state\n- **disabled** - Specify if NativeSelect displays in a disabled state\n- **error** - Specify error text and display error state of a NativeSelect\n- **fluid** - Specify if NativeSelect is fluid\n- **size** - Specify the size of NativeSelect\n- **width** - Specify the width of NativeSelect\n- **ellipse** - Specify if overflow displays ellipsis\n- **hideRequiredMarker** - Specify if the NativeSelect displays with an asterisk\n- **theme** - Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8390
- "name": "BmNativeSelect",
8567
+ "description": "### Attributes:\n- **rows** - Specify the height of TextArea\n- **cols** - Specify the width of TextArea\n- **placeholder** - Specify placeholder text for TextArea\n- **required** - Specify if TextArea is a required input\n- **hideRequiredMarker** - Specify if the TextArea displays with an asterisk\n- **error** - Specify error text and display error state of a TextArea\n- **readOnly** - Specify if TextArea displays in a read-only state\n- **disabled** - Specify if TextArea displays in a disabled state\n- **fluid** - Specify if TextArea is fluid\n- **width** - Specify the width of TextArea\n- **hideResize** - Specify if TextArea can be manually resized\n- **maxCount** - Specify the maximum character count for the TextArea\n- **autoResize** - Specify if the TextArea automatically resizes to fit the text\n- **theme** - Specify the theme of the TextArea. By default it inherits the theme from the parent",
8568
+ "name": "BmTextArea",
8391
8569
  "slots": [
8392
8570
  {
8393
- "description": "Specify Options for NativeSelect",
8394
- "name": "slot"
8395
- },
8396
- {
8397
- "description": "Specify Label for NativeSelect",
8571
+ "description": "Specify the label for TextArea",
8398
8572
  "name": "label"
8399
8573
  },
8400
8574
  {
8401
- "description": "Specify HelperText for NativeSelect",
8575
+ "description": "Specify the helper text for TextArea",
8402
8576
  "name": "helper-text"
8403
8577
  }
8404
8578
  ],
8405
8579
  "members": [
8406
8580
  {
8407
8581
  "kind": "field",
8408
- "name": "required",
8582
+ "name": "rows",
8409
8583
  "type": {
8410
- "text": "boolean"
8584
+ "text": "number | undefined"
8411
8585
  },
8412
- "default": "false",
8413
- "description": "Specify if NativeSelect is a required input",
8414
- "attribute": "required"
8586
+ "description": "Specify the height of TextArea",
8587
+ "attribute": "rows"
8415
8588
  },
8416
8589
  {
8417
8590
  "kind": "field",
8418
- "name": "readOnly",
8591
+ "name": "cols",
8592
+ "type": {
8593
+ "text": "number | undefined"
8594
+ },
8595
+ "description": "Specify the width of TextArea",
8596
+ "attribute": "cols"
8597
+ },
8598
+ {
8599
+ "kind": "field",
8600
+ "name": "placeholder",
8601
+ "type": {
8602
+ "text": "string | undefined"
8603
+ },
8604
+ "description": "Specify placeholder text for TextArea",
8605
+ "attribute": "placeholder"
8606
+ },
8607
+ {
8608
+ "kind": "field",
8609
+ "name": "required",
8419
8610
  "type": {
8420
8611
  "text": "boolean"
8421
8612
  },
8422
8613
  "default": "false",
8423
- "description": "Specify if NativeSelect displays in a read-only state",
8424
- "attribute": "readOnly"
8614
+ "description": "Specify if TextArea is a required input",
8615
+ "attribute": "required"
8425
8616
  },
8426
8617
  {
8427
8618
  "kind": "field",
8428
- "name": "disabled",
8619
+ "name": "hideRequiredMarker",
8429
8620
  "type": {
8430
8621
  "text": "boolean"
8431
8622
  },
8432
8623
  "default": "false",
8433
- "description": "Specify if NativeSelect displays in a disabled state",
8434
- "attribute": "disabled"
8624
+ "description": "Specify if the TextArea displays with an asterisk",
8625
+ "attribute": "hideRequiredMarker"
8435
8626
  },
8436
8627
  {
8437
8628
  "kind": "field",
@@ -8439,28 +8630,38 @@
8439
8630
  "type": {
8440
8631
  "text": "string | undefined"
8441
8632
  },
8442
- "description": "Specify error text and display error state of a NativeSelect",
8633
+ "description": "Specify error text and display error state of a TextArea",
8443
8634
  "attribute": "error"
8444
8635
  },
8445
8636
  {
8446
8637
  "kind": "field",
8447
- "name": "fluid",
8638
+ "name": "readOnly",
8448
8639
  "type": {
8449
8640
  "text": "boolean"
8450
8641
  },
8451
8642
  "default": "false",
8452
- "description": "Specify if NativeSelect is fluid",
8453
- "attribute": "fluid"
8643
+ "description": "Specify if TextArea displays in a read-only state",
8644
+ "attribute": "readOnly"
8454
8645
  },
8455
8646
  {
8456
8647
  "kind": "field",
8457
- "name": "size",
8648
+ "name": "disabled",
8458
8649
  "type": {
8459
- "text": "'sm' | 'md' | 'lg'"
8650
+ "text": "boolean"
8460
8651
  },
8461
- "default": "defaultInputSize",
8462
- "description": "Specify the size of NativeSelect",
8463
- "attribute": "size"
8652
+ "default": "false",
8653
+ "description": "Specify if TextArea displays in a disabled state",
8654
+ "attribute": "disabled"
8655
+ },
8656
+ {
8657
+ "kind": "field",
8658
+ "name": "fluid",
8659
+ "type": {
8660
+ "text": "boolean"
8661
+ },
8662
+ "default": "false",
8663
+ "description": "Specify if TextArea is fluid",
8664
+ "attribute": "fluid"
8464
8665
  },
8465
8666
  {
8466
8667
  "kind": "field",
@@ -8468,28 +8669,37 @@
8468
8669
  "type": {
8469
8670
  "text": "string | undefined"
8470
8671
  },
8471
- "description": "Specify the width of NativeSelect",
8672
+ "description": "Specify the width of TextArea",
8472
8673
  "attribute": "width"
8473
8674
  },
8474
8675
  {
8475
8676
  "kind": "field",
8476
- "name": "ellipse",
8677
+ "name": "hideResize",
8477
8678
  "type": {
8478
8679
  "text": "boolean"
8479
8680
  },
8480
- "default": "true",
8481
- "description": "Specify if overflow displays ellipsis",
8482
- "attribute": "ellipse"
8681
+ "default": "false",
8682
+ "description": "Specify if TextArea can be manually resized",
8683
+ "attribute": "hideResize"
8483
8684
  },
8484
8685
  {
8485
8686
  "kind": "field",
8486
- "name": "hideRequiredMarker",
8687
+ "name": "maxCount",
8688
+ "type": {
8689
+ "text": "number | undefined"
8690
+ },
8691
+ "description": "Specify the maximum character count for the TextArea",
8692
+ "attribute": "maxCount"
8693
+ },
8694
+ {
8695
+ "kind": "field",
8696
+ "name": "autoResize",
8487
8697
  "type": {
8488
8698
  "text": "boolean"
8489
8699
  },
8490
8700
  "default": "false",
8491
- "description": "Specify if the NativeSelect displays with an asterisk",
8492
- "attribute": "hideRequiredMarker"
8701
+ "description": "Specify if the TextArea automatically resizes to fit the text",
8702
+ "attribute": "autoResize"
8493
8703
  },
8494
8704
  {
8495
8705
  "kind": "field",
@@ -8497,9 +8707,13 @@
8497
8707
  "type": {
8498
8708
  "text": "'light' | 'dark' | undefined"
8499
8709
  },
8500
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8710
+ "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
8501
8711
  "attribute": "theme"
8502
8712
  },
8713
+ {
8714
+ "kind": "field",
8715
+ "name": "formFieldCounterRef"
8716
+ },
8503
8717
  {
8504
8718
  "kind": "method",
8505
8719
  "name": "finalizeAssociatedCallback",
@@ -8638,390 +8852,215 @@
8638
8852
  ],
8639
8853
  "attributes": [
8640
8854
  {
8641
- "name": "required",
8642
- "type": {
8643
- "text": "boolean"
8644
- },
8645
- "default": "false",
8646
- "description": "Specify if NativeSelect is a required input",
8647
- "fieldName": "required"
8648
- },
8649
- {
8650
- "name": "readOnly",
8651
- "type": {
8652
- "text": "boolean"
8653
- },
8654
- "default": "false",
8655
- "description": "Specify if NativeSelect displays in a read-only state",
8656
- "fieldName": "readOnly"
8657
- },
8658
- {
8659
- "name": "disabled",
8660
- "type": {
8661
- "text": "boolean"
8662
- },
8663
- "default": "false",
8664
- "description": "Specify if NativeSelect displays in a disabled state",
8665
- "fieldName": "disabled"
8666
- },
8667
- {
8668
- "name": "error",
8669
- "type": {
8670
- "text": "string | undefined"
8671
- },
8672
- "description": "Specify error text and display error state of a NativeSelect",
8673
- "fieldName": "error"
8674
- },
8675
- {
8676
- "name": "fluid",
8677
- "type": {
8678
- "text": "boolean"
8679
- },
8680
- "default": "false",
8681
- "description": "Specify if NativeSelect is fluid",
8682
- "fieldName": "fluid"
8683
- },
8684
- {
8685
- "name": "size",
8686
- "type": {
8687
- "text": "'sm' | 'md' | 'lg'"
8688
- },
8689
- "default": "defaultInputSize",
8690
- "description": "Specify the size of NativeSelect",
8691
- "fieldName": "size"
8692
- },
8693
- {
8694
- "name": "width",
8695
- "type": {
8696
- "text": "string | undefined"
8697
- },
8698
- "description": "Specify the width of NativeSelect",
8699
- "fieldName": "width"
8700
- },
8701
- {
8702
- "name": "ellipse",
8703
- "type": {
8704
- "text": "boolean"
8705
- },
8706
- "default": "true",
8707
- "description": "Specify if overflow displays ellipsis",
8708
- "fieldName": "ellipse"
8709
- },
8710
- {
8711
- "name": "hideRequiredMarker",
8712
- "type": {
8713
- "text": "boolean"
8714
- },
8715
- "default": "false",
8716
- "description": "Specify if the NativeSelect displays with an asterisk",
8717
- "fieldName": "hideRequiredMarker"
8718
- },
8719
- {
8720
- "name": "theme",
8721
- "type": {
8722
- "text": "'light' | 'dark' | undefined"
8723
- },
8724
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8725
- "fieldName": "theme"
8726
- },
8727
- {
8728
- "name": "id",
8729
- "type": {
8730
- "text": "string"
8731
- },
8732
- "default": "''",
8733
- "fieldName": "id",
8734
- "inheritedFrom": {
8735
- "name": "FormField",
8736
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8737
- }
8738
- },
8739
- {
8740
- "name": "name",
8741
- "type": {
8742
- "text": "string"
8743
- },
8744
- "default": "''",
8745
- "fieldName": "name",
8746
- "inheritedFrom": {
8747
- "name": "FormField",
8748
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8749
- }
8750
- },
8751
- {
8752
- "name": "value",
8855
+ "name": "rows",
8753
8856
  "type": {
8754
- "text": "string"
8857
+ "text": "number | undefined"
8755
8858
  },
8756
- "default": "''",
8757
- "fieldName": "value",
8758
- "inheritedFrom": {
8759
- "name": "FormField",
8760
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8761
- }
8859
+ "description": "Specify the height of TextArea",
8860
+ "fieldName": "rows"
8762
8861
  },
8763
8862
  {
8764
- "name": "validationRules",
8863
+ "name": "cols",
8765
8864
  "type": {
8766
- "text": "Array<FormValidator>"
8865
+ "text": "number | undefined"
8767
8866
  },
8768
- "default": "[]",
8769
- "fieldName": "validationRules",
8770
- "inheritedFrom": {
8771
- "name": "FormField",
8772
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8773
- }
8867
+ "description": "Specify the width of TextArea",
8868
+ "fieldName": "cols"
8774
8869
  },
8775
8870
  {
8776
- "name": "input-aria-label",
8777
- "type": {
8778
- "text": "string | undefined"
8779
- },
8780
- "fieldName": "inputAriaLabel",
8781
- "inheritedFrom": {
8782
- "name": "FormField",
8783
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8784
- }
8785
- }
8786
- ],
8787
- "superclass": {
8788
- "name": "FormField",
8789
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8790
- },
8791
- "summary": "`bm-native-select`",
8792
- "tagName": "bm-native-select",
8793
- "customElement": true
8794
- }
8795
- ],
8796
- "exports": [
8797
- {
8798
- "kind": "js",
8799
- "name": "BmNativeSelect",
8800
- "declaration": {
8801
- "name": "BmNativeSelect",
8802
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8803
- }
8804
- },
8805
- {
8806
- "kind": "custom-element-definition",
8807
- "name": "bm-native-select",
8808
- "declaration": {
8809
- "name": "BmNativeSelect",
8810
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8811
- }
8812
- }
8813
- ]
8814
- },
8815
- {
8816
- "kind": "javascript-module",
8817
- "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8818
- "declarations": [],
8819
- "exports": [
8820
- {
8821
- "kind": "js",
8822
- "name": "*",
8823
- "declaration": {
8824
- "name": "*",
8825
- "package": "./NativeSelect"
8826
- }
8827
- }
8828
- ]
8829
- },
8830
- {
8831
- "kind": "javascript-module",
8832
- "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8833
- "declarations": [
8834
- {
8835
- "kind": "class",
8836
- "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
8837
- "name": "BmRadioButton",
8838
- "members": [
8839
- {
8840
- "kind": "field",
8841
- "name": "label",
8871
+ "name": "placeholder",
8842
8872
  "type": {
8843
8873
  "text": "string | undefined"
8844
8874
  },
8845
- "description": "Specify the text for the label",
8846
- "attribute": "label"
8847
- },
8848
- {
8849
- "kind": "field",
8850
- "name": "error",
8851
- "type": {
8852
- "text": "boolean | undefined"
8853
- },
8854
- "description": "Specify error text and display error state of a RadioButton",
8855
- "attribute": "error"
8856
- },
8857
- {
8858
- "kind": "field",
8859
- "name": "readOnly",
8860
- "type": {
8861
- "text": "boolean | undefined"
8862
- },
8863
- "description": "Specify if RadioButton displays in a read-only state",
8864
- "attribute": "readOnly"
8875
+ "description": "Specify placeholder text for TextArea",
8876
+ "fieldName": "placeholder"
8865
8877
  },
8866
8878
  {
8867
- "kind": "field",
8868
- "name": "disabled",
8879
+ "name": "required",
8869
8880
  "type": {
8870
- "text": "boolean | undefined"
8881
+ "text": "boolean"
8871
8882
  },
8872
- "description": "Specify if RadioButton displays in a disabled state",
8873
- "attribute": "disabled"
8883
+ "default": "false",
8884
+ "description": "Specify if TextArea is a required input",
8885
+ "fieldName": "required"
8874
8886
  },
8875
8887
  {
8876
- "kind": "field",
8877
- "name": "theme",
8888
+ "name": "hideRequiredMarker",
8878
8889
  "type": {
8879
- "text": "'light' | 'dark' | undefined"
8890
+ "text": "boolean"
8880
8891
  },
8881
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8882
- "attribute": "theme"
8892
+ "default": "false",
8893
+ "description": "Specify if the TextArea displays with an asterisk",
8894
+ "fieldName": "hideRequiredMarker"
8883
8895
  },
8884
8896
  {
8885
- "kind": "field",
8886
- "name": "value",
8897
+ "name": "error",
8887
8898
  "type": {
8888
8899
  "text": "string | undefined"
8889
8900
  },
8890
- "description": "The value attribute for the input element",
8891
- "attribute": "value"
8901
+ "description": "Specify error text and display error state of a TextArea",
8902
+ "fieldName": "error"
8892
8903
  },
8893
8904
  {
8894
- "kind": "field",
8895
- "name": "checked",
8905
+ "name": "readOnly",
8896
8906
  "type": {
8897
8907
  "text": "boolean"
8898
8908
  },
8899
8909
  "default": "false",
8900
- "description": "The checked attribute for the input element",
8901
- "attribute": "checked"
8910
+ "description": "Specify if TextArea displays in a read-only state",
8911
+ "fieldName": "readOnly"
8902
8912
  },
8903
8913
  {
8904
- "kind": "field",
8905
- "name": "onKeyDown",
8914
+ "name": "disabled",
8906
8915
  "type": {
8907
- "text": "(event: KeyboardEvent) => void | undefined"
8916
+ "text": "boolean"
8908
8917
  },
8909
- "description": "A user-defined function to handle keydown events",
8910
- "attribute": "onKeyDown"
8918
+ "default": "false",
8919
+ "description": "Specify if TextArea displays in a disabled state",
8920
+ "fieldName": "disabled"
8911
8921
  },
8912
8922
  {
8913
- "kind": "field",
8914
- "name": "inputChoiceGroupContext",
8923
+ "name": "fluid",
8915
8924
  "type": {
8916
- "text": "InputChoiceGroupContextProps"
8917
- }
8918
- },
8919
- {
8920
- "kind": "field",
8921
- "name": "radioButtonRef"
8925
+ "text": "boolean"
8926
+ },
8927
+ "default": "false",
8928
+ "description": "Specify if TextArea is fluid",
8929
+ "fieldName": "fluid"
8922
8930
  },
8923
8931
  {
8924
- "kind": "method",
8925
- "name": "focus"
8926
- }
8927
- ],
8928
- "attributes": [
8929
- {
8930
- "name": "label",
8932
+ "name": "width",
8931
8933
  "type": {
8932
8934
  "text": "string | undefined"
8933
8935
  },
8934
- "description": "Specify the text for the label",
8935
- "fieldName": "label"
8936
+ "description": "Specify the width of TextArea",
8937
+ "fieldName": "width"
8936
8938
  },
8937
8939
  {
8938
- "name": "error",
8940
+ "name": "hideResize",
8939
8941
  "type": {
8940
- "text": "boolean | undefined"
8942
+ "text": "boolean"
8941
8943
  },
8942
- "description": "Specify error text and display error state of a RadioButton",
8943
- "fieldName": "error"
8944
+ "default": "false",
8945
+ "description": "Specify if TextArea can be manually resized",
8946
+ "fieldName": "hideResize"
8944
8947
  },
8945
8948
  {
8946
- "name": "readOnly",
8949
+ "name": "maxCount",
8947
8950
  "type": {
8948
- "text": "boolean | undefined"
8951
+ "text": "number | undefined"
8949
8952
  },
8950
- "description": "Specify if RadioButton displays in a read-only state",
8951
- "fieldName": "readOnly"
8953
+ "description": "Specify the maximum character count for the TextArea",
8954
+ "fieldName": "maxCount"
8952
8955
  },
8953
8956
  {
8954
- "name": "disabled",
8957
+ "name": "autoResize",
8955
8958
  "type": {
8956
- "text": "boolean | undefined"
8959
+ "text": "boolean"
8957
8960
  },
8958
- "description": "Specify if RadioButton displays in a disabled state",
8959
- "fieldName": "disabled"
8961
+ "default": "false",
8962
+ "description": "Specify if the TextArea automatically resizes to fit the text",
8963
+ "fieldName": "autoResize"
8960
8964
  },
8961
8965
  {
8962
8966
  "name": "theme",
8963
8967
  "type": {
8964
8968
  "text": "'light' | 'dark' | undefined"
8965
8969
  },
8966
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8970
+ "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
8967
8971
  "fieldName": "theme"
8968
8972
  },
8973
+ {
8974
+ "name": "id",
8975
+ "type": {
8976
+ "text": "string"
8977
+ },
8978
+ "default": "''",
8979
+ "fieldName": "id",
8980
+ "inheritedFrom": {
8981
+ "name": "FormField",
8982
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8983
+ }
8984
+ },
8985
+ {
8986
+ "name": "name",
8987
+ "type": {
8988
+ "text": "string"
8989
+ },
8990
+ "default": "''",
8991
+ "fieldName": "name",
8992
+ "inheritedFrom": {
8993
+ "name": "FormField",
8994
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8995
+ }
8996
+ },
8969
8997
  {
8970
8998
  "name": "value",
8971
8999
  "type": {
8972
- "text": "string | undefined"
9000
+ "text": "string"
8973
9001
  },
8974
- "description": "The value attribute for the input element",
8975
- "fieldName": "value"
9002
+ "default": "''",
9003
+ "fieldName": "value",
9004
+ "inheritedFrom": {
9005
+ "name": "FormField",
9006
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9007
+ }
8976
9008
  },
8977
9009
  {
8978
- "name": "checked",
9010
+ "name": "validationRules",
8979
9011
  "type": {
8980
- "text": "boolean"
9012
+ "text": "Array<FormValidator>"
8981
9013
  },
8982
- "default": "false",
8983
- "description": "The checked attribute for the input element",
8984
- "fieldName": "checked"
9014
+ "default": "[]",
9015
+ "fieldName": "validationRules",
9016
+ "inheritedFrom": {
9017
+ "name": "FormField",
9018
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9019
+ }
8985
9020
  },
8986
9021
  {
8987
- "name": "onKeyDown",
9022
+ "name": "input-aria-label",
8988
9023
  "type": {
8989
- "text": "(event: KeyboardEvent) => void | undefined"
9024
+ "text": "string | undefined"
8990
9025
  },
8991
- "description": "A user-defined function to handle keydown events",
8992
- "fieldName": "onKeyDown"
9026
+ "fieldName": "inputAriaLabel",
9027
+ "inheritedFrom": {
9028
+ "name": "FormField",
9029
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9030
+ }
8993
9031
  }
8994
9032
  ],
8995
9033
  "superclass": {
8996
- "name": "LitElement",
8997
- "package": "lit"
9034
+ "name": "FormField",
9035
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8998
9036
  },
8999
- "tagName": "bm-radio-button",
9037
+ "summary": "`bm-text-area`",
9038
+ "tagName": "bm-text-area",
9000
9039
  "customElement": true
9001
9040
  }
9002
9041
  ],
9003
9042
  "exports": [
9004
9043
  {
9005
9044
  "kind": "js",
9006
- "name": "BmRadioButton",
9045
+ "name": "BmTextArea",
9007
9046
  "declaration": {
9008
- "name": "BmRadioButton",
9009
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9047
+ "name": "BmTextArea",
9048
+ "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
9010
9049
  }
9011
9050
  },
9012
9051
  {
9013
9052
  "kind": "custom-element-definition",
9014
- "name": "bm-radio-button",
9053
+ "name": "bm-text-area",
9015
9054
  "declaration": {
9016
- "name": "BmRadioButton",
9017
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9055
+ "name": "BmTextArea",
9056
+ "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
9018
9057
  }
9019
9058
  }
9020
9059
  ]
9021
9060
  },
9022
9061
  {
9023
9062
  "kind": "javascript-module",
9024
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9063
+ "path": "libs/web-components/src/lib/wip/TextArea/index.ts",
9025
9064
  "declarations": [],
9026
9065
  "exports": [
9027
9066
  {
@@ -9029,285 +9068,245 @@
9029
9068
  "name": "*",
9030
9069
  "declaration": {
9031
9070
  "name": "*",
9032
- "package": "./RadioButton"
9071
+ "package": "./TextArea"
9072
+ }
9073
+ }
9074
+ ]
9075
+ },
9076
+ {
9077
+ "kind": "javascript-module",
9078
+ "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
9079
+ "declarations": [
9080
+ {
9081
+ "kind": "variable",
9082
+ "name": "bmFormInitials",
9083
+ "type": {
9084
+ "text": "BmFormContext"
9085
+ },
9086
+ "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
9087
+ },
9088
+ {
9089
+ "kind": "variable",
9090
+ "name": "bmFormContext"
9091
+ }
9092
+ ],
9093
+ "exports": [
9094
+ {
9095
+ "kind": "js",
9096
+ "name": "bmFormInitials",
9097
+ "declaration": {
9098
+ "name": "bmFormInitials",
9099
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
9033
9100
  }
9034
9101
  },
9035
9102
  {
9036
9103
  "kind": "js",
9037
- "name": "*",
9104
+ "name": "bmFormContext",
9038
9105
  "declaration": {
9039
- "name": "*",
9040
- "package": "./RadioButtonGroup/RadioButtonGroup"
9106
+ "name": "bmFormContext",
9107
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
9041
9108
  }
9042
9109
  }
9043
9110
  ]
9044
9111
  },
9045
9112
  {
9046
9113
  "kind": "javascript-module",
9047
- "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9114
+ "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
9048
9115
  "declarations": [
9049
9116
  {
9050
9117
  "kind": "class",
9051
- "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
9052
- "name": "BmSwitch",
9053
- "slots": [
9054
- {
9055
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9056
- "name": "onText"
9057
- },
9058
- {
9059
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9060
- "name": "offText"
9061
- }
9062
- ],
9063
- "members": [
9064
- {
9065
- "kind": "field",
9066
- "name": "inputChoiceGroupContext",
9067
- "type": {
9068
- "text": "InputChoiceGroupContextProps"
9069
- }
9070
- },
9071
- {
9072
- "kind": "field",
9073
- "name": "onText",
9074
- "type": {
9075
- "text": "string | undefined"
9076
- },
9077
- "default": "undefined",
9078
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9079
- "attribute": "onText"
9080
- },
9081
- {
9082
- "kind": "field",
9083
- "name": "offText",
9084
- "type": {
9085
- "text": "string | undefined"
9086
- },
9087
- "default": "undefined",
9088
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9089
- "attribute": "offText"
9090
- },
9118
+ "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
9119
+ "name": "FormField",
9120
+ "members": [
9091
9121
  {
9092
9122
  "kind": "field",
9093
- "name": "theme",
9123
+ "name": "formAssociated",
9094
9124
  "type": {
9095
- "text": "ThemeTypes | undefined"
9125
+ "text": "boolean"
9096
9126
  },
9097
- "default": "undefined",
9098
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9127
+ "static": true,
9128
+ "default": "true"
9099
9129
  },
9100
9130
  {
9101
9131
  "kind": "field",
9102
- "name": "textPosition",
9132
+ "name": "id",
9103
9133
  "type": {
9104
- "text": "'before' | 'after'"
9134
+ "text": "string"
9105
9135
  },
9106
- "default": "'after'",
9107
- "description": "Specify the position of the side label",
9108
- "attribute": "textPosition"
9136
+ "default": "''",
9137
+ "attribute": "id"
9109
9138
  },
9110
9139
  {
9111
9140
  "kind": "field",
9112
- "name": "readOnly",
9141
+ "name": "name",
9113
9142
  "type": {
9114
- "text": "boolean"
9143
+ "text": "string"
9115
9144
  },
9116
- "default": "false",
9117
- "description": "Specify if Switch displays in a read-only state",
9118
- "attribute": "readOnly"
9145
+ "default": "''",
9146
+ "attribute": "name"
9119
9147
  },
9120
9148
  {
9121
9149
  "kind": "field",
9122
- "name": "disabled",
9150
+ "name": "value",
9123
9151
  "type": {
9124
- "text": "boolean"
9152
+ "text": "string"
9125
9153
  },
9126
- "default": "false",
9127
- "description": "Specify if Switch displays in a disabled state",
9128
- "attribute": "disabled"
9154
+ "default": "''",
9155
+ "attribute": "value"
9129
9156
  },
9130
9157
  {
9131
9158
  "kind": "field",
9132
- "name": "checked",
9159
+ "name": "validationRules",
9133
9160
  "type": {
9134
- "text": "boolean"
9161
+ "text": "Array<FormValidator>"
9135
9162
  },
9136
- "default": "false",
9137
- "attribute": "checked"
9163
+ "default": "[]",
9164
+ "attribute": "validationRules"
9138
9165
  },
9139
9166
  {
9140
9167
  "kind": "field",
9141
- "name": "value",
9168
+ "name": "inputAriaLabel",
9142
9169
  "type": {
9143
9170
  "text": "string | undefined"
9144
9171
  },
9145
- "description": "The value attribute for the input element",
9146
- "attribute": "value"
9172
+ "attribute": "input-aria-label"
9147
9173
  },
9148
9174
  {
9149
9175
  "kind": "field",
9150
- "name": "switchRef"
9151
- }
9152
- ],
9153
- "attributes": [
9154
- {
9155
- "name": "onText",
9176
+ "name": "formContext",
9156
9177
  "type": {
9157
- "text": "string | undefined"
9158
- },
9159
- "default": "undefined",
9160
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9161
- "fieldName": "onText"
9178
+ "text": "BmFormContext"
9179
+ }
9162
9180
  },
9163
9181
  {
9164
- "name": "offText",
9165
- "type": {
9166
- "text": "string | undefined"
9167
- },
9168
- "default": "undefined",
9169
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9170
- "fieldName": "offText"
9182
+ "kind": "method",
9183
+ "name": "formAssociatedCallback",
9184
+ "return": {
9185
+ "type": {
9186
+ "text": "void"
9187
+ }
9188
+ }
9171
9189
  },
9172
9190
  {
9173
- "name": "textPosition",
9191
+ "kind": "method",
9192
+ "name": "formResetCallback",
9193
+ "return": {
9194
+ "type": {
9195
+ "text": "void"
9196
+ }
9197
+ }
9198
+ },
9199
+ {
9200
+ "kind": "method",
9201
+ "name": "finalizeAssociatedCallback",
9202
+ "return": {
9203
+ "type": {
9204
+ "text": "FinalizeAssociatedResult"
9205
+ }
9206
+ },
9207
+ "parameters": [
9208
+ {
9209
+ "name": "ctxValue",
9210
+ "type": {
9211
+ "text": "string"
9212
+ }
9213
+ }
9214
+ ]
9215
+ }
9216
+ ],
9217
+ "attributes": [
9218
+ {
9219
+ "name": "id",
9174
9220
  "type": {
9175
- "text": "'before' | 'after'"
9221
+ "text": "string"
9176
9222
  },
9177
- "default": "'after'",
9178
- "description": "Specify the position of the side label",
9179
- "fieldName": "textPosition"
9223
+ "default": "''",
9224
+ "fieldName": "id"
9180
9225
  },
9181
9226
  {
9182
- "name": "readOnly",
9227
+ "name": "name",
9183
9228
  "type": {
9184
- "text": "boolean"
9229
+ "text": "string"
9185
9230
  },
9186
- "default": "false",
9187
- "description": "Specify if Switch displays in a read-only state",
9188
- "fieldName": "readOnly"
9231
+ "default": "''",
9232
+ "fieldName": "name"
9189
9233
  },
9190
9234
  {
9191
- "name": "disabled",
9235
+ "name": "value",
9192
9236
  "type": {
9193
- "text": "boolean"
9237
+ "text": "string"
9194
9238
  },
9195
- "default": "false",
9196
- "description": "Specify if Switch displays in a disabled state",
9197
- "fieldName": "disabled"
9239
+ "default": "''",
9240
+ "fieldName": "value"
9198
9241
  },
9199
9242
  {
9200
- "name": "checked",
9243
+ "name": "validationRules",
9201
9244
  "type": {
9202
- "text": "boolean"
9245
+ "text": "Array<FormValidator>"
9203
9246
  },
9204
- "default": "false",
9205
- "fieldName": "checked"
9247
+ "default": "[]",
9248
+ "fieldName": "validationRules"
9206
9249
  },
9207
9250
  {
9208
- "name": "value",
9251
+ "name": "input-aria-label",
9209
9252
  "type": {
9210
9253
  "text": "string | undefined"
9211
9254
  },
9212
- "description": "The value attribute for the input element",
9213
- "fieldName": "value"
9255
+ "fieldName": "inputAriaLabel"
9214
9256
  }
9215
9257
  ],
9216
9258
  "superclass": {
9217
9259
  "name": "LitElement",
9218
9260
  "package": "lit"
9219
9261
  },
9220
- "tagName": "bm-switch",
9221
9262
  "customElement": true
9222
9263
  }
9223
9264
  ],
9224
9265
  "exports": [
9225
9266
  {
9226
9267
  "kind": "js",
9227
- "name": "BmSwitch",
9228
- "declaration": {
9229
- "name": "BmSwitch",
9230
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9231
- }
9232
- },
9233
- {
9234
- "kind": "custom-element-definition",
9235
- "name": "bm-switch",
9236
- "declaration": {
9237
- "name": "BmSwitch",
9238
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9239
- }
9240
- }
9241
- ]
9242
- },
9243
- {
9244
- "kind": "javascript-module",
9245
- "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9246
- "declarations": [],
9247
- "exports": [
9248
- {
9249
- "kind": "js",
9250
- "name": "*",
9251
- "declaration": {
9252
- "name": "*",
9253
- "package": "./Switch"
9254
- }
9255
- },
9256
- {
9257
- "kind": "js",
9258
- "name": "*",
9268
+ "name": "FormField",
9259
9269
  "declaration": {
9260
- "name": "*",
9261
- "package": "./SwitchGroup/SwitchGroup"
9270
+ "name": "FormField",
9271
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9262
9272
  }
9263
9273
  }
9264
9274
  ]
9265
9275
  },
9266
9276
  {
9267
9277
  "kind": "javascript-module",
9268
- "path": "libs/web-components/src/lib/wip/TextArea/TextArea.ts",
9278
+ "path": "libs/web-components/src/lib/wip/Form/Form.ts",
9269
9279
  "declarations": [
9270
9280
  {
9271
9281
  "kind": "class",
9272
- "description": "### Attributes:\n- **rows** - Specify the height of TextArea\n- **cols** - Specify the width of TextArea\n- **placeholder** - Specify placeholder text for TextArea\n- **required** - Specify if TextArea is a required input\n- **hideRequiredMarker** - Specify if the TextArea displays with an asterisk\n- **error** - Specify error text and display error state of a TextArea\n- **readOnly** - Specify if TextArea displays in a read-only state\n- **disabled** - Specify if TextArea displays in a disabled state\n- **fluid** - Specify if TextArea is fluid\n- **width** - Specify the width of TextArea\n- **hideResize** - Specify if TextArea can be manually resized\n- **maxCount** - Specify the maximum character count for the TextArea\n- **autoResize** - Specify if the TextArea automatically resizes to fit the text\n- **theme** - Specify the theme of the TextArea. By default it inherits the theme from the parent",
9273
- "name": "BmTextArea",
9282
+ "description": "### Attributes:\n- **validationMode** - Specify if validation runs on change or when loosing focus\n- **initialValues** - Specify initial values on Form controls based on their names\n- **required** - Specify if input is a required\n- **disabled** - Specify if input is a disabled\n- **readOnly** - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
9283
+ "name": "BmForm",
9274
9284
  "slots": [
9275
9285
  {
9276
- "description": "Specify the label for TextArea",
9277
- "name": "label"
9278
- },
9279
- {
9280
- "description": "Specify the helper text for TextArea",
9281
- "name": "helper-text"
9286
+ "description": "Add controls to the Form",
9287
+ "name": "slot"
9282
9288
  }
9283
9289
  ],
9284
9290
  "members": [
9285
9291
  {
9286
9292
  "kind": "field",
9287
- "name": "rows",
9288
- "type": {
9289
- "text": "number | undefined"
9290
- },
9291
- "description": "Specify the height of TextArea",
9292
- "attribute": "rows"
9293
- },
9294
- {
9295
- "kind": "field",
9296
- "name": "cols",
9293
+ "name": "validationMode",
9297
9294
  "type": {
9298
- "text": "number | undefined"
9295
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
9299
9296
  },
9300
- "description": "Specify the width of TextArea",
9301
- "attribute": "cols"
9297
+ "default": "'onBlur'",
9298
+ "description": "Specify if validation runs on change or when loosing focus",
9299
+ "attribute": "validationMode"
9302
9300
  },
9303
9301
  {
9304
9302
  "kind": "field",
9305
- "name": "placeholder",
9303
+ "name": "initialValues",
9306
9304
  "type": {
9307
- "text": "string | undefined"
9305
+ "text": "Record<string, FormValue>"
9308
9306
  },
9309
- "description": "Specify placeholder text for TextArea",
9310
- "attribute": "placeholder"
9307
+ "default": "{}",
9308
+ "description": "Specify initial values on Form controls based on their names",
9309
+ "attribute": "initialValues"
9311
9310
  },
9312
9311
  {
9313
9312
  "kind": "field",
@@ -9316,38 +9315,9 @@
9316
9315
  "text": "boolean"
9317
9316
  },
9318
9317
  "default": "false",
9319
- "description": "Specify if TextArea is a required input",
9318
+ "description": "Specify if input is a required",
9320
9319
  "attribute": "required"
9321
9320
  },
9322
- {
9323
- "kind": "field",
9324
- "name": "hideRequiredMarker",
9325
- "type": {
9326
- "text": "boolean"
9327
- },
9328
- "default": "false",
9329
- "description": "Specify if the TextArea displays with an asterisk",
9330
- "attribute": "hideRequiredMarker"
9331
- },
9332
- {
9333
- "kind": "field",
9334
- "name": "error",
9335
- "type": {
9336
- "text": "string | undefined"
9337
- },
9338
- "description": "Specify error text and display error state of a TextArea",
9339
- "attribute": "error"
9340
- },
9341
- {
9342
- "kind": "field",
9343
- "name": "readOnly",
9344
- "type": {
9345
- "text": "boolean"
9346
- },
9347
- "default": "false",
9348
- "description": "Specify if TextArea displays in a read-only state",
9349
- "attribute": "readOnly"
9350
- },
9351
9321
  {
9352
9322
  "kind": "field",
9353
9323
  "name": "disabled",
@@ -9355,417 +9325,439 @@
9355
9325
  "text": "boolean"
9356
9326
  },
9357
9327
  "default": "false",
9358
- "description": "Specify if TextArea displays in a disabled state",
9328
+ "description": "Specify if input is a disabled",
9359
9329
  "attribute": "disabled"
9360
9330
  },
9361
9331
  {
9362
9332
  "kind": "field",
9363
- "name": "fluid",
9333
+ "name": "readOnly",
9364
9334
  "type": {
9365
9335
  "text": "boolean"
9366
9336
  },
9367
9337
  "default": "false",
9368
- "description": "Specify if TextArea is fluid",
9369
- "attribute": "fluid"
9338
+ "description": "Specify if input is a read only",
9339
+ "attribute": "readOnly"
9370
9340
  },
9371
9341
  {
9372
9342
  "kind": "field",
9373
- "name": "width",
9343
+ "name": "action",
9374
9344
  "type": {
9375
9345
  "text": "string | undefined"
9376
9346
  },
9377
- "description": "Specify the width of TextArea",
9378
- "attribute": "width"
9347
+ "attribute": "action"
9379
9348
  },
9380
9349
  {
9381
9350
  "kind": "field",
9382
- "name": "hideResize",
9351
+ "name": "method",
9383
9352
  "type": {
9384
- "text": "boolean"
9353
+ "text": "string | undefined"
9385
9354
  },
9386
- "default": "false",
9387
- "description": "Specify if TextArea can be manually resized",
9388
- "attribute": "hideResize"
9355
+ "attribute": "method"
9389
9356
  },
9390
9357
  {
9391
9358
  "kind": "field",
9392
- "name": "maxCount",
9359
+ "name": "target",
9393
9360
  "type": {
9394
- "text": "number | undefined"
9361
+ "text": "string | undefined"
9395
9362
  },
9396
- "description": "Specify the maximum character count for the TextArea",
9397
- "attribute": "maxCount"
9363
+ "attribute": "target"
9398
9364
  },
9399
9365
  {
9400
9366
  "kind": "field",
9401
- "name": "autoResize",
9367
+ "name": "enctype",
9402
9368
  "type": {
9403
- "text": "boolean"
9369
+ "text": "string | undefined"
9404
9370
  },
9405
- "default": "false",
9406
- "description": "Specify if the TextArea automatically resizes to fit the text",
9407
- "attribute": "autoResize"
9371
+ "attribute": "enctype"
9408
9372
  },
9409
9373
  {
9410
9374
  "kind": "field",
9411
- "name": "theme",
9375
+ "name": "formMeta",
9412
9376
  "type": {
9413
- "text": "'light' | 'dark' | undefined"
9377
+ "text": "Record<string, FieldMeta>"
9414
9378
  },
9415
- "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
9416
- "attribute": "theme"
9379
+ "default": "{}"
9417
9380
  },
9418
9381
  {
9419
9382
  "kind": "field",
9420
- "name": "formFieldCounterRef"
9383
+ "name": "formRef"
9421
9384
  },
9422
9385
  {
9423
- "kind": "method",
9424
- "name": "finalizeAssociatedCallback",
9425
- "return": {
9426
- "type": {
9427
- "text": "FinalizeAssociatedResult"
9428
- }
9386
+ "kind": "field",
9387
+ "name": "formContext",
9388
+ "type": {
9389
+ "text": "BmFormContext"
9429
9390
  },
9430
- "parameters": [
9431
- {
9432
- "name": "value",
9433
- "type": {
9434
- "text": "string"
9435
- }
9436
- }
9437
- ],
9438
- "inheritedFrom": {
9439
- "name": "FormField",
9440
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9441
- }
9391
+ "privacy": "public",
9392
+ "default": "bmFormInitials"
9393
+ }
9394
+ ],
9395
+ "events": [
9396
+ {
9397
+ "description": "Validates the inputs and submits the form",
9398
+ "name": "submit"
9399
+ }
9400
+ ],
9401
+ "attributes": [
9402
+ {
9403
+ "name": "validationMode",
9404
+ "type": {
9405
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
9406
+ },
9407
+ "default": "'onBlur'",
9408
+ "description": "Specify if validation runs on change or when loosing focus",
9409
+ "fieldName": "validationMode"
9442
9410
  },
9443
9411
  {
9444
- "kind": "field",
9445
- "name": "formAssociated",
9412
+ "name": "initialValues",
9446
9413
  "type": {
9447
- "text": "boolean"
9414
+ "text": "Record<string, FormValue>"
9448
9415
  },
9449
- "static": true,
9450
- "default": "true",
9451
- "inheritedFrom": {
9452
- "name": "FormField",
9453
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9454
- }
9416
+ "default": "{}",
9417
+ "description": "Specify initial values on Form controls based on their names",
9418
+ "fieldName": "initialValues"
9455
9419
  },
9456
9420
  {
9457
- "kind": "field",
9458
- "name": "id",
9421
+ "name": "required",
9459
9422
  "type": {
9460
- "text": "string"
9423
+ "text": "boolean"
9461
9424
  },
9462
- "default": "''",
9463
- "attribute": "id",
9464
- "inheritedFrom": {
9465
- "name": "FormField",
9466
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9467
- }
9425
+ "default": "false",
9426
+ "description": "Specify if input is a required",
9427
+ "fieldName": "required"
9468
9428
  },
9469
9429
  {
9470
- "kind": "field",
9471
- "name": "name",
9430
+ "name": "disabled",
9472
9431
  "type": {
9473
- "text": "string"
9432
+ "text": "boolean"
9474
9433
  },
9475
- "default": "''",
9476
- "attribute": "name",
9477
- "inheritedFrom": {
9478
- "name": "FormField",
9479
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9480
- }
9434
+ "default": "false",
9435
+ "description": "Specify if input is a disabled",
9436
+ "fieldName": "disabled"
9481
9437
  },
9482
9438
  {
9483
- "kind": "field",
9484
- "name": "value",
9439
+ "name": "readOnly",
9485
9440
  "type": {
9486
- "text": "string"
9441
+ "text": "boolean"
9487
9442
  },
9488
- "default": "''",
9489
- "attribute": "value",
9490
- "inheritedFrom": {
9491
- "name": "FormField",
9492
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9493
- }
9443
+ "default": "false",
9444
+ "description": "Specify if input is a read only",
9445
+ "fieldName": "readOnly"
9494
9446
  },
9495
9447
  {
9496
- "kind": "field",
9497
- "name": "validationRules",
9448
+ "name": "action",
9498
9449
  "type": {
9499
- "text": "Array<FormValidator>"
9450
+ "text": "string | undefined"
9500
9451
  },
9501
- "default": "[]",
9502
- "attribute": "validationRules",
9503
- "inheritedFrom": {
9504
- "name": "FormField",
9505
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9506
- }
9452
+ "fieldName": "action"
9507
9453
  },
9508
9454
  {
9509
- "kind": "field",
9510
- "name": "inputAriaLabel",
9455
+ "name": "method",
9511
9456
  "type": {
9512
9457
  "text": "string | undefined"
9513
9458
  },
9514
- "attribute": "input-aria-label",
9515
- "inheritedFrom": {
9516
- "name": "FormField",
9517
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9518
- }
9459
+ "fieldName": "method"
9519
9460
  },
9520
9461
  {
9521
- "kind": "field",
9522
- "name": "formContext",
9462
+ "name": "target",
9523
9463
  "type": {
9524
- "text": "BmFormContext"
9464
+ "text": "string | undefined"
9525
9465
  },
9526
- "inheritedFrom": {
9527
- "name": "FormField",
9528
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9529
- }
9466
+ "fieldName": "target"
9530
9467
  },
9531
9468
  {
9532
- "kind": "method",
9533
- "name": "formAssociatedCallback",
9534
- "return": {
9535
- "type": {
9536
- "text": "void"
9537
- }
9538
- },
9539
- "inheritedFrom": {
9540
- "name": "FormField",
9541
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9542
- }
9469
+ "name": "enctype",
9470
+ "type": {
9471
+ "text": "string | undefined"
9472
+ },
9473
+ "fieldName": "enctype"
9474
+ }
9475
+ ],
9476
+ "superclass": {
9477
+ "name": "LitElement",
9478
+ "package": "lit"
9479
+ },
9480
+ "summary": "`bm-form`",
9481
+ "tagName": "bm-form",
9482
+ "customElement": true
9483
+ }
9484
+ ],
9485
+ "exports": [
9486
+ {
9487
+ "kind": "js",
9488
+ "name": "validators",
9489
+ "declaration": {
9490
+ "name": "validators",
9491
+ "package": "@viasat/beam-shared/components/form"
9492
+ }
9493
+ },
9494
+ {
9495
+ "kind": "js",
9496
+ "name": "BmForm",
9497
+ "declaration": {
9498
+ "name": "BmForm",
9499
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
9500
+ }
9501
+ },
9502
+ {
9503
+ "kind": "custom-element-definition",
9504
+ "name": "bm-form",
9505
+ "declaration": {
9506
+ "name": "BmForm",
9507
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
9508
+ }
9509
+ }
9510
+ ]
9511
+ },
9512
+ {
9513
+ "kind": "javascript-module",
9514
+ "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
9515
+ "declarations": [
9516
+ {
9517
+ "kind": "function",
9518
+ "name": "createId",
9519
+ "return": {
9520
+ "type": {
9521
+ "text": "string"
9522
+ }
9523
+ }
9524
+ }
9525
+ ],
9526
+ "exports": [
9527
+ {
9528
+ "kind": "js",
9529
+ "name": "createId",
9530
+ "declaration": {
9531
+ "name": "createId",
9532
+ "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
9533
+ }
9534
+ }
9535
+ ]
9536
+ },
9537
+ {
9538
+ "kind": "javascript-module",
9539
+ "path": "libs/web-components/src/lib/wip/Form/index.ts",
9540
+ "declarations": [],
9541
+ "exports": [
9542
+ {
9543
+ "kind": "js",
9544
+ "name": "*",
9545
+ "declaration": {
9546
+ "name": "*",
9547
+ "package": "./Form"
9548
+ }
9549
+ },
9550
+ {
9551
+ "kind": "js",
9552
+ "name": "*",
9553
+ "declaration": {
9554
+ "name": "*",
9555
+ "package": "./Form.decorator"
9556
+ }
9557
+ }
9558
+ ]
9559
+ },
9560
+ {
9561
+ "kind": "javascript-module",
9562
+ "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9563
+ "declarations": [
9564
+ {
9565
+ "kind": "class",
9566
+ "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
9567
+ "name": "BmSwitch",
9568
+ "slots": [
9569
+ {
9570
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9571
+ "name": "onText"
9543
9572
  },
9544
9573
  {
9545
- "kind": "method",
9546
- "name": "formResetCallback",
9547
- "return": {
9548
- "type": {
9549
- "text": "void"
9550
- }
9551
- },
9552
- "inheritedFrom": {
9553
- "name": "FormField",
9554
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9555
- }
9574
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9575
+ "name": "offText"
9556
9576
  }
9557
9577
  ],
9558
- "attributes": [
9559
- {
9560
- "name": "rows",
9561
- "type": {
9562
- "text": "number | undefined"
9563
- },
9564
- "description": "Specify the height of TextArea",
9565
- "fieldName": "rows"
9566
- },
9578
+ "members": [
9567
9579
  {
9568
- "name": "cols",
9580
+ "kind": "field",
9581
+ "name": "inputChoiceGroupContext",
9569
9582
  "type": {
9570
- "text": "number | undefined"
9571
- },
9572
- "description": "Specify the width of TextArea",
9573
- "fieldName": "cols"
9583
+ "text": "InputChoiceGroupContextProps"
9584
+ }
9574
9585
  },
9575
9586
  {
9576
- "name": "placeholder",
9587
+ "kind": "field",
9588
+ "name": "onText",
9577
9589
  "type": {
9578
9590
  "text": "string | undefined"
9579
9591
  },
9580
- "description": "Specify placeholder text for TextArea",
9581
- "fieldName": "placeholder"
9592
+ "default": "undefined",
9593
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9594
+ "attribute": "onText"
9582
9595
  },
9583
9596
  {
9584
- "name": "required",
9597
+ "kind": "field",
9598
+ "name": "offText",
9585
9599
  "type": {
9586
- "text": "boolean"
9600
+ "text": "string | undefined"
9587
9601
  },
9588
- "default": "false",
9589
- "description": "Specify if TextArea is a required input",
9590
- "fieldName": "required"
9602
+ "default": "undefined",
9603
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9604
+ "attribute": "offText"
9591
9605
  },
9592
9606
  {
9593
- "name": "hideRequiredMarker",
9607
+ "kind": "field",
9608
+ "name": "theme",
9594
9609
  "type": {
9595
- "text": "boolean"
9610
+ "text": "ThemeTypes | undefined"
9596
9611
  },
9597
- "default": "false",
9598
- "description": "Specify if the TextArea displays with an asterisk",
9599
- "fieldName": "hideRequiredMarker"
9612
+ "default": "undefined",
9613
+ "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9600
9614
  },
9601
9615
  {
9602
- "name": "error",
9616
+ "kind": "field",
9617
+ "name": "textPosition",
9603
9618
  "type": {
9604
- "text": "string | undefined"
9619
+ "text": "'before' | 'after'"
9605
9620
  },
9606
- "description": "Specify error text and display error state of a TextArea",
9607
- "fieldName": "error"
9621
+ "default": "'after'",
9622
+ "description": "Specify the position of the side label",
9623
+ "attribute": "textPosition"
9608
9624
  },
9609
9625
  {
9626
+ "kind": "field",
9610
9627
  "name": "readOnly",
9611
9628
  "type": {
9612
9629
  "text": "boolean"
9613
9630
  },
9614
9631
  "default": "false",
9615
- "description": "Specify if TextArea displays in a read-only state",
9616
- "fieldName": "readOnly"
9632
+ "description": "Specify if Switch displays in a read-only state",
9633
+ "attribute": "readOnly"
9617
9634
  },
9618
9635
  {
9636
+ "kind": "field",
9619
9637
  "name": "disabled",
9620
9638
  "type": {
9621
9639
  "text": "boolean"
9622
9640
  },
9623
9641
  "default": "false",
9624
- "description": "Specify if TextArea displays in a disabled state",
9625
- "fieldName": "disabled"
9642
+ "description": "Specify if Switch displays in a disabled state",
9643
+ "attribute": "disabled"
9626
9644
  },
9627
9645
  {
9628
- "name": "fluid",
9646
+ "kind": "field",
9647
+ "name": "checked",
9629
9648
  "type": {
9630
9649
  "text": "boolean"
9631
9650
  },
9632
9651
  "default": "false",
9633
- "description": "Specify if TextArea is fluid",
9634
- "fieldName": "fluid"
9652
+ "attribute": "checked"
9635
9653
  },
9636
9654
  {
9637
- "name": "width",
9655
+ "kind": "field",
9656
+ "name": "value",
9638
9657
  "type": {
9639
9658
  "text": "string | undefined"
9640
9659
  },
9641
- "description": "Specify the width of TextArea",
9642
- "fieldName": "width"
9643
- },
9644
- {
9645
- "name": "hideResize",
9646
- "type": {
9647
- "text": "boolean"
9648
- },
9649
- "default": "false",
9650
- "description": "Specify if TextArea can be manually resized",
9651
- "fieldName": "hideResize"
9660
+ "description": "The value attribute for the input element",
9661
+ "attribute": "value"
9652
9662
  },
9653
9663
  {
9654
- "name": "maxCount",
9655
- "type": {
9656
- "text": "number | undefined"
9657
- },
9658
- "description": "Specify the maximum character count for the TextArea",
9659
- "fieldName": "maxCount"
9660
- },
9664
+ "kind": "field",
9665
+ "name": "switchRef"
9666
+ }
9667
+ ],
9668
+ "attributes": [
9661
9669
  {
9662
- "name": "autoResize",
9670
+ "name": "onText",
9663
9671
  "type": {
9664
- "text": "boolean"
9672
+ "text": "string | undefined"
9665
9673
  },
9666
- "default": "false",
9667
- "description": "Specify if the TextArea automatically resizes to fit the text",
9668
- "fieldName": "autoResize"
9674
+ "default": "undefined",
9675
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9676
+ "fieldName": "onText"
9669
9677
  },
9670
9678
  {
9671
- "name": "theme",
9679
+ "name": "offText",
9672
9680
  "type": {
9673
- "text": "'light' | 'dark' | undefined"
9681
+ "text": "string | undefined"
9674
9682
  },
9675
- "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
9676
- "fieldName": "theme"
9683
+ "default": "undefined",
9684
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9685
+ "fieldName": "offText"
9677
9686
  },
9678
9687
  {
9679
- "name": "id",
9688
+ "name": "textPosition",
9680
9689
  "type": {
9681
- "text": "string"
9690
+ "text": "'before' | 'after'"
9682
9691
  },
9683
- "default": "''",
9684
- "fieldName": "id",
9685
- "inheritedFrom": {
9686
- "name": "FormField",
9687
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9688
- }
9692
+ "default": "'after'",
9693
+ "description": "Specify the position of the side label",
9694
+ "fieldName": "textPosition"
9689
9695
  },
9690
9696
  {
9691
- "name": "name",
9697
+ "name": "readOnly",
9692
9698
  "type": {
9693
- "text": "string"
9699
+ "text": "boolean"
9694
9700
  },
9695
- "default": "''",
9696
- "fieldName": "name",
9697
- "inheritedFrom": {
9698
- "name": "FormField",
9699
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9700
- }
9701
+ "default": "false",
9702
+ "description": "Specify if Switch displays in a read-only state",
9703
+ "fieldName": "readOnly"
9701
9704
  },
9702
9705
  {
9703
- "name": "value",
9706
+ "name": "disabled",
9704
9707
  "type": {
9705
- "text": "string"
9708
+ "text": "boolean"
9706
9709
  },
9707
- "default": "''",
9708
- "fieldName": "value",
9709
- "inheritedFrom": {
9710
- "name": "FormField",
9711
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9712
- }
9710
+ "default": "false",
9711
+ "description": "Specify if Switch displays in a disabled state",
9712
+ "fieldName": "disabled"
9713
9713
  },
9714
9714
  {
9715
- "name": "validationRules",
9715
+ "name": "checked",
9716
9716
  "type": {
9717
- "text": "Array<FormValidator>"
9717
+ "text": "boolean"
9718
9718
  },
9719
- "default": "[]",
9720
- "fieldName": "validationRules",
9721
- "inheritedFrom": {
9722
- "name": "FormField",
9723
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9724
- }
9719
+ "default": "false",
9720
+ "fieldName": "checked"
9725
9721
  },
9726
9722
  {
9727
- "name": "input-aria-label",
9723
+ "name": "value",
9728
9724
  "type": {
9729
9725
  "text": "string | undefined"
9730
9726
  },
9731
- "fieldName": "inputAriaLabel",
9732
- "inheritedFrom": {
9733
- "name": "FormField",
9734
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9735
- }
9727
+ "description": "The value attribute for the input element",
9728
+ "fieldName": "value"
9736
9729
  }
9737
9730
  ],
9738
9731
  "superclass": {
9739
- "name": "FormField",
9740
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
9732
+ "name": "LitElement",
9733
+ "package": "lit"
9741
9734
  },
9742
- "summary": "`bm-text-area`",
9743
- "tagName": "bm-text-area",
9735
+ "tagName": "bm-switch",
9744
9736
  "customElement": true
9745
9737
  }
9746
9738
  ],
9747
9739
  "exports": [
9748
9740
  {
9749
9741
  "kind": "js",
9750
- "name": "BmTextArea",
9742
+ "name": "BmSwitch",
9751
9743
  "declaration": {
9752
- "name": "BmTextArea",
9753
- "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
9744
+ "name": "BmSwitch",
9745
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9754
9746
  }
9755
9747
  },
9756
9748
  {
9757
9749
  "kind": "custom-element-definition",
9758
- "name": "bm-text-area",
9750
+ "name": "bm-switch",
9759
9751
  "declaration": {
9760
- "name": "BmTextArea",
9761
- "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
9752
+ "name": "BmSwitch",
9753
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9762
9754
  }
9763
9755
  }
9764
9756
  ]
9765
9757
  },
9766
9758
  {
9767
9759
  "kind": "javascript-module",
9768
- "path": "libs/web-components/src/lib/wip/TextArea/index.ts",
9760
+ "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9769
9761
  "declarations": [],
9770
9762
  "exports": [
9771
9763
  {
@@ -9773,7 +9765,15 @@
9773
9765
  "name": "*",
9774
9766
  "declaration": {
9775
9767
  "name": "*",
9776
- "package": "./TextArea"
9768
+ "package": "./Switch"
9769
+ }
9770
+ },
9771
+ {
9772
+ "kind": "js",
9773
+ "name": "*",
9774
+ "declaration": {
9775
+ "name": "*",
9776
+ "package": "./SwitchGroup/SwitchGroup"
9777
9777
  }
9778
9778
  }
9779
9779
  ]