@mantine/core 8.3.1 → 8.3.3

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 (209) hide show
  1. package/cjs/components/Checkbox/Checkbox.cjs +2 -1
  2. package/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
  3. package/cjs/components/Checkbox/CheckboxIndicator/CheckboxIndicator.cjs +2 -1
  4. package/cjs/components/Checkbox/CheckboxIndicator/CheckboxIndicator.cjs.map +1 -1
  5. package/cjs/components/Menu/MenuSub/MenuSub.cjs +1 -1
  6. package/cjs/components/Menu/MenuSub/MenuSub.cjs.map +1 -1
  7. package/cjs/components/NavLink/NavLink.cjs +4 -2
  8. package/cjs/components/NavLink/NavLink.cjs.map +1 -1
  9. package/cjs/components/Popover/Popover.cjs +4 -2
  10. package/cjs/components/Popover/Popover.cjs.map +1 -1
  11. package/cjs/components/Tabs/TabsTab/TabsTab.cjs +1 -1
  12. package/cjs/components/Tabs/TabsTab/TabsTab.cjs.map +1 -1
  13. package/esm/components/Checkbox/Checkbox.mjs +2 -1
  14. package/esm/components/Checkbox/Checkbox.mjs.map +1 -1
  15. package/esm/components/Checkbox/CheckboxIndicator/CheckboxIndicator.mjs +2 -1
  16. package/esm/components/Checkbox/CheckboxIndicator/CheckboxIndicator.mjs.map +1 -1
  17. package/esm/components/Menu/MenuSub/MenuSub.mjs +1 -1
  18. package/esm/components/Menu/MenuSub/MenuSub.mjs.map +1 -1
  19. package/esm/components/NavLink/NavLink.mjs +4 -2
  20. package/esm/components/NavLink/NavLink.mjs.map +1 -1
  21. package/esm/components/Popover/Popover.mjs +4 -2
  22. package/esm/components/Popover/Popover.mjs.map +1 -1
  23. package/esm/components/Tabs/TabsTab/TabsTab.mjs +1 -1
  24. package/esm/components/Tabs/TabsTab/TabsTab.mjs.map +1 -1
  25. package/lib/components/Menu/MenuSub/MenuSub.d.ts +2 -0
  26. package/lib/components/NavLink/NavLink.d.ts +4 -0
  27. package/package.json +2 -2
  28. package/styles.css +64 -13
  29. package/styles.layer.css +64 -13
  30. package/styles/Accordion.css +0 -178
  31. package/styles/Accordion.layer.css +0 -179
  32. package/styles/ActionIcon.css +0 -188
  33. package/styles/ActionIcon.layer.css +0 -189
  34. package/styles/Affix.css +0 -8
  35. package/styles/Affix.layer.css +0 -9
  36. package/styles/Alert.css +0 -82
  37. package/styles/Alert.layer.css +0 -83
  38. package/styles/Anchor.css +0 -56
  39. package/styles/Anchor.layer.css +0 -57
  40. package/styles/AngleSlider.css +0 -106
  41. package/styles/AngleSlider.layer.css +0 -107
  42. package/styles/AppShell.css +0 -127
  43. package/styles/AppShell.layer.css +0 -128
  44. package/styles/AspectRatio.css +0 -13
  45. package/styles/AspectRatio.layer.css +0 -14
  46. package/styles/Avatar.css +0 -68
  47. package/styles/Avatar.layer.css +0 -69
  48. package/styles/BackgroundImage.css +0 -9
  49. package/styles/BackgroundImage.layer.css +0 -10
  50. package/styles/Badge.css +0 -127
  51. package/styles/Badge.layer.css +0 -128
  52. package/styles/Blockquote.css +0 -41
  53. package/styles/Blockquote.layer.css +0 -42
  54. package/styles/Breadcrumbs.css +0 -27
  55. package/styles/Breadcrumbs.layer.css +0 -28
  56. package/styles/Burger.css +0 -68
  57. package/styles/Burger.layer.css +0 -69
  58. package/styles/Button.css +0 -261
  59. package/styles/Button.layer.css +0 -262
  60. package/styles/Card.css +0 -54
  61. package/styles/Card.layer.css +0 -55
  62. package/styles/Center.css +0 -9
  63. package/styles/Center.layer.css +0 -10
  64. package/styles/Checkbox.css +0 -103
  65. package/styles/Checkbox.layer.css +0 -104
  66. package/styles/CheckboxCard.css +0 -24
  67. package/styles/CheckboxCard.layer.css +0 -25
  68. package/styles/CheckboxIndicator.css +0 -87
  69. package/styles/CheckboxIndicator.layer.css +0 -88
  70. package/styles/Chip.css +0 -199
  71. package/styles/Chip.layer.css +0 -200
  72. package/styles/CloseButton.css +0 -58
  73. package/styles/CloseButton.layer.css +0 -59
  74. package/styles/Code.css +0 -21
  75. package/styles/Code.layer.css +0 -22
  76. package/styles/ColorInput.css +0 -21
  77. package/styles/ColorInput.layer.css +0 -22
  78. package/styles/ColorPicker.css +0 -160
  79. package/styles/ColorPicker.layer.css +0 -161
  80. package/styles/ColorSwatch.css +0 -71
  81. package/styles/ColorSwatch.layer.css +0 -72
  82. package/styles/Combobox.css +0 -210
  83. package/styles/Combobox.layer.css +0 -211
  84. package/styles/Container.css +0 -37
  85. package/styles/Container.layer.css +0 -38
  86. package/styles/Dialog.css +0 -19
  87. package/styles/Dialog.layer.css +0 -20
  88. package/styles/Divider.css +0 -62
  89. package/styles/Divider.layer.css +0 -63
  90. package/styles/Drawer.css +0 -33
  91. package/styles/Drawer.layer.css +0 -34
  92. package/styles/Fieldset.css +0 -49
  93. package/styles/Fieldset.layer.css +0 -50
  94. package/styles/Flex.css +0 -3
  95. package/styles/Flex.layer.css +0 -4
  96. package/styles/FloatingIndicator.css +0 -20
  97. package/styles/FloatingIndicator.layer.css +0 -21
  98. package/styles/Grid.css +0 -34
  99. package/styles/Grid.layer.css +0 -35
  100. package/styles/Group.css +0 -13
  101. package/styles/Group.layer.css +0 -14
  102. package/styles/Image.css +0 -6
  103. package/styles/Image.layer.css +0 -7
  104. package/styles/Indicator.css +0 -64
  105. package/styles/Indicator.layer.css +0 -65
  106. package/styles/InlineInput.css +0 -66
  107. package/styles/InlineInput.layer.css +0 -67
  108. package/styles/Input.css +0 -301
  109. package/styles/Input.layer.css +0 -302
  110. package/styles/Kbd.css +0 -31
  111. package/styles/Kbd.layer.css +0 -32
  112. package/styles/List.css +0 -49
  113. package/styles/List.layer.css +0 -50
  114. package/styles/Loader.css +0 -114
  115. package/styles/Loader.layer.css +0 -115
  116. package/styles/LoadingOverlay.css +0 -18
  117. package/styles/LoadingOverlay.layer.css +0 -19
  118. package/styles/Mark.css +0 -11
  119. package/styles/Mark.layer.css +0 -12
  120. package/styles/Menu.css +0 -80
  121. package/styles/Menu.layer.css +0 -81
  122. package/styles/Modal.css +0 -61
  123. package/styles/Modal.layer.css +0 -62
  124. package/styles/ModalBase.css +0 -56
  125. package/styles/ModalBase.layer.css +0 -57
  126. package/styles/NavLink.css +0 -118
  127. package/styles/NavLink.layer.css +0 -119
  128. package/styles/Notification.css +0 -131
  129. package/styles/Notification.layer.css +0 -132
  130. package/styles/NumberInput.css +0 -81
  131. package/styles/NumberInput.layer.css +0 -82
  132. package/styles/Overlay.css +0 -19
  133. package/styles/Overlay.layer.css +0 -20
  134. package/styles/Pagination.css +0 -96
  135. package/styles/Pagination.layer.css +0 -97
  136. package/styles/Paper.css +0 -24
  137. package/styles/Paper.layer.css +0 -25
  138. package/styles/PasswordInput.css +0 -62
  139. package/styles/PasswordInput.layer.css +0 -63
  140. package/styles/Pill.css +0 -117
  141. package/styles/Pill.layer.css +0 -118
  142. package/styles/PillsInput.css +0 -45
  143. package/styles/PillsInput.layer.css +0 -46
  144. package/styles/PinInput.css +0 -13
  145. package/styles/PinInput.layer.css +0 -14
  146. package/styles/Popover.css +0 -36
  147. package/styles/Popover.layer.css +0 -37
  148. package/styles/Progress.css +0 -142
  149. package/styles/Progress.layer.css +0 -143
  150. package/styles/Radio.css +0 -109
  151. package/styles/Radio.layer.css +0 -110
  152. package/styles/RadioCard.css +0 -24
  153. package/styles/RadioCard.layer.css +0 -25
  154. package/styles/RadioIndicator.css +0 -91
  155. package/styles/RadioIndicator.layer.css +0 -92
  156. package/styles/Rating.css +0 -82
  157. package/styles/Rating.layer.css +0 -83
  158. package/styles/RingProgress.css +0 -39
  159. package/styles/RingProgress.layer.css +0 -40
  160. package/styles/ScrollArea.css +0 -189
  161. package/styles/ScrollArea.layer.css +0 -190
  162. package/styles/SegmentedControl.css +0 -224
  163. package/styles/SegmentedControl.layer.css +0 -225
  164. package/styles/SemiCircleProgress.css +0 -56
  165. package/styles/SemiCircleProgress.layer.css +0 -57
  166. package/styles/SimpleGrid.css +0 -9
  167. package/styles/SimpleGrid.layer.css +0 -10
  168. package/styles/Skeleton.css +0 -50
  169. package/styles/Skeleton.layer.css +0 -51
  170. package/styles/Slider.css +0 -209
  171. package/styles/Slider.layer.css +0 -210
  172. package/styles/Spoiler.css +0 -21
  173. package/styles/Spoiler.layer.css +0 -22
  174. package/styles/Stack.css +0 -7
  175. package/styles/Stack.layer.css +0 -8
  176. package/styles/Stepper.css +0 -204
  177. package/styles/Stepper.layer.css +0 -205
  178. package/styles/Switch.css +0 -172
  179. package/styles/Switch.layer.css +0 -173
  180. package/styles/Table.css +0 -159
  181. package/styles/Table.layer.css +0 -160
  182. package/styles/TableOfContents.css +0 -38
  183. package/styles/TableOfContents.layer.css +0 -39
  184. package/styles/Tabs.css +0 -368
  185. package/styles/Tabs.layer.css +0 -369
  186. package/styles/Text.css +0 -51
  187. package/styles/Text.layer.css +0 -52
  188. package/styles/ThemeIcon.css +0 -24
  189. package/styles/ThemeIcon.layer.css +0 -25
  190. package/styles/Timeline.css +0 -173
  191. package/styles/Timeline.layer.css +0 -174
  192. package/styles/Title.css +0 -16
  193. package/styles/Title.layer.css +0 -17
  194. package/styles/Tooltip.css +0 -34
  195. package/styles/Tooltip.layer.css +0 -35
  196. package/styles/Tree.css +0 -36
  197. package/styles/Tree.layer.css +0 -37
  198. package/styles/Typography.css +0 -209
  199. package/styles/Typography.layer.css +0 -210
  200. package/styles/UnstyledButton.css +0 -17
  201. package/styles/UnstyledButton.layer.css +0 -18
  202. package/styles/VisuallyHidden.css +0 -11
  203. package/styles/VisuallyHidden.layer.css +0 -12
  204. package/styles/baseline.css +0 -40
  205. package/styles/baseline.layer.css +0 -41
  206. package/styles/default-css-variables.css +0 -519
  207. package/styles/default-css-variables.layer.css +0 -520
  208. package/styles/global.css +0 -40
  209. package/styles/global.layer.css +0 -41
package/styles/default-css-variables.css DELETED
@@ -1,519 +0,0 @@
1
- /* This file is automatically generated, do not modify it directly. */
2
- :root {
3
- --mantine-z-index-app: 100;
4
- --mantine-z-index-modal: 200;
5
- --mantine-z-index-popover: 300;
6
- --mantine-z-index-overlay: 400;
7
- --mantine-z-index-max: 9999;
8
- --mantine-scale: 1;
9
- --mantine-cursor-type: default;
10
- --mantine-webkit-font-smoothing: antialiased;
11
- --mantine-moz-font-smoothing: grayscale;
12
- --mantine-color-white: #fff;
13
- --mantine-color-black: #000;
14
- --mantine-line-height: 1.55;
15
- --mantine-font-family:
16
- -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
17
- Apple Color Emoji, Segoe UI Emoji;
18
- --mantine-font-family-monospace:
19
- ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
20
- --mantine-font-family-headings:
21
- -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
22
- Apple Color Emoji, Segoe UI Emoji;
23
- --mantine-heading-font-weight: 700;
24
- --mantine-heading-text-wrap: wrap;
25
- --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
26
- --mantine-primary-color-filled: var(--mantine-color-blue-filled);
27
- --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
28
- --mantine-primary-color-light: var(--mantine-color-blue-light);
29
- --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
30
- --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
31
- --mantine-breakpoint-xs: 36em;
32
- --mantine-breakpoint-sm: 48em;
33
- --mantine-breakpoint-md: 62em;
34
- --mantine-breakpoint-lg: 75em;
35
- --mantine-breakpoint-xl: 88em;
36
- --mantine-spacing-xs: calc(0.625rem * var(--mantine-scale));
37
- --mantine-spacing-sm: calc(0.75rem * var(--mantine-scale));
38
- --mantine-spacing-md: calc(1rem * var(--mantine-scale));
39
- --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
40
- --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
41
- --mantine-font-size-xs: calc(0.75rem * var(--mantine-scale));
42
- --mantine-font-size-sm: calc(0.875rem * var(--mantine-scale));
43
- --mantine-font-size-md: calc(1rem * var(--mantine-scale));
44
- --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
45
- --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
46
- --mantine-line-height-xs: 1.4;
47
- --mantine-line-height-sm: 1.45;
48
- --mantine-line-height-md: 1.55;
49
- --mantine-line-height-lg: 1.6;
50
- --mantine-line-height-xl: 1.65;
51
- --mantine-shadow-xs:
52
- 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
53
- rgba(0, 0, 0, 0.05),
54
- 0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale))
55
- rgba(0, 0, 0, 0.1);
56
- --mantine-shadow-sm:
57
- 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
58
- rgba(0, 0, 0, 0.05),
59
- rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale))
60
- calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
61
- rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale))
62
- calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
63
- --mantine-shadow-md:
64
- 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
65
- rgba(0, 0, 0, 0.05),
66
- rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale))
67
- calc(1.5625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
68
- rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale))
69
- calc(0.625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
70
- --mantine-shadow-lg:
71
- 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
72
- rgba(0, 0, 0, 0.05),
73
- rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale))
74
- calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)),
75
- rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale))
76
- calc(-0.4375rem * var(--mantine-scale));
77
- --mantine-shadow-xl:
78
- 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
79
- rgba(0, 0, 0, 0.05),
80
- rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale))
81
- calc(-0.4375rem * var(--mantine-scale)),
82
- rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale))
83
- calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale));
84
- --mantine-radius-xs: calc(0.125rem * var(--mantine-scale));
85
- --mantine-radius-sm: calc(0.25rem * var(--mantine-scale));
86
- --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
87
- --mantine-radius-lg: calc(1rem * var(--mantine-scale));
88
- --mantine-radius-xl: calc(2rem * var(--mantine-scale));
89
- --mantine-primary-color-0: var(--mantine-color-blue-0);
90
- --mantine-primary-color-1: var(--mantine-color-blue-1);
91
- --mantine-primary-color-2: var(--mantine-color-blue-2);
92
- --mantine-primary-color-3: var(--mantine-color-blue-3);
93
- --mantine-primary-color-4: var(--mantine-color-blue-4);
94
- --mantine-primary-color-5: var(--mantine-color-blue-5);
95
- --mantine-primary-color-6: var(--mantine-color-blue-6);
96
- --mantine-primary-color-7: var(--mantine-color-blue-7);
97
- --mantine-primary-color-8: var(--mantine-color-blue-8);
98
- --mantine-primary-color-9: var(--mantine-color-blue-9);
99
- --mantine-color-dark-0: #c9c9c9;
100
- --mantine-color-dark-1: #b8b8b8;
101
- --mantine-color-dark-2: #828282;
102
- --mantine-color-dark-3: #696969;
103
- --mantine-color-dark-4: #424242;
104
- --mantine-color-dark-5: #3b3b3b;
105
- --mantine-color-dark-6: #2e2e2e;
106
- --mantine-color-dark-7: #242424;
107
- --mantine-color-dark-8: #1f1f1f;
108
- --mantine-color-dark-9: #141414;
109
- --mantine-color-gray-0: #f8f9fa;
110
- --mantine-color-gray-1: #f1f3f5;
111
- --mantine-color-gray-2: #e9ecef;
112
- --mantine-color-gray-3: #dee2e6;
113
- --mantine-color-gray-4: #ced4da;
114
- --mantine-color-gray-5: #adb5bd;
115
- --mantine-color-gray-6: #868e96;
116
- --mantine-color-gray-7: #495057;
117
- --mantine-color-gray-8: #343a40;
118
- --mantine-color-gray-9: #212529;
119
- --mantine-color-red-0: #fff5f5;
120
- --mantine-color-red-1: #ffe3e3;
121
- --mantine-color-red-2: #ffc9c9;
122
- --mantine-color-red-3: #ffa8a8;
123
- --mantine-color-red-4: #ff8787;
124
- --mantine-color-red-5: #ff6b6b;
125
- --mantine-color-red-6: #fa5252;
126
- --mantine-color-red-7: #f03e3e;
127
- --mantine-color-red-8: #e03131;
128
- --mantine-color-red-9: #c92a2a;
129
- --mantine-color-pink-0: #fff0f6;
130
- --mantine-color-pink-1: #ffdeeb;
131
- --mantine-color-pink-2: #fcc2d7;
132
- --mantine-color-pink-3: #faa2c1;
133
- --mantine-color-pink-4: #f783ac;
134
- --mantine-color-pink-5: #f06595;
135
- --mantine-color-pink-6: #e64980;
136
- --mantine-color-pink-7: #d6336c;
137
- --mantine-color-pink-8: #c2255c;
138
- --mantine-color-pink-9: #a61e4d;
139
- --mantine-color-grape-0: #f8f0fc;
140
- --mantine-color-grape-1: #f3d9fa;
141
- --mantine-color-grape-2: #eebefa;
142
- --mantine-color-grape-3: #e599f7;
143
- --mantine-color-grape-4: #da77f2;
144
- --mantine-color-grape-5: #cc5de8;
145
- --mantine-color-grape-6: #be4bdb;
146
- --mantine-color-grape-7: #ae3ec9;
147
- --mantine-color-grape-8: #9c36b5;
148
- --mantine-color-grape-9: #862e9c;
149
- --mantine-color-violet-0: #f3f0ff;
150
- --mantine-color-violet-1: #e5dbff;
151
- --mantine-color-violet-2: #d0bfff;
152
- --mantine-color-violet-3: #b197fc;
153
- --mantine-color-violet-4: #9775fa;
154
- --mantine-color-violet-5: #845ef7;
155
- --mantine-color-violet-6: #7950f2;
156
- --mantine-color-violet-7: #7048e8;
157
- --mantine-color-violet-8: #6741d9;
158
- --mantine-color-violet-9: #5f3dc4;
159
- --mantine-color-indigo-0: #edf2ff;
160
- --mantine-color-indigo-1: #dbe4ff;
161
- --mantine-color-indigo-2: #bac8ff;
162
- --mantine-color-indigo-3: #91a7ff;
163
- --mantine-color-indigo-4: #748ffc;
164
- --mantine-color-indigo-5: #5c7cfa;
165
- --mantine-color-indigo-6: #4c6ef5;
166
- --mantine-color-indigo-7: #4263eb;
167
- --mantine-color-indigo-8: #3b5bdb;
168
- --mantine-color-indigo-9: #364fc7;
169
- --mantine-color-blue-0: #e7f5ff;
170
- --mantine-color-blue-1: #d0ebff;
171
- --mantine-color-blue-2: #a5d8ff;
172
- --mantine-color-blue-3: #74c0fc;
173
- --mantine-color-blue-4: #4dabf7;
174
- --mantine-color-blue-5: #339af0;
175
- --mantine-color-blue-6: #228be6;
176
- --mantine-color-blue-7: #1c7ed6;
177
- --mantine-color-blue-8: #1971c2;
178
- --mantine-color-blue-9: #1864ab;
179
- --mantine-color-cyan-0: #e3fafc;
180
- --mantine-color-cyan-1: #c5f6fa;
181
- --mantine-color-cyan-2: #99e9f2;
182
- --mantine-color-cyan-3: #66d9e8;
183
- --mantine-color-cyan-4: #3bc9db;
184
- --mantine-color-cyan-5: #22b8cf;
185
- --mantine-color-cyan-6: #15aabf;
186
- --mantine-color-cyan-7: #1098ad;
187
- --mantine-color-cyan-8: #0c8599;
188
- --mantine-color-cyan-9: #0b7285;
189
- --mantine-color-teal-0: #e6fcf5;
190
- --mantine-color-teal-1: #c3fae8;
191
- --mantine-color-teal-2: #96f2d7;
192
- --mantine-color-teal-3: #63e6be;
193
- --mantine-color-teal-4: #38d9a9;
194
- --mantine-color-teal-5: #20c997;
195
- --mantine-color-teal-6: #12b886;
196
- --mantine-color-teal-7: #0ca678;
197
- --mantine-color-teal-8: #099268;
198
- --mantine-color-teal-9: #087f5b;
199
- --mantine-color-green-0: #ebfbee;
200
- --mantine-color-green-1: #d3f9d8;
201
- --mantine-color-green-2: #b2f2bb;
202
- --mantine-color-green-3: #8ce99a;
203
- --mantine-color-green-4: #69db7c;
204
- --mantine-color-green-5: #51cf66;
205
- --mantine-color-green-6: #40c057;
206
- --mantine-color-green-7: #37b24d;
207
- --mantine-color-green-8: #2f9e44;
208
- --mantine-color-green-9: #2b8a3e;
209
- --mantine-color-lime-0: #f4fce3;
210
- --mantine-color-lime-1: #e9fac8;
211
- --mantine-color-lime-2: #d8f5a2;
212
- --mantine-color-lime-3: #c0eb75;
213
- --mantine-color-lime-4: #a9e34b;
214
- --mantine-color-lime-5: #94d82d;
215
- --mantine-color-lime-6: #82c91e;
216
- --mantine-color-lime-7: #74b816;
217
- --mantine-color-lime-8: #66a80f;
218
- --mantine-color-lime-9: #5c940d;
219
- --mantine-color-yellow-0: #fff9db;
220
- --mantine-color-yellow-1: #fff3bf;
221
- --mantine-color-yellow-2: #ffec99;
222
- --mantine-color-yellow-3: #ffe066;
223
- --mantine-color-yellow-4: #ffd43b;
224
- --mantine-color-yellow-5: #fcc419;
225
- --mantine-color-yellow-6: #fab005;
226
- --mantine-color-yellow-7: #f59f00;
227
- --mantine-color-yellow-8: #f08c00;
228
- --mantine-color-yellow-9: #e67700;
229
- --mantine-color-orange-0: #fff4e6;
230
- --mantine-color-orange-1: #ffe8cc;
231
- --mantine-color-orange-2: #ffd8a8;
232
- --mantine-color-orange-3: #ffc078;
233
- --mantine-color-orange-4: #ffa94d;
234
- --mantine-color-orange-5: #ff922b;
235
- --mantine-color-orange-6: #fd7e14;
236
- --mantine-color-orange-7: #f76707;
237
- --mantine-color-orange-8: #e8590c;
238
- --mantine-color-orange-9: #d9480f;
239
- --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
240
- --mantine-h1-line-height: 1.3;
241
- --mantine-h1-font-weight: 700;
242
- --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
243
- --mantine-h2-line-height: 1.35;
244
- --mantine-h2-font-weight: 700;
245
- --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
246
- --mantine-h3-line-height: 1.4;
247
- --mantine-h3-font-weight: 700;
248
- --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
249
- --mantine-h4-line-height: 1.45;
250
- --mantine-h4-font-weight: 700;
251
- --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
252
- --mantine-h5-line-height: 1.5;
253
- --mantine-h5-font-weight: 700;
254
- --mantine-h6-font-size: calc(0.875rem * var(--mantine-scale));
255
- --mantine-h6-line-height: 1.5;
256
- --mantine-h6-font-weight: 700;
257
- }
258
-
259
- :root[data-mantine-color-scheme='dark'] {
260
- --mantine-color-scheme: dark;
261
- --mantine-primary-color-contrast: var(--mantine-color-white);
262
- --mantine-color-bright: var(--mantine-color-white);
263
- --mantine-color-text: var(--mantine-color-dark-0);
264
- --mantine-color-body: var(--mantine-color-dark-7);
265
- --mantine-color-error: var(--mantine-color-red-8);
266
- --mantine-color-placeholder: var(--mantine-color-dark-3);
267
- --mantine-color-anchor: var(--mantine-color-blue-4);
268
- --mantine-color-default: var(--mantine-color-dark-6);
269
- --mantine-color-default-hover: var(--mantine-color-dark-5);
270
- --mantine-color-default-color: var(--mantine-color-white);
271
- --mantine-color-default-border: var(--mantine-color-dark-4);
272
- --mantine-color-dimmed: var(--mantine-color-dark-2);
273
- --mantine-color-disabled: var(--mantine-color-dark-6);
274
- --mantine-color-disabled-color: var(--mantine-color-dark-3);
275
- --mantine-color-disabled-border: var(--mantine-color-dark-4);
276
- --mantine-color-dark-text: var(--mantine-color-dark-4);
277
- --mantine-color-dark-filled: var(--mantine-color-dark-8);
278
- --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
279
- --mantine-color-dark-light: rgba(46, 46, 46, 0.15);
280
- --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.2);
281
- --mantine-color-dark-light-color: var(--mantine-color-dark-3);
282
- --mantine-color-dark-outline: var(--mantine-color-dark-4);
283
- --mantine-color-dark-outline-hover: rgba(66, 66, 66, 0.05);
284
- --mantine-color-gray-text: var(--mantine-color-gray-4);
285
- --mantine-color-gray-filled: var(--mantine-color-gray-8);
286
- --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
287
- --mantine-color-gray-light: rgba(134, 142, 150, 0.15);
288
- --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.2);
289
- --mantine-color-gray-light-color: var(--mantine-color-gray-3);
290
- --mantine-color-gray-outline: var(--mantine-color-gray-4);
291
- --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
292
- --mantine-color-red-text: var(--mantine-color-red-4);
293
- --mantine-color-red-filled: var(--mantine-color-red-8);
294
- --mantine-color-red-filled-hover: var(--mantine-color-red-9);
295
- --mantine-color-red-light: rgba(250, 82, 82, 0.15);
296
- --mantine-color-red-light-hover: rgba(250, 82, 82, 0.2);
297
- --mantine-color-red-light-color: var(--mantine-color-red-3);
298
- --mantine-color-red-outline: var(--mantine-color-red-4);
299
- --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
300
- --mantine-color-pink-text: var(--mantine-color-pink-4);
301
- --mantine-color-pink-filled: var(--mantine-color-pink-8);
302
- --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
303
- --mantine-color-pink-light: rgba(230, 73, 128, 0.15);
304
- --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.2);
305
- --mantine-color-pink-light-color: var(--mantine-color-pink-3);
306
- --mantine-color-pink-outline: var(--mantine-color-pink-4);
307
- --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
308
- --mantine-color-grape-text: var(--mantine-color-grape-4);
309
- --mantine-color-grape-filled: var(--mantine-color-grape-8);
310
- --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
311
- --mantine-color-grape-light: rgba(190, 75, 219, 0.15);
312
- --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.2);
313
- --mantine-color-grape-light-color: var(--mantine-color-grape-3);
314
- --mantine-color-grape-outline: var(--mantine-color-grape-4);
315
- --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
316
- --mantine-color-violet-text: var(--mantine-color-violet-4);
317
- --mantine-color-violet-filled: var(--mantine-color-violet-8);
318
- --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
319
- --mantine-color-violet-light: rgba(121, 80, 242, 0.15);
320
- --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.2);
321
- --mantine-color-violet-light-color: var(--mantine-color-violet-3);
322
- --mantine-color-violet-outline: var(--mantine-color-violet-4);
323
- --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
324
- --mantine-color-indigo-text: var(--mantine-color-indigo-4);
325
- --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
326
- --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
327
- --mantine-color-indigo-light: rgba(76, 110, 245, 0.15);
328
- --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.2);
329
- --mantine-color-indigo-light-color: var(--mantine-color-indigo-3);
330
- --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
331
- --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
332
- --mantine-color-blue-text: var(--mantine-color-blue-4);
333
- --mantine-color-blue-filled: var(--mantine-color-blue-8);
334
- --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
335
- --mantine-color-blue-light: rgba(34, 139, 230, 0.15);
336
- --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.2);
337
- --mantine-color-blue-light-color: var(--mantine-color-blue-3);
338
- --mantine-color-blue-outline: var(--mantine-color-blue-4);
339
- --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
340
- --mantine-color-cyan-text: var(--mantine-color-cyan-4);
341
- --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
342
- --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
343
- --mantine-color-cyan-light: rgba(21, 170, 191, 0.15);
344
- --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.2);
345
- --mantine-color-cyan-light-color: var(--mantine-color-cyan-3);
346
- --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
347
- --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
348
- --mantine-color-teal-text: var(--mantine-color-teal-4);
349
- --mantine-color-teal-filled: var(--mantine-color-teal-8);
350
- --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
351
- --mantine-color-teal-light: rgba(18, 184, 134, 0.15);
352
- --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.2);
353
- --mantine-color-teal-light-color: var(--mantine-color-teal-3);
354
- --mantine-color-teal-outline: var(--mantine-color-teal-4);
355
- --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
356
- --mantine-color-green-text: var(--mantine-color-green-4);
357
- --mantine-color-green-filled: var(--mantine-color-green-8);
358
- --mantine-color-green-filled-hover: var(--mantine-color-green-9);
359
- --mantine-color-green-light: rgba(64, 192, 87, 0.15);
360
- --mantine-color-green-light-hover: rgba(64, 192, 87, 0.2);
361
- --mantine-color-green-light-color: var(--mantine-color-green-3);
362
- --mantine-color-green-outline: var(--mantine-color-green-4);
363
- --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
364
- --mantine-color-lime-text: var(--mantine-color-lime-4);
365
- --mantine-color-lime-filled: var(--mantine-color-lime-8);
366
- --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
367
- --mantine-color-lime-light: rgba(130, 201, 30, 0.15);
368
- --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.2);
369
- --mantine-color-lime-light-color: var(--mantine-color-lime-3);
370
- --mantine-color-lime-outline: var(--mantine-color-lime-4);
371
- --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
372
- --mantine-color-yellow-text: var(--mantine-color-yellow-4);
373
- --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
374
- --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
375
- --mantine-color-yellow-light: rgba(250, 176, 5, 0.15);
376
- --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.2);
377
- --mantine-color-yellow-light-color: var(--mantine-color-yellow-3);
378
- --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
379
- --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
380
- --mantine-color-orange-text: var(--mantine-color-orange-4);
381
- --mantine-color-orange-filled: var(--mantine-color-orange-8);
382
- --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
383
- --mantine-color-orange-light: rgba(253, 126, 20, 0.15);
384
- --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.2);
385
- --mantine-color-orange-light-color: var(--mantine-color-orange-3);
386
- --mantine-color-orange-outline: var(--mantine-color-orange-4);
387
- --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
388
- }
389
-
390
- :root[data-mantine-color-scheme='light'] {
391
- --mantine-color-scheme: light;
392
- --mantine-primary-color-contrast: var(--mantine-color-white);
393
- --mantine-color-bright: var(--mantine-color-black);
394
- --mantine-color-text: #000;
395
- --mantine-color-body: #fff;
396
- --mantine-color-error: var(--mantine-color-red-6);
397
- --mantine-color-placeholder: var(--mantine-color-gray-5);
398
- --mantine-color-anchor: var(--mantine-color-blue-6);
399
- --mantine-color-default: var(--mantine-color-white);
400
- --mantine-color-default-hover: var(--mantine-color-gray-0);
401
- --mantine-color-default-color: var(--mantine-color-black);
402
- --mantine-color-default-border: var(--mantine-color-gray-4);
403
- --mantine-color-dimmed: var(--mantine-color-gray-6);
404
- --mantine-color-disabled: var(--mantine-color-gray-2);
405
- --mantine-color-disabled-color: var(--mantine-color-gray-5);
406
- --mantine-color-disabled-border: var(--mantine-color-gray-3);
407
- --mantine-color-dark-text: var(--mantine-color-dark-filled);
408
- --mantine-color-dark-filled: var(--mantine-color-dark-6);
409
- --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
410
- --mantine-color-dark-light: rgba(46, 46, 46, 0.1);
411
- --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.12);
412
- --mantine-color-dark-light-color: var(--mantine-color-dark-6);
413
- --mantine-color-dark-outline: var(--mantine-color-dark-6);
414
- --mantine-color-dark-outline-hover: rgba(46, 46, 46, 0.05);
415
- --mantine-color-gray-text: var(--mantine-color-gray-filled);
416
- --mantine-color-gray-filled: var(--mantine-color-gray-6);
417
- --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
418
- --mantine-color-gray-light: rgba(134, 142, 150, 0.1);
419
- --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12);
420
- --mantine-color-gray-light-color: var(--mantine-color-gray-6);
421
- --mantine-color-gray-outline: var(--mantine-color-gray-6);
422
- --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
423
- --mantine-color-red-text: var(--mantine-color-red-filled);
424
- --mantine-color-red-filled: var(--mantine-color-red-6);
425
- --mantine-color-red-filled-hover: var(--mantine-color-red-7);
426
- --mantine-color-red-light: rgba(250, 82, 82, 0.1);
427
- --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12);
428
- --mantine-color-red-light-color: var(--mantine-color-red-6);
429
- --mantine-color-red-outline: var(--mantine-color-red-6);
430
- --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
431
- --mantine-color-pink-text: var(--mantine-color-pink-filled);
432
- --mantine-color-pink-filled: var(--mantine-color-pink-6);
433
- --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
434
- --mantine-color-pink-light: rgba(230, 73, 128, 0.1);
435
- --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12);
436
- --mantine-color-pink-light-color: var(--mantine-color-pink-6);
437
- --mantine-color-pink-outline: var(--mantine-color-pink-6);
438
- --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
439
- --mantine-color-grape-text: var(--mantine-color-grape-filled);
440
- --mantine-color-grape-filled: var(--mantine-color-grape-6);
441
- --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
442
- --mantine-color-grape-light: rgba(190, 75, 219, 0.1);
443
- --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12);
444
- --mantine-color-grape-light-color: var(--mantine-color-grape-6);
445
- --mantine-color-grape-outline: var(--mantine-color-grape-6);
446
- --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
447
- --mantine-color-violet-text: var(--mantine-color-violet-filled);
448
- --mantine-color-violet-filled: var(--mantine-color-violet-6);
449
- --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
450
- --mantine-color-violet-light: rgba(121, 80, 242, 0.1);
451
- --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12);
452
- --mantine-color-violet-light-color: var(--mantine-color-violet-6);
453
- --mantine-color-violet-outline: var(--mantine-color-violet-6);
454
- --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
455
- --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
456
- --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
457
- --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
458
- --mantine-color-indigo-light: rgba(76, 110, 245, 0.1);
459
- --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12);
460
- --mantine-color-indigo-light-color: var(--mantine-color-indigo-6);
461
- --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
462
- --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
463
- --mantine-color-blue-text: var(--mantine-color-blue-filled);
464
- --mantine-color-blue-filled: var(--mantine-color-blue-6);
465
- --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
466
- --mantine-color-blue-light: rgba(34, 139, 230, 0.1);
467
- --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12);
468
- --mantine-color-blue-light-color: var(--mantine-color-blue-6);
469
- --mantine-color-blue-outline: var(--mantine-color-blue-6);
470
- --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
471
- --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
472
- --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
473
- --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
474
- --mantine-color-cyan-light: rgba(21, 170, 191, 0.1);
475
- --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12);
476
- --mantine-color-cyan-light-color: var(--mantine-color-cyan-6);
477
- --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
478
- --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
479
- --mantine-color-teal-text: var(--mantine-color-teal-filled);
480
- --mantine-color-teal-filled: var(--mantine-color-teal-6);
481
- --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
482
- --mantine-color-teal-light: rgba(18, 184, 134, 0.1);
483
- --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12);
484
- --mantine-color-teal-light-color: var(--mantine-color-teal-6);
485
- --mantine-color-teal-outline: var(--mantine-color-teal-6);
486
- --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
487
- --mantine-color-green-text: var(--mantine-color-green-filled);
488
- --mantine-color-green-filled: var(--mantine-color-green-6);
489
- --mantine-color-green-filled-hover: var(--mantine-color-green-7);
490
- --mantine-color-green-light: rgba(64, 192, 87, 0.1);
491
- --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12);
492
- --mantine-color-green-light-color: var(--mantine-color-green-6);
493
- --mantine-color-green-outline: var(--mantine-color-green-6);
494
- --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
495
- --mantine-color-lime-text: var(--mantine-color-lime-filled);
496
- --mantine-color-lime-filled: var(--mantine-color-lime-6);
497
- --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
498
- --mantine-color-lime-light: rgba(130, 201, 30, 0.1);
499
- --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12);
500
- --mantine-color-lime-light-color: var(--mantine-color-lime-6);
501
- --mantine-color-lime-outline: var(--mantine-color-lime-6);
502
- --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
503
- --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
504
- --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
505
- --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
506
- --mantine-color-yellow-light: rgba(250, 176, 5, 0.1);
507
- --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12);
508
- --mantine-color-yellow-light-color: var(--mantine-color-yellow-6);
509
- --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
510
- --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
511
- --mantine-color-orange-text: var(--mantine-color-orange-filled);
512
- --mantine-color-orange-filled: var(--mantine-color-orange-6);
513
- --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
514
- --mantine-color-orange-light: rgba(253, 126, 20, 0.1);
515
- --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12);
516
- --mantine-color-orange-light-color: var(--mantine-color-orange-6);
517
- --mantine-color-orange-outline: var(--mantine-color-orange-6);
518
- --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
519
- }