@mantine/core 7.6.0 → 7.6.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 (241) hide show
  1. package/cjs/components/ActionIcon/ActionIcon.cjs +3 -1
  2. package/cjs/components/ActionIcon/ActionIcon.cjs.map +1 -1
  3. package/cjs/components/ActionIcon/ActionIcon.module.css.cjs +1 -1
  4. package/cjs/components/Autocomplete/Autocomplete.cjs +2 -1
  5. package/cjs/components/Autocomplete/Autocomplete.cjs.map +1 -1
  6. package/cjs/components/Button/Button.cjs +11 -2
  7. package/cjs/components/Button/Button.cjs.map +1 -1
  8. package/cjs/components/Button/Button.module.css.cjs +1 -1
  9. package/cjs/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.cjs +5 -2
  10. package/cjs/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.cjs.map +1 -1
  11. package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.cjs +2 -1
  12. package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.cjs.map +1 -1
  13. package/cjs/components/Combobox/ComboboxTarget/ComboboxTarget.cjs +5 -2
  14. package/cjs/components/Combobox/ComboboxTarget/ComboboxTarget.cjs.map +1 -1
  15. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.cjs +5 -3
  16. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.cjs.map +1 -1
  17. package/cjs/components/InlineInput/InlineInput.cjs +21 -1
  18. package/cjs/components/InlineInput/InlineInput.cjs.map +1 -1
  19. package/cjs/components/Menu/MenuDropdown/MenuDropdown.cjs +1 -1
  20. package/cjs/components/Menu/MenuDropdown/MenuDropdown.cjs.map +1 -1
  21. package/cjs/components/ModalBase/ModalBaseContent.cjs +0 -6
  22. package/cjs/components/ModalBase/ModalBaseContent.cjs.map +1 -1
  23. package/cjs/components/ModalBase/use-modal.cjs +10 -5
  24. package/cjs/components/ModalBase/use-modal.cjs.map +1 -1
  25. package/cjs/components/MultiSelect/MultiSelect.cjs +2 -2
  26. package/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -1
  27. package/cjs/components/PinInput/PinInput.cjs +5 -0
  28. package/cjs/components/PinInput/PinInput.cjs.map +1 -1
  29. package/cjs/components/SegmentedControl/SegmentedControl.cjs +1 -1
  30. package/cjs/components/SegmentedControl/SegmentedControl.cjs.map +1 -1
  31. package/cjs/components/Select/Select.cjs +2 -1
  32. package/cjs/components/Select/Select.cjs.map +1 -1
  33. package/cjs/components/Switch/Switch.cjs +4 -2
  34. package/cjs/components/Switch/Switch.cjs.map +1 -1
  35. package/cjs/components/TagsInput/TagsInput.cjs +2 -2
  36. package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  37. package/cjs/components/Transition/use-transition.cjs +18 -10
  38. package/cjs/components/Transition/use-transition.cjs.map +1 -1
  39. package/esm/components/ActionIcon/ActionIcon.mjs +3 -1
  40. package/esm/components/ActionIcon/ActionIcon.mjs.map +1 -1
  41. package/esm/components/ActionIcon/ActionIcon.module.css.mjs +1 -1
  42. package/esm/components/Autocomplete/Autocomplete.mjs +2 -1
  43. package/esm/components/Autocomplete/Autocomplete.mjs.map +1 -1
  44. package/esm/components/Button/Button.mjs +11 -2
  45. package/esm/components/Button/Button.mjs.map +1 -1
  46. package/esm/components/Button/Button.module.css.mjs +1 -1
  47. package/esm/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.mjs +5 -2
  48. package/esm/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.mjs.map +1 -1
  49. package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.mjs +2 -1
  50. package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.mjs.map +1 -1
  51. package/esm/components/Combobox/ComboboxTarget/ComboboxTarget.mjs +5 -2
  52. package/esm/components/Combobox/ComboboxTarget/ComboboxTarget.mjs.map +1 -1
  53. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.mjs +5 -3
  54. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.mjs.map +1 -1
  55. package/esm/components/InlineInput/InlineInput.mjs +21 -1
  56. package/esm/components/InlineInput/InlineInput.mjs.map +1 -1
  57. package/esm/components/Menu/MenuDropdown/MenuDropdown.mjs +1 -1
  58. package/esm/components/Menu/MenuDropdown/MenuDropdown.mjs.map +1 -1
  59. package/esm/components/ModalBase/ModalBaseContent.mjs +0 -6
  60. package/esm/components/ModalBase/ModalBaseContent.mjs.map +1 -1
  61. package/esm/components/ModalBase/use-modal.mjs +10 -5
  62. package/esm/components/ModalBase/use-modal.mjs.map +1 -1
  63. package/esm/components/MultiSelect/MultiSelect.mjs +2 -2
  64. package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
  65. package/esm/components/PinInput/PinInput.mjs +5 -0
  66. package/esm/components/PinInput/PinInput.mjs.map +1 -1
  67. package/esm/components/SegmentedControl/SegmentedControl.mjs +1 -1
  68. package/esm/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
  69. package/esm/components/Select/Select.mjs +2 -1
  70. package/esm/components/Select/Select.mjs.map +1 -1
  71. package/esm/components/Switch/Switch.mjs +4 -2
  72. package/esm/components/Switch/Switch.mjs.map +1 -1
  73. package/esm/components/TagsInput/TagsInput.mjs +2 -2
  74. package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
  75. package/esm/components/Transition/use-transition.mjs +18 -10
  76. package/esm/components/Transition/use-transition.mjs.map +1 -1
  77. package/lib/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.d.ts +2 -0
  78. package/lib/components/Combobox/ComboboxTarget/ComboboxTarget.d.ts +2 -0
  79. package/lib/components/Combobox/use-combobox-target-props/use-combobox-target-props.d.ts +6 -3
  80. package/lib/components/InlineInput/InlineInput.d.ts +2 -0
  81. package/package.json +4 -4
  82. package/styles/Accordion.css +185 -1
  83. package/styles/Accordion.layer.css +186 -0
  84. package/styles/ActionIcon.css +157 -1
  85. package/styles/ActionIcon.layer.css +158 -0
  86. package/styles/Affix.css +8 -1
  87. package/styles/Affix.layer.css +9 -1
  88. package/styles/Alert.css +82 -1
  89. package/styles/Alert.layer.css +83 -1
  90. package/styles/Anchor.css +29 -1
  91. package/styles/Anchor.layer.css +30 -1
  92. package/styles/AppShell.css +121 -1
  93. package/styles/AppShell.layer.css +122 -1
  94. package/styles/AspectRatio.css +33 -1
  95. package/styles/AspectRatio.layer.css +34 -1
  96. package/styles/Avatar.css +68 -1
  97. package/styles/Avatar.layer.css +69 -1
  98. package/styles/BackgroundImage.css +9 -1
  99. package/styles/BackgroundImage.layer.css +10 -1
  100. package/styles/Badge.css +107 -1
  101. package/styles/Badge.layer.css +108 -1
  102. package/styles/Blockquote.css +41 -1
  103. package/styles/Blockquote.layer.css +42 -1
  104. package/styles/Breadcrumbs.css +26 -1
  105. package/styles/Breadcrumbs.layer.css +27 -1
  106. package/styles/Burger.css +67 -1
  107. package/styles/Burger.layer.css +68 -1
  108. package/styles/Button.css +224 -1
  109. package/styles/Button.layer.css +225 -1
  110. package/styles/Card.css +54 -1
  111. package/styles/Card.layer.css +55 -1
  112. package/styles/Center.css +9 -1
  113. package/styles/Center.layer.css +10 -1
  114. package/styles/Checkbox.css +115 -1
  115. package/styles/Checkbox.layer.css +116 -1
  116. package/styles/Chip.css +207 -1
  117. package/styles/Chip.layer.css +208 -1
  118. package/styles/CloseButton.css +52 -1
  119. package/styles/CloseButton.layer.css +53 -1
  120. package/styles/Code.css +23 -1
  121. package/styles/Code.layer.css +24 -1
  122. package/styles/ColorInput.css +21 -1
  123. package/styles/ColorInput.layer.css +22 -1
  124. package/styles/ColorPicker.css +156 -1
  125. package/styles/ColorPicker.layer.css +157 -1
  126. package/styles/ColorSwatch.css +70 -1
  127. package/styles/ColorSwatch.layer.css +71 -1
  128. package/styles/Combobox.css +199 -1
  129. package/styles/Combobox.layer.css +200 -1
  130. package/styles/Container.css +16 -1
  131. package/styles/Container.layer.css +17 -1
  132. package/styles/Dialog.css +19 -1
  133. package/styles/Dialog.layer.css +20 -1
  134. package/styles/Divider.css +62 -1
  135. package/styles/Divider.layer.css +63 -1
  136. package/styles/Drawer.css +28 -1
  137. package/styles/Drawer.layer.css +29 -1
  138. package/styles/Fieldset.css +49 -1
  139. package/styles/Fieldset.layer.css +50 -1
  140. package/styles/Flex.css +3 -1
  141. package/styles/Flex.layer.css +4 -1
  142. package/styles/Grid.css +30 -1
  143. package/styles/Grid.layer.css +31 -1
  144. package/styles/Group.css +13 -1
  145. package/styles/Group.layer.css +14 -1
  146. package/styles/Image.css +7 -1
  147. package/styles/Image.layer.css +8 -1
  148. package/styles/Indicator.css +64 -1
  149. package/styles/Indicator.layer.css +65 -1
  150. package/styles/InlineInput.css +68 -1
  151. package/styles/InlineInput.layer.css +69 -1
  152. package/styles/Input.css +298 -3
  153. package/styles/Input.layer.css +299 -3
  154. package/styles/Kbd.css +37 -1
  155. package/styles/Kbd.layer.css +38 -1
  156. package/styles/List.css +49 -1
  157. package/styles/List.layer.css +50 -1
  158. package/styles/Loader.css +114 -1
  159. package/styles/Loader.layer.css +115 -1
  160. package/styles/LoadingOverlay.css +18 -1
  161. package/styles/LoadingOverlay.layer.css +19 -1
  162. package/styles/Mark.css +11 -1
  163. package/styles/Mark.layer.css +12 -1
  164. package/styles/Menu.css +68 -1
  165. package/styles/Menu.layer.css +69 -1
  166. package/styles/Modal.css +56 -1
  167. package/styles/Modal.layer.css +57 -0
  168. package/styles/ModalBase.css +47 -1
  169. package/styles/ModalBase.layer.css +48 -1
  170. package/styles/NavLink.css +118 -1
  171. package/styles/NavLink.layer.css +119 -1
  172. package/styles/Notification.css +135 -1
  173. package/styles/Notification.layer.css +136 -1
  174. package/styles/NumberInput.css +89 -1
  175. package/styles/NumberInput.layer.css +90 -0
  176. package/styles/Overlay.css +19 -1
  177. package/styles/Overlay.layer.css +20 -0
  178. package/styles/Pagination.css +96 -1
  179. package/styles/Pagination.layer.css +97 -0
  180. package/styles/Paper.css +20 -1
  181. package/styles/Paper.layer.css +21 -0
  182. package/styles/PasswordInput.css +58 -1
  183. package/styles/PasswordInput.layer.css +59 -0
  184. package/styles/Pill.css +114 -1
  185. package/styles/Pill.layer.css +115 -0
  186. package/styles/PillsInput.css +45 -1
  187. package/styles/PillsInput.layer.css +46 -0
  188. package/styles/PinInput.css +13 -1
  189. package/styles/PinInput.layer.css +14 -0
  190. package/styles/Popover.css +27 -1
  191. package/styles/Popover.layer.css +28 -0
  192. package/styles/Progress.css +87 -1
  193. package/styles/Progress.layer.css +88 -0
  194. package/styles/Radio.css +121 -1
  195. package/styles/Radio.layer.css +122 -0
  196. package/styles/Rating.css +82 -1
  197. package/styles/Rating.layer.css +83 -0
  198. package/styles/RingProgress.css +34 -1
  199. package/styles/RingProgress.layer.css +35 -0
  200. package/styles/ScrollArea.css +154 -1
  201. package/styles/ScrollArea.layer.css +155 -0
  202. package/styles/SegmentedControl.css +220 -1
  203. package/styles/SegmentedControl.layer.css +221 -0
  204. package/styles/SimpleGrid.css +5 -1
  205. package/styles/SimpleGrid.layer.css +6 -0
  206. package/styles/Skeleton.css +50 -1
  207. package/styles/Skeleton.layer.css +51 -0
  208. package/styles/Slider.css +217 -1
  209. package/styles/Slider.layer.css +218 -0
  210. package/styles/Spoiler.css +21 -1
  211. package/styles/Spoiler.layer.css +22 -0
  212. package/styles/Stack.css +7 -1
  213. package/styles/Stack.layer.css +8 -0
  214. package/styles/Stepper.css +228 -1
  215. package/styles/Stepper.layer.css +229 -0
  216. package/styles/Switch.css +171 -1
  217. package/styles/Switch.layer.css +172 -0
  218. package/styles/Table.css +109 -1
  219. package/styles/Table.layer.css +110 -0
  220. package/styles/Tabs.css +398 -1
  221. package/styles/Tabs.layer.css +399 -0
  222. package/styles/Text.css +51 -1
  223. package/styles/Text.layer.css +52 -0
  224. package/styles/ThemeIcon.css +24 -1
  225. package/styles/ThemeIcon.layer.css +25 -0
  226. package/styles/Timeline.css +173 -1
  227. package/styles/Timeline.layer.css +174 -0
  228. package/styles/Title.css +16 -1
  229. package/styles/Title.layer.css +17 -0
  230. package/styles/Tooltip.css +30 -1
  231. package/styles/Tooltip.layer.css +31 -0
  232. package/styles/TypographyStylesProvider.css +205 -1
  233. package/styles/TypographyStylesProvider.layer.css +206 -0
  234. package/styles/UnstyledButton.css +17 -1
  235. package/styles/UnstyledButton.layer.css +18 -0
  236. package/styles/VisuallyHidden.css +11 -1
  237. package/styles/VisuallyHidden.layer.css +12 -0
  238. package/styles/global.css +584 -1
  239. package/styles/global.layer.css +585 -0
  240. package/styles.css +6947 -3
  241. package/styles.layer.css +6948 -3
@@ -1 +1,173 @@
1
- .m-43657ece{--offset:calc(var(--tl-bullet-size)/2 + var(--tl-line-width)/2);--tl-bullet-size:calc(1.25rem*var(--mantine-scale));--tl-line-width:calc(0.25rem*var(--mantine-scale));--tl-radius:calc(62.5rem*var(--mantine-scale));--tl-color:var(--mantine-primary-color-filled)}.m-43657ece:where([data-align=left]){padding-inline-start:var(--offset)}.m-43657ece:where([data-align=right]){padding-inline-end:var(--offset)}.m-2ebe8099{font-weight:500;line-height:1;margin-bottom:calc(var(--mantine-spacing-xs)/2)}.m-436178ff{--item-border:var(--tl-line-width) var(--tli-border-style,solid) var(--item-border-color);color:var(--mantine-color-text);position:relative}.m-436178ff:before{border-inline-start:var(--item-border);bottom:calc(var(--mantine-spacing-xl)*-1);content:"";display:var(--timeline-line-display,none);left:var(--timeline-line-left,0);pointer-events:none;position:absolute;right:var(--timeline-line-right,0);top:0}.m-43657ece[data-align=left] .m-436178ff:before{--timeline-line-left:calc(var(--tl-line-width)*-1);--timeline-line-right:auto}.m-43657ece[data-align=right] .m-436178ff:before,[dir=rtl] .m-43657ece[data-align=left] .m-436178ff:before{--timeline-line-left:auto;--timeline-line-right:calc(var(--tl-line-width)*-1)}[dir=rtl] .m-43657ece[data-align=right] .m-436178ff:before{--timeline-line-left:calc(var(--tl-line-width)*-1);--timeline-line-right:auto}.m-43657ece:where([data-align=left]) .m-436178ff{padding-inline-start:var(--offset);text-align:left}.m-43657ece:where([data-align=right]) .m-436178ff{padding-inline-end:var(--offset);text-align:right}:where([data-mantine-color-scheme=light]) .m-436178ff{--item-border-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m-436178ff{--item-border-color:var(--mantine-color-dark-4)}.m-436178ff:where([data-line-active]):before{border-color:var(--tli-color,var(--tl-color))}.m-436178ff:where(:not(:last-of-type)){--timeline-line-display:block}.m-436178ff:where(:not(:first-of-type)){margin-top:var(--mantine-spacing-xl)}.m-8affcee1{align-items:center;background-color:var(--mantine-color-body);border:var(--tl-line-width) solid;border-radius:var(--tli-radius,var(--tl-radius));color:var(--mantine-color-text);display:flex;height:var(--tl-bullet-size);justify-content:center;position:absolute;top:0;width:var(--tl-bullet-size)}:where([data-mantine-color-scheme=light]) .m-8affcee1{border-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m-8affcee1{border-color:var(--mantine-color-dark-4)}.m-43657ece:where([data-align=left]) .m-8affcee1{left:calc(var(--tl-bullet-size)/2*-1 + var(--tl-line-width)/2*-1);right:auto}:where([dir=rtl]) .m-43657ece:where([data-align=left]) .m-8affcee1{left:auto;right:calc(var(--tl-bullet-size)/2*-1 + var(--tl-line-width)/2*-1)}.m-43657ece:where([data-align=right]) .m-8affcee1{left:auto;right:calc(var(--tl-bullet-size)/2*-1 + var(--tl-line-width)/2*-1)}:where([dir=rtl]) .m-43657ece:where([data-align=right]) .m-8affcee1{left:calc(var(--tl-bullet-size)/2*-1 + var(--tl-line-width)/2*-1);right:auto}.m-8affcee1:where([data-with-child]){border-width:var(--tl-line-width)}:where([data-mantine-color-scheme=light]) .m-8affcee1:where([data-with-child]){background-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m-8affcee1:where([data-with-child]){background-color:var(--mantine-color-dark-4)}.m-8affcee1:where([data-active]){background-color:var(--mantine-color-white);border-color:var(--tli-color,var(--tl-color));color:var(--tl-icon-color,var(--mantine-color-white))}.m-8affcee1:where([data-active]):where([data-with-child]){background-color:var(--tli-color,var(--tl-color));color:var(--tl-icon-color,var(--mantine-color-white))}.m-43657ece:where([data-align=left]) .m-540e8f41{padding-inline-start:var(--offset);text-align:left}:where([dir=rtl]) .m-43657ece:where([data-align=left]) .m-540e8f41{text-align:right}.m-43657ece:where([data-align=right]) .m-540e8f41{padding-inline-end:var(--offset);text-align:right}:where([dir=rtl]) .m-43657ece:where([data-align=right]) .m-540e8f41{text-align:left}
1
+ .m-43657ece {
2
+ --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
3
+ --tl-bullet-size: calc(1.25rem * var(--mantine-scale));
4
+ --tl-line-width: calc(0.25rem * var(--mantine-scale));
5
+ --tl-radius: calc(62.5rem * var(--mantine-scale));
6
+ --tl-color: var(--mantine-primary-color-filled);
7
+ }
8
+
9
+ .m-43657ece:where([data-align='left']) {
10
+ padding-inline-start: var(--offset);
11
+ }
12
+
13
+ .m-43657ece:where([data-align='right']) {
14
+ padding-inline-end: var(--offset);
15
+ }
16
+
17
+ .m-2ebe8099 {
18
+ font-weight: 500;
19
+ line-height: 1;
20
+ margin-bottom: calc(var(--mantine-spacing-xs) / 2);
21
+ }
22
+
23
+ .m-436178ff {
24
+ --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);
25
+
26
+ position: relative;
27
+ color: var(--mantine-color-text);
28
+ }
29
+
30
+ .m-436178ff::before {
31
+ content: '';
32
+ pointer-events: none;
33
+ position: absolute;
34
+ top: 0;
35
+ left: var(--timeline-line-left, 0);
36
+ right: var(--timeline-line-right, 0);
37
+ bottom: calc(var(--mantine-spacing-xl) * -1);
38
+ border-inline-start: var(--item-border);
39
+ display: var(--timeline-line-display, none);
40
+ }
41
+
42
+ .m-43657ece[data-align='left'] .m-436178ff::before {
43
+ --timeline-line-left: calc(var(--tl-line-width) * -1);
44
+ --timeline-line-right: auto;
45
+ }
46
+
47
+ [dir="rtl"] .m-43657ece[data-align='left'] .m-436178ff::before {
48
+ --timeline-line-left: auto;
49
+ --timeline-line-right: calc(var(--tl-line-width) * -1);
50
+ }
51
+
52
+ .m-43657ece[data-align='right'] .m-436178ff::before {
53
+ --timeline-line-left: auto;
54
+ --timeline-line-right: calc(var(--tl-line-width) * -1);
55
+ }
56
+
57
+ [dir="rtl"] .m-43657ece[data-align='right'] .m-436178ff::before {
58
+ --timeline-line-left: calc(var(--tl-line-width) * -1);
59
+ --timeline-line-right: auto;
60
+ }
61
+
62
+ .m-43657ece:where([data-align='left']) .m-436178ff {
63
+ padding-inline-start: var(--offset);
64
+ text-align: left;
65
+ }
66
+
67
+ .m-43657ece:where([data-align='right']) .m-436178ff {
68
+ padding-inline-end: var(--offset);
69
+ text-align: right;
70
+ }
71
+
72
+ :where([data-mantine-color-scheme='light']) .m-436178ff {
73
+ --item-border-color: var(--mantine-color-gray-3);
74
+ }
75
+
76
+ :where([data-mantine-color-scheme='dark']) .m-436178ff {
77
+ --item-border-color: var(--mantine-color-dark-4);
78
+ }
79
+
80
+ .m-436178ff:where([data-line-active])::before {
81
+ border-color: var(--tli-color, var(--tl-color));
82
+ }
83
+
84
+ .m-436178ff:where(:not(:last-of-type)) {
85
+ --timeline-line-display: block;
86
+ }
87
+
88
+ .m-436178ff:where(:not(:first-of-type)) {
89
+ margin-top: var(--mantine-spacing-xl);
90
+ }
91
+
92
+ .m-8affcee1 {
93
+ width: var(--tl-bullet-size);
94
+ height: var(--tl-bullet-size);
95
+ border-radius: var(--tli-radius, var(--tl-radius));
96
+ border: var(--tl-line-width) solid;
97
+ background-color: var(--mantine-color-body);
98
+ position: absolute;
99
+ top: 0;
100
+ display: flex;
101
+ align-items: center;
102
+ justify-content: center;
103
+ color: var(--mantine-color-text);
104
+ }
105
+
106
+ :where([data-mantine-color-scheme='light']) .m-8affcee1 {
107
+ border-color: var(--mantine-color-gray-3);
108
+ }
109
+
110
+ :where([data-mantine-color-scheme='dark']) .m-8affcee1 {
111
+ border-color: var(--mantine-color-dark-4);
112
+ }
113
+
114
+ .m-43657ece:where([data-align='left']) .m-8affcee1 {
115
+ left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
116
+ right: auto;
117
+ }
118
+
119
+ :where([dir="rtl"]) .m-43657ece:where([data-align='left']) .m-8affcee1 {
120
+ left: auto;
121
+ right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
122
+ }
123
+
124
+ .m-43657ece:where([data-align='right']) .m-8affcee1 {
125
+ left: auto;
126
+ right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
127
+ }
128
+
129
+ :where([dir="rtl"]) .m-43657ece:where([data-align='right']) .m-8affcee1 {
130
+ left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
131
+ right: auto;
132
+ }
133
+
134
+ .m-8affcee1:where([data-with-child]) {
135
+ border-width: var(--tl-line-width);
136
+ }
137
+
138
+ :where([data-mantine-color-scheme='light']) .m-8affcee1:where([data-with-child]) {
139
+ background-color: var(--mantine-color-gray-3);
140
+ }
141
+
142
+ :where([data-mantine-color-scheme='dark']) .m-8affcee1:where([data-with-child]) {
143
+ background-color: var(--mantine-color-dark-4);
144
+ }
145
+
146
+ .m-8affcee1:where([data-active]) {
147
+ border-color: var(--tli-color, var(--tl-color));
148
+ background-color: var(--mantine-color-white);
149
+ color: var(--tl-icon-color, var(--mantine-color-white));
150
+ }
151
+
152
+ .m-8affcee1:where([data-active]):where([data-with-child]) {
153
+ background-color: var(--tli-color, var(--tl-color));
154
+ color: var(--tl-icon-color, var(--mantine-color-white));
155
+ }
156
+
157
+ .m-43657ece:where([data-align='left']) .m-540e8f41 {
158
+ padding-inline-start: var(--offset);
159
+ text-align: left;
160
+ }
161
+
162
+ :where([dir="rtl"]) .m-43657ece:where([data-align='left']) .m-540e8f41 {
163
+ text-align: right;
164
+ }
165
+
166
+ .m-43657ece:where([data-align='right']) .m-540e8f41 {
167
+ padding-inline-end: var(--offset);
168
+ text-align: right;
169
+ }
170
+
171
+ :where([dir="rtl"]) .m-43657ece:where([data-align='right']) .m-540e8f41 {
172
+ text-align: left;
173
+ }
@@ -0,0 +1,174 @@
1
+ @layer mantine {.m-43657ece {
2
+ --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
3
+ --tl-bullet-size: calc(1.25rem * var(--mantine-scale));
4
+ --tl-line-width: calc(0.25rem * var(--mantine-scale));
5
+ --tl-radius: calc(62.5rem * var(--mantine-scale));
6
+ --tl-color: var(--mantine-primary-color-filled);
7
+ }
8
+
9
+ .m-43657ece:where([data-align='left']) {
10
+ padding-inline-start: var(--offset);
11
+ }
12
+
13
+ .m-43657ece:where([data-align='right']) {
14
+ padding-inline-end: var(--offset);
15
+ }
16
+
17
+ .m-2ebe8099 {
18
+ font-weight: 500;
19
+ line-height: 1;
20
+ margin-bottom: calc(var(--mantine-spacing-xs) / 2);
21
+ }
22
+
23
+ .m-436178ff {
24
+ --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);
25
+
26
+ position: relative;
27
+ color: var(--mantine-color-text);
28
+ }
29
+
30
+ .m-436178ff::before {
31
+ content: '';
32
+ pointer-events: none;
33
+ position: absolute;
34
+ top: 0;
35
+ left: var(--timeline-line-left, 0);
36
+ right: var(--timeline-line-right, 0);
37
+ bottom: calc(var(--mantine-spacing-xl) * -1);
38
+ border-inline-start: var(--item-border);
39
+ display: var(--timeline-line-display, none);
40
+ }
41
+
42
+ .m-43657ece[data-align='left'] .m-436178ff::before {
43
+ --timeline-line-left: calc(var(--tl-line-width) * -1);
44
+ --timeline-line-right: auto;
45
+ }
46
+
47
+ [dir="rtl"] .m-43657ece[data-align='left'] .m-436178ff::before {
48
+ --timeline-line-left: auto;
49
+ --timeline-line-right: calc(var(--tl-line-width) * -1);
50
+ }
51
+
52
+ .m-43657ece[data-align='right'] .m-436178ff::before {
53
+ --timeline-line-left: auto;
54
+ --timeline-line-right: calc(var(--tl-line-width) * -1);
55
+ }
56
+
57
+ [dir="rtl"] .m-43657ece[data-align='right'] .m-436178ff::before {
58
+ --timeline-line-left: calc(var(--tl-line-width) * -1);
59
+ --timeline-line-right: auto;
60
+ }
61
+
62
+ .m-43657ece:where([data-align='left']) .m-436178ff {
63
+ padding-inline-start: var(--offset);
64
+ text-align: left;
65
+ }
66
+
67
+ .m-43657ece:where([data-align='right']) .m-436178ff {
68
+ padding-inline-end: var(--offset);
69
+ text-align: right;
70
+ }
71
+
72
+ :where([data-mantine-color-scheme='light']) .m-436178ff {
73
+ --item-border-color: var(--mantine-color-gray-3);
74
+ }
75
+
76
+ :where([data-mantine-color-scheme='dark']) .m-436178ff {
77
+ --item-border-color: var(--mantine-color-dark-4);
78
+ }
79
+
80
+ .m-436178ff:where([data-line-active])::before {
81
+ border-color: var(--tli-color, var(--tl-color));
82
+ }
83
+
84
+ .m-436178ff:where(:not(:last-of-type)) {
85
+ --timeline-line-display: block;
86
+ }
87
+
88
+ .m-436178ff:where(:not(:first-of-type)) {
89
+ margin-top: var(--mantine-spacing-xl);
90
+ }
91
+
92
+ .m-8affcee1 {
93
+ width: var(--tl-bullet-size);
94
+ height: var(--tl-bullet-size);
95
+ border-radius: var(--tli-radius, var(--tl-radius));
96
+ border: var(--tl-line-width) solid;
97
+ background-color: var(--mantine-color-body);
98
+ position: absolute;
99
+ top: 0;
100
+ display: flex;
101
+ align-items: center;
102
+ justify-content: center;
103
+ color: var(--mantine-color-text);
104
+ }
105
+
106
+ :where([data-mantine-color-scheme='light']) .m-8affcee1 {
107
+ border-color: var(--mantine-color-gray-3);
108
+ }
109
+
110
+ :where([data-mantine-color-scheme='dark']) .m-8affcee1 {
111
+ border-color: var(--mantine-color-dark-4);
112
+ }
113
+
114
+ .m-43657ece:where([data-align='left']) .m-8affcee1 {
115
+ left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
116
+ right: auto;
117
+ }
118
+
119
+ :where([dir="rtl"]) .m-43657ece:where([data-align='left']) .m-8affcee1 {
120
+ left: auto;
121
+ right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
122
+ }
123
+
124
+ .m-43657ece:where([data-align='right']) .m-8affcee1 {
125
+ left: auto;
126
+ right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
127
+ }
128
+
129
+ :where([dir="rtl"]) .m-43657ece:where([data-align='right']) .m-8affcee1 {
130
+ left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
131
+ right: auto;
132
+ }
133
+
134
+ .m-8affcee1:where([data-with-child]) {
135
+ border-width: var(--tl-line-width);
136
+ }
137
+
138
+ :where([data-mantine-color-scheme='light']) .m-8affcee1:where([data-with-child]) {
139
+ background-color: var(--mantine-color-gray-3);
140
+ }
141
+
142
+ :where([data-mantine-color-scheme='dark']) .m-8affcee1:where([data-with-child]) {
143
+ background-color: var(--mantine-color-dark-4);
144
+ }
145
+
146
+ .m-8affcee1:where([data-active]) {
147
+ border-color: var(--tli-color, var(--tl-color));
148
+ background-color: var(--mantine-color-white);
149
+ color: var(--tl-icon-color, var(--mantine-color-white));
150
+ }
151
+
152
+ .m-8affcee1:where([data-active]):where([data-with-child]) {
153
+ background-color: var(--tli-color, var(--tl-color));
154
+ color: var(--tl-icon-color, var(--mantine-color-white));
155
+ }
156
+
157
+ .m-43657ece:where([data-align='left']) .m-540e8f41 {
158
+ padding-inline-start: var(--offset);
159
+ text-align: left;
160
+ }
161
+
162
+ :where([dir="rtl"]) .m-43657ece:where([data-align='left']) .m-540e8f41 {
163
+ text-align: right;
164
+ }
165
+
166
+ .m-43657ece:where([data-align='right']) .m-540e8f41 {
167
+ padding-inline-end: var(--offset);
168
+ text-align: right;
169
+ }
170
+
171
+ :where([dir="rtl"]) .m-43657ece:where([data-align='right']) .m-540e8f41 {
172
+ text-align: left;
173
+ }
174
+ }
package/styles/Title.css CHANGED
@@ -1 +1,16 @@
1
- .m-8a5d1357{text-wrap:var(--title-text-wrap,var(--mantine-heading-text-wrap));font-family:var(--mantine-font-family-headings);font-size:var(--title-fz);font-weight:var(--title-fw);line-height:var(--title-lh);margin:0}.m-8a5d1357:where([data-line-clamp]){-webkit-line-clamp:var(--title-line-clamp);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}
1
+ .m-8a5d1357 {
2
+ margin: 0;
3
+ font-weight: var(--title-fw);
4
+ font-size: var(--title-fz);
5
+ line-height: var(--title-lh);
6
+ font-family: var(--mantine-font-family-headings);
7
+ text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap));
8
+ }
9
+
10
+ .m-8a5d1357:where([data-line-clamp]) {
11
+ overflow: hidden;
12
+ text-overflow: ellipsis;
13
+ display: -webkit-box;
14
+ -webkit-line-clamp: var(--title-line-clamp);
15
+ -webkit-box-orient: vertical;
16
+ }
@@ -0,0 +1,17 @@
1
+ @layer mantine {.m-8a5d1357 {
2
+ margin: 0;
3
+ font-weight: var(--title-fw);
4
+ font-size: var(--title-fz);
5
+ line-height: var(--title-lh);
6
+ font-family: var(--mantine-font-family-headings);
7
+ text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap));
8
+ }
9
+
10
+ .m-8a5d1357:where([data-line-clamp]) {
11
+ overflow: hidden;
12
+ text-overflow: ellipsis;
13
+ display: -webkit-box;
14
+ -webkit-line-clamp: var(--title-line-clamp);
15
+ -webkit-box-orient: vertical;
16
+ }
17
+ }
@@ -1 +1,30 @@
1
- .m-1b3c8819{--tooltip-radius:var(--mantine-radius-default);border-radius:var(--tooltip-radius);font-size:var(--mantine-font-size-sm);padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-xs);pointer-events:none;position:absolute;white-space:nowrap}:where([data-mantine-color-scheme=light]) .m-1b3c8819{background-color:var(--tooltip-bg,var(--mantine-color-gray-9));color:var(--tooltip-color,var(--mantine-color-white))}:where([data-mantine-color-scheme=dark]) .m-1b3c8819{background-color:var(--tooltip-bg,var(--mantine-color-gray-2));color:var(--tooltip-color,var(--mantine-color-black))}.m-1b3c8819:where([data-multiline]){white-space:normal}.m-f898399f{background-color:inherit;border:0;z-index:1}
1
+ .m-1b3c8819 {
2
+ --tooltip-radius: var(--mantine-radius-default);
3
+
4
+ position: absolute;
5
+ padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
6
+ pointer-events: none;
7
+ font-size: var(--mantine-font-size-sm);
8
+ white-space: nowrap;
9
+ border-radius: var(--tooltip-radius);
10
+ }
11
+
12
+ :where([data-mantine-color-scheme='light']) .m-1b3c8819 {
13
+ background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
14
+ color: var(--tooltip-color, var(--mantine-color-white));
15
+ }
16
+
17
+ :where([data-mantine-color-scheme='dark']) .m-1b3c8819 {
18
+ background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
19
+ color: var(--tooltip-color, var(--mantine-color-black));
20
+ }
21
+
22
+ .m-1b3c8819:where([data-multiline]) {
23
+ white-space: normal;
24
+ }
25
+
26
+ .m-f898399f {
27
+ background-color: inherit;
28
+ border: 0;
29
+ z-index: 1;
30
+ }
@@ -0,0 +1,31 @@
1
+ @layer mantine {.m-1b3c8819 {
2
+ --tooltip-radius: var(--mantine-radius-default);
3
+
4
+ position: absolute;
5
+ padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
6
+ pointer-events: none;
7
+ font-size: var(--mantine-font-size-sm);
8
+ white-space: nowrap;
9
+ border-radius: var(--tooltip-radius);
10
+ }
11
+
12
+ :where([data-mantine-color-scheme='light']) .m-1b3c8819 {
13
+ background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
14
+ color: var(--tooltip-color, var(--mantine-color-white));
15
+ }
16
+
17
+ :where([data-mantine-color-scheme='dark']) .m-1b3c8819 {
18
+ background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
19
+ color: var(--tooltip-color, var(--mantine-color-black));
20
+ }
21
+
22
+ .m-1b3c8819:where([data-multiline]) {
23
+ white-space: normal;
24
+ }
25
+
26
+ .m-f898399f {
27
+ background-color: inherit;
28
+ border: 0;
29
+ z-index: 1;
30
+ }
31
+ }
@@ -1 +1,205 @@
1
- .m-d6493fad :first-child{margin-top:0}.m-d6493fad :last-child{margin-bottom:0}.m-d6493fad :where(h1,h2,h3,h4,h5,h6){text-wrap:var(--mantine-heading-text-wrap);margin-bottom:var(--mantine-spacing-xs)}.m-d6493fad :where(h1){font-size:var(--mantine-h1-font-size);font-weight:var(--mantine-h1-font-weight);line-height:var(--mantine-h1-line-height);margin-top:calc(var(--mantine-spacing-xl)*1.5)}.m-d6493fad :where(h2){font-size:var(--mantine-h2-font-size);font-weight:var(--mantine-h2-font-weight);line-height:var(--mantine-h2-line-height);margin-top:var(--mantine-spacing-xl)}.m-d6493fad :where(h3){font-size:var(--mantine-h3-font-size);font-weight:var(--mantine-h3-font-weight);line-height:var(--mantine-h3-line-height);margin-top:calc(var(--mantine-spacing-xl)*.8)}.m-d6493fad :where(h4){font-size:var(--mantine-h4-font-size);font-weight:var(--mantine-h4-font-weight);line-height:var(--mantine-h4-line-height);margin-top:calc(var(--mantine-spacing-xl)*.8)}.m-d6493fad :where(h5){font-size:var(--mantine-h5-font-size);font-weight:var(--mantine-h5-font-weight);line-height:var(--mantine-h5-line-height);margin-top:calc(var(--mantine-spacing-xl)*.5)}.m-d6493fad :where(h6){font-size:var(--mantine-h6-font-size);font-weight:var(--mantine-h6-font-weight);line-height:var(--mantine-h6-line-height);margin-top:calc(var(--mantine-spacing-xl)*.5)}.m-d6493fad :where(img){margin-bottom:var(--mantine-spacing-xs);max-width:100%}.m-d6493fad :where(p){margin-bottom:var(--mantine-spacing-lg);margin-top:0}[data-mantine-color-scheme=light] .m-d6493fad :where(mark){background-color:var(--mantine-color-yellow-2);color:inherit}[data-mantine-color-scheme=dark] .m-d6493fad :where(mark){background-color:var(--mantine-color-yellow-5);color:var(--mantine-color-black)}.m-d6493fad :where(a){color:var(--mantine-color-anchor);text-decoration:none}@media (hover:hover){.m-d6493fad :where(a):hover{text-decoration:underline}}@media (hover:none){.m-d6493fad :where(a):active{text-decoration:underline}}.m-d6493fad :where(hr){border:0;border-top:calc(.0625rem*var(--mantine-scale)) solid;margin-bottom:var(--mantine-spacing-md);margin-top:var(--mantine-spacing-md)}[data-mantine-color-scheme=light] .m-d6493fad :where(hr){border-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-d6493fad :where(hr){border-color:var(--mantine-color-dark-3)}.m-d6493fad :where(pre){border-radius:var(--mantine-radius-sm);font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);line-height:var(--mantine-line-height);margin:0;margin-bottom:var(--mantine-spacing-md);margin-top:var(--mantine-spacing-md);overflow-x:auto;padding:var(--mantine-spacing-xs)}[data-mantine-color-scheme=light] .m-d6493fad :where(pre){background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-d6493fad :where(pre){background-color:var(--mantine-color-dark-8)}.m-d6493fad :where(pre) :where(code){background-color:transparent;border:0;border-radius:0;color:inherit;padding:0}.m-d6493fad :where(kbd){--kbd-fz:calc(0.75rem*var(--mantine-scale));--kbd-padding:calc(0.1875rem*var(--mantine-scale)) calc(0.3125rem*var(--mantine-scale));border:calc(.0625rem*var(--mantine-scale)) solid;border-bottom-width:calc(.1875rem*var(--mantine-scale));border-radius:var(--mantine-radius-sm);font-family:var(--mantine-font-family-monospace);font-size:var(--kbd-fz);font-weight:700;line-height:var(--mantine-line-height);padding:var(--kbd-padding)}:where([data-mantine-color-scheme=light]) .m-d6493fad :where(kbd){background-color:var(--mantine-color-gray-0);border-color:var(--mantine-color-gray-3);color:var(--mantine-color-gray-7)}[data-mantine-color-scheme=dark] .m-d6493fad :where(kbd){background-color:var(--mantine-color-dark-5);border-color:var(--mantine-color-dark-3);color:var(--mantine-color-dark-0)}.m-d6493fad :where(code){border-radius:var(--mantine-radius-sm);font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);line-height:var(--mantine-line-height);padding:calc(.0625rem*var(--mantine-scale)) calc(.3125rem*var(--mantine-scale))}[data-mantine-color-scheme=light] .m-d6493fad :where(code){background-color:var(--mantine-color-gray-0);color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] .m-d6493fad :where(code){background-color:var(--mantine-color-dark-5);color:var(--mantine-color-white)}.m-d6493fad :where(ul,ol):not([data-type=taskList]){margin-bottom:var(--mantine-spacing-md);padding-inline-start:calc(2.375rem*var(--mantine-scale))}.m-d6493fad :where(ul,ol):not([data-type=taskList]) :where(li){margin-bottom:var(--mantine-spacing-xs)}.m-d6493fad :where(table){border-collapse:collapse;caption-side:bottom;margin-bottom:var(--mantine-spacing-md);width:100%}.m-d6493fad :where(table) :where(caption){color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);margin-top:var(--mantine-spacing-xs)}.m-d6493fad :where(table) :where(th){color:var(--mantine-color-gray-7);font-size:var(--mantine-font-size-sm);font-weight:700;padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm);text-align:left}.m-d6493fad :where(table) :where(thead th){border-bottom:calc(.0625rem*var(--mantine-scale)) solid;border-color:var(--mantine-color-gray-3)}.m-d6493fad :where(table) :where(tfoot th){border-top:calc(.0625rem*var(--mantine-scale)) solid;border-color:var(--mantine-color-gray-3)}.m-d6493fad :where(table) :where(td){border-bottom:calc(.0625rem*var(--mantine-scale)) solid;border-color:var(--mantine-color-gray-3);font-size:var(--mantine-font-size-sm);padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm)}.m-d6493fad :where(table) :where(tr:last-of-type td){border-bottom:0}.m-d6493fad :where(blockquote){border-radius:var(--mantine-radius-sm);font-size:var(--mantine-font-size-lg);line-height:var(--mantine-line-height);margin:var(--mantine-spacing-md) 0;padding:var(--mantine-spacing-md) var(--mantine-spacing-lg)}:where([data-mantine-color-scheme=light]) .m-d6493fad :where(blockquote){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-d6493fad :where(blockquote){background-color:var(--mantine-color-dark-8)}
1
+ .m-d6493fad :first-child {
2
+ margin-top: 0;
3
+ }
4
+ .m-d6493fad :last-child {
5
+ margin-bottom: 0;
6
+ }
7
+ .m-d6493fad :where(h1, h2, h3, h4, h5, h6) {
8
+ margin-bottom: var(--mantine-spacing-xs);
9
+ text-wrap: var(--mantine-heading-text-wrap);
10
+ }
11
+ .m-d6493fad :where(h1) {
12
+ margin-top: calc(1.5 * var(--mantine-spacing-xl));
13
+ font-size: var(--mantine-h1-font-size);
14
+ line-height: var(--mantine-h1-line-height);
15
+ font-weight: var(--mantine-h1-font-weight);
16
+ }
17
+ .m-d6493fad :where(h2) {
18
+ margin-top: var(--mantine-spacing-xl);
19
+ font-size: var(--mantine-h2-font-size);
20
+ line-height: var(--mantine-h2-line-height);
21
+ font-weight: var(--mantine-h2-font-weight);
22
+ }
23
+ .m-d6493fad :where(h3) {
24
+ margin-top: calc(0.8 * var(--mantine-spacing-xl));
25
+ font-size: var(--mantine-h3-font-size);
26
+ line-height: var(--mantine-h3-line-height);
27
+ font-weight: var(--mantine-h3-font-weight);
28
+ }
29
+ .m-d6493fad :where(h4) {
30
+ margin-top: calc(0.8 * var(--mantine-spacing-xl));
31
+ font-size: var(--mantine-h4-font-size);
32
+ line-height: var(--mantine-h4-line-height);
33
+ font-weight: var(--mantine-h4-font-weight);
34
+ }
35
+ .m-d6493fad :where(h5) {
36
+ margin-top: calc(0.5 * var(--mantine-spacing-xl));
37
+ font-size: var(--mantine-h5-font-size);
38
+ line-height: var(--mantine-h5-line-height);
39
+ font-weight: var(--mantine-h5-font-weight);
40
+ }
41
+ .m-d6493fad :where(h6) {
42
+ margin-top: calc(0.5 * var(--mantine-spacing-xl));
43
+ font-size: var(--mantine-h6-font-size);
44
+ line-height: var(--mantine-h6-line-height);
45
+ font-weight: var(--mantine-h6-font-weight);
46
+ }
47
+ .m-d6493fad :where(img) {
48
+ max-width: 100%;
49
+ margin-bottom: var(--mantine-spacing-xs);
50
+ }
51
+ .m-d6493fad :where(p) {
52
+ margin-top: 0;
53
+ margin-bottom: var(--mantine-spacing-lg);
54
+ }
55
+ [data-mantine-color-scheme='light'] .m-d6493fad :where(mark) {
56
+ background-color: var(--mantine-color-yellow-2);
57
+ color: inherit;
58
+ }
59
+ [data-mantine-color-scheme='dark'] .m-d6493fad :where(mark) {
60
+ background-color: var(--mantine-color-yellow-5);
61
+ color: var(--mantine-color-black);
62
+ }
63
+ .m-d6493fad :where(a) {
64
+ color: var(--mantine-color-anchor);
65
+ text-decoration: none;
66
+ }
67
+ @media (hover: hover) {
68
+ .m-d6493fad :where(a):hover {
69
+ text-decoration: underline;
70
+ }
71
+ }
72
+ @media (hover: none) {
73
+ .m-d6493fad :where(a):active {
74
+ text-decoration: underline;
75
+ }
76
+ }
77
+ .m-d6493fad :where(hr) {
78
+ margin-top: var(--mantine-spacing-md);
79
+ margin-bottom: var(--mantine-spacing-md);
80
+ border: 0;
81
+ border-top: calc(0.0625rem * var(--mantine-scale)) solid;
82
+ }
83
+ [data-mantine-color-scheme='light'] .m-d6493fad :where(hr) {
84
+ border-color: var(--mantine-color-gray-3);
85
+ }
86
+ [data-mantine-color-scheme='dark'] .m-d6493fad :where(hr) {
87
+ border-color: var(--mantine-color-dark-3);
88
+ }
89
+ .m-d6493fad :where(pre) {
90
+ padding: var(--mantine-spacing-xs);
91
+ line-height: var(--mantine-line-height);
92
+ margin: 0;
93
+ margin-top: var(--mantine-spacing-md);
94
+ margin-bottom: var(--mantine-spacing-md);
95
+ overflow-x: auto;
96
+ font-family: var(--mantine-font-family-monospace);
97
+ font-size: var(--mantine-font-size-xs);
98
+ border-radius: var(--mantine-radius-sm);
99
+ }
100
+ [data-mantine-color-scheme='light'] .m-d6493fad :where(pre) {
101
+ background-color: var(--mantine-color-gray-0);
102
+ }
103
+ [data-mantine-color-scheme='dark'] .m-d6493fad :where(pre) {
104
+ background-color: var(--mantine-color-dark-8);
105
+ }
106
+ .m-d6493fad :where(pre) :where(code) {
107
+ background-color: transparent;
108
+ padding: 0;
109
+ border-radius: 0;
110
+ color: inherit;
111
+ border: 0;
112
+ }
113
+ .m-d6493fad :where(kbd) {
114
+ --kbd-fz: calc(0.75rem * var(--mantine-scale));
115
+ --kbd-padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
116
+
117
+ font-family: var(--mantine-font-family-monospace);
118
+ line-height: var(--mantine-line-height);
119
+ font-weight: 700;
120
+ padding: var(--kbd-padding);
121
+ font-size: var(--kbd-fz);
122
+ border-radius: var(--mantine-radius-sm);
123
+ border: calc(0.0625rem * var(--mantine-scale)) solid;
124
+ border-bottom-width: calc(0.1875rem * var(--mantine-scale));
125
+ }
126
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(kbd) {
127
+ border-color: var(--mantine-color-gray-3);
128
+ color: var(--mantine-color-gray-7);
129
+ background-color: var(--mantine-color-gray-0);
130
+ }
131
+ [data-mantine-color-scheme='dark'] .m-d6493fad :where(kbd) {
132
+ border-color: var(--mantine-color-dark-3);
133
+ color: var(--mantine-color-dark-0);
134
+ background-color: var(--mantine-color-dark-5);
135
+ }
136
+ .m-d6493fad :where(code) {
137
+ line-height: var(--mantine-line-height);
138
+ padding: calc(0.0625rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
139
+ border-radius: var(--mantine-radius-sm);
140
+ font-family: var(--mantine-font-family-monospace);
141
+ font-size: var(--mantine-font-size-xs);
142
+ }
143
+ [data-mantine-color-scheme='light'] .m-d6493fad :where(code) {
144
+ background-color: var(--mantine-color-gray-0);
145
+ color: var(--mantine-color-black);
146
+ }
147
+ [data-mantine-color-scheme='dark'] .m-d6493fad :where(code) {
148
+ background-color: var(--mantine-color-dark-5);
149
+ color: var(--mantine-color-white);
150
+ }
151
+ .m-d6493fad :where(ul, ol):not([data-type='taskList']) {
152
+ margin-bottom: var(--mantine-spacing-md);
153
+ padding-inline-start: calc(2.375rem * var(--mantine-scale));
154
+ }
155
+ .m-d6493fad :where(ul, ol):not([data-type='taskList']) :where(li) {
156
+ margin-bottom: var(--mantine-spacing-xs);
157
+ }
158
+ .m-d6493fad :where(table) {
159
+ width: 100%;
160
+ border-collapse: collapse;
161
+ caption-side: bottom;
162
+ margin-bottom: var(--mantine-spacing-md);
163
+ }
164
+ .m-d6493fad :where(table) :where(caption) {
165
+ margin-top: var(--mantine-spacing-xs);
166
+ font-size: var(--mantine-font-size-sm);
167
+ color: var(--mantine-color-gray-6);
168
+ }
169
+ .m-d6493fad :where(table) :where(th) {
170
+ text-align: left;
171
+ font-weight: bold;
172
+ color: var(--mantine-color-gray-7);
173
+ font-size: var(--mantine-font-size-sm);
174
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
175
+ }
176
+ .m-d6493fad :where(table) :where(thead th) {
177
+ border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
178
+ border-color: var(--mantine-color-gray-3);
179
+ }
180
+ .m-d6493fad :where(table) :where(tfoot th) {
181
+ border-top: calc(0.0625rem * var(--mantine-scale)) solid;
182
+ border-color: var(--mantine-color-gray-3);
183
+ }
184
+ .m-d6493fad :where(table) :where(td) {
185
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
186
+ border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
187
+ border-color: var(--mantine-color-gray-3);
188
+ font-size: var(--mantine-font-size-sm);
189
+ }
190
+ .m-d6493fad :where(table) :where(tr:last-of-type td) {
191
+ border-bottom: 0;
192
+ }
193
+ .m-d6493fad :where(blockquote) {
194
+ font-size: var(--mantine-font-size-lg);
195
+ line-height: var(--mantine-line-height);
196
+ margin: var(--mantine-spacing-md) 0;
197
+ border-radius: var(--mantine-radius-sm);
198
+ padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
199
+ }
200
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(blockquote) {
201
+ background-color: var(--mantine-color-gray-0);
202
+ }
203
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(blockquote) {
204
+ background-color: var(--mantine-color-dark-8);
205
+ }