@spark-ui/components 10.9.0 → 10.11.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 (72) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/accordion/index.d.mts +13 -25
  3. package/dist/accordion/index.d.ts +13 -25
  4. package/dist/accordion/index.js +114 -250
  5. package/dist/accordion/index.js.map +1 -1
  6. package/dist/accordion/index.mjs +92 -134
  7. package/dist/accordion/index.mjs.map +1 -1
  8. package/dist/alert-dialog/index.js +65 -12
  9. package/dist/alert-dialog/index.js.map +1 -1
  10. package/dist/alert-dialog/index.mjs +3 -3
  11. package/dist/avatar/index.js +65 -12
  12. package/dist/avatar/index.js.map +1 -1
  13. package/dist/avatar/index.mjs +2 -2
  14. package/dist/button/index.d.mts +1 -1
  15. package/dist/button/index.d.ts +1 -1
  16. package/dist/button/index.js +65 -12
  17. package/dist/button/index.js.map +1 -1
  18. package/dist/button/index.mjs +1 -1
  19. package/dist/carousel/index.js +65 -12
  20. package/dist/carousel/index.js.map +1 -1
  21. package/dist/carousel/index.mjs +2 -2
  22. package/dist/{chunk-7A5MVJB3.mjs → chunk-3PTXYZYN.mjs} +66 -13
  23. package/dist/chunk-3PTXYZYN.mjs.map +1 -0
  24. package/dist/{chunk-I7UIKCZK.mjs → chunk-5VKP2RR6.mjs} +2 -2
  25. package/dist/{chunk-QNYSDG6F.mjs → chunk-MKN2Y3W6.mjs} +2 -2
  26. package/dist/{chunk-ESSJY557.mjs → chunk-Z45YCYPH.mjs} +2 -2
  27. package/dist/collapsible/index.d.mts +18 -35
  28. package/dist/collapsible/index.d.ts +18 -35
  29. package/dist/collapsible/index.js +47 -78
  30. package/dist/collapsible/index.js.map +1 -1
  31. package/dist/collapsible/index.mjs +73 -4
  32. package/dist/collapsible/index.mjs.map +1 -1
  33. package/dist/combobox/index.js +65 -12
  34. package/dist/combobox/index.js.map +1 -1
  35. package/dist/combobox/index.mjs +3 -3
  36. package/dist/dialog/index.js +65 -12
  37. package/dist/dialog/index.js.map +1 -1
  38. package/dist/dialog/index.mjs +3 -3
  39. package/dist/drawer/index.js +65 -12
  40. package/dist/drawer/index.js.map +1 -1
  41. package/dist/drawer/index.mjs +2 -2
  42. package/dist/dropdown/index.js +65 -12
  43. package/dist/dropdown/index.js.map +1 -1
  44. package/dist/dropdown/index.mjs +3 -3
  45. package/dist/icon-button/index.js +65 -12
  46. package/dist/icon-button/index.js.map +1 -1
  47. package/dist/icon-button/index.mjs +2 -2
  48. package/dist/pagination/index.js +65 -12
  49. package/dist/pagination/index.js.map +1 -1
  50. package/dist/pagination/index.mjs +2 -2
  51. package/dist/popover/index.js +65 -12
  52. package/dist/popover/index.js.map +1 -1
  53. package/dist/popover/index.mjs +3 -3
  54. package/dist/scrolling-list/index.js +65 -12
  55. package/dist/scrolling-list/index.js.map +1 -1
  56. package/dist/scrolling-list/index.mjs +2 -2
  57. package/dist/snackbar/index.js +65 -12
  58. package/dist/snackbar/index.js.map +1 -1
  59. package/dist/snackbar/index.mjs +2 -2
  60. package/dist/stepper/index.js +65 -12
  61. package/dist/stepper/index.js.map +1 -1
  62. package/dist/stepper/index.mjs +2 -2
  63. package/dist/tabs/index.js +65 -12
  64. package/dist/tabs/index.js.map +1 -1
  65. package/dist/tabs/index.mjs +1 -1
  66. package/package.json +6 -7
  67. package/dist/chunk-3LEFXZNI.mjs +0 -97
  68. package/dist/chunk-3LEFXZNI.mjs.map +0 -1
  69. package/dist/chunk-7A5MVJB3.mjs.map +0 -1
  70. /package/dist/{chunk-I7UIKCZK.mjs.map → chunk-5VKP2RR6.mjs.map} +0 -0
  71. /package/dist/{chunk-QNYSDG6F.mjs.map → chunk-MKN2Y3W6.mjs.map} +0 -0
  72. /package/dist/{chunk-ESSJY557.mjs.map → chunk-Z45YCYPH.mjs.map} +0 -0
package/dist/stepper/index.js CHANGED
@@ -1045,6 +1045,17 @@ var filledVariants = [
1045
1045
  "enabled:active:bg-surface-hovered",
1046
1046
  "focus-visible:bg-surface-hovered"
1047
1047
  ])
1048
+ },
1049
+ {
1050
+ intent: "surfaceInverse",
1051
+ design: "filled",
1052
+ class: (0, import_internal_utils3.tw)([
1053
+ "bg-surface-inverse",
1054
+ "text-on-surface-inverse",
1055
+ "hover:bg-surface-inverse-hovered",
1056
+ "enabled:active:bg-surface-inverse-hovered",
1057
+ "focus-visible:bg-surface-inverse-hovered"
1058
+ ])
1048
1059
  }
1049
1060
  ];
1050
1061
 
@@ -1150,6 +1161,16 @@ var ghostVariants = [
1150
1161
  "enabled:active:bg-surface/dim-5",
1151
1162
  "focus-visible:bg-surface/dim-5"
1152
1163
  ])
1164
+ },
1165
+ {
1166
+ intent: "surfaceInverse",
1167
+ design: "ghost",
1168
+ class: (0, import_internal_utils4.tw)([
1169
+ "text-surface-inverse",
1170
+ "hover:bg-surface-inverse/dim-5",
1171
+ "enabled:active:bg-surface-inverse/dim-5",
1172
+ "focus-visible:bg-surface-inverse/dim-5"
1173
+ ])
1153
1174
  }
1154
1175
  ];
1155
1176
 
@@ -1255,6 +1276,16 @@ var outlinedVariants = [
1255
1276
  "focus-visible:bg-surface/dim-5",
1256
1277
  "text-surface"
1257
1278
  ])
1279
+ },
1280
+ {
1281
+ intent: "surfaceInverse",
1282
+ design: "outlined",
1283
+ class: (0, import_internal_utils5.tw)([
1284
+ "hover:bg-surface-inverse/dim-5",
1285
+ "enabled:active:bg-surface-inverse/dim-5",
1286
+ "focus-visible:bg-surface-inverse/dim-5",
1287
+ "text-surface-inverse"
1288
+ ])
1258
1289
  }
1259
1290
  ];
1260
1291
 
@@ -1370,6 +1401,17 @@ var tintedVariants = [
1370
1401
  "enabled:active:bg-surface-hovered",
1371
1402
  "focus-visible:bg-surface-hovered"
1372
1403
  ])
1404
+ },
1405
+ {
1406
+ intent: "surfaceInverse",
1407
+ design: "tinted",
1408
+ class: (0, import_internal_utils6.tw)([
1409
+ "bg-surface-inverse",
1410
+ "text-on-surface-inverse",
1411
+ "hover:bg-surface-inverse-hovered",
1412
+ "enabled:active:bg-surface-inverse-hovered",
1413
+ "focus-visible:bg-surface-inverse-hovered"
1414
+ ])
1373
1415
  }
1374
1416
  ];
1375
1417
 
@@ -1380,7 +1422,7 @@ var contrastVariants = [
1380
1422
  intent: "main",
1381
1423
  design: "contrast",
1382
1424
  class: (0, import_internal_utils7.tw)([
1383
- "text-main",
1425
+ "text-main bg-surface",
1384
1426
  "hover:bg-main-container-hovered",
1385
1427
  "enabled:active:bg-main-container-hovered",
1386
1428
  "focus-visible:bg-main-container-hovered"
@@ -1390,7 +1432,7 @@ var contrastVariants = [
1390
1432
  intent: "support",
1391
1433
  design: "contrast",
1392
1434
  class: (0, import_internal_utils7.tw)([
1393
- "text-support",
1435
+ "text-support bg-surface",
1394
1436
  "hover:bg-support-container-hovered",
1395
1437
  "enabled:active:bg-support-container-hovered",
1396
1438
  "focus-visible:bg-support-container-hovered"
@@ -1400,7 +1442,7 @@ var contrastVariants = [
1400
1442
  intent: "accent",
1401
1443
  design: "contrast",
1402
1444
  class: (0, import_internal_utils7.tw)([
1403
- "text-accent",
1445
+ "text-accent bg-surface",
1404
1446
  "hover:bg-accent-container-hovered",
1405
1447
  "enabled:active:bg-accent-container-hovered",
1406
1448
  "focus-visible:bg-accent-container-hovered"
@@ -1410,7 +1452,7 @@ var contrastVariants = [
1410
1452
  intent: "basic",
1411
1453
  design: "contrast",
1412
1454
  class: (0, import_internal_utils7.tw)([
1413
- "text-basic",
1455
+ "text-basic bg-surface",
1414
1456
  "hover:bg-basic-container-hovered",
1415
1457
  "enabled:active:bg-basic-container-hovered",
1416
1458
  "focus-visible:bg-basic-container-hovered"
@@ -1420,7 +1462,7 @@ var contrastVariants = [
1420
1462
  intent: "success",
1421
1463
  design: "contrast",
1422
1464
  class: (0, import_internal_utils7.tw)([
1423
- "text-success",
1465
+ "text-success bg-surface",
1424
1466
  "hover:bg-success-container-hovered",
1425
1467
  "enabled:active:bg-success-container-hovered",
1426
1468
  "focus-visible:bg-success-container-hovered"
@@ -1430,7 +1472,7 @@ var contrastVariants = [
1430
1472
  intent: "alert",
1431
1473
  design: "contrast",
1432
1474
  class: (0, import_internal_utils7.tw)([
1433
- "text-alert",
1475
+ "text-alert bg-surface",
1434
1476
  "hover:bg-alert-container-hovered",
1435
1477
  "enabled:active:bg-alert-container-hovered",
1436
1478
  "focus-visible:bg-alert-container-hovered"
@@ -1440,7 +1482,7 @@ var contrastVariants = [
1440
1482
  intent: "danger",
1441
1483
  design: "contrast",
1442
1484
  class: (0, import_internal_utils7.tw)([
1443
- "text-error",
1485
+ "text-error bg-surface",
1444
1486
  "hover:bg-error-container-hovered",
1445
1487
  "enabled:active:bg-error-container-hovered",
1446
1488
  "focus-visible:bg-error-container-hovered"
@@ -1450,7 +1492,7 @@ var contrastVariants = [
1450
1492
  intent: "info",
1451
1493
  design: "contrast",
1452
1494
  class: (0, import_internal_utils7.tw)([
1453
- "text-info",
1495
+ "text-info bg-surface",
1454
1496
  "hover:bg-info-container-hovered",
1455
1497
  "enabled:active:bg-info-container-hovered",
1456
1498
  "focus-visible:bg-info-container-hovered"
@@ -1460,7 +1502,7 @@ var contrastVariants = [
1460
1502
  intent: "neutral",
1461
1503
  design: "contrast",
1462
1504
  class: (0, import_internal_utils7.tw)([
1463
- "text-neutral",
1505
+ "text-neutral bg-surface",
1464
1506
  "hover:bg-neutral-container-hovered",
1465
1507
  "enabled:active:bg-neutral-container-hovered",
1466
1508
  "focus-visible:bg-neutral-container-hovered"
@@ -1470,11 +1512,21 @@ var contrastVariants = [
1470
1512
  intent: "surface",
1471
1513
  design: "contrast",
1472
1514
  class: (0, import_internal_utils7.tw)([
1473
- "text-on-surface",
1515
+ "text-on-surface bg-surface",
1474
1516
  "hover:bg-surface-hovered",
1475
1517
  "enabled:active:bg-surface-hovered",
1476
1518
  "focus-visible:bg-surface-hovered"
1477
1519
  ])
1520
+ },
1521
+ {
1522
+ intent: "surfaceInverse",
1523
+ design: "contrast",
1524
+ class: (0, import_internal_utils7.tw)([
1525
+ "text-on-surface-inverse bg-surface-inverse",
1526
+ "hover:bg-surface-inverse-hovered",
1527
+ "enabled:active:bg-surface-inverse-hovered",
1528
+ "focus-visible:bg-surface-inverse-hovered"
1529
+ ])
1478
1530
  }
1479
1531
  ];
1480
1532
 
@@ -1508,7 +1560,7 @@ var buttonStyles = (0, import_class_variance_authority12.cva)(
1508
1560
  outlined: ["bg-transparent", "border-sm", "border-current"],
1509
1561
  tinted: [],
1510
1562
  ghost: ["default:-mx-md px-md hover:bg-main/dim-5"],
1511
- contrast: ["bg-surface"]
1563
+ contrast: []
1512
1564
  }),
1513
1565
  underline: {
1514
1566
  true: ["underline"]
@@ -1526,7 +1578,8 @@ var buttonStyles = (0, import_class_variance_authority12.cva)(
1526
1578
  danger: [],
1527
1579
  info: [],
1528
1580
  neutral: [],
1529
- surface: []
1581
+ surface: [],
1582
+ surfaceInverse: []
1530
1583
  }),
1531
1584
  /**
1532
1585
  * Size of the button.