@spark-ui/components 10.10.0 → 10.11.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 (61) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/alert-dialog/index.js +65 -12
  3. package/dist/alert-dialog/index.js.map +1 -1
  4. package/dist/alert-dialog/index.mjs +3 -3
  5. package/dist/avatar/index.js +65 -12
  6. package/dist/avatar/index.js.map +1 -1
  7. package/dist/avatar/index.mjs +2 -2
  8. package/dist/button/index.d.mts +1 -1
  9. package/dist/button/index.d.ts +1 -1
  10. package/dist/button/index.js +65 -12
  11. package/dist/button/index.js.map +1 -1
  12. package/dist/button/index.mjs +1 -1
  13. package/dist/carousel/index.d.mts +3 -3
  14. package/dist/carousel/index.d.ts +3 -3
  15. package/dist/carousel/index.js +68 -13
  16. package/dist/carousel/index.js.map +1 -1
  17. package/dist/carousel/index.mjs +5 -3
  18. package/dist/carousel/index.mjs.map +1 -1
  19. package/dist/{chunk-7A5MVJB3.mjs → chunk-3PTXYZYN.mjs} +66 -13
  20. package/dist/chunk-3PTXYZYN.mjs.map +1 -0
  21. package/dist/{chunk-I7UIKCZK.mjs → chunk-5VKP2RR6.mjs} +2 -2
  22. package/dist/{chunk-QNYSDG6F.mjs → chunk-MKN2Y3W6.mjs} +2 -2
  23. package/dist/{chunk-ESSJY557.mjs → chunk-Z45YCYPH.mjs} +2 -2
  24. package/dist/combobox/index.js +65 -12
  25. package/dist/combobox/index.js.map +1 -1
  26. package/dist/combobox/index.mjs +3 -3
  27. package/dist/dialog/index.js +65 -12
  28. package/dist/dialog/index.js.map +1 -1
  29. package/dist/dialog/index.mjs +3 -3
  30. package/dist/drawer/index.js +65 -12
  31. package/dist/drawer/index.js.map +1 -1
  32. package/dist/drawer/index.mjs +2 -2
  33. package/dist/dropdown/index.js +65 -12
  34. package/dist/dropdown/index.js.map +1 -1
  35. package/dist/dropdown/index.mjs +3 -3
  36. package/dist/icon-button/index.js +65 -12
  37. package/dist/icon-button/index.js.map +1 -1
  38. package/dist/icon-button/index.mjs +2 -2
  39. package/dist/pagination/index.js +65 -12
  40. package/dist/pagination/index.js.map +1 -1
  41. package/dist/pagination/index.mjs +2 -2
  42. package/dist/popover/index.js +65 -12
  43. package/dist/popover/index.js.map +1 -1
  44. package/dist/popover/index.mjs +3 -3
  45. package/dist/scrolling-list/index.js +65 -12
  46. package/dist/scrolling-list/index.js.map +1 -1
  47. package/dist/scrolling-list/index.mjs +2 -2
  48. package/dist/snackbar/index.js +65 -12
  49. package/dist/snackbar/index.js.map +1 -1
  50. package/dist/snackbar/index.mjs +2 -2
  51. package/dist/stepper/index.js +65 -12
  52. package/dist/stepper/index.js.map +1 -1
  53. package/dist/stepper/index.mjs +2 -2
  54. package/dist/tabs/index.js +65 -12
  55. package/dist/tabs/index.js.map +1 -1
  56. package/dist/tabs/index.mjs +1 -1
  57. package/package.json +5 -5
  58. package/dist/chunk-7A5MVJB3.mjs.map +0 -1
  59. /package/dist/{chunk-I7UIKCZK.mjs.map → chunk-5VKP2RR6.mjs.map} +0 -0
  60. /package/dist/{chunk-QNYSDG6F.mjs.map → chunk-MKN2Y3W6.mjs.map} +0 -0
  61. /package/dist/{chunk-ESSJY557.mjs.map → chunk-Z45YCYPH.mjs.map} +0 -0
package/dist/combobox/index.js CHANGED
@@ -433,6 +433,17 @@ var filledVariants = [
433
433
  "enabled:active:bg-surface-hovered",
434
434
  "focus-visible:bg-surface-hovered"
435
435
  ])
436
+ },
437
+ {
438
+ intent: "surfaceInverse",
439
+ design: "filled",
440
+ class: (0, import_internal_utils3.tw)([
441
+ "bg-surface-inverse",
442
+ "text-on-surface-inverse",
443
+ "hover:bg-surface-inverse-hovered",
444
+ "enabled:active:bg-surface-inverse-hovered",
445
+ "focus-visible:bg-surface-inverse-hovered"
446
+ ])
436
447
  }
437
448
  ];
438
449
 
@@ -538,6 +549,16 @@ var ghostVariants = [
538
549
  "enabled:active:bg-surface/dim-5",
539
550
  "focus-visible:bg-surface/dim-5"
540
551
  ])
552
+ },
553
+ {
554
+ intent: "surfaceInverse",
555
+ design: "ghost",
556
+ class: (0, import_internal_utils4.tw)([
557
+ "text-surface-inverse",
558
+ "hover:bg-surface-inverse/dim-5",
559
+ "enabled:active:bg-surface-inverse/dim-5",
560
+ "focus-visible:bg-surface-inverse/dim-5"
561
+ ])
541
562
  }
542
563
  ];
543
564
 
@@ -643,6 +664,16 @@ var outlinedVariants = [
643
664
  "focus-visible:bg-surface/dim-5",
644
665
  "text-surface"
645
666
  ])
667
+ },
668
+ {
669
+ intent: "surfaceInverse",
670
+ design: "outlined",
671
+ class: (0, import_internal_utils5.tw)([
672
+ "hover:bg-surface-inverse/dim-5",
673
+ "enabled:active:bg-surface-inverse/dim-5",
674
+ "focus-visible:bg-surface-inverse/dim-5",
675
+ "text-surface-inverse"
676
+ ])
646
677
  }
647
678
  ];
648
679
 
@@ -758,6 +789,17 @@ var tintedVariants = [
758
789
  "enabled:active:bg-surface-hovered",
759
790
  "focus-visible:bg-surface-hovered"
760
791
  ])
792
+ },
793
+ {
794
+ intent: "surfaceInverse",
795
+ design: "tinted",
796
+ class: (0, import_internal_utils6.tw)([
797
+ "bg-surface-inverse",
798
+ "text-on-surface-inverse",
799
+ "hover:bg-surface-inverse-hovered",
800
+ "enabled:active:bg-surface-inverse-hovered",
801
+ "focus-visible:bg-surface-inverse-hovered"
802
+ ])
761
803
  }
762
804
  ];
763
805
 
@@ -768,7 +810,7 @@ var contrastVariants = [
768
810
  intent: "main",
769
811
  design: "contrast",
770
812
  class: (0, import_internal_utils7.tw)([
771
- "text-main",
813
+ "text-main bg-surface",
772
814
  "hover:bg-main-container-hovered",
773
815
  "enabled:active:bg-main-container-hovered",
774
816
  "focus-visible:bg-main-container-hovered"
@@ -778,7 +820,7 @@ var contrastVariants = [
778
820
  intent: "support",
779
821
  design: "contrast",
780
822
  class: (0, import_internal_utils7.tw)([
781
- "text-support",
823
+ "text-support bg-surface",
782
824
  "hover:bg-support-container-hovered",
783
825
  "enabled:active:bg-support-container-hovered",
784
826
  "focus-visible:bg-support-container-hovered"
@@ -788,7 +830,7 @@ var contrastVariants = [
788
830
  intent: "accent",
789
831
  design: "contrast",
790
832
  class: (0, import_internal_utils7.tw)([
791
- "text-accent",
833
+ "text-accent bg-surface",
792
834
  "hover:bg-accent-container-hovered",
793
835
  "enabled:active:bg-accent-container-hovered",
794
836
  "focus-visible:bg-accent-container-hovered"
@@ -798,7 +840,7 @@ var contrastVariants = [
798
840
  intent: "basic",
799
841
  design: "contrast",
800
842
  class: (0, import_internal_utils7.tw)([
801
- "text-basic",
843
+ "text-basic bg-surface",
802
844
  "hover:bg-basic-container-hovered",
803
845
  "enabled:active:bg-basic-container-hovered",
804
846
  "focus-visible:bg-basic-container-hovered"
@@ -808,7 +850,7 @@ var contrastVariants = [
808
850
  intent: "success",
809
851
  design: "contrast",
810
852
  class: (0, import_internal_utils7.tw)([
811
- "text-success",
853
+ "text-success bg-surface",
812
854
  "hover:bg-success-container-hovered",
813
855
  "enabled:active:bg-success-container-hovered",
814
856
  "focus-visible:bg-success-container-hovered"
@@ -818,7 +860,7 @@ var contrastVariants = [
818
860
  intent: "alert",
819
861
  design: "contrast",
820
862
  class: (0, import_internal_utils7.tw)([
821
- "text-alert",
863
+ "text-alert bg-surface",
822
864
  "hover:bg-alert-container-hovered",
823
865
  "enabled:active:bg-alert-container-hovered",
824
866
  "focus-visible:bg-alert-container-hovered"
@@ -828,7 +870,7 @@ var contrastVariants = [
828
870
  intent: "danger",
829
871
  design: "contrast",
830
872
  class: (0, import_internal_utils7.tw)([
831
- "text-error",
873
+ "text-error bg-surface",
832
874
  "hover:bg-error-container-hovered",
833
875
  "enabled:active:bg-error-container-hovered",
834
876
  "focus-visible:bg-error-container-hovered"
@@ -838,7 +880,7 @@ var contrastVariants = [
838
880
  intent: "info",
839
881
  design: "contrast",
840
882
  class: (0, import_internal_utils7.tw)([
841
- "text-info",
883
+ "text-info bg-surface",
842
884
  "hover:bg-info-container-hovered",
843
885
  "enabled:active:bg-info-container-hovered",
844
886
  "focus-visible:bg-info-container-hovered"
@@ -848,7 +890,7 @@ var contrastVariants = [
848
890
  intent: "neutral",
849
891
  design: "contrast",
850
892
  class: (0, import_internal_utils7.tw)([
851
- "text-neutral",
893
+ "text-neutral bg-surface",
852
894
  "hover:bg-neutral-container-hovered",
853
895
  "enabled:active:bg-neutral-container-hovered",
854
896
  "focus-visible:bg-neutral-container-hovered"
@@ -858,11 +900,21 @@ var contrastVariants = [
858
900
  intent: "surface",
859
901
  design: "contrast",
860
902
  class: (0, import_internal_utils7.tw)([
861
- "text-on-surface",
903
+ "text-on-surface bg-surface",
862
904
  "hover:bg-surface-hovered",
863
905
  "enabled:active:bg-surface-hovered",
864
906
  "focus-visible:bg-surface-hovered"
865
907
  ])
908
+ },
909
+ {
910
+ intent: "surfaceInverse",
911
+ design: "contrast",
912
+ class: (0, import_internal_utils7.tw)([
913
+ "text-on-surface-inverse bg-surface-inverse",
914
+ "hover:bg-surface-inverse-hovered",
915
+ "enabled:active:bg-surface-inverse-hovered",
916
+ "focus-visible:bg-surface-inverse-hovered"
917
+ ])
866
918
  }
867
919
  ];
868
920
 
@@ -896,7 +948,7 @@ var buttonStyles = (0, import_class_variance_authority4.cva)(
896
948
  outlined: ["bg-transparent", "border-sm", "border-current"],
897
949
  tinted: [],
898
950
  ghost: ["default:-mx-md px-md hover:bg-main/dim-5"],
899
- contrast: ["bg-surface"]
951
+ contrast: []
900
952
  }),
901
953
  underline: {
902
954
  true: ["underline"]
@@ -914,7 +966,8 @@ var buttonStyles = (0, import_class_variance_authority4.cva)(
914
966
  danger: [],
915
967
  info: [],
916
968
  neutral: [],
917
- surface: []
969
+ surface: [],
970
+ surfaceInverse: []
918
971
  }),
919
972
  /**
920
973
  * Size of the button.