@warp-ds/elements 2.9.2-next.1 → 2.10.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/dist/custom-elements.json +275 -58
  2. package/dist/docs/button/accessibility.md +42 -0
  3. package/dist/docs/button/api.md +63 -39
  4. package/dist/docs/button/button.md +322 -40
  5. package/dist/docs/button/examples.md +126 -0
  6. package/dist/docs/button/usage.md +89 -0
  7. package/dist/docs/modal/accessibility.md +1 -0
  8. package/dist/docs/modal/api.md +51 -0
  9. package/dist/docs/modal/examples.md +67 -0
  10. package/dist/docs/modal/modal.md +238 -0
  11. package/dist/docs/modal/usage.md +110 -0
  12. package/dist/docs/modal-footer/accessibility.md +1 -0
  13. package/dist/docs/modal-footer/api.md +11 -0
  14. package/dist/docs/modal-footer/examples.md +1 -0
  15. package/dist/docs/modal-footer/modal-footer.md +23 -0
  16. package/dist/docs/modal-footer/usage.md +1 -0
  17. package/dist/docs/modal-header/accessibility.md +1 -0
  18. package/dist/docs/modal-header/api.md +42 -0
  19. package/dist/docs/modal-header/examples.md +1 -0
  20. package/dist/docs/modal-header/modal-header.md +54 -0
  21. package/dist/docs/modal-header/usage.md +1 -0
  22. package/dist/docs/page-indicator/api.md +6 -6
  23. package/dist/docs/page-indicator/examples.md +8 -0
  24. package/dist/docs/page-indicator/page-indicator.md +23 -6
  25. package/dist/docs/page-indicator/usage.md +8 -0
  26. package/dist/docs/pagination/api.md +12 -10
  27. package/dist/docs/pagination/examples.md +20 -0
  28. package/dist/docs/pagination/pagination.md +50 -12
  29. package/dist/docs/pagination/usage.md +18 -0
  30. package/dist/docs/pill/accessibility.md +2 -0
  31. package/dist/docs/pill/api.md +10 -26
  32. package/dist/docs/pill/examples.md +23 -0
  33. package/dist/docs/pill/pill.md +43 -28
  34. package/dist/docs/pill/usage.md +8 -0
  35. package/dist/index.d.ts +305 -289
  36. package/dist/packages/attention/attention.js +23 -21
  37. package/dist/packages/attention/attention.js.map +3 -3
  38. package/dist/packages/button/button.d.ts +54 -37
  39. package/dist/packages/button/button.js +17 -15
  40. package/dist/packages/button/button.js.map +3 -3
  41. package/dist/packages/button/button.react.stories.d.ts +2 -2
  42. package/dist/packages/button/react.d.ts +1 -1
  43. package/dist/packages/modal/index.d.ts +4 -4
  44. package/dist/packages/modal/index.js +4 -4
  45. package/dist/packages/modal/modal.d.ts +21 -12
  46. package/dist/packages/modal/modal.js +4 -4
  47. package/dist/packages/modal/modal.js.map +3 -3
  48. package/dist/packages/modal/modal.react.stories.d.ts +3 -3
  49. package/dist/packages/modal/modal.stories.d.ts +2 -1
  50. package/dist/packages/modal/modal.stories.js +85 -3
  51. package/dist/packages/modal/react.d.ts +2 -2
  52. package/dist/packages/modal-footer/modal-footer.d.ts +5 -3
  53. package/dist/packages/modal-footer/modal-footer.js +4 -4
  54. package/dist/packages/modal-footer/modal-footer.js.map +3 -3
  55. package/dist/packages/modal-footer/react.d.ts +1 -1
  56. package/dist/packages/modal-header/modal-header.d.ts +21 -11
  57. package/dist/packages/modal-header/modal-header.js +1 -1
  58. package/dist/packages/modal-header/modal-header.js.map +3 -3
  59. package/dist/packages/modal-header/react.d.ts +2 -2
  60. package/dist/packages/page-indicator/page-indicator.d.ts +9 -14
  61. package/dist/packages/page-indicator/page-indicator.js.map +2 -2
  62. package/dist/packages/pagination/pagination.d.ts +11 -11
  63. package/dist/packages/pagination/pagination.js.map +2 -2
  64. package/dist/packages/pill/pill.d.ts +14 -29
  65. package/dist/packages/pill/pill.js.map +2 -2
  66. package/dist/packages/pill/pill.react.stories.d.ts +2 -2
  67. package/dist/packages/pill/react.d.ts +1 -1
  68. package/dist/web-types.json +272 -70
  69. package/package.json +5 -5
@@ -1131,7 +1131,7 @@
1131
1131
  "declarations": [
1132
1132
  {
1133
1133
  "kind": "class",
1134
- "description": "Buttons are used to perform actions, widh different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)",
1134
+ "description": "Performs an action or renders a link with button styling.\nUse button variants to match action priority, risk, and context.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)",
1135
1135
  "name": "WarpButton",
1136
1136
  "members": [
1137
1137
  {
@@ -1141,7 +1141,8 @@
1141
1141
  "text": "object"
1142
1142
  },
1143
1143
  "static": true,
1144
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
1144
+ "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }",
1145
+ "description": "Shadow root configuration.\nDelegates focus from the host to the internal control."
1145
1146
  },
1146
1147
  {
1147
1148
  "kind": "field",
@@ -1149,6 +1150,7 @@
1149
1150
  "type": {
1150
1151
  "text": "ButtonType"
1151
1152
  },
1153
+ "description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
1152
1154
  "attribute": "type",
1153
1155
  "reflects": true,
1154
1156
  "parsedType": {
@@ -1162,6 +1164,7 @@
1162
1164
  "text": "boolean"
1163
1165
  },
1164
1166
  "default": "false",
1167
+ "description": "Focuses the button when it is first rendered.\nApplies only when the component renders a native button. Link buttons with `href` do not autofocus through this component.",
1165
1168
  "attribute": "autofocus",
1166
1169
  "reflects": true
1167
1170
  },
@@ -1171,6 +1174,7 @@
1171
1174
  "type": {
1172
1175
  "text": "ButtonVariant"
1173
1176
  },
1177
+ "description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
1174
1178
  "attribute": "variant",
1175
1179
  "reflects": true,
1176
1180
  "parsedType": {
@@ -1184,6 +1188,7 @@
1184
1188
  "text": "boolean"
1185
1189
  },
1186
1190
  "default": "false",
1191
+ "description": "Deprecated quiet visual treatment flag\nUse `variant=\"quiet\"` instead.",
1187
1192
  "deprecated": "Use `variant=\"quiet\"` instead",
1188
1193
  "attribute": "quiet",
1189
1194
  "reflects": true
@@ -1195,6 +1200,7 @@
1195
1200
  "text": "boolean"
1196
1201
  },
1197
1202
  "default": "false",
1203
+ "description": "Marks the button as icon-only.\nUse this when the button has no visible text. Include accessible text in the slotted content so the internal button has a name.",
1198
1204
  "attribute": "icon-only",
1199
1205
  "reflects": true
1200
1206
  },
@@ -1205,6 +1211,7 @@
1205
1211
  "text": "boolean"
1206
1212
  },
1207
1213
  "default": "false",
1214
+ "description": "Renders the compact button size.\nUse this in dense layouts where the default button size is too large.",
1208
1215
  "attribute": "small",
1209
1216
  "reflects": true
1210
1217
  },
@@ -1215,6 +1222,7 @@
1215
1222
  "text": "boolean"
1216
1223
  },
1217
1224
  "default": "false",
1225
+ "description": "Shows the loading state.\nUse after the user has triggered an action and the action is in progress.",
1218
1226
  "attribute": "loading",
1219
1227
  "reflects": true
1220
1228
  },
@@ -1224,6 +1232,7 @@
1224
1232
  "type": {
1225
1233
  "text": "string"
1226
1234
  },
1235
+ "description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
1227
1236
  "attribute": "href",
1228
1237
  "reflects": true
1229
1238
  },
@@ -1233,6 +1242,7 @@
1233
1242
  "type": {
1234
1243
  "text": "string"
1235
1244
  },
1245
+ "description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
1236
1246
  "attribute": "target",
1237
1247
  "reflects": true
1238
1248
  },
@@ -1243,6 +1253,7 @@
1243
1253
  "text": "boolean"
1244
1254
  },
1245
1255
  "default": "false",
1256
+ "description": "Visually disables the button.\nDisabled buttons are discouraged because they can hide the reason an action is unavailable.",
1246
1257
  "attribute": "disabled",
1247
1258
  "reflects": true
1248
1259
  },
@@ -1252,6 +1263,7 @@
1252
1263
  "type": {
1253
1264
  "text": "string"
1254
1265
  },
1266
+ "description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
1255
1267
  "attribute": "rel",
1256
1268
  "reflects": true
1257
1269
  },
@@ -1262,6 +1274,7 @@
1262
1274
  "text": "boolean"
1263
1275
  },
1264
1276
  "default": "false",
1277
+ "description": "Makes the button fill its parent width.\nUseful in narrow layouts where the button should span the available inline space.",
1265
1278
  "attribute": "full-width",
1266
1279
  "reflects": true
1267
1280
  },
@@ -1271,6 +1284,7 @@
1271
1284
  "type": {
1272
1285
  "text": "string"
1273
1286
  },
1287
+ "description": "Deprecated class applied to the internal control\nThis class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.",
1274
1288
  "deprecated": "This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.",
1275
1289
  "attribute": "button-class",
1276
1290
  "reflects": true
@@ -1281,6 +1295,7 @@
1281
1295
  "type": {
1282
1296
  "text": "string"
1283
1297
  },
1298
+ "description": "Form control name.\nUsed when the button participates in form handling.",
1284
1299
  "attribute": "name",
1285
1300
  "reflects": true
1286
1301
  },
@@ -1290,9 +1305,44 @@
1290
1305
  "type": {
1291
1306
  "text": "string"
1292
1307
  },
1308
+ "description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
1293
1309
  "attribute": "value",
1294
1310
  "reflects": true
1295
1311
  },
1312
+ {
1313
+ "kind": "field",
1314
+ "name": "commandfor",
1315
+ "type": {
1316
+ "text": "string"
1317
+ },
1318
+ "description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
1319
+ "attribute": "commandfor"
1320
+ },
1321
+ {
1322
+ "kind": "field",
1323
+ "name": "command",
1324
+ "type": {
1325
+ "text": "string"
1326
+ },
1327
+ "description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
1328
+ "attribute": "command"
1329
+ },
1330
+ {
1331
+ "kind": "field",
1332
+ "name": "buttonEl",
1333
+ "type": {
1334
+ "text": "HTMLButtonElement | null"
1335
+ },
1336
+ "privacy": "private"
1337
+ },
1338
+ {
1339
+ "kind": "field",
1340
+ "name": "ariaValueTextLoading",
1341
+ "type": {
1342
+ "text": "string"
1343
+ },
1344
+ "privacy": "private"
1345
+ },
1296
1346
  {
1297
1347
  "kind": "field",
1298
1348
  "name": "#initialValue",
@@ -1302,6 +1352,25 @@
1302
1352
  },
1303
1353
  "default": "null"
1304
1354
  },
1355
+ {
1356
+ "kind": "method",
1357
+ "name": "closestWithId",
1358
+ "privacy": "private",
1359
+ "return": {
1360
+ "type": {
1361
+ "text": "HTMLElement | null"
1362
+ }
1363
+ },
1364
+ "parameters": [
1365
+ {
1366
+ "name": "id",
1367
+ "type": {
1368
+ "text": "string"
1369
+ }
1370
+ }
1371
+ ],
1372
+ "description": "Traverse up the shadow roots looking for the ID to support use inside other Lit components."
1373
+ },
1305
1374
  {
1306
1375
  "kind": "method",
1307
1376
  "name": "resetFormControl",
@@ -1313,10 +1382,6 @@
1313
1382
  "type": {
1314
1383
  "text": "resetFormControl() => void"
1315
1384
  }
1316
- },
1317
- {
1318
- "kind": "field",
1319
- "name": "ariaValueTextLoading"
1320
1385
  }
1321
1386
  ],
1322
1387
  "attributes": [
@@ -1325,6 +1390,7 @@
1325
1390
  "type": {
1326
1391
  "text": "ButtonType"
1327
1392
  },
1393
+ "description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
1328
1394
  "fieldName": "type",
1329
1395
  "parsedType": {
1330
1396
  "text": "'button' | 'submit' | 'reset'"
@@ -1336,6 +1402,7 @@
1336
1402
  "text": "boolean"
1337
1403
  },
1338
1404
  "default": "false",
1405
+ "description": "Focuses the button when it is first rendered.\nApplies only when the component renders a native button. Link buttons with `href` do not autofocus through this component.",
1339
1406
  "fieldName": "autofocus"
1340
1407
  },
1341
1408
  {
@@ -1343,6 +1410,7 @@
1343
1410
  "type": {
1344
1411
  "text": "ButtonVariant"
1345
1412
  },
1413
+ "description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
1346
1414
  "fieldName": "variant",
1347
1415
  "parsedType": {
1348
1416
  "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'"
@@ -1354,6 +1422,7 @@
1354
1422
  "text": "boolean"
1355
1423
  },
1356
1424
  "default": "false",
1425
+ "description": "Deprecated quiet visual treatment flag\nUse `variant=\"quiet\"` instead.",
1357
1426
  "deprecated": "Use `variant=\"quiet\"` instead",
1358
1427
  "fieldName": "quiet"
1359
1428
  },
@@ -1363,6 +1432,7 @@
1363
1432
  "text": "boolean"
1364
1433
  },
1365
1434
  "default": "false",
1435
+ "description": "Marks the button as icon-only.\nUse this when the button has no visible text. Include accessible text in the slotted content so the internal button has a name.",
1366
1436
  "fieldName": "iconOnly"
1367
1437
  },
1368
1438
  {
@@ -1371,6 +1441,7 @@
1371
1441
  "text": "boolean"
1372
1442
  },
1373
1443
  "default": "false",
1444
+ "description": "Renders the compact button size.\nUse this in dense layouts where the default button size is too large.",
1374
1445
  "fieldName": "small"
1375
1446
  },
1376
1447
  {
@@ -1379,6 +1450,7 @@
1379
1450
  "text": "boolean"
1380
1451
  },
1381
1452
  "default": "false",
1453
+ "description": "Shows the loading state.\nUse after the user has triggered an action and the action is in progress.",
1382
1454
  "fieldName": "loading"
1383
1455
  },
1384
1456
  {
@@ -1386,6 +1458,7 @@
1386
1458
  "type": {
1387
1459
  "text": "string"
1388
1460
  },
1461
+ "description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
1389
1462
  "fieldName": "href"
1390
1463
  },
1391
1464
  {
@@ -1393,6 +1466,7 @@
1393
1466
  "type": {
1394
1467
  "text": "string"
1395
1468
  },
1469
+ "description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
1396
1470
  "fieldName": "target"
1397
1471
  },
1398
1472
  {
@@ -1401,6 +1475,7 @@
1401
1475
  "text": "boolean"
1402
1476
  },
1403
1477
  "default": "false",
1478
+ "description": "Visually disables the button.\nDisabled buttons are discouraged because they can hide the reason an action is unavailable.",
1404
1479
  "fieldName": "disabled"
1405
1480
  },
1406
1481
  {
@@ -1408,6 +1483,7 @@
1408
1483
  "type": {
1409
1484
  "text": "string"
1410
1485
  },
1486
+ "description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
1411
1487
  "fieldName": "rel"
1412
1488
  },
1413
1489
  {
@@ -1416,6 +1492,7 @@
1416
1492
  "text": "boolean"
1417
1493
  },
1418
1494
  "default": "false",
1495
+ "description": "Makes the button fill its parent width.\nUseful in narrow layouts where the button should span the available inline space.",
1419
1496
  "fieldName": "fullWidth"
1420
1497
  },
1421
1498
  {
@@ -1423,6 +1500,7 @@
1423
1500
  "type": {
1424
1501
  "text": "string"
1425
1502
  },
1503
+ "description": "Deprecated class applied to the internal control\nThis class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.",
1426
1504
  "deprecated": "This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.",
1427
1505
  "fieldName": "buttonClass"
1428
1506
  },
@@ -1431,6 +1509,7 @@
1431
1509
  "type": {
1432
1510
  "text": "string"
1433
1511
  },
1512
+ "description": "Form control name.\nUsed when the button participates in form handling.",
1434
1513
  "fieldName": "name"
1435
1514
  },
1436
1515
  {
@@ -1438,7 +1517,24 @@
1438
1517
  "type": {
1439
1518
  "text": "string"
1440
1519
  },
1520
+ "description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
1441
1521
  "fieldName": "value"
1522
+ },
1523
+ {
1524
+ "name": "commandfor",
1525
+ "type": {
1526
+ "text": "string"
1527
+ },
1528
+ "description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
1529
+ "fieldName": "commandfor"
1530
+ },
1531
+ {
1532
+ "name": "command",
1533
+ "type": {
1534
+ "text": "string"
1535
+ },
1536
+ "description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
1537
+ "fieldName": "command"
1442
1538
  }
1443
1539
  ],
1444
1540
  "mixins": [
@@ -4255,8 +4351,8 @@
4255
4351
  "declarations": [
4256
4352
  {
4257
4353
  "kind": "class",
4258
- "description": "Modals (or dialogs) display important information that users need to acknowledge.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
4259
- "name": "ModalMain",
4354
+ "description": "Modals (or dialogs) display important information that users need to acknowledge.",
4355
+ "name": "WarpModal",
4260
4356
  "slots": [
4261
4357
  {
4262
4358
  "description": "Typically where you would use the `w-modal-header` component.",
@@ -4279,6 +4375,7 @@
4279
4375
  "text": "boolean"
4280
4376
  },
4281
4377
  "default": "false",
4378
+ "description": "Controls if the modal should show or hide.\n\nYou can also call the `open()` and `close()` methods.",
4282
4379
  "attribute": "show"
4283
4380
  },
4284
4381
  {
@@ -4296,6 +4393,7 @@
4296
4393
  "text": "boolean"
4297
4394
  },
4298
4395
  "default": "false",
4396
+ "description": "Ignores clicks to the backdrop when set",
4299
4397
  "attribute": "ignore-backdrop-clicks"
4300
4398
  },
4301
4399
  {
@@ -4303,21 +4401,24 @@
4303
4401
  "name": "dialogEl",
4304
4402
  "type": {
4305
4403
  "text": "HTMLDialogElement"
4306
- }
4404
+ },
4405
+ "privacy": "private"
4307
4406
  },
4308
4407
  {
4309
4408
  "kind": "field",
4310
4409
  "name": "dialogInnerEl",
4311
4410
  "type": {
4312
4411
  "text": "HTMLElement"
4313
- }
4412
+ },
4413
+ "privacy": "private"
4314
4414
  },
4315
4415
  {
4316
4416
  "kind": "field",
4317
4417
  "name": "contentEl",
4318
4418
  "type": {
4319
4419
  "text": "HTMLElement"
4320
- }
4420
+ },
4421
+ "privacy": "private"
4321
4422
  },
4322
4423
  {
4323
4424
  "kind": "method",
@@ -4336,19 +4437,18 @@
4336
4437
  {
4337
4438
  "kind": "method",
4338
4439
  "name": "handleListeners",
4440
+ "privacy": "private",
4339
4441
  "parameters": [
4340
4442
  {
4341
4443
  "name": "verb",
4342
4444
  "default": "'addEventListener'"
4343
4445
  }
4344
- ],
4345
- "type": {
4346
- "text": "handleListeners(verb = 'addEventListener') => void"
4347
- }
4446
+ ]
4348
4447
  },
4349
4448
  {
4350
4449
  "kind": "method",
4351
4450
  "name": "eventPreventer",
4451
+ "privacy": "private",
4352
4452
  "parameters": [
4353
4453
  {
4354
4454
  "name": "evt",
@@ -4356,14 +4456,12 @@
4356
4456
  "text": "Event"
4357
4457
  }
4358
4458
  }
4359
- ],
4360
- "type": {
4361
- "text": "eventPreventer(evt: Event) => void"
4362
- }
4459
+ ]
4363
4460
  },
4364
4461
  {
4365
4462
  "kind": "method",
4366
4463
  "name": "closeOnBackdropClick",
4464
+ "privacy": "private",
4367
4465
  "parameters": [
4368
4466
  {
4369
4467
  "name": "evt",
@@ -4371,14 +4469,12 @@
4371
4469
  "text": "MouseEvent"
4372
4470
  }
4373
4471
  }
4374
- ],
4375
- "type": {
4376
- "text": "closeOnBackdropClick(evt: MouseEvent) => void"
4377
- }
4472
+ ]
4378
4473
  },
4379
4474
  {
4380
4475
  "kind": "method",
4381
4476
  "name": "interceptEscape",
4477
+ "privacy": "private",
4382
4478
  "parameters": [
4383
4479
  {
4384
4480
  "name": "evt",
@@ -4386,17 +4482,12 @@
4386
4482
  "text": "KeyboardEvent"
4387
4483
  }
4388
4484
  }
4389
- ],
4390
- "type": {
4391
- "text": "interceptEscape(evt: KeyboardEvent) => void"
4392
- }
4485
+ ]
4393
4486
  },
4394
4487
  {
4395
4488
  "kind": "method",
4396
4489
  "name": "modifyBorderRadius",
4397
- "type": {
4398
- "text": "modifyBorderRadius() => void"
4399
- }
4490
+ "privacy": "private"
4400
4491
  }
4401
4492
  ],
4402
4493
  "events": [
@@ -4420,6 +4511,7 @@
4420
4511
  "text": "boolean"
4421
4512
  },
4422
4513
  "default": "false",
4514
+ "description": "Controls if the modal should show or hide.\n\nYou can also call the `open()` and `close()` methods.",
4423
4515
  "fieldName": "show"
4424
4516
  },
4425
4517
  {
@@ -4435,6 +4527,7 @@
4435
4527
  "text": "boolean"
4436
4528
  },
4437
4529
  "default": "false",
4530
+ "description": "Ignores clicks to the backdrop when set",
4438
4531
  "fieldName": "ignoreBackdropClicks"
4439
4532
  }
4440
4533
  ],
@@ -4452,9 +4545,23 @@
4452
4545
  "customElement": true,
4453
4546
  "modulePath": "packages/modal/modal.ts",
4454
4547
  "definitionPath": "packages/modal/modal.ts"
4548
+ },
4549
+ {
4550
+ "kind": "variable",
4551
+ "name": "ModalMain",
4552
+ "default": "WarpModal",
4553
+ "deprecated": "Exported for backwards compatibility. Use WarpModal."
4455
4554
  }
4456
4555
  ],
4457
4556
  "exports": [
4557
+ {
4558
+ "kind": "js",
4559
+ "name": "WarpModal",
4560
+ "declaration": {
4561
+ "name": "WarpModal",
4562
+ "module": "packages/modal/modal.ts"
4563
+ }
4564
+ },
4458
4565
  {
4459
4566
  "kind": "js",
4460
4567
  "name": "ModalMain",
@@ -4467,7 +4574,7 @@
4467
4574
  "kind": "custom-element-definition",
4468
4575
  "name": "w-modal",
4469
4576
  "declaration": {
4470
- "name": "ModalMain",
4577
+ "name": "WarpModal",
4471
4578
  "module": "packages/modal/modal.ts"
4472
4579
  }
4473
4580
  }
@@ -4479,8 +4586,8 @@
4479
4586
  "declarations": [
4480
4587
  {
4481
4588
  "kind": "class",
4482
- "description": "The footer section of a modal, typically where you place actions.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
4483
- "name": "ModalFooter",
4589
+ "description": "The footer section of a modal, typically where you place actions.",
4590
+ "name": "WarpModalFooter",
4484
4591
  "members": [],
4485
4592
  "mixins": [
4486
4593
  {
@@ -4496,13 +4603,31 @@
4496
4603
  "name": "LitElement",
4497
4604
  "package": "lit"
4498
4605
  },
4606
+ "parent": {
4607
+ "name": "w-modal",
4608
+ "description": ""
4609
+ },
4499
4610
  "tagName": "w-modal-footer",
4500
4611
  "customElement": true,
4501
4612
  "modulePath": "packages/modal-footer/modal-footer.ts",
4502
4613
  "definitionPath": "packages/modal-footer/modal-footer.ts"
4614
+ },
4615
+ {
4616
+ "kind": "variable",
4617
+ "name": "ModalFooter",
4618
+ "default": "WarpModalFooter",
4619
+ "deprecated": "Exported for backwards compatibility. Use WarpModalFooter."
4503
4620
  }
4504
4621
  ],
4505
4622
  "exports": [
4623
+ {
4624
+ "kind": "js",
4625
+ "name": "WarpModalFooter",
4626
+ "declaration": {
4627
+ "name": "WarpModalFooter",
4628
+ "module": "packages/modal-footer/modal-footer.ts"
4629
+ }
4630
+ },
4506
4631
  {
4507
4632
  "kind": "js",
4508
4633
  "name": "ModalFooter",
@@ -4515,7 +4640,7 @@
4515
4640
  "kind": "custom-element-definition",
4516
4641
  "name": "w-modal-footer",
4517
4642
  "declaration": {
4518
- "name": "ModalFooter",
4643
+ "name": "WarpModalFooter",
4519
4644
  "module": "packages/modal-footer/modal-footer.ts"
4520
4645
  }
4521
4646
  }
@@ -4527,8 +4652,8 @@
4527
4652
  "declarations": [
4528
4653
  {
4529
4654
  "kind": "class",
4530
- "description": "The header section of a modal, typically where you place the title and a close button.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
4531
- "name": "ModalHeader",
4655
+ "description": "The header section of a modal, typically where you place the title and a close button.",
4656
+ "name": "WarpModalHeader",
4532
4657
  "slots": [
4533
4658
  {
4534
4659
  "description": "Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.",
@@ -4542,6 +4667,7 @@
4542
4667
  "type": {
4543
4668
  "text": "string"
4544
4669
  },
4670
+ "description": "A short but descriptive title for the modal",
4545
4671
  "attribute": "title"
4546
4672
  },
4547
4673
  {
@@ -4551,6 +4677,7 @@
4551
4677
  "text": "boolean"
4552
4678
  },
4553
4679
  "default": "false",
4680
+ "description": "Whether the modal header should have a back button",
4554
4681
  "attribute": "back"
4555
4682
  },
4556
4683
  {
@@ -4560,48 +4687,61 @@
4560
4687
  "text": "boolean"
4561
4688
  },
4562
4689
  "default": "false",
4690
+ "description": "Lets you hide the close button in the header",
4563
4691
  "attribute": "no-close"
4564
4692
  },
4693
+ {
4694
+ "kind": "field",
4695
+ "name": "_hasTopContent",
4696
+ "type": {
4697
+ "text": "boolean"
4698
+ },
4699
+ "privacy": "private",
4700
+ "default": "false"
4701
+ },
4565
4702
  {
4566
4703
  "kind": "field",
4567
4704
  "name": "titleEl",
4568
4705
  "type": {
4569
4706
  "text": "HTMLElement"
4570
- }
4707
+ },
4708
+ "privacy": "private"
4571
4709
  },
4572
4710
  {
4573
4711
  "kind": "field",
4574
4712
  "name": "titleClasses",
4713
+ "privacy": "private",
4575
4714
  "readonly": true
4576
4715
  },
4577
4716
  {
4578
4717
  "kind": "field",
4579
4718
  "name": "backButton",
4719
+ "privacy": "private",
4580
4720
  "readonly": true
4581
4721
  },
4582
4722
  {
4583
4723
  "kind": "field",
4584
4724
  "name": "closeButton",
4725
+ "privacy": "private",
4585
4726
  "readonly": true
4586
4727
  },
4587
4728
  {
4588
4729
  "kind": "method",
4589
4730
  "name": "emitBack",
4590
- "type": {
4591
- "text": "emitBack() => void"
4592
- }
4731
+ "privacy": "private"
4593
4732
  },
4594
4733
  {
4595
4734
  "kind": "method",
4596
4735
  "name": "handleTopSlotChange",
4736
+ "privacy": "private",
4597
4737
  "parameters": [
4598
4738
  {
4599
- "name": "slotEvent"
4739
+ "name": "slotEvent",
4740
+ "type": {
4741
+ "text": "Event"
4742
+ }
4600
4743
  }
4601
- ],
4602
- "type": {
4603
- "text": "handleTopSlotChange(slotEvent) => void"
4604
- }
4744
+ ]
4605
4745
  }
4606
4746
  ],
4607
4747
  "events": [
@@ -4618,6 +4758,7 @@
4618
4758
  "type": {
4619
4759
  "text": "string"
4620
4760
  },
4761
+ "description": "A short but descriptive title for the modal",
4621
4762
  "fieldName": "title"
4622
4763
  },
4623
4764
  {
@@ -4626,6 +4767,7 @@
4626
4767
  "text": "boolean"
4627
4768
  },
4628
4769
  "default": "false",
4770
+ "description": "Whether the modal header should have a back button",
4629
4771
  "fieldName": "back"
4630
4772
  },
4631
4773
  {
@@ -4634,6 +4776,7 @@
4634
4776
  "text": "boolean"
4635
4777
  },
4636
4778
  "default": "false",
4779
+ "description": "Lets you hide the close button in the header",
4637
4780
  "fieldName": "noClose"
4638
4781
  }
4639
4782
  ],
@@ -4647,13 +4790,31 @@
4647
4790
  "name": "LitElement",
4648
4791
  "package": "lit"
4649
4792
  },
4793
+ "parent": {
4794
+ "name": "w-modal",
4795
+ "description": ""
4796
+ },
4650
4797
  "tagName": "w-modal-header",
4651
4798
  "customElement": true,
4652
4799
  "modulePath": "packages/modal-header/modal-header.ts",
4653
4800
  "definitionPath": "packages/modal-header/modal-header.ts"
4801
+ },
4802
+ {
4803
+ "kind": "variable",
4804
+ "name": "ModalHeader",
4805
+ "default": "WarpModalHeader",
4806
+ "deprecated": "Exported for backwards compatibility. Use WarpModalHeader."
4654
4807
  }
4655
4808
  ],
4656
4809
  "exports": [
4810
+ {
4811
+ "kind": "js",
4812
+ "name": "WarpModalHeader",
4813
+ "declaration": {
4814
+ "name": "WarpModalHeader",
4815
+ "module": "packages/modal-header/modal-header.ts"
4816
+ }
4817
+ },
4657
4818
  {
4658
4819
  "kind": "js",
4659
4820
  "name": "ModalHeader",
@@ -4666,7 +4827,7 @@
4666
4827
  "kind": "custom-element-definition",
4667
4828
  "name": "w-modal-header",
4668
4829
  "declaration": {
4669
- "name": "ModalHeader",
4830
+ "name": "WarpModalHeader",
4670
4831
  "module": "packages/modal-header/modal-header.ts"
4671
4832
  }
4672
4833
  }
@@ -4678,7 +4839,7 @@
4678
4839
  "declarations": [
4679
4840
  {
4680
4841
  "kind": "class",
4681
- "description": "A page indicator component that displays a series of dots representing pages.\nOne dot is highlighted to indicate the currently selected page.",
4842
+ "description": "A page indicator component that displays a series of dots representing pages.\n\nOne dot is highlighted to indicate the currently selected page.",
4682
4843
  "name": "WarpPageIndicator",
4683
4844
  "members": [
4684
4845
  {
@@ -4687,7 +4848,8 @@
4687
4848
  "type": {
4688
4849
  "text": "number"
4689
4850
  },
4690
- "description": "Currently selected page (1-based index, clamped to valid range)",
4851
+ "description": "Currently selected page (1-based index)",
4852
+ "default": "1",
4691
4853
  "attribute": "selected-page",
4692
4854
  "reflects": true
4693
4855
  },
@@ -4697,7 +4859,8 @@
4697
4859
  "type": {
4698
4860
  "text": "number"
4699
4861
  },
4700
- "description": "Total number of pages (minimum 1)",
4862
+ "description": "Total number of pages",
4863
+ "default": "1",
4701
4864
  "attribute": "page-count",
4702
4865
  "reflects": true
4703
4866
  },
@@ -4728,7 +4891,8 @@
4728
4891
  "type": {
4729
4892
  "text": "number"
4730
4893
  },
4731
- "description": "Currently selected page (1-based index, clamped to valid range)",
4894
+ "description": "Currently selected page (1-based index)",
4895
+ "default": "1",
4732
4896
  "fieldName": "selectedPage"
4733
4897
  },
4734
4898
  {
@@ -4736,7 +4900,8 @@
4736
4900
  "type": {
4737
4901
  "text": "number"
4738
4902
  },
4739
- "description": "Total number of pages (minimum 1)",
4903
+ "description": "Total number of pages",
4904
+ "default": "1",
4740
4905
  "fieldName": "pageCount"
4741
4906
  }
4742
4907
  ],
@@ -4775,7 +4940,7 @@
4775
4940
  "declarations": [
4776
4941
  {
4777
4942
  "kind": "class",
4778
- "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)",
4943
+ "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.",
4779
4944
  "name": "WarpPagination",
4780
4945
  "members": [
4781
4946
  {
@@ -4784,6 +4949,7 @@
4784
4949
  "type": {
4785
4950
  "text": "string"
4786
4951
  },
4952
+ "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
4787
4953
  "attribute": "base-url",
4788
4954
  "reflects": true
4789
4955
  },
@@ -4793,6 +4959,7 @@
4793
4959
  "type": {
4794
4960
  "text": "number"
4795
4961
  },
4962
+ "description": "The total number of pages.",
4796
4963
  "attribute": "pages",
4797
4964
  "reflects": true
4798
4965
  },
@@ -4802,6 +4969,8 @@
4802
4969
  "type": {
4803
4970
  "text": "number"
4804
4971
  },
4972
+ "description": "The currently active page number.",
4973
+ "default": "1",
4805
4974
  "attribute": "current-page",
4806
4975
  "reflects": true
4807
4976
  },
@@ -4811,6 +4980,8 @@
4811
4980
  "type": {
4812
4981
  "text": "number"
4813
4982
  },
4983
+ "description": "The maximum number of page numbers visible.",
4984
+ "default": "7",
4814
4985
  "attribute": "visible-pages",
4815
4986
  "reflects": true
4816
4987
  },
@@ -4834,7 +5005,7 @@
4834
5005
  "type": {
4835
5006
  "text": "CustomEvent"
4836
5007
  },
4837
- "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
5008
+ "description": "Triggered when a link in the pagination is clicked. Contains the page number in `string` form."
4838
5009
  }
4839
5010
  ],
4840
5011
  "attributes": [
@@ -4843,6 +5014,7 @@
4843
5014
  "type": {
4844
5015
  "text": "string"
4845
5016
  },
5017
+ "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
4846
5018
  "fieldName": "baseUrl"
4847
5019
  },
4848
5020
  {
@@ -4850,6 +5022,7 @@
4850
5022
  "type": {
4851
5023
  "text": "number"
4852
5024
  },
5025
+ "description": "The total number of pages.",
4853
5026
  "fieldName": "pages"
4854
5027
  },
4855
5028
  {
@@ -4857,6 +5030,8 @@
4857
5030
  "type": {
4858
5031
  "text": "number"
4859
5032
  },
5033
+ "description": "The currently active page number.",
5034
+ "default": "1",
4860
5035
  "fieldName": "currentPageNumber"
4861
5036
  },
4862
5037
  {
@@ -4864,6 +5039,8 @@
4864
5039
  "type": {
4865
5040
  "text": "number"
4866
5041
  },
5042
+ "description": "The maximum number of page numbers visible.",
5043
+ "default": "7",
4867
5044
  "fieldName": "visiblePages"
4868
5045
  }
4869
5046
  ],
@@ -4902,7 +5079,7 @@
4902
5079
  "declarations": [
4903
5080
  {
4904
5081
  "kind": "class",
4905
- "description": "Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-pill--docs)",
5082
+ "description": "Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.",
4906
5083
  "name": "WarpPill",
4907
5084
  "members": [
4908
5085
  {
@@ -4912,6 +5089,7 @@
4912
5089
  "text": "boolean"
4913
5090
  },
4914
5091
  "default": "false",
5092
+ "description": "Whether the pill should be removable via a close button.",
4915
5093
  "attribute": "can-close"
4916
5094
  },
4917
5095
  {
@@ -4921,6 +5099,7 @@
4921
5099
  "text": "boolean"
4922
5100
  },
4923
5101
  "default": "false",
5102
+ "description": "Whether the pill should be rendered as a suggestion.",
4924
5103
  "attribute": "suggestion"
4925
5104
  },
4926
5105
  {
@@ -4938,6 +5117,7 @@
4938
5117
  "type": {
4939
5118
  "text": "string"
4940
5119
  },
5120
+ "description": "Label read by screen readers when targeting the pill.",
4941
5121
  "attribute": "open-aria-label"
4942
5122
  },
4943
5123
  {
@@ -4955,15 +5135,46 @@
4955
5135
  "type": {
4956
5136
  "text": "string"
4957
5137
  },
5138
+ "description": "Label read by screen readers when targeting the close button.",
4958
5139
  "attribute": "close-aria-label"
4959
5140
  },
4960
5141
  {
4961
5142
  "kind": "field",
4962
- "name": "openFilterSrText"
5143
+ "name": "openFilterSrText",
5144
+ "type": {
5145
+ "text": "string"
5146
+ },
5147
+ "privacy": "private"
4963
5148
  },
4964
5149
  {
4965
5150
  "kind": "field",
4966
- "name": "removeFilterSrText"
5151
+ "name": "removeFilterSrText",
5152
+ "type": {
5153
+ "text": "string"
5154
+ },
5155
+ "privacy": "private"
5156
+ },
5157
+ {
5158
+ "kind": "field",
5159
+ "name": "_labelClasses",
5160
+ "privacy": "private",
5161
+ "readonly": true
5162
+ },
5163
+ {
5164
+ "kind": "field",
5165
+ "name": "_closeClasses",
5166
+ "privacy": "private",
5167
+ "readonly": true
5168
+ },
5169
+ {
5170
+ "kind": "method",
5171
+ "name": "_onClick",
5172
+ "privacy": "private"
5173
+ },
5174
+ {
5175
+ "kind": "method",
5176
+ "name": "_onClose",
5177
+ "privacy": "private"
4967
5178
  }
4968
5179
  ],
4969
5180
  "events": [
@@ -4971,13 +5182,15 @@
4971
5182
  "name": "w-pill-click",
4972
5183
  "type": {
4973
5184
  "text": "CustomEvent"
4974
- }
5185
+ },
5186
+ "description": "Fires when the pill itself is clicked."
4975
5187
  },
4976
5188
  {
4977
5189
  "name": "w-pill-close",
4978
5190
  "type": {
4979
5191
  "text": "CustomEvent"
4980
- }
5192
+ },
5193
+ "description": "Fires when the pill's close button is clicked."
4981
5194
  }
4982
5195
  ],
4983
5196
  "attributes": [
@@ -4987,6 +5200,7 @@
4987
5200
  "text": "boolean"
4988
5201
  },
4989
5202
  "default": "false",
5203
+ "description": "Whether the pill should be removable via a close button.",
4990
5204
  "fieldName": "canClose"
4991
5205
  },
4992
5206
  {
@@ -4995,6 +5209,7 @@
4995
5209
  "text": "boolean"
4996
5210
  },
4997
5211
  "default": "false",
5212
+ "description": "Whether the pill should be rendered as a suggestion.",
4998
5213
  "fieldName": "suggestion"
4999
5214
  },
5000
5215
  {
@@ -5010,6 +5225,7 @@
5010
5225
  "type": {
5011
5226
  "text": "string"
5012
5227
  },
5228
+ "description": "Label read by screen readers when targeting the pill.",
5013
5229
  "fieldName": "openAriaLabel"
5014
5230
  },
5015
5231
  {
@@ -5025,6 +5241,7 @@
5025
5241
  "type": {
5026
5242
  "text": "string"
5027
5243
  },
5244
+ "description": "Label read by screen readers when targeting the close button.",
5028
5245
  "fieldName": "closeAriaLabel"
5029
5246
  }
5030
5247
  ],