@helixui/library 1.1.2-next.3 → 1.1.2-next.4
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.
- package/custom-elements.json +363 -363
- package/dist/css/index.css +1 -1
- package/dist/css/manifest.json +1 -1
- package/package.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -1131,98 +1131,104 @@
|
|
|
1131
1131
|
},
|
|
1132
1132
|
{
|
|
1133
1133
|
"kind": "javascript-module",
|
|
1134
|
-
"path": "src/components/hx-
|
|
1134
|
+
"path": "src/components/hx-banner/hx-banner.ts",
|
|
1135
1135
|
"declarations": [
|
|
1136
1136
|
{
|
|
1137
1137
|
"kind": "class",
|
|
1138
|
-
"description": "A
|
|
1139
|
-
"name": "
|
|
1138
|
+
"description": "A full-width page-level banner for persistent notifications and announcements.\nDesigned for healthcare applications requiring prominent system-level messaging.",
|
|
1139
|
+
"name": "HelixBanner",
|
|
1140
1140
|
"cssProperties": [
|
|
1141
1141
|
{
|
|
1142
|
-
"description": "
|
|
1143
|
-
"name": "--hx-
|
|
1144
|
-
"default": "var(--hx-color-
|
|
1142
|
+
"description": "Banner background color.",
|
|
1143
|
+
"name": "--hx-banner-bg",
|
|
1144
|
+
"default": "var(--hx-color-info-50)"
|
|
1145
1145
|
},
|
|
1146
1146
|
{
|
|
1147
|
-
"description": "
|
|
1148
|
-
"name": "--hx-
|
|
1149
|
-
"default": "var(--hx-color-
|
|
1147
|
+
"description": "Banner text color.",
|
|
1148
|
+
"name": "--hx-banner-color",
|
|
1149
|
+
"default": "var(--hx-color-info-800)"
|
|
1150
1150
|
},
|
|
1151
1151
|
{
|
|
1152
|
-
"description": "
|
|
1153
|
-
"name": "--hx-
|
|
1152
|
+
"description": "Banner bottom border color.",
|
|
1153
|
+
"name": "--hx-banner-border-color",
|
|
1154
|
+
"default": "var(--hx-color-info-200)"
|
|
1154
1155
|
},
|
|
1155
1156
|
{
|
|
1156
|
-
"description": "
|
|
1157
|
-
"name": "--hx-
|
|
1158
|
-
"default": "var(--hx-
|
|
1157
|
+
"description": "Banner bottom border width.",
|
|
1158
|
+
"name": "--hx-banner-border-width",
|
|
1159
|
+
"default": "var(--hx-border-width-thin)"
|
|
1159
1160
|
},
|
|
1160
1161
|
{
|
|
1161
|
-
"description": "
|
|
1162
|
-
"name": "--hx-
|
|
1163
|
-
"default": "var(--hx-
|
|
1162
|
+
"description": "Banner padding.",
|
|
1163
|
+
"name": "--hx-banner-padding",
|
|
1164
|
+
"default": "var(--hx-space-3) var(--hx-space-4)"
|
|
1164
1165
|
},
|
|
1165
1166
|
{
|
|
1166
|
-
"description": "
|
|
1167
|
-
"name": "--hx-
|
|
1168
|
-
"default": "var(--hx-
|
|
1167
|
+
"description": "Gap between banner elements.",
|
|
1168
|
+
"name": "--hx-banner-gap",
|
|
1169
|
+
"default": "var(--hx-space-3)"
|
|
1169
1170
|
},
|
|
1170
1171
|
{
|
|
1171
|
-
"description": "
|
|
1172
|
-
"name": "--hx-
|
|
1172
|
+
"description": "Banner icon color.",
|
|
1173
|
+
"name": "--hx-banner-icon-color",
|
|
1174
|
+
"default": "var(--hx-color-info-500)"
|
|
1173
1175
|
},
|
|
1174
1176
|
{
|
|
1175
|
-
"description": "
|
|
1176
|
-
"name": "--hx-
|
|
1177
|
+
"description": "Banner font family.",
|
|
1178
|
+
"name": "--hx-banner-font-family",
|
|
1179
|
+
"default": "var(--hx-font-family-sans)"
|
|
1177
1180
|
},
|
|
1178
1181
|
{
|
|
1179
|
-
"description": "
|
|
1180
|
-
"name": "--hx-
|
|
1182
|
+
"description": "Action link color.",
|
|
1183
|
+
"name": "--hx-banner-action-color",
|
|
1184
|
+
"default": "var(--hx-banner-color)"
|
|
1181
1185
|
},
|
|
1182
1186
|
{
|
|
1183
|
-
"description": "
|
|
1184
|
-
"name": "--hx-
|
|
1185
|
-
"default": "
|
|
1187
|
+
"description": "CSS position value (sticky or fixed).",
|
|
1188
|
+
"name": "--hx-banner-position",
|
|
1189
|
+
"default": "sticky"
|
|
1186
1190
|
},
|
|
1187
1191
|
{
|
|
1188
|
-
"description": "
|
|
1189
|
-
"name": "--hx-
|
|
1190
|
-
"default": "
|
|
1192
|
+
"description": "Banner z-index for stacking context.",
|
|
1193
|
+
"name": "--hx-banner-z-index",
|
|
1194
|
+
"default": "100"
|
|
1191
1195
|
},
|
|
1192
1196
|
{
|
|
1193
|
-
"description": "
|
|
1194
|
-
"name": "--hx-
|
|
1195
|
-
"default": "
|
|
1197
|
+
"description": "Minimum touch target size for the close button.",
|
|
1198
|
+
"name": "--hx-touch-target-size",
|
|
1199
|
+
"default": "44px"
|
|
1200
|
+
}
|
|
1201
|
+
],
|
|
1202
|
+
"cssParts": [
|
|
1203
|
+
{
|
|
1204
|
+
"description": "The outer banner container.",
|
|
1205
|
+
"name": "banner"
|
|
1196
1206
|
},
|
|
1197
1207
|
{
|
|
1198
|
-
"description": "
|
|
1199
|
-
"name": "
|
|
1200
|
-
"default": "var(--hx-color-info-700)"
|
|
1208
|
+
"description": "The icon container.",
|
|
1209
|
+
"name": "icon"
|
|
1201
1210
|
},
|
|
1202
1211
|
{
|
|
1203
|
-
"description": "
|
|
1204
|
-
"name": "
|
|
1205
|
-
|
|
1206
|
-
}
|
|
1207
|
-
],
|
|
1208
|
-
"cssParts": [
|
|
1212
|
+
"description": "The message content area.",
|
|
1213
|
+
"name": "message"
|
|
1214
|
+
},
|
|
1209
1215
|
{
|
|
1210
|
-
"description": "The
|
|
1211
|
-
"name": "
|
|
1216
|
+
"description": "The action link element (only rendered when action-label and action-href are set).",
|
|
1217
|
+
"name": "action"
|
|
1212
1218
|
},
|
|
1213
1219
|
{
|
|
1214
|
-
"description": "The
|
|
1215
|
-
"name": "
|
|
1220
|
+
"description": "The dismiss button (only rendered when dismissible).",
|
|
1221
|
+
"name": "close-button"
|
|
1216
1222
|
}
|
|
1217
1223
|
],
|
|
1218
1224
|
"slots": [
|
|
1219
1225
|
{
|
|
1220
|
-
"description": "Default slot for
|
|
1226
|
+
"description": "Default slot for banner message content.",
|
|
1221
1227
|
"name": ""
|
|
1222
1228
|
},
|
|
1223
1229
|
{
|
|
1224
|
-
"description": "
|
|
1225
|
-
"name": "
|
|
1230
|
+
"description": "Optional slot to override the built-in action link with custom content.",
|
|
1231
|
+
"name": "action"
|
|
1226
1232
|
}
|
|
1227
1233
|
],
|
|
1228
1234
|
"members": [
|
|
@@ -1230,360 +1236,387 @@
|
|
|
1230
1236
|
"kind": "field",
|
|
1231
1237
|
"name": "variant",
|
|
1232
1238
|
"type": {
|
|
1233
|
-
"text": "'
|
|
1239
|
+
"text": "'info' | 'success' | 'warning' | 'error'"
|
|
1234
1240
|
},
|
|
1235
|
-
"default": "'
|
|
1236
|
-
"description": "Visual
|
|
1241
|
+
"default": "'info'",
|
|
1242
|
+
"description": "Visual variant of the banner that determines colors and ARIA semantics.",
|
|
1237
1243
|
"attribute": "variant",
|
|
1238
1244
|
"reflects": true
|
|
1239
1245
|
},
|
|
1240
1246
|
{
|
|
1241
1247
|
"kind": "field",
|
|
1242
|
-
"name": "
|
|
1248
|
+
"name": "position",
|
|
1243
1249
|
"type": {
|
|
1244
|
-
"text": "'
|
|
1250
|
+
"text": "'sticky' | 'fixed'"
|
|
1245
1251
|
},
|
|
1246
|
-
"default": "'
|
|
1247
|
-
"description": "
|
|
1248
|
-
"attribute": "
|
|
1252
|
+
"default": "'sticky'",
|
|
1253
|
+
"description": "CSS positioning behavior. \"sticky\" keeps the banner in flow; \"fixed\" pins it to the viewport.",
|
|
1254
|
+
"attribute": "position",
|
|
1249
1255
|
"reflects": true
|
|
1250
1256
|
},
|
|
1251
1257
|
{
|
|
1252
1258
|
"kind": "field",
|
|
1253
|
-
"name": "
|
|
1259
|
+
"name": "dismissible",
|
|
1254
1260
|
"type": {
|
|
1255
1261
|
"text": "boolean"
|
|
1256
1262
|
},
|
|
1257
1263
|
"default": "false",
|
|
1258
|
-
"description": "Whether the
|
|
1259
|
-
"attribute": "
|
|
1264
|
+
"description": "Whether the banner can be dismissed by the user.",
|
|
1265
|
+
"attribute": "dismissible",
|
|
1260
1266
|
"reflects": true
|
|
1261
1267
|
},
|
|
1262
1268
|
{
|
|
1263
1269
|
"kind": "field",
|
|
1264
|
-
"name": "
|
|
1270
|
+
"name": "heading",
|
|
1265
1271
|
"type": {
|
|
1266
|
-
"text": "
|
|
1272
|
+
"text": "string"
|
|
1267
1273
|
},
|
|
1268
|
-
"default": "
|
|
1269
|
-
"description": "
|
|
1270
|
-
"attribute": "
|
|
1271
|
-
"reflects": true
|
|
1274
|
+
"default": "''",
|
|
1275
|
+
"description": "Heading text for the banner, used to provide context in the action link's and\nclose button's accessible labels.",
|
|
1276
|
+
"attribute": "heading"
|
|
1272
1277
|
},
|
|
1273
1278
|
{
|
|
1274
1279
|
"kind": "field",
|
|
1275
|
-
"name": "
|
|
1280
|
+
"name": "actionLabel",
|
|
1276
1281
|
"type": {
|
|
1277
|
-
"text": "
|
|
1282
|
+
"text": "string"
|
|
1278
1283
|
},
|
|
1279
|
-
"default": "
|
|
1280
|
-
"description": "
|
|
1281
|
-
"attribute": "
|
|
1282
|
-
"reflects": true
|
|
1284
|
+
"default": "''",
|
|
1285
|
+
"description": "Label text for the optional action link. Requires action-href to render.",
|
|
1286
|
+
"attribute": "action-label"
|
|
1283
1287
|
},
|
|
1284
1288
|
{
|
|
1285
1289
|
"kind": "field",
|
|
1286
|
-
"name": "
|
|
1290
|
+
"name": "actionHref",
|
|
1287
1291
|
"type": {
|
|
1288
|
-
"text": "
|
|
1292
|
+
"text": "string"
|
|
1289
1293
|
},
|
|
1290
|
-
"default": "
|
|
1291
|
-
"description": "
|
|
1292
|
-
"attribute": "
|
|
1293
|
-
"reflects": true
|
|
1294
|
+
"default": "''",
|
|
1295
|
+
"description": "URL for the optional action link. Requires action-label to render.",
|
|
1296
|
+
"attribute": "action-href"
|
|
1294
1297
|
},
|
|
1295
1298
|
{
|
|
1296
1299
|
"kind": "field",
|
|
1297
|
-
"name": "
|
|
1300
|
+
"name": "open",
|
|
1298
1301
|
"type": {
|
|
1299
|
-
"text": "
|
|
1302
|
+
"text": "boolean"
|
|
1300
1303
|
},
|
|
1301
|
-
"default": "
|
|
1302
|
-
"description": "
|
|
1303
|
-
"attribute": "
|
|
1304
|
+
"default": "true",
|
|
1305
|
+
"description": "Whether the banner is visible. Defaults to true — banners are shown by default.",
|
|
1306
|
+
"attribute": "open",
|
|
1304
1307
|
"reflects": true
|
|
1305
1308
|
},
|
|
1306
1309
|
{
|
|
1307
1310
|
"kind": "field",
|
|
1308
|
-
"name": "
|
|
1311
|
+
"name": "labelClose",
|
|
1309
1312
|
"type": {
|
|
1310
1313
|
"text": "string"
|
|
1311
1314
|
},
|
|
1312
|
-
"default": "''",
|
|
1313
|
-
"description": "Accessible label for the
|
|
1314
|
-
"attribute": "
|
|
1315
|
+
"default": "'Dismiss banner'",
|
|
1316
|
+
"description": "Accessible label for the dismiss button. Override for localized text.",
|
|
1317
|
+
"attribute": "label-close"
|
|
1315
1318
|
},
|
|
1316
1319
|
{
|
|
1317
1320
|
"kind": "field",
|
|
1318
|
-
"name": "
|
|
1321
|
+
"name": "severityLabel",
|
|
1322
|
+
"type": {
|
|
1323
|
+
"text": "string | undefined"
|
|
1324
|
+
},
|
|
1325
|
+
"description": "Override for the severity prefix announced to screen readers (e.g., \"Info:\", \"Error:\").\nWhen not set, defaults to the English label matching the current variant.",
|
|
1326
|
+
"attribute": "severity-label"
|
|
1327
|
+
},
|
|
1328
|
+
{
|
|
1329
|
+
"kind": "method",
|
|
1330
|
+
"name": "_defaultSeverityLabel",
|
|
1331
|
+
"privacy": "private",
|
|
1332
|
+
"return": {
|
|
1333
|
+
"type": {
|
|
1334
|
+
"text": "string"
|
|
1335
|
+
}
|
|
1336
|
+
},
|
|
1337
|
+
"description": "Returns the default English severity label for the current variant."
|
|
1338
|
+
},
|
|
1339
|
+
{
|
|
1340
|
+
"kind": "field",
|
|
1341
|
+
"name": "_effectiveSeverityLabel",
|
|
1319
1342
|
"type": {
|
|
1320
1343
|
"text": "string"
|
|
1321
1344
|
},
|
|
1322
|
-
"
|
|
1323
|
-
"description": "
|
|
1324
|
-
"
|
|
1345
|
+
"privacy": "private",
|
|
1346
|
+
"description": "Returns the effective severity label, using the override if provided.",
|
|
1347
|
+
"readonly": true
|
|
1348
|
+
},
|
|
1349
|
+
{
|
|
1350
|
+
"kind": "method",
|
|
1351
|
+
"name": "dismiss",
|
|
1352
|
+
"return": {
|
|
1353
|
+
"type": {
|
|
1354
|
+
"text": "void"
|
|
1355
|
+
}
|
|
1356
|
+
},
|
|
1357
|
+
"description": "Programmatically dismisses the banner. Sets open=false and dispatches hx-dismiss."
|
|
1325
1358
|
}
|
|
1326
1359
|
],
|
|
1327
1360
|
"events": [
|
|
1328
1361
|
{
|
|
1329
|
-
"name": "hx-
|
|
1362
|
+
"name": "hx-dismiss",
|
|
1330
1363
|
"type": {
|
|
1331
|
-
"text": "CustomEvent<
|
|
1364
|
+
"text": "CustomEvent<{reason: string}>"
|
|
1332
1365
|
},
|
|
1333
|
-
"description": "Dispatched when the user
|
|
1366
|
+
"description": "Dispatched when the user dismisses the banner."
|
|
1334
1367
|
}
|
|
1335
1368
|
],
|
|
1336
1369
|
"attributes": [
|
|
1337
1370
|
{
|
|
1338
1371
|
"name": "variant",
|
|
1339
1372
|
"type": {
|
|
1340
|
-
"text": "'
|
|
1373
|
+
"text": "'info' | 'success' | 'warning' | 'error'"
|
|
1341
1374
|
},
|
|
1342
|
-
"default": "'
|
|
1343
|
-
"description": "Visual
|
|
1375
|
+
"default": "'info'",
|
|
1376
|
+
"description": "Visual variant of the banner that determines colors and ARIA semantics.",
|
|
1344
1377
|
"fieldName": "variant",
|
|
1345
1378
|
"attribute": "variant"
|
|
1346
1379
|
},
|
|
1347
1380
|
{
|
|
1348
|
-
"name": "
|
|
1381
|
+
"name": "position",
|
|
1349
1382
|
"type": {
|
|
1350
|
-
"text": "'
|
|
1383
|
+
"text": "'sticky' | 'fixed'"
|
|
1351
1384
|
},
|
|
1352
|
-
"default": "'
|
|
1353
|
-
"description": "
|
|
1354
|
-
"fieldName": "
|
|
1355
|
-
"attribute": "
|
|
1385
|
+
"default": "'sticky'",
|
|
1386
|
+
"description": "CSS positioning behavior. \"sticky\" keeps the banner in flow; \"fixed\" pins it to the viewport.",
|
|
1387
|
+
"fieldName": "position",
|
|
1388
|
+
"attribute": "position"
|
|
1356
1389
|
},
|
|
1357
1390
|
{
|
|
1358
|
-
"name": "
|
|
1391
|
+
"name": "dismissible",
|
|
1359
1392
|
"type": {
|
|
1360
1393
|
"text": "boolean"
|
|
1361
1394
|
},
|
|
1362
1395
|
"default": "false",
|
|
1363
|
-
"description": "Whether the
|
|
1364
|
-
"fieldName": "
|
|
1365
|
-
"attribute": "
|
|
1396
|
+
"description": "Whether the banner can be dismissed by the user.",
|
|
1397
|
+
"fieldName": "dismissible",
|
|
1398
|
+
"attribute": "dismissible"
|
|
1366
1399
|
},
|
|
1367
1400
|
{
|
|
1368
|
-
"name": "
|
|
1401
|
+
"name": "heading",
|
|
1369
1402
|
"type": {
|
|
1370
|
-
"text": "
|
|
1403
|
+
"text": "string"
|
|
1371
1404
|
},
|
|
1372
|
-
"default": "
|
|
1373
|
-
"description": "
|
|
1374
|
-
"fieldName": "
|
|
1375
|
-
"attribute": "
|
|
1405
|
+
"default": "''",
|
|
1406
|
+
"description": "Heading text for the banner, used to provide context in the action link's and\nclose button's accessible labels.",
|
|
1407
|
+
"fieldName": "heading",
|
|
1408
|
+
"attribute": "heading"
|
|
1376
1409
|
},
|
|
1377
1410
|
{
|
|
1378
|
-
"name": "
|
|
1411
|
+
"name": "action-label",
|
|
1379
1412
|
"type": {
|
|
1380
|
-
"text": "
|
|
1413
|
+
"text": "string"
|
|
1381
1414
|
},
|
|
1382
|
-
"default": "
|
|
1383
|
-
"description": "
|
|
1384
|
-
"fieldName": "
|
|
1385
|
-
"attribute": "
|
|
1415
|
+
"default": "''",
|
|
1416
|
+
"description": "Label text for the optional action link. Requires action-href to render.",
|
|
1417
|
+
"fieldName": "actionLabel",
|
|
1418
|
+
"attribute": "action-label"
|
|
1386
1419
|
},
|
|
1387
1420
|
{
|
|
1388
|
-
"name": "
|
|
1421
|
+
"name": "action-href",
|
|
1389
1422
|
"type": {
|
|
1390
|
-
"text": "
|
|
1423
|
+
"text": "string"
|
|
1391
1424
|
},
|
|
1392
|
-
"default": "
|
|
1393
|
-
"description": "
|
|
1394
|
-
"fieldName": "
|
|
1395
|
-
"attribute": "
|
|
1425
|
+
"default": "''",
|
|
1426
|
+
"description": "URL for the optional action link. Requires action-label to render.",
|
|
1427
|
+
"fieldName": "actionHref",
|
|
1428
|
+
"attribute": "action-href"
|
|
1396
1429
|
},
|
|
1397
1430
|
{
|
|
1398
|
-
"name": "
|
|
1431
|
+
"name": "open",
|
|
1399
1432
|
"type": {
|
|
1400
|
-
"text": "
|
|
1433
|
+
"text": "boolean"
|
|
1401
1434
|
},
|
|
1402
|
-
"default": "
|
|
1403
|
-
"description": "
|
|
1404
|
-
"fieldName": "
|
|
1405
|
-
"attribute": "
|
|
1435
|
+
"default": "true",
|
|
1436
|
+
"description": "Whether the banner is visible. Defaults to true — banners are shown by default.",
|
|
1437
|
+
"fieldName": "open",
|
|
1438
|
+
"attribute": "open"
|
|
1406
1439
|
},
|
|
1407
1440
|
{
|
|
1408
|
-
"name": "
|
|
1441
|
+
"name": "severity-label",
|
|
1409
1442
|
"type": {
|
|
1410
|
-
"text": "string"
|
|
1443
|
+
"text": "string | undefined"
|
|
1411
1444
|
},
|
|
1412
|
-
"
|
|
1413
|
-
"
|
|
1414
|
-
"
|
|
1415
|
-
"attribute": "dot-label"
|
|
1445
|
+
"description": "Override for the severity prefix announced to screen readers (e.g., \"Info:\", \"Error:\").\nWhen not set, defaults to the English label matching the current variant.",
|
|
1446
|
+
"fieldName": "severityLabel",
|
|
1447
|
+
"attribute": "severity-label"
|
|
1416
1448
|
},
|
|
1417
1449
|
{
|
|
1418
|
-
"name": "
|
|
1450
|
+
"name": "label-close",
|
|
1419
1451
|
"type": {
|
|
1420
1452
|
"text": "string"
|
|
1421
1453
|
},
|
|
1422
|
-
"default": "'
|
|
1423
|
-
"description": "Accessible label for the
|
|
1424
|
-
"fieldName": "
|
|
1425
|
-
"attribute": "remove-label"
|
|
1454
|
+
"default": "'Dismiss banner'",
|
|
1455
|
+
"description": "Accessible label for the dismiss button. Override for localized text.",
|
|
1456
|
+
"fieldName": "labelClose"
|
|
1426
1457
|
}
|
|
1427
1458
|
],
|
|
1428
1459
|
"superclass": {
|
|
1429
1460
|
"name": "LitElement",
|
|
1430
1461
|
"package": "lit"
|
|
1431
1462
|
},
|
|
1432
|
-
"tagName": "hx-
|
|
1463
|
+
"tagName": "hx-banner",
|
|
1433
1464
|
"customElement": true,
|
|
1434
|
-
"summary": "
|
|
1465
|
+
"summary": "Full-width page-level banner for persistent notifications with variant-based styling and ARIA live regions."
|
|
1435
1466
|
}
|
|
1436
1467
|
],
|
|
1437
1468
|
"exports": [
|
|
1438
1469
|
{
|
|
1439
1470
|
"kind": "js",
|
|
1440
|
-
"name": "
|
|
1471
|
+
"name": "HelixBanner",
|
|
1441
1472
|
"declaration": {
|
|
1442
|
-
"name": "
|
|
1443
|
-
"module": "src/components/hx-
|
|
1473
|
+
"name": "HelixBanner",
|
|
1474
|
+
"module": "src/components/hx-banner/hx-banner.ts"
|
|
1444
1475
|
}
|
|
1445
1476
|
},
|
|
1446
1477
|
{
|
|
1447
1478
|
"kind": "custom-element-definition",
|
|
1448
|
-
"name": "hx-
|
|
1479
|
+
"name": "hx-banner",
|
|
1449
1480
|
"declaration": {
|
|
1450
|
-
"name": "
|
|
1451
|
-
"module": "src/components/hx-
|
|
1481
|
+
"name": "HelixBanner",
|
|
1482
|
+
"module": "src/components/hx-banner/hx-banner.ts"
|
|
1483
|
+
}
|
|
1484
|
+
},
|
|
1485
|
+
{
|
|
1486
|
+
"kind": "js",
|
|
1487
|
+
"name": "HxBanner",
|
|
1488
|
+
"declaration": {
|
|
1489
|
+
"name": "HelixBanner",
|
|
1490
|
+
"module": "src/components/hx-banner/hx-banner.ts"
|
|
1452
1491
|
}
|
|
1453
1492
|
}
|
|
1454
1493
|
]
|
|
1455
1494
|
},
|
|
1456
1495
|
{
|
|
1457
1496
|
"kind": "javascript-module",
|
|
1458
|
-
"path": "src/components/hx-
|
|
1497
|
+
"path": "src/components/hx-banner/index.ts",
|
|
1459
1498
|
"declarations": [],
|
|
1460
1499
|
"exports": [
|
|
1461
1500
|
{
|
|
1462
1501
|
"kind": "js",
|
|
1463
|
-
"name": "
|
|
1502
|
+
"name": "HelixBanner",
|
|
1464
1503
|
"declaration": {
|
|
1465
|
-
"name": "
|
|
1466
|
-
"module": "./hx-
|
|
1504
|
+
"name": "HelixBanner",
|
|
1505
|
+
"module": "./hx-banner.js"
|
|
1467
1506
|
}
|
|
1468
1507
|
},
|
|
1469
1508
|
{
|
|
1470
1509
|
"kind": "js",
|
|
1471
|
-
"name": "
|
|
1510
|
+
"name": "BannerVariant",
|
|
1472
1511
|
"declaration": {
|
|
1473
|
-
"name": "
|
|
1474
|
-
"module": "./hx-
|
|
1512
|
+
"name": "BannerVariant",
|
|
1513
|
+
"module": "./hx-banner.js"
|
|
1475
1514
|
}
|
|
1476
1515
|
},
|
|
1477
1516
|
{
|
|
1478
1517
|
"kind": "js",
|
|
1479
|
-
"name": "
|
|
1518
|
+
"name": "BannerPosition",
|
|
1480
1519
|
"declaration": {
|
|
1481
|
-
"name": "
|
|
1482
|
-
"module": "./hx-
|
|
1520
|
+
"name": "BannerPosition",
|
|
1521
|
+
"module": "./hx-banner.js"
|
|
1483
1522
|
}
|
|
1484
1523
|
}
|
|
1485
1524
|
]
|
|
1486
1525
|
},
|
|
1487
1526
|
{
|
|
1488
1527
|
"kind": "javascript-module",
|
|
1489
|
-
"path": "src/components/hx-
|
|
1528
|
+
"path": "src/components/hx-badge/hx-badge.ts",
|
|
1490
1529
|
"declarations": [
|
|
1491
1530
|
{
|
|
1492
1531
|
"kind": "class",
|
|
1493
|
-
"description": "A
|
|
1494
|
-
"name": "
|
|
1532
|
+
"description": "A small status indicator for notifications, counts, and labels.",
|
|
1533
|
+
"name": "HelixBadge",
|
|
1495
1534
|
"cssProperties": [
|
|
1496
1535
|
{
|
|
1497
|
-
"description": "
|
|
1498
|
-
"name": "--hx-
|
|
1499
|
-
"default": "var(--hx-color-
|
|
1536
|
+
"description": "Badge background color. The primary override point.",
|
|
1537
|
+
"name": "--hx-badge-bg",
|
|
1538
|
+
"default": "var(--hx-color-primary-500)"
|
|
1500
1539
|
},
|
|
1501
1540
|
{
|
|
1502
|
-
"description": "
|
|
1503
|
-
"name": "--hx-
|
|
1504
|
-
"default": "var(--hx-color-
|
|
1541
|
+
"description": "Badge text color. The primary override point.",
|
|
1542
|
+
"name": "--hx-badge-color",
|
|
1543
|
+
"default": "var(--hx-color-neutral-0)"
|
|
1505
1544
|
},
|
|
1506
1545
|
{
|
|
1507
|
-
"description": "
|
|
1508
|
-
"name": "--hx-
|
|
1509
|
-
"default": "var(--hx-color-info-200)"
|
|
1546
|
+
"description": "Badge font size (set per size variant).",
|
|
1547
|
+
"name": "--hx-badge-font-size"
|
|
1510
1548
|
},
|
|
1511
1549
|
{
|
|
1512
|
-
"description": "
|
|
1513
|
-
"name": "--hx-
|
|
1514
|
-
"default": "var(--hx-
|
|
1550
|
+
"description": "Badge font weight.",
|
|
1551
|
+
"name": "--hx-badge-font-weight",
|
|
1552
|
+
"default": "var(--hx-font-weight-semibold)"
|
|
1515
1553
|
},
|
|
1516
1554
|
{
|
|
1517
|
-
"description": "
|
|
1518
|
-
"name": "--hx-
|
|
1519
|
-
"default": "var(--hx-
|
|
1555
|
+
"description": "Badge font family.",
|
|
1556
|
+
"name": "--hx-badge-font-family",
|
|
1557
|
+
"default": "var(--hx-font-family-sans)"
|
|
1520
1558
|
},
|
|
1521
1559
|
{
|
|
1522
|
-
"description": "
|
|
1523
|
-
"name": "--hx-
|
|
1524
|
-
"default": "var(--hx-
|
|
1560
|
+
"description": "Badge border radius.",
|
|
1561
|
+
"name": "--hx-badge-border-radius",
|
|
1562
|
+
"default": "var(--hx-border-radius-md)"
|
|
1525
1563
|
},
|
|
1526
1564
|
{
|
|
1527
|
-
"description": "
|
|
1528
|
-
"name": "--hx-
|
|
1529
|
-
"default": "var(--hx-color-info-500)"
|
|
1565
|
+
"description": "Badge horizontal padding (set per size variant).",
|
|
1566
|
+
"name": "--hx-badge-padding-x"
|
|
1530
1567
|
},
|
|
1531
1568
|
{
|
|
1532
|
-
"description": "
|
|
1533
|
-
"name": "--hx-
|
|
1534
|
-
"default": "var(--hx-font-family-sans)"
|
|
1569
|
+
"description": "Badge vertical padding (set per size variant).",
|
|
1570
|
+
"name": "--hx-badge-padding-y"
|
|
1535
1571
|
},
|
|
1536
1572
|
{
|
|
1537
|
-
"description": "
|
|
1538
|
-
"name": "--hx-
|
|
1539
|
-
"default": "var(--hx-banner-color)"
|
|
1573
|
+
"description": "Pulse color matching variant background with reduced opacity.",
|
|
1574
|
+
"name": "--hx-badge-pulse-color"
|
|
1540
1575
|
},
|
|
1541
1576
|
{
|
|
1542
|
-
"description": "
|
|
1543
|
-
"name": "--hx-
|
|
1544
|
-
"default": "
|
|
1577
|
+
"description": "Dot indicator size when rendered without content.",
|
|
1578
|
+
"name": "--hx-badge-dot-size",
|
|
1579
|
+
"default": "var(--hx-size-2)"
|
|
1545
1580
|
},
|
|
1546
1581
|
{
|
|
1547
|
-
"description": "
|
|
1548
|
-
"name": "--hx-
|
|
1549
|
-
"default": "100"
|
|
1582
|
+
"description": "Background for the secondary variant.",
|
|
1583
|
+
"name": "--hx-badge-secondary-bg",
|
|
1584
|
+
"default": "var(--hx-color-neutral-100)"
|
|
1550
1585
|
},
|
|
1551
1586
|
{
|
|
1552
|
-
"description": "
|
|
1553
|
-
"name": "--hx-
|
|
1554
|
-
"default": "
|
|
1555
|
-
}
|
|
1556
|
-
],
|
|
1557
|
-
"cssParts": [
|
|
1558
|
-
{
|
|
1559
|
-
"description": "The outer banner container.",
|
|
1560
|
-
"name": "banner"
|
|
1587
|
+
"description": "Text color for the secondary variant.",
|
|
1588
|
+
"name": "--hx-badge-secondary-color",
|
|
1589
|
+
"default": "var(--hx-color-neutral-700)"
|
|
1561
1590
|
},
|
|
1562
1591
|
{
|
|
1563
|
-
"description": "
|
|
1564
|
-
"name": "
|
|
1592
|
+
"description": "Background for the info variant.",
|
|
1593
|
+
"name": "--hx-badge-info-bg",
|
|
1594
|
+
"default": "var(--hx-color-info-700)"
|
|
1565
1595
|
},
|
|
1566
1596
|
{
|
|
1567
|
-
"description": "
|
|
1568
|
-
"name": "
|
|
1569
|
-
|
|
1597
|
+
"description": "Text color for the info variant.",
|
|
1598
|
+
"name": "--hx-badge-info-color",
|
|
1599
|
+
"default": "var(--hx-color-neutral-0)"
|
|
1600
|
+
}
|
|
1601
|
+
],
|
|
1602
|
+
"cssParts": [
|
|
1570
1603
|
{
|
|
1571
|
-
"description": "The
|
|
1572
|
-
"name": "
|
|
1604
|
+
"description": "The badge element.",
|
|
1605
|
+
"name": "badge"
|
|
1573
1606
|
},
|
|
1574
1607
|
{
|
|
1575
|
-
"description": "The dismiss button
|
|
1576
|
-
"name": "
|
|
1608
|
+
"description": "The remove/dismiss button.",
|
|
1609
|
+
"name": "remove-button"
|
|
1577
1610
|
}
|
|
1578
1611
|
],
|
|
1579
1612
|
"slots": [
|
|
1580
1613
|
{
|
|
1581
|
-
"description": "Default slot for
|
|
1614
|
+
"description": "Default slot for badge content (text, number). When empty with pulse enabled, renders as a dot indicator.",
|
|
1582
1615
|
"name": ""
|
|
1583
1616
|
},
|
|
1584
1617
|
{
|
|
1585
|
-
"description": "
|
|
1586
|
-
"name": "
|
|
1618
|
+
"description": "Icon or content rendered before the badge text.",
|
|
1619
|
+
"name": "prefix"
|
|
1587
1620
|
}
|
|
1588
1621
|
],
|
|
1589
1622
|
"members": [
|
|
@@ -1591,289 +1624,256 @@
|
|
|
1591
1624
|
"kind": "field",
|
|
1592
1625
|
"name": "variant",
|
|
1593
1626
|
"type": {
|
|
1594
|
-
"text": "'
|
|
1627
|
+
"text": "'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'neutral' | 'info'"
|
|
1595
1628
|
},
|
|
1596
|
-
"default": "'
|
|
1597
|
-
"description": "Visual variant of the
|
|
1629
|
+
"default": "'primary'",
|
|
1630
|
+
"description": "Visual style variant of the badge.",
|
|
1598
1631
|
"attribute": "variant",
|
|
1599
1632
|
"reflects": true
|
|
1600
1633
|
},
|
|
1601
1634
|
{
|
|
1602
1635
|
"kind": "field",
|
|
1603
|
-
"name": "
|
|
1636
|
+
"name": "size",
|
|
1604
1637
|
"type": {
|
|
1605
|
-
"text": "'
|
|
1638
|
+
"text": "'sm' | 'md' | 'lg'"
|
|
1606
1639
|
},
|
|
1607
|
-
"default": "'
|
|
1608
|
-
"description": "
|
|
1609
|
-
"attribute": "
|
|
1640
|
+
"default": "'md'",
|
|
1641
|
+
"description": "Size of the badge.",
|
|
1642
|
+
"attribute": "hx-size",
|
|
1610
1643
|
"reflects": true
|
|
1611
1644
|
},
|
|
1612
1645
|
{
|
|
1613
1646
|
"kind": "field",
|
|
1614
|
-
"name": "
|
|
1647
|
+
"name": "pill",
|
|
1615
1648
|
"type": {
|
|
1616
1649
|
"text": "boolean"
|
|
1617
1650
|
},
|
|
1618
1651
|
"default": "false",
|
|
1619
|
-
"description": "Whether the
|
|
1620
|
-
"attribute": "
|
|
1652
|
+
"description": "Whether the badge uses fully rounded (pill) styling.",
|
|
1653
|
+
"attribute": "pill",
|
|
1621
1654
|
"reflects": true
|
|
1622
1655
|
},
|
|
1623
1656
|
{
|
|
1624
1657
|
"kind": "field",
|
|
1625
|
-
"name": "
|
|
1658
|
+
"name": "pulse",
|
|
1626
1659
|
"type": {
|
|
1627
|
-
"text": "
|
|
1660
|
+
"text": "boolean"
|
|
1628
1661
|
},
|
|
1629
|
-
"default": "
|
|
1630
|
-
"description": "
|
|
1631
|
-
"attribute": "
|
|
1662
|
+
"default": "false",
|
|
1663
|
+
"description": "Whether the badge displays an animated pulse for attention.",
|
|
1664
|
+
"attribute": "pulse",
|
|
1665
|
+
"reflects": true
|
|
1632
1666
|
},
|
|
1633
1667
|
{
|
|
1634
1668
|
"kind": "field",
|
|
1635
|
-
"name": "
|
|
1669
|
+
"name": "removable",
|
|
1636
1670
|
"type": {
|
|
1637
|
-
"text": "
|
|
1671
|
+
"text": "boolean"
|
|
1638
1672
|
},
|
|
1639
|
-
"default": "
|
|
1640
|
-
"description": "
|
|
1641
|
-
"attribute": "
|
|
1673
|
+
"default": "false",
|
|
1674
|
+
"description": "Whether the badge renders a dismiss button.",
|
|
1675
|
+
"attribute": "removable",
|
|
1676
|
+
"reflects": true
|
|
1642
1677
|
},
|
|
1643
1678
|
{
|
|
1644
1679
|
"kind": "field",
|
|
1645
|
-
"name": "
|
|
1680
|
+
"name": "count",
|
|
1646
1681
|
"type": {
|
|
1647
|
-
"text": "
|
|
1682
|
+
"text": "number | undefined"
|
|
1648
1683
|
},
|
|
1649
|
-
"default": "
|
|
1650
|
-
"description": "
|
|
1651
|
-
"attribute": "
|
|
1684
|
+
"default": "undefined",
|
|
1685
|
+
"description": "Numeric count to display. When set, renders the count as badge content.\nWhen count exceeds `max`, displays `${max}+` (e.g. `99+`).",
|
|
1686
|
+
"attribute": "count",
|
|
1687
|
+
"reflects": true
|
|
1652
1688
|
},
|
|
1653
1689
|
{
|
|
1654
1690
|
"kind": "field",
|
|
1655
|
-
"name": "
|
|
1691
|
+
"name": "max",
|
|
1656
1692
|
"type": {
|
|
1657
|
-
"text": "
|
|
1693
|
+
"text": "number"
|
|
1658
1694
|
},
|
|
1659
|
-
"default": "
|
|
1660
|
-
"description": "
|
|
1661
|
-
"attribute": "
|
|
1695
|
+
"default": "99",
|
|
1696
|
+
"description": "Maximum count value before truncation to `${max}+`. Defaults to 99.",
|
|
1697
|
+
"attribute": "max",
|
|
1662
1698
|
"reflects": true
|
|
1663
1699
|
},
|
|
1664
1700
|
{
|
|
1665
1701
|
"kind": "field",
|
|
1666
|
-
"name": "
|
|
1702
|
+
"name": "dotLabel",
|
|
1667
1703
|
"type": {
|
|
1668
1704
|
"text": "string"
|
|
1669
1705
|
},
|
|
1670
|
-
"default": "'
|
|
1671
|
-
"description": "Accessible label for the
|
|
1672
|
-
"attribute": "label
|
|
1673
|
-
},
|
|
1674
|
-
{
|
|
1675
|
-
"kind": "field",
|
|
1676
|
-
"name": "severityLabel",
|
|
1677
|
-
"type": {
|
|
1678
|
-
"text": "string | undefined"
|
|
1679
|
-
},
|
|
1680
|
-
"description": "Override for the severity prefix announced to screen readers (e.g., \"Info:\", \"Error:\").\nWhen not set, defaults to the English label matching the current variant.",
|
|
1681
|
-
"attribute": "severity-label"
|
|
1682
|
-
},
|
|
1683
|
-
{
|
|
1684
|
-
"kind": "method",
|
|
1685
|
-
"name": "_defaultSeverityLabel",
|
|
1686
|
-
"privacy": "private",
|
|
1687
|
-
"return": {
|
|
1688
|
-
"type": {
|
|
1689
|
-
"text": "string"
|
|
1690
|
-
}
|
|
1691
|
-
},
|
|
1692
|
-
"description": "Returns the default English severity label for the current variant."
|
|
1706
|
+
"default": "''",
|
|
1707
|
+
"description": "Accessible label for the dot indicator mode (pulse + empty slot).\nRequired for WCAG 4.1.2 compliance when using the dot indicator pattern.\nExample: `dot-label=\"3 new messages\"`.",
|
|
1708
|
+
"attribute": "dot-label"
|
|
1693
1709
|
},
|
|
1694
1710
|
{
|
|
1695
1711
|
"kind": "field",
|
|
1696
|
-
"name": "
|
|
1712
|
+
"name": "removeLabel",
|
|
1697
1713
|
"type": {
|
|
1698
1714
|
"text": "string"
|
|
1699
1715
|
},
|
|
1700
|
-
"
|
|
1701
|
-
"description": "
|
|
1702
|
-
"
|
|
1703
|
-
},
|
|
1704
|
-
{
|
|
1705
|
-
"kind": "method",
|
|
1706
|
-
"name": "dismiss",
|
|
1707
|
-
"return": {
|
|
1708
|
-
"type": {
|
|
1709
|
-
"text": "void"
|
|
1710
|
-
}
|
|
1711
|
-
},
|
|
1712
|
-
"description": "Programmatically dismisses the banner. Sets open=false and dispatches hx-dismiss."
|
|
1716
|
+
"default": "'Remove'",
|
|
1717
|
+
"description": "Accessible label for the remove button. Should describe what is being removed.\nDefaults to \"Remove\". For better accessibility, include context: e.g. \"Remove Critical badge\".",
|
|
1718
|
+
"attribute": "remove-label"
|
|
1713
1719
|
}
|
|
1714
1720
|
],
|
|
1715
1721
|
"events": [
|
|
1716
1722
|
{
|
|
1717
|
-
"name": "hx-
|
|
1723
|
+
"name": "hx-remove",
|
|
1718
1724
|
"type": {
|
|
1719
|
-
"text": "CustomEvent<
|
|
1725
|
+
"text": "CustomEvent<void>"
|
|
1720
1726
|
},
|
|
1721
|
-
"description": "Dispatched when the user
|
|
1727
|
+
"description": "Dispatched when the user clicks the remove button."
|
|
1722
1728
|
}
|
|
1723
1729
|
],
|
|
1724
1730
|
"attributes": [
|
|
1725
1731
|
{
|
|
1726
1732
|
"name": "variant",
|
|
1727
1733
|
"type": {
|
|
1728
|
-
"text": "'
|
|
1734
|
+
"text": "'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'neutral' | 'info'"
|
|
1729
1735
|
},
|
|
1730
|
-
"default": "'
|
|
1731
|
-
"description": "Visual variant of the
|
|
1736
|
+
"default": "'primary'",
|
|
1737
|
+
"description": "Visual style variant of the badge.",
|
|
1732
1738
|
"fieldName": "variant",
|
|
1733
1739
|
"attribute": "variant"
|
|
1734
1740
|
},
|
|
1735
1741
|
{
|
|
1736
|
-
"name": "
|
|
1742
|
+
"name": "hx-size",
|
|
1737
1743
|
"type": {
|
|
1738
|
-
"text": "'
|
|
1744
|
+
"text": "'sm' | 'md' | 'lg'"
|
|
1739
1745
|
},
|
|
1740
|
-
"default": "'
|
|
1741
|
-
"description": "
|
|
1742
|
-
"fieldName": "
|
|
1743
|
-
"attribute": "
|
|
1746
|
+
"default": "'md'",
|
|
1747
|
+
"description": "Size of the badge.",
|
|
1748
|
+
"fieldName": "size",
|
|
1749
|
+
"attribute": "hx-size"
|
|
1744
1750
|
},
|
|
1745
1751
|
{
|
|
1746
|
-
"name": "
|
|
1752
|
+
"name": "pill",
|
|
1747
1753
|
"type": {
|
|
1748
1754
|
"text": "boolean"
|
|
1749
1755
|
},
|
|
1750
1756
|
"default": "false",
|
|
1751
|
-
"description": "Whether the
|
|
1752
|
-
"fieldName": "
|
|
1753
|
-
"attribute": "
|
|
1757
|
+
"description": "Whether the badge uses fully rounded (pill) styling.",
|
|
1758
|
+
"fieldName": "pill",
|
|
1759
|
+
"attribute": "pill"
|
|
1754
1760
|
},
|
|
1755
1761
|
{
|
|
1756
|
-
"name": "
|
|
1762
|
+
"name": "pulse",
|
|
1757
1763
|
"type": {
|
|
1758
|
-
"text": "
|
|
1764
|
+
"text": "boolean"
|
|
1759
1765
|
},
|
|
1760
|
-
"default": "
|
|
1761
|
-
"description": "
|
|
1762
|
-
"fieldName": "
|
|
1763
|
-
"attribute": "
|
|
1766
|
+
"default": "false",
|
|
1767
|
+
"description": "Whether the badge displays an animated pulse for attention.",
|
|
1768
|
+
"fieldName": "pulse",
|
|
1769
|
+
"attribute": "pulse"
|
|
1764
1770
|
},
|
|
1765
1771
|
{
|
|
1766
|
-
"name": "
|
|
1772
|
+
"name": "removable",
|
|
1767
1773
|
"type": {
|
|
1768
|
-
"text": "
|
|
1774
|
+
"text": "boolean"
|
|
1769
1775
|
},
|
|
1770
|
-
"default": "
|
|
1771
|
-
"description": "
|
|
1772
|
-
"fieldName": "
|
|
1773
|
-
"attribute": "
|
|
1776
|
+
"default": "false",
|
|
1777
|
+
"description": "Whether the badge renders a dismiss button.",
|
|
1778
|
+
"fieldName": "removable",
|
|
1779
|
+
"attribute": "removable"
|
|
1774
1780
|
},
|
|
1775
1781
|
{
|
|
1776
|
-
"name": "
|
|
1782
|
+
"name": "count",
|
|
1777
1783
|
"type": {
|
|
1778
|
-
"text": "
|
|
1784
|
+
"text": "number | undefined"
|
|
1779
1785
|
},
|
|
1780
|
-
"default": "
|
|
1781
|
-
"description": "
|
|
1782
|
-
"fieldName": "
|
|
1783
|
-
"attribute": "
|
|
1786
|
+
"default": "undefined",
|
|
1787
|
+
"description": "Numeric count to display. When set, renders the count as badge content.\nWhen count exceeds `max`, displays `${max}+` (e.g. `99+`).",
|
|
1788
|
+
"fieldName": "count",
|
|
1789
|
+
"attribute": "count"
|
|
1784
1790
|
},
|
|
1785
1791
|
{
|
|
1786
|
-
"name": "
|
|
1792
|
+
"name": "max",
|
|
1787
1793
|
"type": {
|
|
1788
|
-
"text": "
|
|
1794
|
+
"text": "number"
|
|
1789
1795
|
},
|
|
1790
|
-
"default": "
|
|
1791
|
-
"description": "
|
|
1792
|
-
"fieldName": "
|
|
1793
|
-
"attribute": "
|
|
1796
|
+
"default": "99",
|
|
1797
|
+
"description": "Maximum count value before truncation to `${max}+`. Defaults to 99.",
|
|
1798
|
+
"fieldName": "max",
|
|
1799
|
+
"attribute": "max"
|
|
1794
1800
|
},
|
|
1795
1801
|
{
|
|
1796
|
-
"name": "
|
|
1802
|
+
"name": "dot-label",
|
|
1797
1803
|
"type": {
|
|
1798
|
-
"text": "string
|
|
1804
|
+
"text": "string"
|
|
1799
1805
|
},
|
|
1800
|
-
"
|
|
1801
|
-
"
|
|
1802
|
-
"
|
|
1806
|
+
"default": "''",
|
|
1807
|
+
"description": "Accessible label for the dot indicator mode (pulse + empty slot).\nRequired for WCAG 4.1.2 compliance when using the dot indicator pattern.\nExample: `dot-label=\"3 new messages\"`.",
|
|
1808
|
+
"fieldName": "dotLabel",
|
|
1809
|
+
"attribute": "dot-label"
|
|
1803
1810
|
},
|
|
1804
1811
|
{
|
|
1805
|
-
"name": "label
|
|
1812
|
+
"name": "remove-label",
|
|
1806
1813
|
"type": {
|
|
1807
1814
|
"text": "string"
|
|
1808
1815
|
},
|
|
1809
|
-
"default": "'
|
|
1810
|
-
"description": "Accessible label for the
|
|
1811
|
-
"fieldName": "
|
|
1816
|
+
"default": "'Remove'",
|
|
1817
|
+
"description": "Accessible label for the remove button. Should describe what is being removed.\nDefaults to \"Remove\". For better accessibility, include context: e.g. \"Remove Critical badge\".",
|
|
1818
|
+
"fieldName": "removeLabel",
|
|
1819
|
+
"attribute": "remove-label"
|
|
1812
1820
|
}
|
|
1813
1821
|
],
|
|
1814
1822
|
"superclass": {
|
|
1815
1823
|
"name": "LitElement",
|
|
1816
1824
|
"package": "lit"
|
|
1817
1825
|
},
|
|
1818
|
-
"tagName": "hx-
|
|
1826
|
+
"tagName": "hx-badge",
|
|
1819
1827
|
"customElement": true,
|
|
1820
|
-
"summary": "
|
|
1828
|
+
"summary": "Presentational badge for status indicators, notification counts, and labels."
|
|
1821
1829
|
}
|
|
1822
1830
|
],
|
|
1823
1831
|
"exports": [
|
|
1824
1832
|
{
|
|
1825
1833
|
"kind": "js",
|
|
1826
|
-
"name": "
|
|
1834
|
+
"name": "HelixBadge",
|
|
1827
1835
|
"declaration": {
|
|
1828
|
-
"name": "
|
|
1829
|
-
"module": "src/components/hx-
|
|
1836
|
+
"name": "HelixBadge",
|
|
1837
|
+
"module": "src/components/hx-badge/hx-badge.ts"
|
|
1830
1838
|
}
|
|
1831
1839
|
},
|
|
1832
1840
|
{
|
|
1833
1841
|
"kind": "custom-element-definition",
|
|
1834
|
-
"name": "hx-
|
|
1835
|
-
"declaration": {
|
|
1836
|
-
"name": "HelixBanner",
|
|
1837
|
-
"module": "src/components/hx-banner/hx-banner.ts"
|
|
1838
|
-
}
|
|
1839
|
-
},
|
|
1840
|
-
{
|
|
1841
|
-
"kind": "js",
|
|
1842
|
-
"name": "HxBanner",
|
|
1842
|
+
"name": "hx-badge",
|
|
1843
1843
|
"declaration": {
|
|
1844
|
-
"name": "
|
|
1845
|
-
"module": "src/components/hx-
|
|
1844
|
+
"name": "HelixBadge",
|
|
1845
|
+
"module": "src/components/hx-badge/hx-badge.ts"
|
|
1846
1846
|
}
|
|
1847
1847
|
}
|
|
1848
1848
|
]
|
|
1849
1849
|
},
|
|
1850
1850
|
{
|
|
1851
1851
|
"kind": "javascript-module",
|
|
1852
|
-
"path": "src/components/hx-
|
|
1852
|
+
"path": "src/components/hx-badge/index.ts",
|
|
1853
1853
|
"declarations": [],
|
|
1854
1854
|
"exports": [
|
|
1855
1855
|
{
|
|
1856
1856
|
"kind": "js",
|
|
1857
|
-
"name": "
|
|
1857
|
+
"name": "HelixBadge",
|
|
1858
1858
|
"declaration": {
|
|
1859
|
-
"name": "
|
|
1860
|
-
"module": "./hx-
|
|
1859
|
+
"name": "HelixBadge",
|
|
1860
|
+
"module": "./hx-badge.js"
|
|
1861
1861
|
}
|
|
1862
1862
|
},
|
|
1863
1863
|
{
|
|
1864
1864
|
"kind": "js",
|
|
1865
|
-
"name": "
|
|
1865
|
+
"name": "HxBadge",
|
|
1866
1866
|
"declaration": {
|
|
1867
|
-
"name": "
|
|
1868
|
-
"module": "./hx-
|
|
1867
|
+
"name": "HxBadge",
|
|
1868
|
+
"module": "./hx-badge.js"
|
|
1869
1869
|
}
|
|
1870
1870
|
},
|
|
1871
1871
|
{
|
|
1872
1872
|
"kind": "js",
|
|
1873
|
-
"name": "
|
|
1873
|
+
"name": "WcBadge",
|
|
1874
1874
|
"declaration": {
|
|
1875
|
-
"name": "
|
|
1876
|
-
"module": "./hx-
|
|
1875
|
+
"name": "WcBadge",
|
|
1876
|
+
"module": "./hx-badge.js"
|
|
1877
1877
|
}
|
|
1878
1878
|
}
|
|
1879
1879
|
]
|
package/dist/css/index.css
CHANGED
package/dist/css/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@helixui/library",
|
|
3
|
-
"version": "1.1.2-next.
|
|
3
|
+
"version": "1.1.2-next.4",
|
|
4
4
|
"description": "Enterprise Web Component Library built with Lit 3.x",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"customElements": "custom-elements.json",
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"lit": "^3.3.2",
|
|
46
|
-
"@helixui/tokens": "0.3.4-next.
|
|
46
|
+
"@helixui/tokens": "0.3.4-next.4"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@floating-ui/dom": "^1.7.6"
|