@mantine/core 8.3.3 → 8.3.5

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 (197) hide show
  1. package/cjs/components/Alert/Alert.cjs +2 -2
  2. package/cjs/components/Alert/Alert.cjs.map +1 -1
  3. package/cjs/components/Checkbox/Checkbox.cjs +6 -1
  4. package/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
  5. package/cjs/components/Input/InputClearSection/InputClearSection.cjs +1 -1
  6. package/cjs/components/Input/InputClearSection/InputClearSection.cjs.map +1 -1
  7. package/cjs/components/Transition/get-transition-styles/get-transition-styles.cjs +0 -1
  8. package/cjs/components/Transition/get-transition-styles/get-transition-styles.cjs.map +1 -1
  9. package/esm/components/Alert/Alert.mjs +2 -2
  10. package/esm/components/Alert/Alert.mjs.map +1 -1
  11. package/esm/components/Checkbox/Checkbox.mjs +6 -1
  12. package/esm/components/Checkbox/Checkbox.mjs.map +1 -1
  13. package/esm/components/Input/InputClearSection/InputClearSection.mjs +1 -1
  14. package/esm/components/Input/InputClearSection/InputClearSection.mjs.map +1 -1
  15. package/esm/components/Transition/get-transition-styles/get-transition-styles.mjs +0 -1
  16. package/esm/components/Transition/get-transition-styles/get-transition-styles.mjs.map +1 -1
  17. package/package.json +2 -2
  18. package/styles/Accordion.css +178 -0
  19. package/styles/Accordion.layer.css +179 -0
  20. package/styles/ActionIcon.css +188 -0
  21. package/styles/ActionIcon.layer.css +189 -0
  22. package/styles/Affix.css +8 -0
  23. package/styles/Affix.layer.css +9 -0
  24. package/styles/Alert.css +82 -0
  25. package/styles/Alert.layer.css +83 -0
  26. package/styles/Anchor.css +56 -0
  27. package/styles/Anchor.layer.css +57 -0
  28. package/styles/AngleSlider.css +106 -0
  29. package/styles/AngleSlider.layer.css +107 -0
  30. package/styles/AppShell.css +127 -0
  31. package/styles/AppShell.layer.css +128 -0
  32. package/styles/AspectRatio.css +13 -0
  33. package/styles/AspectRatio.layer.css +14 -0
  34. package/styles/Avatar.css +68 -0
  35. package/styles/Avatar.layer.css +69 -0
  36. package/styles/BackgroundImage.css +9 -0
  37. package/styles/BackgroundImage.layer.css +10 -0
  38. package/styles/Badge.css +127 -0
  39. package/styles/Badge.layer.css +128 -0
  40. package/styles/Blockquote.css +41 -0
  41. package/styles/Blockquote.layer.css +42 -0
  42. package/styles/Breadcrumbs.css +27 -0
  43. package/styles/Breadcrumbs.layer.css +28 -0
  44. package/styles/Burger.css +68 -0
  45. package/styles/Burger.layer.css +69 -0
  46. package/styles/Button.css +261 -0
  47. package/styles/Button.layer.css +262 -0
  48. package/styles/Card.css +54 -0
  49. package/styles/Card.layer.css +55 -0
  50. package/styles/Center.css +9 -0
  51. package/styles/Center.layer.css +10 -0
  52. package/styles/Checkbox.css +110 -0
  53. package/styles/Checkbox.layer.css +111 -0
  54. package/styles/CheckboxCard.css +24 -0
  55. package/styles/CheckboxCard.layer.css +25 -0
  56. package/styles/CheckboxIndicator.css +97 -0
  57. package/styles/CheckboxIndicator.layer.css +98 -0
  58. package/styles/Chip.css +199 -0
  59. package/styles/Chip.layer.css +200 -0
  60. package/styles/CloseButton.css +58 -0
  61. package/styles/CloseButton.layer.css +59 -0
  62. package/styles/Code.css +21 -0
  63. package/styles/Code.layer.css +22 -0
  64. package/styles/ColorInput.css +21 -0
  65. package/styles/ColorInput.layer.css +22 -0
  66. package/styles/ColorPicker.css +160 -0
  67. package/styles/ColorPicker.layer.css +161 -0
  68. package/styles/ColorSwatch.css +71 -0
  69. package/styles/ColorSwatch.layer.css +72 -0
  70. package/styles/Combobox.css +210 -0
  71. package/styles/Combobox.layer.css +211 -0
  72. package/styles/Container.css +37 -0
  73. package/styles/Container.layer.css +38 -0
  74. package/styles/Dialog.css +19 -0
  75. package/styles/Dialog.layer.css +20 -0
  76. package/styles/Divider.css +62 -0
  77. package/styles/Divider.layer.css +63 -0
  78. package/styles/Drawer.css +33 -0
  79. package/styles/Drawer.layer.css +34 -0
  80. package/styles/Fieldset.css +49 -0
  81. package/styles/Fieldset.layer.css +50 -0
  82. package/styles/Flex.css +3 -0
  83. package/styles/Flex.layer.css +4 -0
  84. package/styles/FloatingIndicator.css +20 -0
  85. package/styles/FloatingIndicator.layer.css +21 -0
  86. package/styles/Grid.css +34 -0
  87. package/styles/Grid.layer.css +35 -0
  88. package/styles/Group.css +13 -0
  89. package/styles/Group.layer.css +14 -0
  90. package/styles/Image.css +6 -0
  91. package/styles/Image.layer.css +7 -0
  92. package/styles/Indicator.css +64 -0
  93. package/styles/Indicator.layer.css +65 -0
  94. package/styles/InlineInput.css +66 -0
  95. package/styles/InlineInput.layer.css +67 -0
  96. package/styles/Input.css +333 -0
  97. package/styles/Input.layer.css +334 -0
  98. package/styles/Kbd.css +31 -0
  99. package/styles/Kbd.layer.css +32 -0
  100. package/styles/List.css +51 -0
  101. package/styles/List.layer.css +52 -0
  102. package/styles/Loader.css +114 -0
  103. package/styles/Loader.layer.css +115 -0
  104. package/styles/LoadingOverlay.css +18 -0
  105. package/styles/LoadingOverlay.layer.css +19 -0
  106. package/styles/Mark.css +11 -0
  107. package/styles/Mark.layer.css +12 -0
  108. package/styles/Menu.css +80 -0
  109. package/styles/Menu.layer.css +81 -0
  110. package/styles/Modal.css +61 -0
  111. package/styles/Modal.layer.css +62 -0
  112. package/styles/ModalBase.css +56 -0
  113. package/styles/ModalBase.layer.css +57 -0
  114. package/styles/NavLink.css +118 -0
  115. package/styles/NavLink.layer.css +119 -0
  116. package/styles/Notification.css +131 -0
  117. package/styles/Notification.layer.css +132 -0
  118. package/styles/NumberInput.css +81 -0
  119. package/styles/NumberInput.layer.css +82 -0
  120. package/styles/Overlay.css +19 -0
  121. package/styles/Overlay.layer.css +20 -0
  122. package/styles/Pagination.css +96 -0
  123. package/styles/Pagination.layer.css +97 -0
  124. package/styles/Paper.css +24 -0
  125. package/styles/Paper.layer.css +25 -0
  126. package/styles/PasswordInput.css +62 -0
  127. package/styles/PasswordInput.layer.css +63 -0
  128. package/styles/Pill.css +117 -0
  129. package/styles/Pill.layer.css +118 -0
  130. package/styles/PillsInput.css +45 -0
  131. package/styles/PillsInput.layer.css +46 -0
  132. package/styles/PinInput.css +13 -0
  133. package/styles/PinInput.layer.css +14 -0
  134. package/styles/Popover.css +36 -0
  135. package/styles/Popover.layer.css +37 -0
  136. package/styles/Progress.css +142 -0
  137. package/styles/Progress.layer.css +143 -0
  138. package/styles/Radio.css +109 -0
  139. package/styles/Radio.layer.css +110 -0
  140. package/styles/RadioCard.css +24 -0
  141. package/styles/RadioCard.layer.css +25 -0
  142. package/styles/RadioIndicator.css +91 -0
  143. package/styles/RadioIndicator.layer.css +92 -0
  144. package/styles/Rating.css +82 -0
  145. package/styles/Rating.layer.css +83 -0
  146. package/styles/RingProgress.css +39 -0
  147. package/styles/RingProgress.layer.css +40 -0
  148. package/styles/ScrollArea.css +189 -0
  149. package/styles/ScrollArea.layer.css +190 -0
  150. package/styles/SegmentedControl.css +224 -0
  151. package/styles/SegmentedControl.layer.css +225 -0
  152. package/styles/SemiCircleProgress.css +56 -0
  153. package/styles/SemiCircleProgress.layer.css +57 -0
  154. package/styles/SimpleGrid.css +9 -0
  155. package/styles/SimpleGrid.layer.css +10 -0
  156. package/styles/Skeleton.css +50 -0
  157. package/styles/Skeleton.layer.css +51 -0
  158. package/styles/Slider.css +209 -0
  159. package/styles/Slider.layer.css +210 -0
  160. package/styles/Spoiler.css +21 -0
  161. package/styles/Spoiler.layer.css +22 -0
  162. package/styles/Stack.css +7 -0
  163. package/styles/Stack.layer.css +8 -0
  164. package/styles/Stepper.css +204 -0
  165. package/styles/Stepper.layer.css +205 -0
  166. package/styles/Switch.css +172 -0
  167. package/styles/Switch.layer.css +173 -0
  168. package/styles/Table.css +159 -0
  169. package/styles/Table.layer.css +160 -0
  170. package/styles/TableOfContents.css +38 -0
  171. package/styles/TableOfContents.layer.css +39 -0
  172. package/styles/Tabs.css +368 -0
  173. package/styles/Tabs.layer.css +369 -0
  174. package/styles/Text.css +51 -0
  175. package/styles/Text.layer.css +52 -0
  176. package/styles/ThemeIcon.css +24 -0
  177. package/styles/ThemeIcon.layer.css +25 -0
  178. package/styles/Timeline.css +173 -0
  179. package/styles/Timeline.layer.css +174 -0
  180. package/styles/Title.css +16 -0
  181. package/styles/Title.layer.css +17 -0
  182. package/styles/Tooltip.css +34 -0
  183. package/styles/Tooltip.layer.css +35 -0
  184. package/styles/Tree.css +36 -0
  185. package/styles/Tree.layer.css +37 -0
  186. package/styles/Typography.css +209 -0
  187. package/styles/Typography.layer.css +210 -0
  188. package/styles/UnstyledButton.css +17 -0
  189. package/styles/UnstyledButton.layer.css +18 -0
  190. package/styles/VisuallyHidden.css +11 -0
  191. package/styles/VisuallyHidden.layer.css +12 -0
  192. package/styles/baseline.css +40 -0
  193. package/styles/baseline.layer.css +41 -0
  194. package/styles/default-css-variables.css +519 -0
  195. package/styles/default-css-variables.layer.css +520 -0
  196. package/styles/global.css +40 -0
  197. package/styles/global.layer.css +41 -0
package/styles/default-css-variables.css ADDED
@@ -0,0 +1,519 @@
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
+ }