@mantine/code-highlight 7.6.2 → 7.7.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.
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- var _classes = {"code":"m-5caae6d3","pre":"m-2c47c4fd","header":"m-e58679f3","controls":"m-be7e9c9c","copy":"m-5caae85b","control":"m-d498bab7","file":"m-5cac2e62","files":"m-38d99e51","codeWrapper":"m-9f507240","showCodeButton":"m-c9378bc2","root":"m-5cb1b9c8","fileIcon":"m-b46cddfb"};
4
+ var _classes = {"code":"m_5caae6d3","pre":"m_2c47c4fd","header":"m_e58679f3","controls":"m_be7e9c9c","copy":"m_5caae85b","control":"m_d498bab7","file":"m_5cac2e62","files":"m_38d99e51","codeWrapper":"m_9f507240","showCodeButton":"m_c9378bc2","root":"m_5cb1b9c8","fileIcon":"m_b46cddfb"};
5
5
 
6
6
  module.exports = _classes;
7
7
  //# sourceMappingURL=CodeHighlight.module.css.cjs.map
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- var themeClasses = {"theme":"m-1f5e827e"};
4
+ var themeClasses = {"theme":"m_1f5e827e"};
5
5
 
6
6
  module.exports = themeClasses;
7
7
  //# sourceMappingURL=CodeHighlight.theme.module.css.cjs.map
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- var _classes = {"code":"m-5caae6d3","pre":"m-2c47c4fd","header":"m-e58679f3","controls":"m-be7e9c9c","copy":"m-5caae85b","control":"m-d498bab7","file":"m-5cac2e62","files":"m-38d99e51","codeWrapper":"m-9f507240","showCodeButton":"m-c9378bc2","root":"m-5cb1b9c8","fileIcon":"m-b46cddfb"};
2
+ var _classes = {"code":"m_5caae6d3","pre":"m_2c47c4fd","header":"m_e58679f3","controls":"m_be7e9c9c","copy":"m_5caae85b","control":"m_d498bab7","file":"m_5cac2e62","files":"m_38d99e51","codeWrapper":"m_9f507240","showCodeButton":"m_c9378bc2","root":"m_5cb1b9c8","fileIcon":"m_b46cddfb"};
3
3
 
4
4
  export { _classes as default };
5
5
  //# sourceMappingURL=CodeHighlight.module.css.mjs.map
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- var themeClasses = {"theme":"m-1f5e827e"};
2
+ var themeClasses = {"theme":"m_1f5e827e"};
3
3
 
4
4
  export { themeClasses as default };
5
5
  //# sourceMappingURL=CodeHighlight.theme.module.css.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine/code-highlight",
3
- "version": "7.6.2",
3
+ "version": "7.7.1",
4
4
  "description": "Code highlight with Mantine theme",
5
5
  "homepage": "https://mantine.dev/x/code-highlight/",
6
6
  "license": "MIT",
@@ -45,8 +45,8 @@
45
45
  "directory": "packages/@mantine/code-highlight"
46
46
  },
47
47
  "peerDependencies": {
48
- "@mantine/core": "7.6.2",
49
- "@mantine/hooks": "7.6.2",
48
+ "@mantine/core": "7.7.1",
49
+ "@mantine/hooks": "7.7.1",
50
50
  "react": "^18.2.0",
51
51
  "react-dom": "^18.2.0"
52
52
  },
@@ -56,7 +56,7 @@
56
56
  },
57
57
  "devDependencies": {
58
58
  "@mantine-tests/core": "1.1.0",
59
- "@mantine/core": "7.6.2",
60
- "@mantine/hooks": "7.6.2"
59
+ "@mantine/core": "7.7.1",
60
+ "@mantine/hooks": "7.7.1"
61
61
  }
62
62
  }
package/styles.css CHANGED
@@ -1,4 +1,4 @@
1
- .m-5caae6d3 {
1
+ .m_5caae6d3 {
2
2
  display: inline-block;
3
3
  padding: calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale));
4
4
  font-size: calc(0.8125rem * var(--mantine-scale));
@@ -7,27 +7,27 @@
7
7
  font-family: var(--mantine-font-family-monospace);
8
8
  }
9
9
 
10
- .m-2c47c4fd {
10
+ .m_2c47c4fd {
11
11
  --code-line-height: 1.7;
12
12
  display: block;
13
13
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
14
14
  margin: 0;
15
15
  }
16
16
 
17
- .m-e58679f3 {
17
+ .m_e58679f3 {
18
18
  display: flex;
19
19
  align-items: flex-start;
20
20
  justify-content: space-between;
21
21
  }
22
22
 
23
- .m-be7e9c9c {
23
+ .m_be7e9c9c {
24
24
  display: flex;
25
25
  margin-top: calc(0.4375rem * var(--mantine-scale));
26
26
  margin-inline-end: calc(0.4375rem * var(--mantine-scale));
27
27
  }
28
28
 
29
- .m-5caae85b,
30
- .m-d498bab7 {
29
+ .m_5caae85b,
30
+ .m_d498bab7 {
31
31
  background-color: transparent;
32
32
  opacity: 0.8;
33
33
  margin: 0;
@@ -36,7 +36,7 @@
36
36
 
37
37
  @media (hover: hover) {
38
38
 
39
- .m-5caae85b:hover, .m-d498bab7:hover {
39
+ .m_5caae85b:hover, .m_d498bab7:hover {
40
40
  opacity: 1;
41
41
  background-color: transparent;
42
42
  color: var(--mantine-color-dimmed);
@@ -45,7 +45,7 @@
45
45
 
46
46
  @media (hover: none) {
47
47
 
48
- .m-5caae85b:active, .m-d498bab7:active {
48
+ .m_5caae85b:active, .m_d498bab7:active {
49
49
  opacity: 1;
50
50
  background-color: transparent;
51
51
  color: var(--mantine-color-dimmed);
@@ -54,20 +54,20 @@
54
54
 
55
55
  @media (max-width: 40em) {
56
56
 
57
- .m-5caae85b,
58
- .m-d498bab7 {
57
+ .m_5caae85b,
58
+ .m_d498bab7 {
59
59
  display: none
60
60
  }
61
61
  }
62
62
 
63
- .m-5caae85b {
63
+ .m_5caae85b {
64
64
  position: absolute;
65
65
  top: calc(0.3125rem * var(--mantine-scale));
66
66
  inset-inline-end: calc(0.3125rem * var(--mantine-scale));
67
67
  z-index: 1;
68
68
  }
69
69
 
70
- .m-5cac2e62 {
70
+ .m_5cac2e62 {
71
71
  display: flex;
72
72
  align-items: center;
73
73
  justify-content: center;
@@ -89,61 +89,61 @@
89
89
 
90
90
  @media (hover: hover) {
91
91
 
92
- .m-5cac2e62:hover {
92
+ .m_5cac2e62:hover {
93
93
  opacity: 1;
94
94
  }
95
95
  }
96
96
 
97
97
  @media (hover: none) {
98
98
 
99
- .m-5cac2e62:active {
99
+ .m_5cac2e62:active {
100
100
  opacity: 1;
101
101
  }
102
102
  }
103
103
 
104
- .m-5cac2e62:where(:last-of-type) {
104
+ .m_5cac2e62:where(:last-of-type) {
105
105
  border-end-end-radius: var(--mantine-radius-sm);
106
106
  }
107
107
 
108
- .m-5cac2e62:where(:only-child) {
108
+ .m_5cac2e62:where(:only-child) {
109
109
  cursor: default;
110
110
  }
111
111
 
112
- .m-5cac2e62:where([data-active]) {
112
+ .m_5cac2e62:where([data-active]) {
113
113
  opacity: 1;
114
114
  }
115
115
 
116
- :where([data-mantine-color-scheme='light']) .m-5cac2e62:where([data-active]) {
116
+ :where([data-mantine-color-scheme='light']) .m_5cac2e62:where([data-active]) {
117
117
  background-color: var(--mantine-color-white);
118
118
  color: var(--mantine-color-black);
119
119
  }
120
120
 
121
- :where([data-mantine-color-scheme='dark']) .m-5cac2e62:where([data-active]) {
121
+ :where([data-mantine-color-scheme='dark']) .m_5cac2e62:where([data-active]) {
122
122
  background-color: var(--mantine-color-dark-6);
123
123
  color: var(--mantine-color-white);
124
124
  }
125
125
 
126
- :where([data-mantine-color-scheme='light']) .m-5cac2e62 {
126
+ :where([data-mantine-color-scheme='light']) .m_5cac2e62 {
127
127
  color: var(--mantine-color-gray-8);
128
128
  border-color: var(--mantine-color-gray-2);
129
129
  }
130
130
 
131
- :where([data-mantine-color-scheme='dark']) .m-5cac2e62 {
131
+ :where([data-mantine-color-scheme='dark']) .m_5cac2e62 {
132
132
  color: var(--mantine-color-dark-0);
133
133
  border-color: var(--mantine-color-dark-4);
134
134
  }
135
135
 
136
- .m-38d99e51 {
136
+ .m_38d99e51 {
137
137
  display: flex;
138
138
  }
139
139
 
140
- .m-9f507240 {
140
+ .m_9f507240 {
141
141
  max-height: var(--ch-max-collapsed-height);
142
142
  overflow: hidden;
143
143
  position: relative;
144
144
  }
145
145
 
146
- .m-9f507240::before {
146
+ .m_9f507240::before {
147
147
  content: '';
148
148
  z-index: 100;
149
149
  position: absolute;
@@ -153,15 +153,15 @@
153
153
  border-radius: calc(var(--mantine-radius-md) - calc(0.0625rem * var(--mantine-scale)));
154
154
  }
155
155
 
156
- .m-9f507240:where([data-expanded]) {
156
+ .m_9f507240:where([data-expanded]) {
157
157
  max-height: none;
158
158
  }
159
159
 
160
- .m-9f507240:where([data-expanded])::before {
160
+ .m_9f507240:where([data-expanded])::before {
161
161
  display: none;
162
162
  }
163
163
 
164
- .m-c9378bc2 {
164
+ .m_c9378bc2 {
165
165
  position: absolute;
166
166
  bottom: 0;
167
167
  inset-inline-start: 50%;
@@ -175,36 +175,36 @@
175
175
  padding-bottom: var(--mantine-spacing-xs);
176
176
  }
177
177
 
178
- .m-c9378bc2[data-hidden] {
178
+ .m_c9378bc2[data-hidden] {
179
179
  display: none;
180
180
  }
181
181
 
182
- .m-5cb1b9c8 {
182
+ .m_5cb1b9c8 {
183
183
  margin-top: 0;
184
184
  position: relative;
185
185
  }
186
186
 
187
- .m-5cb1b9c8:where([data-collapsed]) .mantine-ScrollArea-viewport > div {
187
+ .m_5cb1b9c8:where([data-collapsed]) .mantine-ScrollArea-viewport > div {
188
188
  display: block !important;
189
189
  }
190
190
 
191
- .m-b46cddfb {
191
+ .m_b46cddfb {
192
192
  display: flex;
193
193
  align-items: center;
194
194
  justify-content: center;
195
195
  flex: 0;
196
196
  }
197
197
 
198
- .m-b46cddfb > svg {
198
+ .m_b46cddfb > svg {
199
199
  display: block;
200
200
  }
201
201
 
202
- .m-1f5e827e {
202
+ .m_1f5e827e {
203
203
  color: var(--code-text-color);
204
204
  background: var(--code-background);
205
205
  }
206
206
 
207
- :where([data-mantine-color-scheme='light']) .m-1f5e827e {
207
+ :where([data-mantine-color-scheme='light']) .m_1f5e827e {
208
208
  --code-text-color: var(--mantine-color-gray-7);
209
209
  --code-background: var(--mantine-color-gray-0);
210
210
  --code-comment-color: var(--mantine-color-gray-6);
@@ -216,7 +216,7 @@
216
216
  --code-class-color: var(--mantine-color-orange-9);
217
217
  }
218
218
 
219
- :where([data-mantine-color-scheme='dark']) .m-1f5e827e {
219
+ :where([data-mantine-color-scheme='dark']) .m_1f5e827e {
220
220
  --code-text-color: var(--mantine-color-dark-1);
221
221
  --code-background: var(--mantine-color-dark-8);
222
222
  --code-comment-color: var(--mantine-color-dark-3);
@@ -228,69 +228,69 @@
228
228
  --code-class-color: var(--mantine-color-orange-5);
229
229
  }
230
230
 
231
- .m-1f5e827e .hljs-comment,
232
- .m-1f5e827e .hljs-quote {
231
+ .m_1f5e827e .hljs-comment,
232
+ .m_1f5e827e .hljs-quote {
233
233
  font-style: italic;
234
234
  color: var(--code-comment-color);
235
235
  }
236
236
 
237
- .m-1f5e827e .hljs-doctag,
238
- .m-1f5e827e .hljs-formula,
239
- .m-1f5e827e .hljs-keyword {
237
+ .m_1f5e827e .hljs-doctag,
238
+ .m_1f5e827e .hljs-formula,
239
+ .m_1f5e827e .hljs-keyword {
240
240
  color: var(--code-keyword-color);
241
241
  }
242
242
 
243
- .m-1f5e827e .hljs-deletion,
244
- .m-1f5e827e .hljs-name,
245
- .m-1f5e827e .hljs-section,
246
- .m-1f5e827e .hljs-selector-tag,
247
- .m-1f5e827e .hljs-subst {
243
+ .m_1f5e827e .hljs-deletion,
244
+ .m_1f5e827e .hljs-name,
245
+ .m_1f5e827e .hljs-section,
246
+ .m_1f5e827e .hljs-selector-tag,
247
+ .m_1f5e827e .hljs-subst {
248
248
  color: var(--code-tag-color);
249
249
  }
250
250
 
251
- .m-1f5e827e .hljs-literal {
251
+ .m_1f5e827e .hljs-literal {
252
252
  color: var(--code-literal-color);
253
253
  }
254
254
 
255
- .m-1f5e827e .hljs-addition,
256
- .m-1f5e827e .hljs-attribute,
257
- .m-1f5e827e .hljs-meta .hljs-string,
258
- .m-1f5e827e .hljs-regexp,
259
- .m-1f5e827e .hljs-string {
255
+ .m_1f5e827e .hljs-addition,
256
+ .m_1f5e827e .hljs-attribute,
257
+ .m_1f5e827e .hljs-meta .hljs-string,
258
+ .m_1f5e827e .hljs-regexp,
259
+ .m_1f5e827e .hljs-string {
260
260
  color: var(--code-string-color);
261
261
  }
262
262
 
263
- .m-1f5e827e .hljs-attr,
264
- .m-1f5e827e .hljs-number,
265
- .m-1f5e827e .hljs-selector-attr,
266
- .m-1f5e827e .hljs-selector-class,
267
- .m-1f5e827e .hljs-selector-pseudo,
268
- .m-1f5e827e .hljs-template-variable,
269
- .m-1f5e827e .hljs-type,
270
- .m-1f5e827e .hljs-variable {
263
+ .m_1f5e827e .hljs-attr,
264
+ .m_1f5e827e .hljs-number,
265
+ .m_1f5e827e .hljs-selector-attr,
266
+ .m_1f5e827e .hljs-selector-class,
267
+ .m_1f5e827e .hljs-selector-pseudo,
268
+ .m_1f5e827e .hljs-template-variable,
269
+ .m_1f5e827e .hljs-type,
270
+ .m_1f5e827e .hljs-variable {
271
271
  color: var(--code-variable-color);
272
272
  }
273
273
 
274
- .m-1f5e827e .hljs-bullet,
275
- .m-1f5e827e .hljs-link,
276
- .m-1f5e827e .hljs-meta,
277
- .m-1f5e827e .hljs-selector-id,
278
- .m-1f5e827e .hljs-symbol,
279
- .m-1f5e827e .hljs-title,
280
- .m-1f5e827e .hljs-built_in,
281
- .m-1f5e827e .hljs-class .hljs-title,
282
- .m-1f5e827e .hljs-title.class_ {
274
+ .m_1f5e827e .hljs-bullet,
275
+ .m_1f5e827e .hljs-link,
276
+ .m_1f5e827e .hljs-meta,
277
+ .m_1f5e827e .hljs-selector-id,
278
+ .m_1f5e827e .hljs-symbol,
279
+ .m_1f5e827e .hljs-title,
280
+ .m_1f5e827e .hljs-built_in,
281
+ .m_1f5e827e .hljs-class .hljs-title,
282
+ .m_1f5e827e .hljs-title.class_ {
283
283
  color: var(--code-class-color);
284
284
  }
285
285
 
286
- .m-1f5e827e .hljs-emphasis {
286
+ .m_1f5e827e .hljs-emphasis {
287
287
  font-style: italic;
288
288
  }
289
289
 
290
- .m-1f5e827e .hljs-strong {
290
+ .m_1f5e827e .hljs-strong {
291
291
  font-weight: 700;
292
292
  }
293
293
 
294
- .m-1f5e827e .hljs-link {
294
+ .m_1f5e827e .hljs-link {
295
295
  text-decoration: underline;
296
296
  }
package/styles.layer.css CHANGED
@@ -1,4 +1,4 @@
1
- @layer mantine {.m-5caae6d3 {
1
+ @layer mantine {.m_5caae6d3 {
2
2
  display: inline-block;
3
3
  padding: calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale));
4
4
  font-size: calc(0.8125rem * var(--mantine-scale));
@@ -7,27 +7,27 @@
7
7
  font-family: var(--mantine-font-family-monospace);
8
8
  }
9
9
 
10
- .m-2c47c4fd {
10
+ .m_2c47c4fd {
11
11
  --code-line-height: 1.7;
12
12
  display: block;
13
13
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
14
14
  margin: 0;
15
15
  }
16
16
 
17
- .m-e58679f3 {
17
+ .m_e58679f3 {
18
18
  display: flex;
19
19
  align-items: flex-start;
20
20
  justify-content: space-between;
21
21
  }
22
22
 
23
- .m-be7e9c9c {
23
+ .m_be7e9c9c {
24
24
  display: flex;
25
25
  margin-top: calc(0.4375rem * var(--mantine-scale));
26
26
  margin-inline-end: calc(0.4375rem * var(--mantine-scale));
27
27
  }
28
28
 
29
- .m-5caae85b,
30
- .m-d498bab7 {
29
+ .m_5caae85b,
30
+ .m_d498bab7 {
31
31
  background-color: transparent;
32
32
  opacity: 0.8;
33
33
  margin: 0;
@@ -36,7 +36,7 @@
36
36
 
37
37
  @media (hover: hover) {
38
38
 
39
- .m-5caae85b:hover, .m-d498bab7:hover {
39
+ .m_5caae85b:hover, .m_d498bab7:hover {
40
40
  opacity: 1;
41
41
  background-color: transparent;
42
42
  color: var(--mantine-color-dimmed);
@@ -45,7 +45,7 @@
45
45
 
46
46
  @media (hover: none) {
47
47
 
48
- .m-5caae85b:active, .m-d498bab7:active {
48
+ .m_5caae85b:active, .m_d498bab7:active {
49
49
  opacity: 1;
50
50
  background-color: transparent;
51
51
  color: var(--mantine-color-dimmed);
@@ -54,20 +54,20 @@
54
54
 
55
55
  @media (max-width: 40em) {
56
56
 
57
- .m-5caae85b,
58
- .m-d498bab7 {
57
+ .m_5caae85b,
58
+ .m_d498bab7 {
59
59
  display: none
60
60
  }
61
61
  }
62
62
 
63
- .m-5caae85b {
63
+ .m_5caae85b {
64
64
  position: absolute;
65
65
  top: calc(0.3125rem * var(--mantine-scale));
66
66
  inset-inline-end: calc(0.3125rem * var(--mantine-scale));
67
67
  z-index: 1;
68
68
  }
69
69
 
70
- .m-5cac2e62 {
70
+ .m_5cac2e62 {
71
71
  display: flex;
72
72
  align-items: center;
73
73
  justify-content: center;
@@ -89,61 +89,61 @@
89
89
 
90
90
  @media (hover: hover) {
91
91
 
92
- .m-5cac2e62:hover {
92
+ .m_5cac2e62:hover {
93
93
  opacity: 1;
94
94
  }
95
95
  }
96
96
 
97
97
  @media (hover: none) {
98
98
 
99
- .m-5cac2e62:active {
99
+ .m_5cac2e62:active {
100
100
  opacity: 1;
101
101
  }
102
102
  }
103
103
 
104
- .m-5cac2e62:where(:last-of-type) {
104
+ .m_5cac2e62:where(:last-of-type) {
105
105
  border-end-end-radius: var(--mantine-radius-sm);
106
106
  }
107
107
 
108
- .m-5cac2e62:where(:only-child) {
108
+ .m_5cac2e62:where(:only-child) {
109
109
  cursor: default;
110
110
  }
111
111
 
112
- .m-5cac2e62:where([data-active]) {
112
+ .m_5cac2e62:where([data-active]) {
113
113
  opacity: 1;
114
114
  }
115
115
 
116
- :where([data-mantine-color-scheme='light']) .m-5cac2e62:where([data-active]) {
116
+ :where([data-mantine-color-scheme='light']) .m_5cac2e62:where([data-active]) {
117
117
  background-color: var(--mantine-color-white);
118
118
  color: var(--mantine-color-black);
119
119
  }
120
120
 
121
- :where([data-mantine-color-scheme='dark']) .m-5cac2e62:where([data-active]) {
121
+ :where([data-mantine-color-scheme='dark']) .m_5cac2e62:where([data-active]) {
122
122
  background-color: var(--mantine-color-dark-6);
123
123
  color: var(--mantine-color-white);
124
124
  }
125
125
 
126
- :where([data-mantine-color-scheme='light']) .m-5cac2e62 {
126
+ :where([data-mantine-color-scheme='light']) .m_5cac2e62 {
127
127
  color: var(--mantine-color-gray-8);
128
128
  border-color: var(--mantine-color-gray-2);
129
129
  }
130
130
 
131
- :where([data-mantine-color-scheme='dark']) .m-5cac2e62 {
131
+ :where([data-mantine-color-scheme='dark']) .m_5cac2e62 {
132
132
  color: var(--mantine-color-dark-0);
133
133
  border-color: var(--mantine-color-dark-4);
134
134
  }
135
135
 
136
- .m-38d99e51 {
136
+ .m_38d99e51 {
137
137
  display: flex;
138
138
  }
139
139
 
140
- .m-9f507240 {
140
+ .m_9f507240 {
141
141
  max-height: var(--ch-max-collapsed-height);
142
142
  overflow: hidden;
143
143
  position: relative;
144
144
  }
145
145
 
146
- .m-9f507240::before {
146
+ .m_9f507240::before {
147
147
  content: '';
148
148
  z-index: 100;
149
149
  position: absolute;
@@ -153,15 +153,15 @@
153
153
  border-radius: calc(var(--mantine-radius-md) - calc(0.0625rem * var(--mantine-scale)));
154
154
  }
155
155
 
156
- .m-9f507240:where([data-expanded]) {
156
+ .m_9f507240:where([data-expanded]) {
157
157
  max-height: none;
158
158
  }
159
159
 
160
- .m-9f507240:where([data-expanded])::before {
160
+ .m_9f507240:where([data-expanded])::before {
161
161
  display: none;
162
162
  }
163
163
 
164
- .m-c9378bc2 {
164
+ .m_c9378bc2 {
165
165
  position: absolute;
166
166
  bottom: 0;
167
167
  inset-inline-start: 50%;
@@ -175,36 +175,36 @@
175
175
  padding-bottom: var(--mantine-spacing-xs);
176
176
  }
177
177
 
178
- .m-c9378bc2[data-hidden] {
178
+ .m_c9378bc2[data-hidden] {
179
179
  display: none;
180
180
  }
181
181
 
182
- .m-5cb1b9c8 {
182
+ .m_5cb1b9c8 {
183
183
  margin-top: 0;
184
184
  position: relative;
185
185
  }
186
186
 
187
- .m-5cb1b9c8:where([data-collapsed]) .mantine-ScrollArea-viewport > div {
187
+ .m_5cb1b9c8:where([data-collapsed]) .mantine-ScrollArea-viewport > div {
188
188
  display: block !important;
189
189
  }
190
190
 
191
- .m-b46cddfb {
191
+ .m_b46cddfb {
192
192
  display: flex;
193
193
  align-items: center;
194
194
  justify-content: center;
195
195
  flex: 0;
196
196
  }
197
197
 
198
- .m-b46cddfb > svg {
198
+ .m_b46cddfb > svg {
199
199
  display: block;
200
200
  }
201
201
 
202
- .m-1f5e827e {
202
+ .m_1f5e827e {
203
203
  color: var(--code-text-color);
204
204
  background: var(--code-background);
205
205
  }
206
206
 
207
- :where([data-mantine-color-scheme='light']) .m-1f5e827e {
207
+ :where([data-mantine-color-scheme='light']) .m_1f5e827e {
208
208
  --code-text-color: var(--mantine-color-gray-7);
209
209
  --code-background: var(--mantine-color-gray-0);
210
210
  --code-comment-color: var(--mantine-color-gray-6);
@@ -216,7 +216,7 @@
216
216
  --code-class-color: var(--mantine-color-orange-9);
217
217
  }
218
218
 
219
- :where([data-mantine-color-scheme='dark']) .m-1f5e827e {
219
+ :where([data-mantine-color-scheme='dark']) .m_1f5e827e {
220
220
  --code-text-color: var(--mantine-color-dark-1);
221
221
  --code-background: var(--mantine-color-dark-8);
222
222
  --code-comment-color: var(--mantine-color-dark-3);
@@ -228,70 +228,70 @@
228
228
  --code-class-color: var(--mantine-color-orange-5);
229
229
  }
230
230
 
231
- .m-1f5e827e .hljs-comment,
232
- .m-1f5e827e .hljs-quote {
231
+ .m_1f5e827e .hljs-comment,
232
+ .m_1f5e827e .hljs-quote {
233
233
  font-style: italic;
234
234
  color: var(--code-comment-color);
235
235
  }
236
236
 
237
- .m-1f5e827e .hljs-doctag,
238
- .m-1f5e827e .hljs-formula,
239
- .m-1f5e827e .hljs-keyword {
237
+ .m_1f5e827e .hljs-doctag,
238
+ .m_1f5e827e .hljs-formula,
239
+ .m_1f5e827e .hljs-keyword {
240
240
  color: var(--code-keyword-color);
241
241
  }
242
242
 
243
- .m-1f5e827e .hljs-deletion,
244
- .m-1f5e827e .hljs-name,
245
- .m-1f5e827e .hljs-section,
246
- .m-1f5e827e .hljs-selector-tag,
247
- .m-1f5e827e .hljs-subst {
243
+ .m_1f5e827e .hljs-deletion,
244
+ .m_1f5e827e .hljs-name,
245
+ .m_1f5e827e .hljs-section,
246
+ .m_1f5e827e .hljs-selector-tag,
247
+ .m_1f5e827e .hljs-subst {
248
248
  color: var(--code-tag-color);
249
249
  }
250
250
 
251
- .m-1f5e827e .hljs-literal {
251
+ .m_1f5e827e .hljs-literal {
252
252
  color: var(--code-literal-color);
253
253
  }
254
254
 
255
- .m-1f5e827e .hljs-addition,
256
- .m-1f5e827e .hljs-attribute,
257
- .m-1f5e827e .hljs-meta .hljs-string,
258
- .m-1f5e827e .hljs-regexp,
259
- .m-1f5e827e .hljs-string {
255
+ .m_1f5e827e .hljs-addition,
256
+ .m_1f5e827e .hljs-attribute,
257
+ .m_1f5e827e .hljs-meta .hljs-string,
258
+ .m_1f5e827e .hljs-regexp,
259
+ .m_1f5e827e .hljs-string {
260
260
  color: var(--code-string-color);
261
261
  }
262
262
 
263
- .m-1f5e827e .hljs-attr,
264
- .m-1f5e827e .hljs-number,
265
- .m-1f5e827e .hljs-selector-attr,
266
- .m-1f5e827e .hljs-selector-class,
267
- .m-1f5e827e .hljs-selector-pseudo,
268
- .m-1f5e827e .hljs-template-variable,
269
- .m-1f5e827e .hljs-type,
270
- .m-1f5e827e .hljs-variable {
263
+ .m_1f5e827e .hljs-attr,
264
+ .m_1f5e827e .hljs-number,
265
+ .m_1f5e827e .hljs-selector-attr,
266
+ .m_1f5e827e .hljs-selector-class,
267
+ .m_1f5e827e .hljs-selector-pseudo,
268
+ .m_1f5e827e .hljs-template-variable,
269
+ .m_1f5e827e .hljs-type,
270
+ .m_1f5e827e .hljs-variable {
271
271
  color: var(--code-variable-color);
272
272
  }
273
273
 
274
- .m-1f5e827e .hljs-bullet,
275
- .m-1f5e827e .hljs-link,
276
- .m-1f5e827e .hljs-meta,
277
- .m-1f5e827e .hljs-selector-id,
278
- .m-1f5e827e .hljs-symbol,
279
- .m-1f5e827e .hljs-title,
280
- .m-1f5e827e .hljs-built_in,
281
- .m-1f5e827e .hljs-class .hljs-title,
282
- .m-1f5e827e .hljs-title.class_ {
274
+ .m_1f5e827e .hljs-bullet,
275
+ .m_1f5e827e .hljs-link,
276
+ .m_1f5e827e .hljs-meta,
277
+ .m_1f5e827e .hljs-selector-id,
278
+ .m_1f5e827e .hljs-symbol,
279
+ .m_1f5e827e .hljs-title,
280
+ .m_1f5e827e .hljs-built_in,
281
+ .m_1f5e827e .hljs-class .hljs-title,
282
+ .m_1f5e827e .hljs-title.class_ {
283
283
  color: var(--code-class-color);
284
284
  }
285
285
 
286
- .m-1f5e827e .hljs-emphasis {
286
+ .m_1f5e827e .hljs-emphasis {
287
287
  font-style: italic;
288
288
  }
289
289
 
290
- .m-1f5e827e .hljs-strong {
290
+ .m_1f5e827e .hljs-strong {
291
291
  font-weight: 700;
292
292
  }
293
293
 
294
- .m-1f5e827e .hljs-link {
294
+ .m_1f5e827e .hljs-link {
295
295
  text-decoration: underline;
296
296
  }
297
297
  }