@mantine/core 7.15.3 → 7.16.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 (178) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.cjs +19 -0
  2. package/cjs/components/Autocomplete/Autocomplete.cjs.map +1 -1
  3. package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.cjs +1 -0
  4. package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.cjs.map +1 -1
  5. package/cjs/components/CloseButton/CloseButton.cjs +2 -1
  6. package/cjs/components/CloseButton/CloseButton.cjs.map +1 -1
  7. package/cjs/components/ColorInput/ColorInput.cjs +1 -0
  8. package/cjs/components/ColorInput/ColorInput.cjs.map +1 -1
  9. package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.cjs +4 -2
  10. package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.cjs.map +1 -1
  11. package/cjs/components/Combobox/ComboboxClearButton/ComboboxClearButton.cjs +18 -5
  12. package/cjs/components/Combobox/ComboboxClearButton/ComboboxClearButton.cjs.map +1 -1
  13. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.cjs +1 -1
  14. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.cjs.map +1 -1
  15. package/cjs/components/FileInput/FileInput.cjs +1 -0
  16. package/cjs/components/FileInput/FileInput.cjs.map +1 -1
  17. package/cjs/components/InlineInput/InlineInput.cjs +1 -0
  18. package/cjs/components/InlineInput/InlineInput.cjs.map +1 -1
  19. package/cjs/components/Input/Input.cjs +11 -4
  20. package/cjs/components/Input/Input.cjs.map +1 -1
  21. package/cjs/components/Input/Input.context.cjs +23 -0
  22. package/cjs/components/Input/Input.context.cjs.map +1 -0
  23. package/cjs/components/Input/InputClearButton/InputClearButton.cjs +48 -0
  24. package/cjs/components/Input/InputClearButton/InputClearButton.cjs.map +1 -0
  25. package/cjs/components/InputBase/InputBase.cjs +1 -0
  26. package/cjs/components/InputBase/InputBase.cjs.map +1 -1
  27. package/cjs/components/InputsGroupFieldset/InputsGroupFieldset.cjs +1 -0
  28. package/cjs/components/InputsGroupFieldset/InputsGroupFieldset.cjs.map +1 -1
  29. package/cjs/components/Menu/Menu.cjs +4 -1
  30. package/cjs/components/Menu/Menu.cjs.map +1 -1
  31. package/cjs/components/Menu/Menu.context.cjs.map +1 -1
  32. package/cjs/components/Menu/MenuDropdown/MenuDropdown.cjs +1 -1
  33. package/cjs/components/Menu/MenuDropdown/MenuDropdown.cjs.map +1 -1
  34. package/cjs/components/Menu/MenuItem/MenuItem.cjs +6 -2
  35. package/cjs/components/Menu/MenuItem/MenuItem.cjs.map +1 -1
  36. package/cjs/components/MultiSelect/MultiSelect.cjs +14 -3
  37. package/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -1
  38. package/cjs/components/NumberInput/NumberInput.cjs +17 -16
  39. package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
  40. package/cjs/components/Pagination/Pagination.cjs +3 -1
  41. package/cjs/components/Pagination/Pagination.cjs.map +1 -1
  42. package/cjs/components/PasswordInput/PasswordInput.cjs +1 -0
  43. package/cjs/components/PasswordInput/PasswordInput.cjs.map +1 -1
  44. package/cjs/components/PillsInput/PillsInputField/PillsInputField.cjs +1 -0
  45. package/cjs/components/PillsInput/PillsInputField/PillsInputField.cjs.map +1 -1
  46. package/cjs/components/PinInput/PinInput.cjs +1 -0
  47. package/cjs/components/PinInput/PinInput.cjs.map +1 -1
  48. package/cjs/components/Popover/Popover.cjs +30 -2
  49. package/cjs/components/Popover/Popover.cjs.map +1 -1
  50. package/cjs/components/Popover/Popover.module.css.cjs +1 -1
  51. package/cjs/components/Radio/RadioGroup/RadioGroup.cjs +1 -0
  52. package/cjs/components/Radio/RadioGroup/RadioGroup.cjs.map +1 -1
  53. package/cjs/components/Select/Select.cjs +17 -3
  54. package/cjs/components/Select/Select.cjs.map +1 -1
  55. package/cjs/components/Slider/RangeSlider/RangeSlider.cjs +76 -60
  56. package/cjs/components/Slider/RangeSlider/RangeSlider.cjs.map +1 -1
  57. package/cjs/components/Slider/Slider/Slider.cjs +1 -1
  58. package/cjs/components/Slider/Slider/Slider.cjs.map +1 -1
  59. package/cjs/components/Slider/utils/get-step-mark-value/get-step-mark-value.cjs +1 -1
  60. package/cjs/components/Slider/utils/get-step-mark-value/get-step-mark-value.cjs.map +1 -1
  61. package/cjs/components/Switch/SwitchGroup/SwitchGroup.cjs +1 -0
  62. package/cjs/components/Switch/SwitchGroup/SwitchGroup.cjs.map +1 -1
  63. package/cjs/components/TableOfContents/TableOfContents.cjs +115 -0
  64. package/cjs/components/TableOfContents/TableOfContents.cjs.map +1 -0
  65. package/cjs/components/TableOfContents/TableOfContents.module.css.cjs +7 -0
  66. package/cjs/components/TableOfContents/TableOfContents.module.css.cjs.map +1 -0
  67. package/cjs/components/TagsInput/TagsInput.cjs +4 -3
  68. package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  69. package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.cjs +1 -1
  70. package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.cjs.map +1 -1
  71. package/cjs/index.cjs +4 -0
  72. package/cjs/index.cjs.map +1 -1
  73. package/esm/components/Autocomplete/Autocomplete.mjs +20 -1
  74. package/esm/components/Autocomplete/Autocomplete.mjs.map +1 -1
  75. package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.mjs +1 -0
  76. package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.mjs.map +1 -1
  77. package/esm/components/CloseButton/CloseButton.mjs +2 -1
  78. package/esm/components/CloseButton/CloseButton.mjs.map +1 -1
  79. package/esm/components/ColorInput/ColorInput.mjs +1 -0
  80. package/esm/components/ColorInput/ColorInput.mjs.map +1 -1
  81. package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.mjs +4 -2
  82. package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.mjs.map +1 -1
  83. package/esm/components/Combobox/ComboboxClearButton/ComboboxClearButton.mjs +18 -5
  84. package/esm/components/Combobox/ComboboxClearButton/ComboboxClearButton.mjs.map +1 -1
  85. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.mjs +1 -1
  86. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.mjs.map +1 -1
  87. package/esm/components/FileInput/FileInput.mjs +1 -0
  88. package/esm/components/FileInput/FileInput.mjs.map +1 -1
  89. package/esm/components/InlineInput/InlineInput.mjs +1 -0
  90. package/esm/components/InlineInput/InlineInput.mjs.map +1 -1
  91. package/esm/components/Input/Input.context.mjs +20 -0
  92. package/esm/components/Input/Input.context.mjs.map +1 -0
  93. package/esm/components/Input/Input.mjs +12 -5
  94. package/esm/components/Input/Input.mjs.map +1 -1
  95. package/esm/components/Input/InputClearButton/InputClearButton.mjs +46 -0
  96. package/esm/components/Input/InputClearButton/InputClearButton.mjs.map +1 -0
  97. package/esm/components/InputBase/InputBase.mjs +1 -0
  98. package/esm/components/InputBase/InputBase.mjs.map +1 -1
  99. package/esm/components/InputsGroupFieldset/InputsGroupFieldset.mjs +1 -0
  100. package/esm/components/InputsGroupFieldset/InputsGroupFieldset.mjs.map +1 -1
  101. package/esm/components/Menu/Menu.context.mjs.map +1 -1
  102. package/esm/components/Menu/Menu.mjs +4 -1
  103. package/esm/components/Menu/Menu.mjs.map +1 -1
  104. package/esm/components/Menu/MenuDropdown/MenuDropdown.mjs +1 -1
  105. package/esm/components/Menu/MenuDropdown/MenuDropdown.mjs.map +1 -1
  106. package/esm/components/Menu/MenuItem/MenuItem.mjs +6 -2
  107. package/esm/components/Menu/MenuItem/MenuItem.mjs.map +1 -1
  108. package/esm/components/MultiSelect/MultiSelect.mjs +14 -3
  109. package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
  110. package/esm/components/NumberInput/NumberInput.mjs +17 -16
  111. package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
  112. package/esm/components/Pagination/Pagination.mjs +3 -1
  113. package/esm/components/Pagination/Pagination.mjs.map +1 -1
  114. package/esm/components/PasswordInput/PasswordInput.mjs +1 -0
  115. package/esm/components/PasswordInput/PasswordInput.mjs.map +1 -1
  116. package/esm/components/PillsInput/PillsInputField/PillsInputField.mjs +1 -0
  117. package/esm/components/PillsInput/PillsInputField/PillsInputField.mjs.map +1 -1
  118. package/esm/components/PinInput/PinInput.mjs +1 -0
  119. package/esm/components/PinInput/PinInput.mjs.map +1 -1
  120. package/esm/components/Popover/Popover.mjs +31 -3
  121. package/esm/components/Popover/Popover.mjs.map +1 -1
  122. package/esm/components/Popover/Popover.module.css.mjs +1 -1
  123. package/esm/components/Radio/RadioGroup/RadioGroup.mjs +1 -0
  124. package/esm/components/Radio/RadioGroup/RadioGroup.mjs.map +1 -1
  125. package/esm/components/Select/Select.mjs +17 -3
  126. package/esm/components/Select/Select.mjs.map +1 -1
  127. package/esm/components/Slider/RangeSlider/RangeSlider.mjs +76 -60
  128. package/esm/components/Slider/RangeSlider/RangeSlider.mjs.map +1 -1
  129. package/esm/components/Slider/Slider/Slider.mjs +1 -1
  130. package/esm/components/Slider/Slider/Slider.mjs.map +1 -1
  131. package/esm/components/Slider/utils/get-step-mark-value/get-step-mark-value.mjs +1 -1
  132. package/esm/components/Slider/utils/get-step-mark-value/get-step-mark-value.mjs.map +1 -1
  133. package/esm/components/Switch/SwitchGroup/SwitchGroup.mjs +1 -0
  134. package/esm/components/Switch/SwitchGroup/SwitchGroup.mjs.map +1 -1
  135. package/esm/components/TableOfContents/TableOfContents.mjs +113 -0
  136. package/esm/components/TableOfContents/TableOfContents.mjs.map +1 -0
  137. package/esm/components/TableOfContents/TableOfContents.module.css.mjs +5 -0
  138. package/esm/components/TableOfContents/TableOfContents.module.css.mjs.map +1 -0
  139. package/esm/components/TagsInput/TagsInput.mjs +4 -3
  140. package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
  141. package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs +1 -1
  142. package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs.map +1 -1
  143. package/esm/index.mjs +2 -0
  144. package/esm/index.mjs.map +1 -1
  145. package/lib/components/Autocomplete/Autocomplete.d.ts +7 -1
  146. package/lib/components/CloseButton/CloseButton.d.ts +1 -0
  147. package/lib/components/Combobox/ComboboxChevron/ComboboxChevron.d.ts +3 -2
  148. package/lib/components/Combobox/ComboboxClearButton/ComboboxClearButton.d.ts +3 -4
  149. package/lib/components/Input/Input.context.d.ts +9 -0
  150. package/lib/components/Input/Input.d.ts +12 -0
  151. package/lib/components/Input/InputClearButton/InputClearButton.d.ts +16 -0
  152. package/lib/components/Input/index.d.ts +2 -0
  153. package/lib/components/Menu/Menu.context.d.ts +1 -0
  154. package/lib/components/Menu/Menu.d.ts +2 -0
  155. package/lib/components/Menu/MenuItem/MenuItem.d.ts +1 -0
  156. package/lib/components/MultiSelect/MultiSelect.d.ts +5 -4
  157. package/lib/components/NumberInput/NumberInput.d.ts +1 -0
  158. package/lib/components/Pagination/Pagination.d.ts +2 -0
  159. package/lib/components/Popover/Popover.d.ts +7 -2
  160. package/lib/components/Select/Select.d.ts +5 -4
  161. package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +2 -0
  162. package/lib/components/TableOfContents/TableOfContents.d.ts +58 -0
  163. package/lib/components/TableOfContents/index.d.ts +2 -0
  164. package/lib/components/TagsInput/TagsInput.d.ts +2 -3
  165. package/lib/components/index.d.ts +1 -0
  166. package/package.json +2 -2
  167. package/styles/Combobox.css +9 -6
  168. package/styles/Combobox.layer.css +9 -6
  169. package/styles/Menu.css +5 -5
  170. package/styles/Menu.layer.css +5 -5
  171. package/styles/Popover.css +5 -0
  172. package/styles/Popover.layer.css +5 -0
  173. package/styles/Table.css +4 -4
  174. package/styles/Table.layer.css +4 -4
  175. package/styles/TableOfContents.css +38 -0
  176. package/styles/TableOfContents.layer.css +39 -0
  177. package/styles.css +82 -35
  178. package/styles.layer.css +82 -35
@@ -0,0 +1,39 @@
1
+ @layer mantine {.m_bcaa9990 {
2
+ display: flex;
3
+ flex-direction: column;
4
+ --toc-depth-offset: 0.8em;
5
+ }
6
+
7
+ .m_375a65ef {
8
+ display: block;
9
+ padding: 0.3em 0.8em;
10
+ font-size: var(--toc-size, var(--mantine-font-size-md));
11
+ border-radius: var(--toc-radius, var(--mantine-radius-default));
12
+ padding-left: max(calc(var(--depth-offset) * var(--toc-depth-offset)), 0.8em);
13
+ }
14
+
15
+ @media (hover: hover) {
16
+ :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
17
+ background-color: var(--mantine-color-gray-1);
18
+ }
19
+
20
+ :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
21
+ background-color: var(--mantine-color-dark-5);
22
+ }
23
+ }
24
+
25
+ @media (hover: none) {
26
+ :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
27
+ background-color: var(--mantine-color-gray-1);
28
+ }
29
+
30
+ :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
31
+ background-color: var(--mantine-color-dark-5);
32
+ }
33
+ }
34
+
35
+ .m_375a65ef:where([data-active]) {
36
+ background-color: var(--toc-bg);
37
+ color: var(--toc-color);
38
+ }
39
+ }
package/styles.css CHANGED
@@ -794,6 +794,26 @@ fieldset:disabled .mantine-active:active {
794
794
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
795
795
  }
796
796
 
797
+ .m_9814e45f {
798
+ inset: 0;
799
+ position: absolute;
800
+ background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
801
+ backdrop-filter: var(--overlay-filter);
802
+ -webkit-backdrop-filter: var(--overlay-filter);
803
+ border-radius: var(--overlay-radius, 0);
804
+ z-index: var(--overlay-z-index);
805
+ }
806
+
807
+ .m_9814e45f:where([data-fixed]) {
808
+ position: fixed;
809
+ }
810
+
811
+ .m_9814e45f:where([data-center]) {
812
+ display: flex;
813
+ align-items: center;
814
+ justify-content: center;
815
+ }
816
+
797
817
  .m_38a85659 {
798
818
  position: absolute;
799
819
  border: 1px solid var(--popover-border-color);
@@ -826,6 +846,11 @@ fieldset:disabled .mantine-active:active {
826
846
  z-index: 1;
827
847
  }
828
848
 
849
+ .m_3d7bc908 {
850
+ position: fixed;
851
+ inset: 0;
852
+ }
853
+
829
854
  .m_5ae2e3c {
830
855
  --loader-size-xs: calc(1.125rem * var(--mantine-scale));
831
856
  --loader-size-sm: calc(1.375rem * var(--mantine-scale));
@@ -1211,26 +1236,6 @@ fieldset:disabled .mantine-active:active {
1211
1236
  max-width: var(--group-child-width);
1212
1237
  }
1213
1238
 
1214
- .m_9814e45f {
1215
- inset: 0;
1216
- position: absolute;
1217
- background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
1218
- backdrop-filter: var(--overlay-filter);
1219
- -webkit-backdrop-filter: var(--overlay-filter);
1220
- border-radius: var(--overlay-radius, 0);
1221
- z-index: var(--overlay-z-index);
1222
- }
1223
-
1224
- .m_9814e45f:where([data-fixed]) {
1225
- position: fixed;
1226
- }
1227
-
1228
- .m_9814e45f:where([data-center]) {
1229
- display: flex;
1230
- align-items: center;
1231
- justify-content: center;
1232
- }
1233
-
1234
1239
  .m_615af6c9 {
1235
1240
  line-height: 1;
1236
1241
  padding: 0;
@@ -2402,18 +2407,21 @@ fieldset:disabled .mantine-active:active {
2402
2407
  --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
2403
2408
  --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
2404
2409
  --combobox-chevron-size: var(--combobox-chevron-size-sm);
2405
-
2406
- width: var(--combobox-chevron-size);
2407
- height: var(--combobox-chevron-size);
2408
2410
  }
2409
2411
  :where([data-mantine-color-scheme='light']) .m_2943220b {
2410
- color: var(--mantine-color-gray-6);
2412
+ --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
2411
2413
  }
2412
2414
  :where([data-mantine-color-scheme='dark']) .m_2943220b {
2413
- 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);
2414
2422
  }
2415
2423
  .m_2943220b:where([data-error]) {
2416
- color: var(--mantine-color-error);
2424
+ color: var(--combobox-chevron-color, var(--mantine-color-error));
2417
2425
  }
2418
2426
 
2419
2427
  /* ------- OptionsDropdown ------- */
@@ -4357,15 +4365,15 @@ fieldset:disabled .m_d3ea56bb,
4357
4365
  .m_99ac2aa1:where([data-disabled], :disabled) {
4358
4366
  color: var(--mantine-color-dimmed);
4359
4367
  opacity: 0.6;
4360
- pointer-events: none;
4368
+ cursor: not-allowed;
4361
4369
  }
4362
4370
 
4363
- :where([data-mantine-color-scheme='light']) .m_99ac2aa1:where([data-hovered]) {
4364
- 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));
4365
4373
  }
4366
4374
 
4367
- :where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where([data-hovered]) {
4368
- 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));
4369
4377
  }
4370
4378
 
4371
4379
  .m_5476e0d3 {
@@ -6717,19 +6725,19 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
6717
6725
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
6718
6726
  }
6719
6727
 
6720
- .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) {
6721
6729
  border-bottom: none;
6722
6730
  }
6723
6731
 
6724
- .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)) {
6725
6733
  background-color: var(--table-striped-color);
6726
6734
  }
6727
6735
 
6728
- .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)) {
6729
6737
  background-color: var(--table-striped-color);
6730
6738
  }
6731
6739
 
6732
- .m_b2404537 :where(tr)[data-hover] {
6740
+ .m_b2404537 > :where(tr)[data-hover] {
6733
6741
  --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
6734
6742
  }
6735
6743
 
@@ -6763,6 +6771,45 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
6763
6771
  min-width: var(--table-min-width);
6764
6772
  }
6765
6773
 
6774
+ .m_bcaa9990 {
6775
+ display: flex;
6776
+ flex-direction: column;
6777
+ --toc-depth-offset: 0.8em;
6778
+ }
6779
+
6780
+ .m_375a65ef {
6781
+ display: block;
6782
+ padding: 0.3em 0.8em;
6783
+ font-size: var(--toc-size, var(--mantine-font-size-md));
6784
+ border-radius: var(--toc-radius, var(--mantine-radius-default));
6785
+ padding-left: max(calc(var(--depth-offset) * var(--toc-depth-offset)), 0.8em);
6786
+ }
6787
+
6788
+ @media (hover: hover) {
6789
+ :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
6790
+ background-color: var(--mantine-color-gray-1);
6791
+ }
6792
+
6793
+ :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
6794
+ background-color: var(--mantine-color-dark-5);
6795
+ }
6796
+ }
6797
+
6798
+ @media (hover: none) {
6799
+ :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
6800
+ background-color: var(--mantine-color-gray-1);
6801
+ }
6802
+
6803
+ :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
6804
+ background-color: var(--mantine-color-dark-5);
6805
+ }
6806
+ }
6807
+
6808
+ .m_375a65ef:where([data-active]) {
6809
+ background-color: var(--toc-bg);
6810
+ color: var(--toc-color);
6811
+ }
6812
+
6766
6813
  .m_89d60db1 {
6767
6814
  display: var(--tabs-display);
6768
6815
  flex-direction: var(--tabs-flex-direction);
package/styles.layer.css CHANGED
@@ -794,6 +794,26 @@ fieldset:disabled .mantine-active:active {
794
794
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
795
795
  }
796
796
 
797
+ .m_9814e45f {
798
+ inset: 0;
799
+ position: absolute;
800
+ background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
801
+ backdrop-filter: var(--overlay-filter);
802
+ -webkit-backdrop-filter: var(--overlay-filter);
803
+ border-radius: var(--overlay-radius, 0);
804
+ z-index: var(--overlay-z-index);
805
+ }
806
+
807
+ .m_9814e45f:where([data-fixed]) {
808
+ position: fixed;
809
+ }
810
+
811
+ .m_9814e45f:where([data-center]) {
812
+ display: flex;
813
+ align-items: center;
814
+ justify-content: center;
815
+ }
816
+
797
817
  .m_38a85659 {
798
818
  position: absolute;
799
819
  border: 1px solid var(--popover-border-color);
@@ -826,6 +846,11 @@ fieldset:disabled .mantine-active:active {
826
846
  z-index: 1;
827
847
  }
828
848
 
849
+ .m_3d7bc908 {
850
+ position: fixed;
851
+ inset: 0;
852
+ }
853
+
829
854
  .m_5ae2e3c {
830
855
  --loader-size-xs: calc(1.125rem * var(--mantine-scale));
831
856
  --loader-size-sm: calc(1.375rem * var(--mantine-scale));
@@ -1211,26 +1236,6 @@ fieldset:disabled .mantine-active:active {
1211
1236
  max-width: var(--group-child-width);
1212
1237
  }
1213
1238
 
1214
- .m_9814e45f {
1215
- inset: 0;
1216
- position: absolute;
1217
- background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
1218
- backdrop-filter: var(--overlay-filter);
1219
- -webkit-backdrop-filter: var(--overlay-filter);
1220
- border-radius: var(--overlay-radius, 0);
1221
- z-index: var(--overlay-z-index);
1222
- }
1223
-
1224
- .m_9814e45f:where([data-fixed]) {
1225
- position: fixed;
1226
- }
1227
-
1228
- .m_9814e45f:where([data-center]) {
1229
- display: flex;
1230
- align-items: center;
1231
- justify-content: center;
1232
- }
1233
-
1234
1239
  .m_615af6c9 {
1235
1240
  line-height: 1;
1236
1241
  padding: 0;
@@ -2402,18 +2407,21 @@ fieldset:disabled .mantine-active:active {
2402
2407
  --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
2403
2408
  --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
2404
2409
  --combobox-chevron-size: var(--combobox-chevron-size-sm);
2405
-
2406
- width: var(--combobox-chevron-size);
2407
- height: var(--combobox-chevron-size);
2408
2410
  }
2409
2411
  :where([data-mantine-color-scheme='light']) .m_2943220b {
2410
- color: var(--mantine-color-gray-6);
2412
+ --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
2411
2413
  }
2412
2414
  :where([data-mantine-color-scheme='dark']) .m_2943220b {
2413
- 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);
2414
2422
  }
2415
2423
  .m_2943220b:where([data-error]) {
2416
- color: var(--mantine-color-error);
2424
+ color: var(--combobox-chevron-color, var(--mantine-color-error));
2417
2425
  }
2418
2426
 
2419
2427
  /* ------- OptionsDropdown ------- */
@@ -4357,15 +4365,15 @@ fieldset:disabled .m_d3ea56bb,
4357
4365
  .m_99ac2aa1:where([data-disabled], :disabled) {
4358
4366
  color: var(--mantine-color-dimmed);
4359
4367
  opacity: 0.6;
4360
- pointer-events: none;
4368
+ cursor: not-allowed;
4361
4369
  }
4362
4370
 
4363
- :where([data-mantine-color-scheme='light']) .m_99ac2aa1:where([data-hovered]) {
4364
- 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));
4365
4373
  }
4366
4374
 
4367
- :where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where([data-hovered]) {
4368
- 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));
4369
4377
  }
4370
4378
 
4371
4379
  .m_5476e0d3 {
@@ -6717,19 +6725,19 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
6717
6725
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
6718
6726
  }
6719
6727
 
6720
- .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) {
6721
6729
  border-bottom: none;
6722
6730
  }
6723
6731
 
6724
- .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)) {
6725
6733
  background-color: var(--table-striped-color);
6726
6734
  }
6727
6735
 
6728
- .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)) {
6729
6737
  background-color: var(--table-striped-color);
6730
6738
  }
6731
6739
 
6732
- .m_b2404537 :where(tr)[data-hover] {
6740
+ .m_b2404537 > :where(tr)[data-hover] {
6733
6741
  --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
6734
6742
  }
6735
6743
 
@@ -6763,6 +6771,45 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
6763
6771
  min-width: var(--table-min-width);
6764
6772
  }
6765
6773
 
6774
+ .m_bcaa9990 {
6775
+ display: flex;
6776
+ flex-direction: column;
6777
+ --toc-depth-offset: 0.8em;
6778
+ }
6779
+
6780
+ .m_375a65ef {
6781
+ display: block;
6782
+ padding: 0.3em 0.8em;
6783
+ font-size: var(--toc-size, var(--mantine-font-size-md));
6784
+ border-radius: var(--toc-radius, var(--mantine-radius-default));
6785
+ padding-left: max(calc(var(--depth-offset) * var(--toc-depth-offset)), 0.8em);
6786
+ }
6787
+
6788
+ @media (hover: hover) {
6789
+ :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
6790
+ background-color: var(--mantine-color-gray-1);
6791
+ }
6792
+
6793
+ :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
6794
+ background-color: var(--mantine-color-dark-5);
6795
+ }
6796
+ }
6797
+
6798
+ @media (hover: none) {
6799
+ :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
6800
+ background-color: var(--mantine-color-gray-1);
6801
+ }
6802
+
6803
+ :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
6804
+ background-color: var(--mantine-color-dark-5);
6805
+ }
6806
+ }
6807
+
6808
+ .m_375a65ef:where([data-active]) {
6809
+ background-color: var(--toc-bg);
6810
+ color: var(--toc-color);
6811
+ }
6812
+
6766
6813
  .m_89d60db1 {
6767
6814
  display: var(--tabs-display);
6768
6815
  flex-direction: var(--tabs-flex-direction);