@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,69 @@
1
- @layer mantine {.m-11def92b{--ag-spacing:var(--mantine-spacing-sm);--ag-offset:calc(var(--ag-spacing)*-1);display:flex;padding-inline-start:var(--ag-spacing)}.m-f85678b6{--avatar-size-xs:calc(1rem*var(--mantine-scale));--avatar-size-sm:calc(1.625rem*var(--mantine-scale));--avatar-size-md:calc(2.375rem*var(--mantine-scale));--avatar-size-lg:calc(3.5rem*var(--mantine-scale));--avatar-size-xl:calc(5.25rem*var(--mantine-scale));--avatar-size:var(--avatar-size-md);--avatar-radius:calc(62.5rem*var(--mantine-scale));--avatar-bg:var(--mantine-color-gray-light);--avatar-bd:calc(0.0625rem*var(--mantine-scale)) solid transparent;--avatar-color:var(--mantine-color-gray-light-color);--avatar-placeholder-fz:calc(var(--avatar-size)/2.5);-webkit-tap-highlight-color:transparent;border-radius:var(--avatar-radius);display:block;height:var(--avatar-size);min-width:var(--avatar-size);overflow:hidden;padding:0;position:relative;text-decoration:none;user-select:none;width:var(--avatar-size)}.m-f85678b6:where([data-within-group]){background:var(--mantine-color-body);border:calc(.125rem*var(--mantine-scale)) solid var(--mantine-color-body);margin-inline-start:var(--ag-offset)}.m-11f8ac07{display:block;height:100%;object-fit:cover;width:100%}.m-104cd71f{align-items:center;background:var(--avatar-bg);border:var(--avatar-bd);border-radius:var(--avatar-radius);color:var(--avatar-color);display:flex;font-size:var(--avatar-placeholder-fz);font-weight:700;height:100%;justify-content:center;user-select:none;width:100%}.m-104cd71f>[data-avatar-placeholder-icon]{height:70%;width:70%}}
1
+ @layer mantine {/* Avatar.Group root element */
2
+ .m-11def92b {
3
+ --ag-spacing: var(--mantine-spacing-sm);
4
+ --ag-offset: calc(var(--ag-spacing) * -1);
5
+
6
+ display: flex;
7
+ padding-inline-start: var(--ag-spacing);
8
+ }
9
+
10
+ /* Avatar root element */
11
+ .m-f85678b6 {
12
+ --avatar-size-xs: calc(1rem * var(--mantine-scale));
13
+ --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
14
+ --avatar-size-md: calc(2.375rem * var(--mantine-scale));
15
+ --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
16
+ --avatar-size-xl: calc(5.25rem * var(--mantine-scale));
17
+
18
+ --avatar-size: var(--avatar-size-md);
19
+ --avatar-radius: calc(62.5rem * var(--mantine-scale));
20
+ --avatar-bg: var(--mantine-color-gray-light);
21
+ --avatar-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
22
+ --avatar-color: var(--mantine-color-gray-light-color);
23
+ --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);
24
+
25
+ -webkit-tap-highlight-color: transparent;
26
+ position: relative;
27
+ display: block;
28
+ user-select: none;
29
+ overflow: hidden;
30
+ border-radius: var(--avatar-radius);
31
+ text-decoration: none;
32
+ padding: 0;
33
+ width: var(--avatar-size);
34
+ height: var(--avatar-size);
35
+ min-width: var(--avatar-size);
36
+ }
37
+ .m-f85678b6:where([data-within-group]) {
38
+ margin-inline-start: var(--ag-offset);
39
+ border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
40
+ background: var(--mantine-color-body);
41
+ }
42
+
43
+ .m-11f8ac07 {
44
+ object-fit: cover;
45
+ width: 100%;
46
+ height: 100%;
47
+ display: block;
48
+ }
49
+
50
+ .m-104cd71f {
51
+ font-weight: 700;
52
+ display: flex;
53
+ align-items: center;
54
+ justify-content: center;
55
+ width: 100%;
56
+ height: 100%;
57
+ user-select: none;
58
+ border-radius: var(--avatar-radius);
59
+ font-size: var(--avatar-placeholder-fz);
60
+ background: var(--avatar-bg);
61
+ border: var(--avatar-bd);
62
+ color: var(--avatar-color);
63
+ }
64
+
65
+ .m-104cd71f > [data-avatar-placeholder-icon] {
66
+ width: 70%;
67
+ height: 70%;
68
+ }
69
+ }
@@ -1 +1,9 @@
1
- .m-2ce0de02{background-position:50%;background-size:cover;border:0;border-radius:var(--bi-radius,0);display:block;text-decoration:none;width:100%}
1
+ .m-2ce0de02 {
2
+ background-size: cover;
3
+ background-position: center;
4
+ display: block;
5
+ width: 100%;
6
+ border: 0;
7
+ text-decoration: none;
8
+ border-radius: var(--bi-radius, 0);
9
+ }
@@ -1 +1,10 @@
1
- @layer mantine {.m-2ce0de02{background-position:50%;background-size:cover;border:0;border-radius:var(--bi-radius,0);display:block;text-decoration:none;width:100%}}
1
+ @layer mantine {.m-2ce0de02 {
2
+ background-size: cover;
3
+ background-position: center;
4
+ display: block;
5
+ width: 100%;
6
+ border: 0;
7
+ text-decoration: none;
8
+ border-radius: var(--bi-radius, 0);
9
+ }
10
+ }
package/styles/Badge.css CHANGED
@@ -1 +1,107 @@
1
- .m-347db0ec{--badge-height-xs:calc(1rem*var(--mantine-scale));--badge-height-sm:calc(1.125rem*var(--mantine-scale));--badge-height-md:calc(1.25rem*var(--mantine-scale));--badge-height-lg:calc(1.625rem*var(--mantine-scale));--badge-height-xl:calc(2rem*var(--mantine-scale));--badge-fz-xs:calc(0.5625rem*var(--mantine-scale));--badge-fz-sm:calc(0.625rem*var(--mantine-scale));--badge-fz-md:calc(0.6875rem*var(--mantine-scale));--badge-fz-lg:calc(0.8125rem*var(--mantine-scale));--badge-fz-xl:calc(1rem*var(--mantine-scale));--badge-padding-x-xs:calc(0.375rem*var(--mantine-scale));--badge-padding-x-sm:calc(0.5rem*var(--mantine-scale));--badge-padding-x-md:calc(0.625rem*var(--mantine-scale));--badge-padding-x-lg:calc(0.75rem*var(--mantine-scale));--badge-padding-x-xl:calc(1rem*var(--mantine-scale));--badge-height:var(--badge-height-md);--badge-fz:var(--badge-fz-md);--badge-padding-x:var(--badge-padding-x-md);--badge-radius:calc(62.5rem*var(--mantine-scale));--badge-lh:calc(var(--badge-height) - 0.125rem*var(--mantine-scale));--badge-color:var(--mantine-color-white);--badge-bg:var(--mantine-primary-color-filled);--badge-bd:calc(0.0625rem*var(--mantine-scale)) solid transparent;-webkit-tap-highlight-color:transparent;align-items:center;background:var(--badge-bg);border:var(--badge-bd);border-radius:var(--badge-radius);color:var(--badge-color);cursor:inherit;display:inline-flex;font-size:var(--badge-fz);font-weight:700;height:var(--badge-height);justify-content:center;letter-spacing:calc(.01563rem*var(--mantine-scale));line-height:var(--badge-lh);overflow:hidden;padding:0 var(--badge-padding-x);text-decoration:none;text-overflow:ellipsis;text-transform:uppercase;width:fit-content}.m-347db0ec:where([data-block]){display:flex;width:100%}.m-347db0ec:where([data-circle]){padding-inline:calc(.125rem*var(--mantine-scale));width:var(--badge-height)}.m-fbd81e3d{--badge-dot-size:calc(var(--badge-height)/3.4)}:where([data-mantine-color-scheme=light]) .m-fbd81e3d{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-4);color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m-fbd81e3d{background-color:var(--mantine-color-dark-5);border-color:var(--mantine-color-dark-5);color:var(--mantine-color-white)}.m-fbd81e3d:before{background-color:var(--badge-dot-color);border-radius:var(--badge-dot-size);content:"";display:block;height:var(--badge-dot-size);margin-inline-end:var(--badge-dot-size);width:var(--badge-dot-size)}.m-5add502a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-91fdda9b{--badge-section-margin:calc(var(--mantine-spacing-xs)/2);align-items:center;display:inline-flex;justify-content:center}.m-91fdda9b:where([data-position=left]){margin-inline-end:var(--badge-section-margin)}.m-91fdda9b:where([data-position=right]){margin-inline-start:var(--badge-section-margin)}
1
+ .m-347db0ec {
2
+ --badge-height-xs: calc(1rem * var(--mantine-scale));
3
+ --badge-height-sm: calc(1.125rem * var(--mantine-scale));
4
+ --badge-height-md: calc(1.25rem * var(--mantine-scale));
5
+ --badge-height-lg: calc(1.625rem * var(--mantine-scale));
6
+ --badge-height-xl: calc(2rem * var(--mantine-scale));
7
+
8
+ --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
9
+ --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
10
+ --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
11
+ --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
12
+ --badge-fz-xl: calc(1rem * var(--mantine-scale));
13
+
14
+ --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
15
+ --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
16
+ --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
17
+ --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
18
+ --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
19
+
20
+ --badge-height: var(--badge-height-md);
21
+ --badge-fz: var(--badge-fz-md);
22
+ --badge-padding-x: var(--badge-padding-x-md);
23
+ --badge-radius: calc(62.5rem * var(--mantine-scale));
24
+ --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
25
+ --badge-color: var(--mantine-color-white);
26
+ --badge-bg: var(--mantine-primary-color-filled);
27
+ --badge-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
28
+
29
+ -webkit-tap-highlight-color: transparent;
30
+ font-size: var(--badge-fz);
31
+ border-radius: var(--badge-radius);
32
+ height: var(--badge-height);
33
+ line-height: var(--badge-lh);
34
+ text-decoration: none;
35
+ padding: 0 var(--badge-padding-x);
36
+ display: inline-flex;
37
+ align-items: center;
38
+ justify-content: center;
39
+ width: fit-content;
40
+ text-transform: uppercase;
41
+ font-weight: 700;
42
+ letter-spacing: calc(0.015625rem * var(--mantine-scale));
43
+ cursor: inherit;
44
+ text-overflow: ellipsis;
45
+ overflow: hidden;
46
+ color: var(--badge-color);
47
+ background: var(--badge-bg);
48
+ border: var(--badge-bd);
49
+ }
50
+
51
+ .m-347db0ec:where([data-block]) {
52
+ display: flex;
53
+ width: 100%;
54
+ }
55
+
56
+ .m-347db0ec:where([data-circle]) {
57
+ padding-inline: calc(0.125rem * var(--mantine-scale));
58
+ width: var(--badge-height);
59
+ }
60
+
61
+ .m-fbd81e3d {
62
+ --badge-dot-size: calc(var(--badge-height) / 3.4);
63
+ }
64
+
65
+ :where([data-mantine-color-scheme='light']) .m-fbd81e3d {
66
+ background-color: var(--mantine-color-white);
67
+ border-color: var(--mantine-color-gray-4);
68
+ color: var(--mantine-color-black);
69
+ }
70
+
71
+ :where([data-mantine-color-scheme='dark']) .m-fbd81e3d {
72
+ background-color: var(--mantine-color-dark-5);
73
+ border-color: var(--mantine-color-dark-5);
74
+ color: var(--mantine-color-white);
75
+ }
76
+
77
+ .m-fbd81e3d::before {
78
+ content: '';
79
+ display: block;
80
+ width: var(--badge-dot-size);
81
+ height: var(--badge-dot-size);
82
+ border-radius: var(--badge-dot-size);
83
+ background-color: var(--badge-dot-color);
84
+ margin-inline-end: var(--badge-dot-size);
85
+ }
86
+
87
+ .m-5add502a {
88
+ white-space: nowrap;
89
+ overflow: hidden;
90
+ text-overflow: ellipsis;
91
+ }
92
+
93
+ .m-91fdda9b {
94
+ --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);
95
+
96
+ display: inline-flex;
97
+ justify-content: center;
98
+ align-items: center;
99
+ }
100
+
101
+ .m-91fdda9b:where([data-position='left']) {
102
+ margin-inline-end: var(--badge-section-margin);
103
+ }
104
+
105
+ .m-91fdda9b:where([data-position='right']) {
106
+ margin-inline-start: var(--badge-section-margin);
107
+ }
@@ -1 +1,108 @@
1
- @layer mantine {.m-347db0ec{--badge-height-xs:calc(1rem*var(--mantine-scale));--badge-height-sm:calc(1.125rem*var(--mantine-scale));--badge-height-md:calc(1.25rem*var(--mantine-scale));--badge-height-lg:calc(1.625rem*var(--mantine-scale));--badge-height-xl:calc(2rem*var(--mantine-scale));--badge-fz-xs:calc(0.5625rem*var(--mantine-scale));--badge-fz-sm:calc(0.625rem*var(--mantine-scale));--badge-fz-md:calc(0.6875rem*var(--mantine-scale));--badge-fz-lg:calc(0.8125rem*var(--mantine-scale));--badge-fz-xl:calc(1rem*var(--mantine-scale));--badge-padding-x-xs:calc(0.375rem*var(--mantine-scale));--badge-padding-x-sm:calc(0.5rem*var(--mantine-scale));--badge-padding-x-md:calc(0.625rem*var(--mantine-scale));--badge-padding-x-lg:calc(0.75rem*var(--mantine-scale));--badge-padding-x-xl:calc(1rem*var(--mantine-scale));--badge-height:var(--badge-height-md);--badge-fz:var(--badge-fz-md);--badge-padding-x:var(--badge-padding-x-md);--badge-radius:calc(62.5rem*var(--mantine-scale));--badge-lh:calc(var(--badge-height) - 0.125rem*var(--mantine-scale));--badge-color:var(--mantine-color-white);--badge-bg:var(--mantine-primary-color-filled);--badge-bd:calc(0.0625rem*var(--mantine-scale)) solid transparent;-webkit-tap-highlight-color:transparent;align-items:center;background:var(--badge-bg);border:var(--badge-bd);border-radius:var(--badge-radius);color:var(--badge-color);cursor:inherit;display:inline-flex;font-size:var(--badge-fz);font-weight:700;height:var(--badge-height);justify-content:center;letter-spacing:calc(.01563rem*var(--mantine-scale));line-height:var(--badge-lh);overflow:hidden;padding:0 var(--badge-padding-x);text-decoration:none;text-overflow:ellipsis;text-transform:uppercase;width:fit-content}.m-347db0ec:where([data-block]){display:flex;width:100%}.m-347db0ec:where([data-circle]){padding-inline:calc(.125rem*var(--mantine-scale));width:var(--badge-height)}.m-fbd81e3d{--badge-dot-size:calc(var(--badge-height)/3.4)}:where([data-mantine-color-scheme=light]) .m-fbd81e3d{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-4);color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m-fbd81e3d{background-color:var(--mantine-color-dark-5);border-color:var(--mantine-color-dark-5);color:var(--mantine-color-white)}.m-fbd81e3d:before{background-color:var(--badge-dot-color);border-radius:var(--badge-dot-size);content:"";display:block;height:var(--badge-dot-size);margin-inline-end:var(--badge-dot-size);width:var(--badge-dot-size)}.m-5add502a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-91fdda9b{--badge-section-margin:calc(var(--mantine-spacing-xs)/2);align-items:center;display:inline-flex;justify-content:center}.m-91fdda9b:where([data-position=left]){margin-inline-end:var(--badge-section-margin)}.m-91fdda9b:where([data-position=right]){margin-inline-start:var(--badge-section-margin)}}
1
+ @layer mantine {.m-347db0ec {
2
+ --badge-height-xs: calc(1rem * var(--mantine-scale));
3
+ --badge-height-sm: calc(1.125rem * var(--mantine-scale));
4
+ --badge-height-md: calc(1.25rem * var(--mantine-scale));
5
+ --badge-height-lg: calc(1.625rem * var(--mantine-scale));
6
+ --badge-height-xl: calc(2rem * var(--mantine-scale));
7
+
8
+ --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
9
+ --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
10
+ --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
11
+ --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
12
+ --badge-fz-xl: calc(1rem * var(--mantine-scale));
13
+
14
+ --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
15
+ --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
16
+ --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
17
+ --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
18
+ --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
19
+
20
+ --badge-height: var(--badge-height-md);
21
+ --badge-fz: var(--badge-fz-md);
22
+ --badge-padding-x: var(--badge-padding-x-md);
23
+ --badge-radius: calc(62.5rem * var(--mantine-scale));
24
+ --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
25
+ --badge-color: var(--mantine-color-white);
26
+ --badge-bg: var(--mantine-primary-color-filled);
27
+ --badge-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
28
+
29
+ -webkit-tap-highlight-color: transparent;
30
+ font-size: var(--badge-fz);
31
+ border-radius: var(--badge-radius);
32
+ height: var(--badge-height);
33
+ line-height: var(--badge-lh);
34
+ text-decoration: none;
35
+ padding: 0 var(--badge-padding-x);
36
+ display: inline-flex;
37
+ align-items: center;
38
+ justify-content: center;
39
+ width: fit-content;
40
+ text-transform: uppercase;
41
+ font-weight: 700;
42
+ letter-spacing: calc(0.015625rem * var(--mantine-scale));
43
+ cursor: inherit;
44
+ text-overflow: ellipsis;
45
+ overflow: hidden;
46
+ color: var(--badge-color);
47
+ background: var(--badge-bg);
48
+ border: var(--badge-bd);
49
+ }
50
+
51
+ .m-347db0ec:where([data-block]) {
52
+ display: flex;
53
+ width: 100%;
54
+ }
55
+
56
+ .m-347db0ec:where([data-circle]) {
57
+ padding-inline: calc(0.125rem * var(--mantine-scale));
58
+ width: var(--badge-height);
59
+ }
60
+
61
+ .m-fbd81e3d {
62
+ --badge-dot-size: calc(var(--badge-height) / 3.4);
63
+ }
64
+
65
+ :where([data-mantine-color-scheme='light']) .m-fbd81e3d {
66
+ background-color: var(--mantine-color-white);
67
+ border-color: var(--mantine-color-gray-4);
68
+ color: var(--mantine-color-black);
69
+ }
70
+
71
+ :where([data-mantine-color-scheme='dark']) .m-fbd81e3d {
72
+ background-color: var(--mantine-color-dark-5);
73
+ border-color: var(--mantine-color-dark-5);
74
+ color: var(--mantine-color-white);
75
+ }
76
+
77
+ .m-fbd81e3d::before {
78
+ content: '';
79
+ display: block;
80
+ width: var(--badge-dot-size);
81
+ height: var(--badge-dot-size);
82
+ border-radius: var(--badge-dot-size);
83
+ background-color: var(--badge-dot-color);
84
+ margin-inline-end: var(--badge-dot-size);
85
+ }
86
+
87
+ .m-5add502a {
88
+ white-space: nowrap;
89
+ overflow: hidden;
90
+ text-overflow: ellipsis;
91
+ }
92
+
93
+ .m-91fdda9b {
94
+ --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);
95
+
96
+ display: inline-flex;
97
+ justify-content: center;
98
+ align-items: center;
99
+ }
100
+
101
+ .m-91fdda9b:where([data-position='left']) {
102
+ margin-inline-end: var(--badge-section-margin);
103
+ }
104
+
105
+ .m-91fdda9b:where([data-position='right']) {
106
+ margin-inline-start: var(--badge-section-margin);
107
+ }
108
+ }
@@ -1 +1,41 @@
1
- .m-ddec01c0{--blockquote-border:calc(0.1875rem*var(--mantine-scale)) solid var(--bq-bd);border-end-end-radius:var(--bq-radius);border-inline-start:var(--blockquote-border);border-start-end-radius:var(--bq-radius);margin:0;padding:var(--mantine-spacing-xl) calc(2.375rem*var(--mantine-scale));position:relative}:where([data-mantine-color-scheme=light]) .m-ddec01c0{background-color:var(--bq-bg-light)}:where([data-mantine-color-scheme=dark]) .m-ddec01c0{background-color:var(--bq-bg-dark)}.m-dde7bd57{--blockquote-icon-offset:calc(var(--bq-icon-size)/-2);align-items:center;background-color:var(--mantine-color-body);border-radius:var(--bq-icon-size);color:var(--bq-bd);display:flex;height:var(--bq-icon-size);inset-inline-start:var(--blockquote-icon-offset);justify-content:center;position:absolute;top:var(--blockquote-icon-offset);width:var(--bq-icon-size)}.m-dde51a35{display:block;font-size:85%;margin-top:var(--mantine-spacing-md);opacity:.6}
1
+ .m-ddec01c0 {
2
+ --blockquote-border: calc(0.1875rem * var(--mantine-scale)) solid var(--bq-bd);
3
+
4
+ position: relative;
5
+ margin: 0;
6
+ border-inline-start: var(--blockquote-border);
7
+ border-start-end-radius: var(--bq-radius);
8
+ border-end-end-radius: var(--bq-radius);
9
+ padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
10
+ }
11
+
12
+ :where([data-mantine-color-scheme='light']) .m-ddec01c0 {
13
+ background-color: var(--bq-bg-light);
14
+ }
15
+
16
+ :where([data-mantine-color-scheme='dark']) .m-ddec01c0 {
17
+ background-color: var(--bq-bg-dark);
18
+ }
19
+
20
+ .m-dde7bd57 {
21
+ --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);
22
+
23
+ position: absolute;
24
+ color: var(--bq-bd);
25
+ background-color: var(--mantine-color-body);
26
+ display: flex;
27
+ align-items: center;
28
+ justify-content: center;
29
+ top: var(--blockquote-icon-offset);
30
+ inset-inline-start: var(--blockquote-icon-offset);
31
+ width: var(--bq-icon-size);
32
+ height: var(--bq-icon-size);
33
+ border-radius: var(--bq-icon-size);
34
+ }
35
+
36
+ .m-dde51a35 {
37
+ display: block;
38
+ margin-top: var(--mantine-spacing-md);
39
+ opacity: 0.6;
40
+ font-size: 85%;
41
+ }
@@ -1 +1,42 @@
1
- @layer mantine {.m-ddec01c0{--blockquote-border:calc(0.1875rem*var(--mantine-scale)) solid var(--bq-bd);border-end-end-radius:var(--bq-radius);border-inline-start:var(--blockquote-border);border-start-end-radius:var(--bq-radius);margin:0;padding:var(--mantine-spacing-xl) calc(2.375rem*var(--mantine-scale));position:relative}:where([data-mantine-color-scheme=light]) .m-ddec01c0{background-color:var(--bq-bg-light)}:where([data-mantine-color-scheme=dark]) .m-ddec01c0{background-color:var(--bq-bg-dark)}.m-dde7bd57{--blockquote-icon-offset:calc(var(--bq-icon-size)/-2);align-items:center;background-color:var(--mantine-color-body);border-radius:var(--bq-icon-size);color:var(--bq-bd);display:flex;height:var(--bq-icon-size);inset-inline-start:var(--blockquote-icon-offset);justify-content:center;position:absolute;top:var(--blockquote-icon-offset);width:var(--bq-icon-size)}.m-dde51a35{display:block;font-size:85%;margin-top:var(--mantine-spacing-md);opacity:.6}}
1
+ @layer mantine {.m-ddec01c0 {
2
+ --blockquote-border: calc(0.1875rem * var(--mantine-scale)) solid var(--bq-bd);
3
+
4
+ position: relative;
5
+ margin: 0;
6
+ border-inline-start: var(--blockquote-border);
7
+ border-start-end-radius: var(--bq-radius);
8
+ border-end-end-radius: var(--bq-radius);
9
+ padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
10
+ }
11
+
12
+ :where([data-mantine-color-scheme='light']) .m-ddec01c0 {
13
+ background-color: var(--bq-bg-light);
14
+ }
15
+
16
+ :where([data-mantine-color-scheme='dark']) .m-ddec01c0 {
17
+ background-color: var(--bq-bg-dark);
18
+ }
19
+
20
+ .m-dde7bd57 {
21
+ --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);
22
+
23
+ position: absolute;
24
+ color: var(--bq-bd);
25
+ background-color: var(--mantine-color-body);
26
+ display: flex;
27
+ align-items: center;
28
+ justify-content: center;
29
+ top: var(--blockquote-icon-offset);
30
+ inset-inline-start: var(--blockquote-icon-offset);
31
+ width: var(--bq-icon-size);
32
+ height: var(--bq-icon-size);
33
+ border-radius: var(--bq-icon-size);
34
+ }
35
+
36
+ .m-dde51a35 {
37
+ display: block;
38
+ margin-top: var(--mantine-spacing-md);
39
+ opacity: 0.6;
40
+ font-size: 85%;
41
+ }
42
+ }
@@ -1 +1,26 @@
1
- .m-8b3717df{align-items:center;display:flex}.m-f678d540{-webkit-tap-highlight-color:transparent;line-height:1;white-space:nowrap}.m-3b8f2208{align-items:center;display:flex;justify-content:center;line-height:1;margin-inline:var(--bc-separator-margin,var(--mantine-spacing-xs))}:where([data-mantine-color-scheme=light]) .m-3b8f2208{color:var(--mantine-color-gray-7)}:where([data-mantine-color-scheme=dark]) .m-3b8f2208{color:var(--mantine-color-dark-2)}
1
+ .m-8b3717df {
2
+ display: flex;
3
+ align-items: center;
4
+ }
5
+
6
+ .m-f678d540 {
7
+ line-height: 1;
8
+ white-space: nowrap;
9
+ -webkit-tap-highlight-color: transparent;
10
+ }
11
+
12
+ .m-3b8f2208 {
13
+ margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
14
+ line-height: 1;
15
+ display: flex;
16
+ align-items: center;
17
+ justify-content: center;
18
+ }
19
+
20
+ :where([data-mantine-color-scheme='light']) .m-3b8f2208 {
21
+ color: var(--mantine-color-gray-7);
22
+ }
23
+
24
+ :where([data-mantine-color-scheme='dark']) .m-3b8f2208 {
25
+ color: var(--mantine-color-dark-2);
26
+ }
@@ -1 +1,27 @@
1
- @layer mantine {.m-8b3717df{align-items:center;display:flex}.m-f678d540{-webkit-tap-highlight-color:transparent;line-height:1;white-space:nowrap}.m-3b8f2208{align-items:center;display:flex;justify-content:center;line-height:1;margin-inline:var(--bc-separator-margin,var(--mantine-spacing-xs))}:where([data-mantine-color-scheme=light]) .m-3b8f2208{color:var(--mantine-color-gray-7)}:where([data-mantine-color-scheme=dark]) .m-3b8f2208{color:var(--mantine-color-dark-2)}}
1
+ @layer mantine {.m-8b3717df {
2
+ display: flex;
3
+ align-items: center;
4
+ }
5
+
6
+ .m-f678d540 {
7
+ line-height: 1;
8
+ white-space: nowrap;
9
+ -webkit-tap-highlight-color: transparent;
10
+ }
11
+
12
+ .m-3b8f2208 {
13
+ margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
14
+ line-height: 1;
15
+ display: flex;
16
+ align-items: center;
17
+ justify-content: center;
18
+ }
19
+
20
+ :where([data-mantine-color-scheme='light']) .m-3b8f2208 {
21
+ color: var(--mantine-color-gray-7);
22
+ }
23
+
24
+ :where([data-mantine-color-scheme='dark']) .m-3b8f2208 {
25
+ color: var(--mantine-color-dark-2);
26
+ }
27
+ }
package/styles/Burger.css CHANGED
@@ -1 +1,67 @@
1
- .m-fea6bf1a{--burger-size-xs:calc(0.75rem*var(--mantine-scale));--burger-size-sm:calc(1.125rem*var(--mantine-scale));--burger-size-md:calc(1.5rem*var(--mantine-scale));--burger-size-lg:calc(2.125rem*var(--mantine-scale));--burger-size-xl:calc(2.625rem*var(--mantine-scale));--burger-size:var(--burger-size-md);cursor:pointer;height:calc(var(--burger-size) + var(--mantine-spacing-xs));padding:calc(var(--mantine-spacing-xs)/2);width:calc(var(--burger-size) + var(--mantine-spacing-xs))}:where([data-mantine-color-scheme=light]) .m-fea6bf1a{--burger-color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m-fea6bf1a{--burger-color:var(--mantine-color-white)}.m-d4fb9cad{position:relative;user-select:none}.m-d4fb9cad,.m-d4fb9cad:after,.m-d4fb9cad:before{background-color:var(--burger-color);display:block;height:calc(var(--burger-size)/12);outline:calc(.0625rem*var(--mantine-scale)) solid transparent;transition-duration:var(--burger-transition-duration,.3s);transition-property:background-color,transform;transition-timing-function:var(--burger-transition-timing-function,ease);width:var(--burger-size)}.m-d4fb9cad:after,.m-d4fb9cad:before{content:"";inset-inline-start:0;position:absolute}.m-d4fb9cad:before{top:calc(var(--burger-size)/-3)}.m-d4fb9cad:after{top:calc(var(--burger-size)/3)}.m-d4fb9cad[data-opened]{background-color:transparent}.m-d4fb9cad[data-opened]:before{transform:translateY(calc(var(--burger-size)/3)) rotate(45deg)}.m-d4fb9cad[data-opened]:after{transform:translateY(calc(var(--burger-size)/-3)) rotate(-45deg)}
1
+ .m-fea6bf1a {
2
+ --burger-size-xs: calc(0.75rem * var(--mantine-scale));
3
+ --burger-size-sm: calc(1.125rem * var(--mantine-scale));
4
+ --burger-size-md: calc(1.5rem * var(--mantine-scale));
5
+ --burger-size-lg: calc(2.125rem * var(--mantine-scale));
6
+ --burger-size-xl: calc(2.625rem * var(--mantine-scale));
7
+
8
+ --burger-size: var(--burger-size-md);
9
+
10
+ width: calc(var(--burger-size) + var(--mantine-spacing-xs));
11
+ height: calc(var(--burger-size) + var(--mantine-spacing-xs));
12
+ padding: calc(var(--mantine-spacing-xs) / 2);
13
+ cursor: pointer;
14
+ }
15
+
16
+ :where([data-mantine-color-scheme='light']) .m-fea6bf1a {
17
+ --burger-color: var(--mantine-color-black);
18
+ }
19
+
20
+ :where([data-mantine-color-scheme='dark']) .m-fea6bf1a {
21
+ --burger-color: var(--mantine-color-white);
22
+ }
23
+
24
+ .m-d4fb9cad {
25
+ position: relative;
26
+ user-select: none;
27
+ }
28
+
29
+ .m-d4fb9cad,
30
+ .m-d4fb9cad::before,
31
+ .m-d4fb9cad::after {
32
+ display: block;
33
+ width: var(--burger-size);
34
+ height: calc(var(--burger-size) / 12);
35
+ background-color: var(--burger-color);
36
+ outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
37
+ transition-property: background-color, transform;
38
+ transition-duration: var(--burger-transition-duration, 300ms);
39
+ transition-timing-function: var(--burger-transition-timing-function, ease);
40
+ }
41
+
42
+ .m-d4fb9cad::before,
43
+ .m-d4fb9cad::after {
44
+ position: absolute;
45
+ content: '';
46
+ inset-inline-start: 0;
47
+ }
48
+
49
+ .m-d4fb9cad::before {
50
+ top: calc(var(--burger-size) / -3);
51
+ }
52
+
53
+ .m-d4fb9cad::after {
54
+ top: calc(var(--burger-size) / 3);
55
+ }
56
+
57
+ .m-d4fb9cad[data-opened] {
58
+ background-color: transparent;
59
+ }
60
+
61
+ .m-d4fb9cad[data-opened]::before {
62
+ transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
63
+ }
64
+
65
+ .m-d4fb9cad[data-opened]::after {
66
+ transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
67
+ }
@@ -1 +1,68 @@
1
- @layer mantine {.m-fea6bf1a{--burger-size-xs:calc(0.75rem*var(--mantine-scale));--burger-size-sm:calc(1.125rem*var(--mantine-scale));--burger-size-md:calc(1.5rem*var(--mantine-scale));--burger-size-lg:calc(2.125rem*var(--mantine-scale));--burger-size-xl:calc(2.625rem*var(--mantine-scale));--burger-size:var(--burger-size-md);cursor:pointer;height:calc(var(--burger-size) + var(--mantine-spacing-xs));padding:calc(var(--mantine-spacing-xs)/2);width:calc(var(--burger-size) + var(--mantine-spacing-xs))}:where([data-mantine-color-scheme=light]) .m-fea6bf1a{--burger-color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m-fea6bf1a{--burger-color:var(--mantine-color-white)}.m-d4fb9cad{position:relative;user-select:none}.m-d4fb9cad,.m-d4fb9cad:after,.m-d4fb9cad:before{background-color:var(--burger-color);display:block;height:calc(var(--burger-size)/12);outline:calc(.0625rem*var(--mantine-scale)) solid transparent;transition-duration:var(--burger-transition-duration,.3s);transition-property:background-color,transform;transition-timing-function:var(--burger-transition-timing-function,ease);width:var(--burger-size)}.m-d4fb9cad:after,.m-d4fb9cad:before{content:"";inset-inline-start:0;position:absolute}.m-d4fb9cad:before{top:calc(var(--burger-size)/-3)}.m-d4fb9cad:after{top:calc(var(--burger-size)/3)}.m-d4fb9cad[data-opened]{background-color:transparent}.m-d4fb9cad[data-opened]:before{transform:translateY(calc(var(--burger-size)/3)) rotate(45deg)}.m-d4fb9cad[data-opened]:after{transform:translateY(calc(var(--burger-size)/-3)) rotate(-45deg)}}
1
+ @layer mantine {.m-fea6bf1a {
2
+ --burger-size-xs: calc(0.75rem * var(--mantine-scale));
3
+ --burger-size-sm: calc(1.125rem * var(--mantine-scale));
4
+ --burger-size-md: calc(1.5rem * var(--mantine-scale));
5
+ --burger-size-lg: calc(2.125rem * var(--mantine-scale));
6
+ --burger-size-xl: calc(2.625rem * var(--mantine-scale));
7
+
8
+ --burger-size: var(--burger-size-md);
9
+
10
+ width: calc(var(--burger-size) + var(--mantine-spacing-xs));
11
+ height: calc(var(--burger-size) + var(--mantine-spacing-xs));
12
+ padding: calc(var(--mantine-spacing-xs) / 2);
13
+ cursor: pointer;
14
+ }
15
+
16
+ :where([data-mantine-color-scheme='light']) .m-fea6bf1a {
17
+ --burger-color: var(--mantine-color-black);
18
+ }
19
+
20
+ :where([data-mantine-color-scheme='dark']) .m-fea6bf1a {
21
+ --burger-color: var(--mantine-color-white);
22
+ }
23
+
24
+ .m-d4fb9cad {
25
+ position: relative;
26
+ user-select: none;
27
+ }
28
+
29
+ .m-d4fb9cad,
30
+ .m-d4fb9cad::before,
31
+ .m-d4fb9cad::after {
32
+ display: block;
33
+ width: var(--burger-size);
34
+ height: calc(var(--burger-size) / 12);
35
+ background-color: var(--burger-color);
36
+ outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
37
+ transition-property: background-color, transform;
38
+ transition-duration: var(--burger-transition-duration, 300ms);
39
+ transition-timing-function: var(--burger-transition-timing-function, ease);
40
+ }
41
+
42
+ .m-d4fb9cad::before,
43
+ .m-d4fb9cad::after {
44
+ position: absolute;
45
+ content: '';
46
+ inset-inline-start: 0;
47
+ }
48
+
49
+ .m-d4fb9cad::before {
50
+ top: calc(var(--burger-size) / -3);
51
+ }
52
+
53
+ .m-d4fb9cad::after {
54
+ top: calc(var(--burger-size) / 3);
55
+ }
56
+
57
+ .m-d4fb9cad[data-opened] {
58
+ background-color: transparent;
59
+ }
60
+
61
+ .m-d4fb9cad[data-opened]::before {
62
+ transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
63
+ }
64
+
65
+ .m-d4fb9cad[data-opened]::after {
66
+ transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
67
+ }
68
+ }