@mantine/core 7.16.0 → 7.16.2

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 (70) hide show
  1. package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.cjs +4 -2
  2. package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.cjs.map +1 -1
  3. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.cjs +1 -1
  4. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.cjs.map +1 -1
  5. package/cjs/components/Menu/Menu.cjs +4 -1
  6. package/cjs/components/Menu/Menu.cjs.map +1 -1
  7. package/cjs/components/Menu/Menu.context.cjs.map +1 -1
  8. package/cjs/components/Menu/MenuDropdown/MenuDropdown.cjs +1 -1
  9. package/cjs/components/Menu/MenuDropdown/MenuDropdown.cjs.map +1 -1
  10. package/cjs/components/Menu/MenuItem/MenuItem.cjs +6 -2
  11. package/cjs/components/Menu/MenuItem/MenuItem.cjs.map +1 -1
  12. package/cjs/components/MultiSelect/MultiSelect.cjs +13 -3
  13. package/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -1
  14. package/cjs/components/NumberInput/NumberInput.cjs +17 -16
  15. package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
  16. package/cjs/components/Select/Select.cjs +13 -3
  17. package/cjs/components/Select/Select.cjs.map +1 -1
  18. package/cjs/components/Slider/RangeSlider/RangeSlider.cjs +1 -1
  19. package/cjs/components/Slider/RangeSlider/RangeSlider.cjs.map +1 -1
  20. package/cjs/components/Slider/Slider/Slider.cjs +1 -1
  21. package/cjs/components/Slider/Slider/Slider.cjs.map +1 -1
  22. package/cjs/components/Tabs/TabsTab/TabsTab.cjs +1 -1
  23. package/cjs/components/Tabs/TabsTab/TabsTab.cjs.map +1 -1
  24. package/cjs/components/Tooltip/use-tooltip.cjs +2 -3
  25. package/cjs/components/Tooltip/use-tooltip.cjs.map +1 -1
  26. package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.cjs +1 -1
  27. package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.cjs.map +1 -1
  28. package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.mjs +4 -2
  29. package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.mjs.map +1 -1
  30. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.mjs +1 -1
  31. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.mjs.map +1 -1
  32. package/esm/components/Menu/Menu.context.mjs.map +1 -1
  33. package/esm/components/Menu/Menu.mjs +4 -1
  34. package/esm/components/Menu/Menu.mjs.map +1 -1
  35. package/esm/components/Menu/MenuDropdown/MenuDropdown.mjs +1 -1
  36. package/esm/components/Menu/MenuDropdown/MenuDropdown.mjs.map +1 -1
  37. package/esm/components/Menu/MenuItem/MenuItem.mjs +6 -2
  38. package/esm/components/Menu/MenuItem/MenuItem.mjs.map +1 -1
  39. package/esm/components/MultiSelect/MultiSelect.mjs +13 -3
  40. package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
  41. package/esm/components/NumberInput/NumberInput.mjs +17 -16
  42. package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
  43. package/esm/components/Select/Select.mjs +13 -3
  44. package/esm/components/Select/Select.mjs.map +1 -1
  45. package/esm/components/Slider/RangeSlider/RangeSlider.mjs +1 -1
  46. package/esm/components/Slider/RangeSlider/RangeSlider.mjs.map +1 -1
  47. package/esm/components/Slider/Slider/Slider.mjs +1 -1
  48. package/esm/components/Slider/Slider/Slider.mjs.map +1 -1
  49. package/esm/components/Tabs/TabsTab/TabsTab.mjs +1 -1
  50. package/esm/components/Tabs/TabsTab/TabsTab.mjs.map +1 -1
  51. package/esm/components/Tooltip/use-tooltip.mjs +3 -4
  52. package/esm/components/Tooltip/use-tooltip.mjs.map +1 -1
  53. package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs +1 -1
  54. package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs.map +1 -1
  55. package/lib/components/Combobox/ComboboxChevron/ComboboxChevron.d.ts +3 -2
  56. package/lib/components/Menu/Menu.context.d.ts +1 -0
  57. package/lib/components/Menu/Menu.d.ts +2 -0
  58. package/lib/components/Menu/MenuItem/MenuItem.d.ts +1 -0
  59. package/lib/components/MultiSelect/MultiSelect.d.ts +3 -1
  60. package/lib/components/NumberInput/NumberInput.d.ts +1 -0
  61. package/lib/components/Select/Select.d.ts +3 -1
  62. package/package.json +2 -2
  63. package/styles/Combobox.css +9 -6
  64. package/styles/Combobox.layer.css +9 -6
  65. package/styles/Menu.css +5 -5
  66. package/styles/Menu.layer.css +5 -5
  67. package/styles/Table.css +4 -4
  68. package/styles/Table.layer.css +4 -4
  69. package/styles.css +18 -15
  70. package/styles.layer.css +18 -15
package/styles.layer.css CHANGED
@@ -2407,18 +2407,21 @@ fieldset:disabled .mantine-active:active {
2407
2407
  --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
2408
2408
  --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
2409
2409
  --combobox-chevron-size: var(--combobox-chevron-size-sm);
2410
-
2411
- width: var(--combobox-chevron-size);
2412
- height: var(--combobox-chevron-size);
2413
2410
  }
2414
2411
  :where([data-mantine-color-scheme='light']) .m_2943220b {
2415
- color: var(--mantine-color-gray-6);
2412
+ --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
2416
2413
  }
2417
2414
  :where([data-mantine-color-scheme='dark']) .m_2943220b {
2418
- color: var(--mantine-color-dark-3);
2415
+ --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3));
2416
+ }
2417
+ .m_2943220b {
2418
+
2419
+ width: var(--combobox-chevron-size);
2420
+ height: var(--combobox-chevron-size);
2421
+ color: var(--_combobox-chevron-color);
2419
2422
  }
2420
2423
  .m_2943220b:where([data-error]) {
2421
- color: var(--mantine-color-error);
2424
+ color: var(--combobox-chevron-color, var(--mantine-color-error));
2422
2425
  }
2423
2426
 
2424
2427
  /* ------- OptionsDropdown ------- */
@@ -4362,15 +4365,15 @@ fieldset:disabled .m_d3ea56bb,
4362
4365
  .m_99ac2aa1:where([data-disabled], :disabled) {
4363
4366
  color: var(--mantine-color-dimmed);
4364
4367
  opacity: 0.6;
4365
- pointer-events: none;
4368
+ cursor: not-allowed;
4366
4369
  }
4367
4370
 
4368
- :where([data-mantine-color-scheme='light']) .m_99ac2aa1:where([data-hovered]) {
4369
- background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
4371
+ :where([data-mantine-color-scheme='light']) .m_99ac2aa1:where([data-hovered]):where(:not(:disabled, [data-disabled])) {
4372
+ background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
4370
4373
  }
4371
4374
 
4372
- :where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where([data-hovered]) {
4373
- background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
4375
+ :where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where([data-hovered]):where(:not(:disabled, [data-disabled])) {
4376
+ background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
4374
4377
  }
4375
4378
 
4376
4379
  .m_5476e0d3 {
@@ -6722,19 +6725,19 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
6722
6725
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
6723
6726
  }
6724
6727
 
6725
- .m_b2404537 :where(tr):where([data-with-row-border]:last-of-type) {
6728
+ .m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
6726
6729
  border-bottom: none;
6727
6730
  }
6728
6731
 
6729
- .m_b2404537 :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
6732
+ .m_b2404537 > :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
6730
6733
  background-color: var(--table-striped-color);
6731
6734
  }
6732
6735
 
6733
- .m_b2404537 :where(tr):where([data-striped='even']:nth-of-type(even)) {
6736
+ .m_b2404537 > :where(tr):where([data-striped='even']:nth-of-type(even)) {
6734
6737
  background-color: var(--table-striped-color);
6735
6738
  }
6736
6739
 
6737
- .m_b2404537 :where(tr)[data-hover] {
6740
+ .m_b2404537 > :where(tr)[data-hover] {
6738
6741
  --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
6739
6742
  }
6740
6743