@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/dropdown/index.js CHANGED
@@ -431,6 +431,17 @@ var filledVariants = [
431
431
  "enabled:active:bg-surface-hovered",
432
432
  "focus-visible:bg-surface-hovered"
433
433
  ])
434
+ },
435
+ {
436
+ intent: "surfaceInverse",
437
+ design: "filled",
438
+ class: (0, import_internal_utils3.tw)([
439
+ "bg-surface-inverse",
440
+ "text-on-surface-inverse",
441
+ "hover:bg-surface-inverse-hovered",
442
+ "enabled:active:bg-surface-inverse-hovered",
443
+ "focus-visible:bg-surface-inverse-hovered"
444
+ ])
434
445
  }
435
446
  ];
436
447
 
@@ -536,6 +547,16 @@ var ghostVariants = [
536
547
  "enabled:active:bg-surface/dim-5",
537
548
  "focus-visible:bg-surface/dim-5"
538
549
  ])
550
+ },
551
+ {
552
+ intent: "surfaceInverse",
553
+ design: "ghost",
554
+ class: (0, import_internal_utils4.tw)([
555
+ "text-surface-inverse",
556
+ "hover:bg-surface-inverse/dim-5",
557
+ "enabled:active:bg-surface-inverse/dim-5",
558
+ "focus-visible:bg-surface-inverse/dim-5"
559
+ ])
539
560
  }
540
561
  ];
541
562
 
@@ -641,6 +662,16 @@ var outlinedVariants = [
641
662
  "focus-visible:bg-surface/dim-5",
642
663
  "text-surface"
643
664
  ])
665
+ },
666
+ {
667
+ intent: "surfaceInverse",
668
+ design: "outlined",
669
+ class: (0, import_internal_utils5.tw)([
670
+ "hover:bg-surface-inverse/dim-5",
671
+ "enabled:active:bg-surface-inverse/dim-5",
672
+ "focus-visible:bg-surface-inverse/dim-5",
673
+ "text-surface-inverse"
674
+ ])
644
675
  }
645
676
  ];
646
677
 
@@ -756,6 +787,17 @@ var tintedVariants = [
756
787
  "enabled:active:bg-surface-hovered",
757
788
  "focus-visible:bg-surface-hovered"
758
789
  ])
790
+ },
791
+ {
792
+ intent: "surfaceInverse",
793
+ design: "tinted",
794
+ class: (0, import_internal_utils6.tw)([
795
+ "bg-surface-inverse",
796
+ "text-on-surface-inverse",
797
+ "hover:bg-surface-inverse-hovered",
798
+ "enabled:active:bg-surface-inverse-hovered",
799
+ "focus-visible:bg-surface-inverse-hovered"
800
+ ])
759
801
  }
760
802
  ];
761
803
 
@@ -766,7 +808,7 @@ var contrastVariants = [
766
808
  intent: "main",
767
809
  design: "contrast",
768
810
  class: (0, import_internal_utils7.tw)([
769
- "text-main",
811
+ "text-main bg-surface",
770
812
  "hover:bg-main-container-hovered",
771
813
  "enabled:active:bg-main-container-hovered",
772
814
  "focus-visible:bg-main-container-hovered"
@@ -776,7 +818,7 @@ var contrastVariants = [
776
818
  intent: "support",
777
819
  design: "contrast",
778
820
  class: (0, import_internal_utils7.tw)([
779
- "text-support",
821
+ "text-support bg-surface",
780
822
  "hover:bg-support-container-hovered",
781
823
  "enabled:active:bg-support-container-hovered",
782
824
  "focus-visible:bg-support-container-hovered"
@@ -786,7 +828,7 @@ var contrastVariants = [
786
828
  intent: "accent",
787
829
  design: "contrast",
788
830
  class: (0, import_internal_utils7.tw)([
789
- "text-accent",
831
+ "text-accent bg-surface",
790
832
  "hover:bg-accent-container-hovered",
791
833
  "enabled:active:bg-accent-container-hovered",
792
834
  "focus-visible:bg-accent-container-hovered"
@@ -796,7 +838,7 @@ var contrastVariants = [
796
838
  intent: "basic",
797
839
  design: "contrast",
798
840
  class: (0, import_internal_utils7.tw)([
799
- "text-basic",
841
+ "text-basic bg-surface",
800
842
  "hover:bg-basic-container-hovered",
801
843
  "enabled:active:bg-basic-container-hovered",
802
844
  "focus-visible:bg-basic-container-hovered"
@@ -806,7 +848,7 @@ var contrastVariants = [
806
848
  intent: "success",
807
849
  design: "contrast",
808
850
  class: (0, import_internal_utils7.tw)([
809
- "text-success",
851
+ "text-success bg-surface",
810
852
  "hover:bg-success-container-hovered",
811
853
  "enabled:active:bg-success-container-hovered",
812
854
  "focus-visible:bg-success-container-hovered"
@@ -816,7 +858,7 @@ var contrastVariants = [
816
858
  intent: "alert",
817
859
  design: "contrast",
818
860
  class: (0, import_internal_utils7.tw)([
819
- "text-alert",
861
+ "text-alert bg-surface",
820
862
  "hover:bg-alert-container-hovered",
821
863
  "enabled:active:bg-alert-container-hovered",
822
864
  "focus-visible:bg-alert-container-hovered"
@@ -826,7 +868,7 @@ var contrastVariants = [
826
868
  intent: "danger",
827
869
  design: "contrast",
828
870
  class: (0, import_internal_utils7.tw)([
829
- "text-error",
871
+ "text-error bg-surface",
830
872
  "hover:bg-error-container-hovered",
831
873
  "enabled:active:bg-error-container-hovered",
832
874
  "focus-visible:bg-error-container-hovered"
@@ -836,7 +878,7 @@ var contrastVariants = [
836
878
  intent: "info",
837
879
  design: "contrast",
838
880
  class: (0, import_internal_utils7.tw)([
839
- "text-info",
881
+ "text-info bg-surface",
840
882
  "hover:bg-info-container-hovered",
841
883
  "enabled:active:bg-info-container-hovered",
842
884
  "focus-visible:bg-info-container-hovered"
@@ -846,7 +888,7 @@ var contrastVariants = [
846
888
  intent: "neutral",
847
889
  design: "contrast",
848
890
  class: (0, import_internal_utils7.tw)([
849
- "text-neutral",
891
+ "text-neutral bg-surface",
850
892
  "hover:bg-neutral-container-hovered",
851
893
  "enabled:active:bg-neutral-container-hovered",
852
894
  "focus-visible:bg-neutral-container-hovered"
@@ -856,11 +898,21 @@ var contrastVariants = [
856
898
  intent: "surface",
857
899
  design: "contrast",
858
900
  class: (0, import_internal_utils7.tw)([
859
- "text-on-surface",
901
+ "text-on-surface bg-surface",
860
902
  "hover:bg-surface-hovered",
861
903
  "enabled:active:bg-surface-hovered",
862
904
  "focus-visible:bg-surface-hovered"
863
905
  ])
906
+ },
907
+ {
908
+ intent: "surfaceInverse",
909
+ design: "contrast",
910
+ class: (0, import_internal_utils7.tw)([
911
+ "text-on-surface-inverse bg-surface-inverse",
912
+ "hover:bg-surface-inverse-hovered",
913
+ "enabled:active:bg-surface-inverse-hovered",
914
+ "focus-visible:bg-surface-inverse-hovered"
915
+ ])
864
916
  }
865
917
  ];
866
918
 
@@ -894,7 +946,7 @@ var buttonStyles = (0, import_class_variance_authority4.cva)(
894
946
  outlined: ["bg-transparent", "border-sm", "border-current"],
895
947
  tinted: [],
896
948
  ghost: ["default:-mx-md px-md hover:bg-main/dim-5"],
897
- contrast: ["bg-surface"]
949
+ contrast: []
898
950
  }),
899
951
  underline: {
900
952
  true: ["underline"]
@@ -912,7 +964,8 @@ var buttonStyles = (0, import_class_variance_authority4.cva)(
912
964
  danger: [],
913
965
  info: [],
914
966
  neutral: [],
915
- surface: []
967
+ surface: [],
968
+ surfaceInverse: []
916
969
  }),
917
970
  /**
918
971
  * Size of the button.