@mantine/code-highlight 7.0.0-alpha.7 → 7.0.0-alpha.9

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 (79) hide show
  1. package/cjs/CodeHighlight.js +31 -103
  2. package/cjs/CodeHighlight.js.map +1 -1
  3. package/cjs/CodeHighlight.module.css.js +0 -1
  4. package/cjs/CodeHighlight.module.css.js.map +1 -1
  5. package/cjs/CodeHighlight.theme.module.css.js +0 -1
  6. package/cjs/CodeHighlight.theme.module.css.js.map +1 -1
  7. package/cjs/CodeHighlightTabs.js +60 -167
  8. package/cjs/CodeHighlightTabs.js.map +1 -1
  9. package/cjs/CopyIcon.js +9 -55
  10. package/cjs/CopyIcon.js.map +1 -1
  11. package/cjs/ExpandIcon.js +15 -68
  12. package/cjs/ExpandIcon.js.map +1 -1
  13. package/cjs/FileIcon.js +7 -8
  14. package/cjs/FileIcon.js.map +1 -1
  15. package/cjs/InlineCodeHighlight.js +19 -55
  16. package/cjs/InlineCodeHighlight.js.map +1 -1
  17. package/cjs/src/mantine-code-highlight/src/CodeHighlight.js +55 -0
  18. package/cjs/src/mantine-code-highlight/src/CodeHighlight.js.map +1 -0
  19. package/cjs/src/mantine-code-highlight/src/CodeHighlight.module.css.js +8 -0
  20. package/cjs/src/mantine-code-highlight/src/CodeHighlight.module.css.js.map +1 -0
  21. package/cjs/src/mantine-code-highlight/src/CodeHighlight.theme.module.css.js +8 -0
  22. package/cjs/src/mantine-code-highlight/src/CodeHighlight.theme.module.css.js.map +1 -0
  23. package/cjs/src/mantine-code-highlight/src/CodeHighlightTabs.js +90 -0
  24. package/cjs/src/mantine-code-highlight/src/CodeHighlightTabs.js.map +1 -0
  25. package/cjs/src/mantine-code-highlight/src/CopyIcon.js +25 -0
  26. package/cjs/src/mantine-code-highlight/src/CopyIcon.js.map +1 -0
  27. package/cjs/src/mantine-code-highlight/src/ExpandIcon.js +31 -0
  28. package/cjs/src/mantine-code-highlight/src/ExpandIcon.js.map +1 -0
  29. package/cjs/src/mantine-code-highlight/src/FileIcon.js +22 -0
  30. package/cjs/src/mantine-code-highlight/src/FileIcon.js.map +1 -0
  31. package/cjs/src/mantine-code-highlight/src/InlineCodeHighlight.js +43 -0
  32. package/cjs/src/mantine-code-highlight/src/InlineCodeHighlight.js.map +1 -0
  33. package/cjs/src/mantine-code-highlight/src/index.js +14 -0
  34. package/cjs/src/mantine-code-highlight/src/index.js.map +1 -0
  35. package/cjs/src/mantine-code-highlight/src/use-highlight.js +29 -0
  36. package/cjs/src/mantine-code-highlight/src/use-highlight.js.map +1 -0
  37. package/cjs/use-highlight.js +13 -12
  38. package/cjs/use-highlight.js.map +1 -1
  39. package/esm/CodeHighlight.js +31 -103
  40. package/esm/CodeHighlight.js.map +1 -1
  41. package/esm/CodeHighlight.module.css.js +0 -1
  42. package/esm/CodeHighlight.module.css.js.map +1 -1
  43. package/esm/CodeHighlight.theme.module.css.js +0 -1
  44. package/esm/CodeHighlight.theme.module.css.js.map +1 -1
  45. package/esm/CodeHighlightTabs.js +60 -167
  46. package/esm/CodeHighlightTabs.js.map +1 -1
  47. package/esm/CopyIcon.js +9 -55
  48. package/esm/CopyIcon.js.map +1 -1
  49. package/esm/ExpandIcon.js +15 -68
  50. package/esm/ExpandIcon.js.map +1 -1
  51. package/esm/FileIcon.js +7 -8
  52. package/esm/FileIcon.js.map +1 -1
  53. package/esm/InlineCodeHighlight.js +19 -55
  54. package/esm/InlineCodeHighlight.js.map +1 -1
  55. package/esm/src/mantine-code-highlight/src/CodeHighlight.js +46 -0
  56. package/esm/src/mantine-code-highlight/src/CodeHighlight.js.map +1 -0
  57. package/esm/src/mantine-code-highlight/src/CodeHighlight.module.css.js +4 -0
  58. package/esm/src/mantine-code-highlight/src/CodeHighlight.module.css.js.map +1 -0
  59. package/esm/src/mantine-code-highlight/src/CodeHighlight.theme.module.css.js +4 -0
  60. package/esm/src/mantine-code-highlight/src/CodeHighlight.theme.module.css.js.map +1 -0
  61. package/esm/src/mantine-code-highlight/src/CodeHighlightTabs.js +80 -0
  62. package/esm/src/mantine-code-highlight/src/CodeHighlightTabs.js.map +1 -0
  63. package/esm/src/mantine-code-highlight/src/CopyIcon.js +17 -0
  64. package/esm/src/mantine-code-highlight/src/CopyIcon.js.map +1 -0
  65. package/esm/src/mantine-code-highlight/src/ExpandIcon.js +23 -0
  66. package/esm/src/mantine-code-highlight/src/ExpandIcon.js.map +1 -0
  67. package/esm/src/mantine-code-highlight/src/FileIcon.js +14 -0
  68. package/esm/src/mantine-code-highlight/src/FileIcon.js.map +1 -0
  69. package/esm/src/mantine-code-highlight/src/InlineCodeHighlight.js +33 -0
  70. package/esm/src/mantine-code-highlight/src/InlineCodeHighlight.js.map +1 -0
  71. package/esm/src/mantine-code-highlight/src/index.js +4 -0
  72. package/esm/src/mantine-code-highlight/src/index.js.map +1 -0
  73. package/esm/src/mantine-code-highlight/src/use-highlight.js +21 -0
  74. package/esm/src/mantine-code-highlight/src/use-highlight.js.map +1 -0
  75. package/esm/use-highlight.js +13 -12
  76. package/esm/use-highlight.js.map +1 -1
  77. package/package.json +16 -8
  78. package/tsconfig.build.tsbuildinfo +1 -1
  79. package/styles.css +0 -327
package/styles.css DELETED
@@ -1,327 +0,0 @@
1
- .mantine-XIBJZDt {
2
- display: inline-block;
3
- padding: calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale));
4
- font-size: calc(0.8125rem * var(--mantine-scale));
5
- border-radius: var(--mantine-radius-xs);
6
- line-height: var(--_code-line-height, var(--mantine-line-height));
7
- font-family: var(--mantine-font-family-monospace);
8
- }
9
-
10
- .mantine-RDvBcjB {
11
- display: block;
12
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
13
- margin: 0;
14
- font-size: 16px; /* Required for Safari to be set in px */
15
- --_code-line-height: 1.7;
16
- }
17
-
18
- .mantine-cmEtjrV {
19
- display: flex;
20
- align-items: flex-start;
21
- justify-content: space-between;
22
- }
23
-
24
- .mantine-059sM-t {
25
- display: flex;
26
- margin-top: calc(0.4375rem * var(--mantine-scale));
27
- margin-right: calc(0.4375rem * var(--mantine-scale));
28
- }
29
-
30
- .mantine-tB-P5PD,
31
- .mantine-NTm-nGn {
32
- background-color: transparent;
33
- opacity: 0.8;
34
- margin: 0;
35
- }
36
-
37
- @media (hover: hover) {
38
-
39
- .mantine-tB-P5PD:hover, .mantine-NTm-nGn:hover {
40
- opacity: 1;
41
- }
42
- }
43
-
44
- @media (hover: none) {
45
-
46
- .mantine-tB-P5PD:active, .mantine-NTm-nGn:active {
47
- opacity: 1;
48
- }
49
- }
50
-
51
- @media (max-width: 40em) {
52
-
53
- .mantine-tB-P5PD,
54
- .mantine-NTm-nGn {
55
- display: none
56
- }
57
- }
58
-
59
- .mantine-tB-P5PD {
60
- position: absolute;
61
- top: calc(0.3125rem * var(--mantine-scale));
62
- right: calc(0.3125rem * var(--mantine-scale));
63
- z-index: 1;
64
- }
65
-
66
- .mantine-PBrPXnu {
67
- display: flex;
68
- align-items: center;
69
- justify-content: center;
70
- font-size: var(--mantine-font-size-xs);
71
- gap: calc(0.4375rem * var(--mantine-scale));
72
- padding: calc(0.4375rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
73
- font-family: var(--mantine-font-family-monospace);
74
- font-weight: 700;
75
- line-height: 1;
76
- user-select: none;
77
- cursor: var(--_file-cursor);
78
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_file-bd);
79
- border-top: 0;
80
- border-left: 0;
81
- color: var(--_file-color);
82
- opacity: var(--_file-opacity);
83
- background-color: var(--_file-bg);
84
- }
85
-
86
- @media (hover: hover) {
87
-
88
- .mantine-PBrPXnu:hover {
89
- --_file-opacity: 1;
90
- }
91
- }
92
-
93
- @media (hover: none) {
94
-
95
- .mantine-PBrPXnu:active {
96
- --_file-opacity: 1;
97
- }
98
- }
99
-
100
- .mantine-PBrPXnu:last-of-type {
101
- border-bottom-right-radius: var(--mantine-radius-sm);
102
- }
103
-
104
- .mantine-PBrPXnu:only-child {
105
- --_file-cursor: default;
106
- }
107
-
108
- .mantine-PBrPXnu[data-active] {
109
- --_file-opacity: 1;
110
- --_file-color: var(--_file-active-color) !important;
111
- --_file-bg: var(--_file-active-bg);
112
- }
113
-
114
- .mantine-PBrPXnu {
115
-
116
- --_file-opacity: 0.8;
117
- --_file-cursor: pointer;
118
- }
119
-
120
- [data-mantine-color-scheme='light'] .mantine-PBrPXnu {
121
- --_file-color: var(--mantine-color-gray-8);
122
- --_file-bd: var(--mantine-color-gray-2);
123
- --_file-active-bg: var(--mantine-color-white);
124
- --_file-active-color: var(--mantine-color-black);
125
- }
126
-
127
- @media (prefers-color-scheme: light) {
128
-
129
- .mantine-PBrPXnu {
130
- --_file-color: var(--mantine-color-gray-8);
131
- --_file-bd: var(--mantine-color-gray-2);
132
- --_file-active-bg: var(--mantine-color-white);
133
- --_file-active-color: var(--mantine-color-black);
134
- }
135
- }
136
-
137
- [data-mantine-color-scheme='dark'] .mantine-PBrPXnu {
138
- --_file-color: var(--mantine-color-dark-0);
139
- --_file-bd: var(--mantine-color-dark-4);
140
- --_file-active-bg: var(--mantine-color-dark-6);
141
- --_file-active-color: var(--mantine-color-white);
142
- }
143
-
144
- @media (prefers-color-scheme: dark) {
145
-
146
- .mantine-PBrPXnu {
147
- --_file-color: var(--mantine-color-dark-0);
148
- --_file-bd: var(--mantine-color-dark-4);
149
- --_file-active-bg: var(--mantine-color-dark-6);
150
- --_file-active-color: var(--mantine-color-white);
151
- }
152
- }
153
-
154
- .mantine-IvOddiX {
155
- display: flex;
156
- }
157
-
158
- .mantine-YfYyOiA {
159
- max-height: var(--ch-max-collapsed-height);
160
- overflow: hidden;
161
- position: relative;
162
- }
163
-
164
- .mantine-YfYyOiA::before {
165
- content: '';
166
- position: absolute;
167
- inset: 0;
168
- pointer-events: none;
169
- background-image: linear-gradient(0deg, var(--_background) 16%, rgba(0, 0, 0, 0) 100%);
170
- border-radius: calc(var(--mantine-radius-md) - calc(0.0625rem * var(--mantine-scale)));
171
- }
172
-
173
- .mantine-YfYyOiA[data-expanded] {
174
- max-height: none;
175
- }
176
-
177
- .mantine-YfYyOiA[data-expanded]::before {
178
- display: none;
179
- }
180
-
181
- .mantine-haNyFRC {
182
- position: absolute;
183
- bottom: 0;
184
- left: 50%;
185
- transform: translateX(-50%);
186
- font-size: var(--mantine-font-size-sm);
187
- color: var(--mantine-color-anchor);
188
- width: 100%;
189
- text-align: center;
190
- padding-top: var(--mantine-spacing-xs);
191
- padding-bottom: var(--mantine-spacing-xs);
192
- }
193
-
194
- .mantine-haNyFRC[data-hidden] {
195
- display: none;
196
- }
197
-
198
- .mantine-k6OJW8l {
199
- margin-top: 0;
200
- position: relative;
201
- }
202
-
203
- .mantine-h-DP-Yw {
204
- color: var(--_color);
205
- background: var(--_background);
206
- }
207
-
208
- [data-mantine-color-scheme='light'] .mantine-h-DP-Yw {
209
- --_color: var(--mantine-color-gray-7);
210
- --_background: var(--mantine-color-gray-0);
211
- --code-comment-color: var(--mantine-color-gray-6);
212
- --code-keyword-color: var(--mantine-color-violet-8);
213
- --code-tag-color: var(--mantine-color-red-9);
214
- --code-literal-color: var(--mantine-color-blue-6);
215
- --code-string-color: var(--mantine-color-blue-9);
216
- --code-variable-color: var(--mantine-color-lime-9);
217
- --code-class-color: var(--mantine-color-orange-9);
218
- }
219
-
220
- @media (prefers-color-scheme: light) {
221
-
222
- .mantine-h-DP-Yw {
223
- --_color: var(--mantine-color-gray-7);
224
- --_background: var(--mantine-color-gray-0);
225
- --code-comment-color: var(--mantine-color-gray-6);
226
- --code-keyword-color: var(--mantine-color-violet-8);
227
- --code-tag-color: var(--mantine-color-red-9);
228
- --code-literal-color: var(--mantine-color-blue-6);
229
- --code-string-color: var(--mantine-color-blue-9);
230
- --code-variable-color: var(--mantine-color-lime-9);
231
- --code-class-color: var(--mantine-color-orange-9);
232
- }
233
- }
234
-
235
- [data-mantine-color-scheme='dark'] .mantine-h-DP-Yw {
236
- --_color: var(--mantine-color-dark-1);
237
- --_background: var(--mantine-color-dark-8);
238
- --code-comment-color: var(--mantine-color-dark-3);
239
- --code-keyword-color: var(--mantine-color-violet-3);
240
- --code-tag-color: var(--mantine-color-yellow-4);
241
- --code-literal-color: var(--mantine-color-blue-4);
242
- --code-string-color: var(--mantine-color-green-6);
243
- --code-variable-color: var(--mantine-color-blue-2);
244
- --code-class-color: var(--mantine-color-orange-5);
245
- }
246
-
247
- @media (prefers-color-scheme: dark) {
248
-
249
- .mantine-h-DP-Yw {
250
- --_color: var(--mantine-color-dark-1);
251
- --_background: var(--mantine-color-dark-8);
252
- --code-comment-color: var(--mantine-color-dark-3);
253
- --code-keyword-color: var(--mantine-color-violet-3);
254
- --code-tag-color: var(--mantine-color-yellow-4);
255
- --code-literal-color: var(--mantine-color-blue-4);
256
- --code-string-color: var(--mantine-color-green-6);
257
- --code-variable-color: var(--mantine-color-blue-2);
258
- --code-class-color: var(--mantine-color-orange-5);
259
- }
260
- }
261
-
262
- .mantine-h-DP-Yw .hljs-comment,
263
- .mantine-h-DP-Yw .hljs-quote {
264
- font-style: italic;
265
- color: var(--code-comment-color);
266
- }
267
-
268
- .mantine-h-DP-Yw .hljs-doctag,
269
- .mantine-h-DP-Yw .hljs-formula,
270
- .mantine-h-DP-Yw .hljs-keyword {
271
- color: var(--code-keyword-color);
272
- }
273
-
274
- .mantine-h-DP-Yw .hljs-deletion,
275
- .mantine-h-DP-Yw .hljs-name,
276
- .mantine-h-DP-Yw .hljs-section,
277
- .mantine-h-DP-Yw .hljs-selector-tag,
278
- .mantine-h-DP-Yw .hljs-subst {
279
- color: var(--code-tag-color);
280
- }
281
-
282
- .mantine-h-DP-Yw .hljs-literal {
283
- color: var(--code-literal-color);
284
- }
285
-
286
- .mantine-h-DP-Yw .hljs-addition,
287
- .mantine-h-DP-Yw .hljs-attribute,
288
- .mantine-h-DP-Yw .hljs-meta .hljs-string,
289
- .mantine-h-DP-Yw .hljs-regexp,
290
- .mantine-h-DP-Yw .hljs-string {
291
- color: var(--code-string-color);
292
- }
293
-
294
- .mantine-h-DP-Yw .hljs-attr,
295
- .mantine-h-DP-Yw .hljs-number,
296
- .mantine-h-DP-Yw .hljs-selector-attr,
297
- .mantine-h-DP-Yw .hljs-selector-class,
298
- .mantine-h-DP-Yw .hljs-selector-pseudo,
299
- .mantine-h-DP-Yw .hljs-template-variable,
300
- .mantine-h-DP-Yw .hljs-type,
301
- .mantine-h-DP-Yw .hljs-variable {
302
- color: var(--code-variable-color);
303
- }
304
-
305
- .mantine-h-DP-Yw .hljs-bullet,
306
- .mantine-h-DP-Yw .hljs-link,
307
- .mantine-h-DP-Yw .hljs-meta,
308
- .mantine-h-DP-Yw .hljs-selector-id,
309
- .mantine-h-DP-Yw .hljs-symbol,
310
- .mantine-h-DP-Yw .hljs-title,
311
- .mantine-h-DP-Yw .hljs-built_in,
312
- .mantine-h-DP-Yw .hljs-class .hljs-title,
313
- .mantine-h-DP-Yw .hljs-title.class_ {
314
- color: var(--code-class-color);
315
- }
316
-
317
- .mantine-h-DP-Yw .hljs-emphasis {
318
- font-style: italic;
319
- }
320
-
321
- .mantine-h-DP-Yw .hljs-strong {
322
- font-weight: 700;
323
- }
324
-
325
- .mantine-h-DP-Yw .hljs-link {
326
- text-decoration: underline;
327
- }