@mantine/code-highlight 7.0.1 → 7.1.0

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 (5) hide show
  1. package/cjs/index.css +1 -296
  2. package/esm/index.css +1 -296
  3. package/esm/index.layer.css +1 -0
  4. package/package.json +5 -4
  5. package/tsconfig.build.tsbuildinfo +1 -1
package/cjs/index.css CHANGED
@@ -1,296 +1 @@
1
- .m-5caae6d3 {
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
- .m-2c47c4fd {
11
- display: block;
12
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
13
- margin: 0;
14
- --_code-line-height: 1.7;
15
- }
16
-
17
- .m-e58679f3 {
18
- display: flex;
19
- align-items: flex-start;
20
- justify-content: space-between;
21
- }
22
-
23
- .m-be7e9c9c {
24
- display: flex;
25
- margin-top: calc(0.4375rem * var(--mantine-scale));
26
- margin-right: calc(0.4375rem * var(--mantine-scale));
27
- }
28
-
29
- .m-5caae85b,
30
- .m-d498bab7 {
31
- background-color: transparent;
32
- opacity: 0.8;
33
- margin: 0;
34
- color: var(--mantine-color-dimmed);
35
- }
36
-
37
- @media (hover: hover) {
38
-
39
- .m-5caae85b:hover, .m-d498bab7:hover {
40
- opacity: 1;
41
- }
42
- }
43
-
44
- @media (hover: none) {
45
-
46
- .m-5caae85b:active, .m-d498bab7:active {
47
- opacity: 1;
48
- }
49
- }
50
-
51
- @media (max-width: 40em) {
52
-
53
- .m-5caae85b,
54
- .m-d498bab7 {
55
- display: none
56
- }
57
- }
58
-
59
- .m-5caae85b {
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
- .m-5cac2e62 {
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
- white-space: nowrap;
85
- margin: 0;
86
- }
87
-
88
- @media (hover: hover) {
89
-
90
- .m-5cac2e62:hover {
91
- --_file-opacity: 1;
92
- }
93
- }
94
-
95
- @media (hover: none) {
96
-
97
- .m-5cac2e62:active {
98
- --_file-opacity: 1;
99
- }
100
- }
101
-
102
- .m-5cac2e62:last-of-type {
103
- border-bottom-right-radius: var(--mantine-radius-sm);
104
- }
105
-
106
- .m-5cac2e62:only-child {
107
- --_file-cursor: default;
108
- }
109
-
110
- .m-5cac2e62[data-active] {
111
- --_file-opacity: 1;
112
- --_file-color: var(--_file-active-color) !important;
113
- --_file-bg: var(--_file-active-bg);
114
- }
115
-
116
- .m-5cac2e62 {
117
-
118
- --_file-opacity: 0.8;
119
- --_file-cursor: pointer;
120
- }
121
-
122
- [data-mantine-color-scheme='light'] .m-5cac2e62 {
123
- --_file-color: var(--mantine-color-gray-8);
124
- --_file-bd: var(--mantine-color-gray-2);
125
- --_file-active-bg: var(--mantine-color-white);
126
- --_file-active-color: var(--mantine-color-black);
127
- }
128
-
129
- [data-mantine-color-scheme='dark'] .m-5cac2e62 {
130
- --_file-color: var(--mantine-color-dark-0);
131
- --_file-bd: var(--mantine-color-dark-4);
132
- --_file-active-bg: var(--mantine-color-dark-6);
133
- --_file-active-color: var(--mantine-color-white);
134
- }
135
-
136
- .m-38d99e51 {
137
- display: flex;
138
- }
139
-
140
- .m-9f507240 {
141
- max-height: var(--ch-max-collapsed-height);
142
- overflow: hidden;
143
- position: relative;
144
- }
145
-
146
- .m-9f507240::before {
147
- content: '';
148
- z-index: 100;
149
- position: absolute;
150
- inset: 0;
151
- pointer-events: none;
152
- background-image: linear-gradient(0deg, var(--_background) 16%, rgba(0, 0, 0, 0) 100%);
153
- border-radius: calc(var(--mantine-radius-md) - calc(0.0625rem * var(--mantine-scale)));
154
- }
155
-
156
- .m-9f507240[data-expanded] {
157
- max-height: none;
158
- }
159
-
160
- .m-9f507240[data-expanded]::before {
161
- display: none;
162
- }
163
-
164
- .m-c9378bc2 {
165
- position: absolute;
166
- bottom: 0;
167
- left: 50%;
168
- transform: translateX(-50%);
169
- font-size: var(--mantine-font-size-sm);
170
- color: var(--mantine-color-anchor);
171
- width: 100%;
172
- text-align: center;
173
- z-index: 101;
174
- padding-top: var(--mantine-spacing-xs);
175
- padding-bottom: var(--mantine-spacing-xs);
176
- }
177
-
178
- .m-c9378bc2[data-hidden] {
179
- display: none;
180
- }
181
-
182
- .m-5cb1b9c8 {
183
- margin-top: 0;
184
- position: relative;
185
- }
186
-
187
- .m-5cb1b9c8[data-collapsed] .mantine-ScrollArea-viewport > div {
188
- display: block !important;
189
- }
190
-
191
- .m-b46cddfb {
192
- display: flex;
193
- align-items: center;
194
- justify-content: center;
195
- flex: 0 1;
196
- }
197
-
198
- .m-b46cddfb > svg {
199
- display: block;
200
- }
201
-
202
- .m-1f5e827e {
203
- color: var(--_color);
204
- background: var(--_background);
205
- }
206
-
207
- [data-mantine-color-scheme='light'] .m-1f5e827e {
208
- --_color: var(--mantine-color-gray-7);
209
- --_background: var(--mantine-color-gray-0);
210
- --code-comment-color: var(--mantine-color-gray-6);
211
- --code-keyword-color: var(--mantine-color-violet-8);
212
- --code-tag-color: var(--mantine-color-red-9);
213
- --code-literal-color: var(--mantine-color-blue-6);
214
- --code-string-color: var(--mantine-color-blue-9);
215
- --code-variable-color: var(--mantine-color-lime-9);
216
- --code-class-color: var(--mantine-color-orange-9);
217
- }
218
-
219
- [data-mantine-color-scheme='dark'] .m-1f5e827e {
220
- --_color: var(--mantine-color-dark-1);
221
- --_background: var(--mantine-color-dark-8);
222
- --code-comment-color: var(--mantine-color-dark-3);
223
- --code-keyword-color: var(--mantine-color-violet-3);
224
- --code-tag-color: var(--mantine-color-yellow-4);
225
- --code-literal-color: var(--mantine-color-blue-4);
226
- --code-string-color: var(--mantine-color-green-6);
227
- --code-variable-color: var(--mantine-color-blue-2);
228
- --code-class-color: var(--mantine-color-orange-5);
229
- }
230
-
231
- .m-1f5e827e .hljs-comment,
232
- .m-1f5e827e .hljs-quote {
233
- font-style: italic;
234
- color: var(--code-comment-color);
235
- }
236
-
237
- .m-1f5e827e .hljs-doctag,
238
- .m-1f5e827e .hljs-formula,
239
- .m-1f5e827e .hljs-keyword {
240
- color: var(--code-keyword-color);
241
- }
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 {
248
- color: var(--code-tag-color);
249
- }
250
-
251
- .m-1f5e827e .hljs-literal {
252
- color: var(--code-literal-color);
253
- }
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 {
260
- color: var(--code-string-color);
261
- }
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 {
271
- color: var(--code-variable-color);
272
- }
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_ {
283
- color: var(--code-class-color);
284
- }
285
-
286
- .m-1f5e827e .hljs-emphasis {
287
- font-style: italic;
288
- }
289
-
290
- .m-1f5e827e .hljs-strong {
291
- font-weight: 700;
292
- }
293
-
294
- .m-1f5e827e .hljs-link {
295
- text-decoration: underline;
296
- }
1
+ .m-5caae6d3{border-radius:var(--mantine-radius-xs);display:inline-block;font-family:var(--mantine-font-family-monospace);font-size:calc(.8125rem*var(--mantine-scale));line-height:var(--_code-line-height,var(--mantine-line-height));padding:calc(.0625rem*var(--mantine-scale)) calc(.1875rem*var(--mantine-scale))}.m-2c47c4fd{--_code-line-height:1.7;display:block;margin:0;padding:var(--mantine-spacing-xs) var(--mantine-spacing-md)}.m-e58679f3{align-items:flex-start;display:flex;justify-content:space-between}.m-be7e9c9c{display:flex;margin-right:calc(.4375rem*var(--mantine-scale));margin-top:calc(.4375rem*var(--mantine-scale))}.m-5caae85b,.m-d498bab7{background-color:transparent;color:var(--mantine-color-dimmed);margin:0;opacity:.8}@media (hover:hover){.m-5caae85b:hover,.m-d498bab7:hover{opacity:1}}@media (hover:none){.m-5caae85b:active,.m-d498bab7:active{opacity:1}}@media (max-width:40em){.m-5caae85b,.m-d498bab7{display:none}}.m-5caae85b{position:absolute;right:calc(.3125rem*var(--mantine-scale));top:calc(.3125rem*var(--mantine-scale));z-index:1}.m-5cac2e62{align-items:center;background-color:var(--_file-bg);border:calc(.0625rem*var(--mantine-scale)) solid var(--_file-bd);border-left:0;border-top:0;color:var(--_file-color);cursor:var(--_file-cursor);display:flex;font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);font-weight:700;gap:calc(.4375rem*var(--mantine-scale));justify-content:center;line-height:1;margin:0;opacity:var(--_file-opacity);padding:calc(.4375rem*var(--mantine-scale)) calc(.75rem*var(--mantine-scale));user-select:none;white-space:nowrap}@media (hover:hover){.m-5cac2e62:hover{--_file-opacity:1}}@media (hover:none){.m-5cac2e62:active{--_file-opacity:1}}.m-5cac2e62:last-of-type{border-bottom-right-radius:var(--mantine-radius-sm)}.m-5cac2e62:only-child{--_file-cursor:default}.m-5cac2e62[data-active]{--_file-opacity:1;--_file-color:var(--_file-active-color)!important;--_file-bg:var(--_file-active-bg)}.m-5cac2e62{--_file-opacity:0.8;--_file-cursor:pointer}[data-mantine-color-scheme=light] .m-5cac2e62{--_file-color:var(--mantine-color-gray-8);--_file-bd:var(--mantine-color-gray-2);--_file-active-bg:var(--mantine-color-white);--_file-active-color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] .m-5cac2e62{--_file-color:var(--mantine-color-dark-0);--_file-bd:var(--mantine-color-dark-4);--_file-active-bg:var(--mantine-color-dark-6);--_file-active-color:var(--mantine-color-white)}.m-38d99e51{display:flex}.m-9f507240{max-height:var(--ch-max-collapsed-height);overflow:hidden;position:relative}.m-9f507240:before{background-image:linear-gradient(0deg,var(--_background) 16%,transparent 100%);border-radius:calc(var(--mantine-radius-md) - .0625rem*var(--mantine-scale));content:"";inset:0;pointer-events:none;position:absolute;z-index:100}.m-9f507240[data-expanded]{max-height:none}.m-9f507240[data-expanded]:before{display:none}.m-c9378bc2{bottom:0;color:var(--mantine-color-anchor);font-size:var(--mantine-font-size-sm);left:50%;padding-bottom:var(--mantine-spacing-xs);padding-top:var(--mantine-spacing-xs);position:absolute;text-align:center;transform:translateX(-50%);width:100%;z-index:101}.m-c9378bc2[data-hidden]{display:none}.m-5cb1b9c8{margin-top:0;position:relative}.m-5cb1b9c8[data-collapsed] .mantine-ScrollArea-viewport>div{display:block!important}.m-b46cddfb{align-items:center;display:flex;flex:0 1;justify-content:center}.m-b46cddfb>svg{display:block}.m-1f5e827e{background:var(--_background);color:var(--_color)}[data-mantine-color-scheme=light] .m-1f5e827e{--_color:var(--mantine-color-gray-7);--_background:var(--mantine-color-gray-0);--code-comment-color:var(--mantine-color-gray-6);--code-keyword-color:var(--mantine-color-violet-8);--code-tag-color:var(--mantine-color-red-9);--code-literal-color:var(--mantine-color-blue-6);--code-string-color:var(--mantine-color-blue-9);--code-variable-color:var(--mantine-color-lime-9);--code-class-color:var(--mantine-color-orange-9)}[data-mantine-color-scheme=dark] .m-1f5e827e{--_color:var(--mantine-color-dark-1);--_background:var(--mantine-color-dark-8);--code-comment-color:var(--mantine-color-dark-3);--code-keyword-color:var(--mantine-color-violet-3);--code-tag-color:var(--mantine-color-yellow-4);--code-literal-color:var(--mantine-color-blue-4);--code-string-color:var(--mantine-color-green-6);--code-variable-color:var(--mantine-color-blue-2);--code-class-color:var(--mantine-color-orange-5)}.m-1f5e827e .hljs-comment,.m-1f5e827e .hljs-quote{color:var(--code-comment-color);font-style:italic}.m-1f5e827e .hljs-doctag,.m-1f5e827e .hljs-formula,.m-1f5e827e .hljs-keyword{color:var(--code-keyword-color)}.m-1f5e827e .hljs-deletion,.m-1f5e827e .hljs-name,.m-1f5e827e .hljs-section,.m-1f5e827e .hljs-selector-tag,.m-1f5e827e .hljs-subst{color:var(--code-tag-color)}.m-1f5e827e .hljs-literal{color:var(--code-literal-color)}.m-1f5e827e .hljs-addition,.m-1f5e827e .hljs-attribute,.m-1f5e827e .hljs-meta .hljs-string,.m-1f5e827e .hljs-regexp,.m-1f5e827e .hljs-string{color:var(--code-string-color)}.m-1f5e827e .hljs-attr,.m-1f5e827e .hljs-number,.m-1f5e827e .hljs-selector-attr,.m-1f5e827e .hljs-selector-class,.m-1f5e827e .hljs-selector-pseudo,.m-1f5e827e .hljs-template-variable,.m-1f5e827e .hljs-type,.m-1f5e827e .hljs-variable{color:var(--code-variable-color)}.m-1f5e827e .hljs-built_in,.m-1f5e827e .hljs-bullet,.m-1f5e827e .hljs-class .hljs-title,.m-1f5e827e .hljs-link,.m-1f5e827e .hljs-meta,.m-1f5e827e .hljs-selector-id,.m-1f5e827e .hljs-symbol,.m-1f5e827e .hljs-title,.m-1f5e827e .hljs-title.class_{color:var(--code-class-color)}.m-1f5e827e .hljs-emphasis{font-style:italic}.m-1f5e827e .hljs-strong{font-weight:700}.m-1f5e827e .hljs-link{text-decoration:underline}
package/esm/index.css CHANGED
@@ -1,296 +1 @@
1
- .m-5caae6d3 {
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
- .m-2c47c4fd {
11
- display: block;
12
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
13
- margin: 0;
14
- --_code-line-height: 1.7;
15
- }
16
-
17
- .m-e58679f3 {
18
- display: flex;
19
- align-items: flex-start;
20
- justify-content: space-between;
21
- }
22
-
23
- .m-be7e9c9c {
24
- display: flex;
25
- margin-top: calc(0.4375rem * var(--mantine-scale));
26
- margin-right: calc(0.4375rem * var(--mantine-scale));
27
- }
28
-
29
- .m-5caae85b,
30
- .m-d498bab7 {
31
- background-color: transparent;
32
- opacity: 0.8;
33
- margin: 0;
34
- color: var(--mantine-color-dimmed);
35
- }
36
-
37
- @media (hover: hover) {
38
-
39
- .m-5caae85b:hover, .m-d498bab7:hover {
40
- opacity: 1;
41
- }
42
- }
43
-
44
- @media (hover: none) {
45
-
46
- .m-5caae85b:active, .m-d498bab7:active {
47
- opacity: 1;
48
- }
49
- }
50
-
51
- @media (max-width: 40em) {
52
-
53
- .m-5caae85b,
54
- .m-d498bab7 {
55
- display: none
56
- }
57
- }
58
-
59
- .m-5caae85b {
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
- .m-5cac2e62 {
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
- white-space: nowrap;
85
- margin: 0;
86
- }
87
-
88
- @media (hover: hover) {
89
-
90
- .m-5cac2e62:hover {
91
- --_file-opacity: 1;
92
- }
93
- }
94
-
95
- @media (hover: none) {
96
-
97
- .m-5cac2e62:active {
98
- --_file-opacity: 1;
99
- }
100
- }
101
-
102
- .m-5cac2e62:last-of-type {
103
- border-bottom-right-radius: var(--mantine-radius-sm);
104
- }
105
-
106
- .m-5cac2e62:only-child {
107
- --_file-cursor: default;
108
- }
109
-
110
- .m-5cac2e62[data-active] {
111
- --_file-opacity: 1;
112
- --_file-color: var(--_file-active-color) !important;
113
- --_file-bg: var(--_file-active-bg);
114
- }
115
-
116
- .m-5cac2e62 {
117
-
118
- --_file-opacity: 0.8;
119
- --_file-cursor: pointer;
120
- }
121
-
122
- [data-mantine-color-scheme='light'] .m-5cac2e62 {
123
- --_file-color: var(--mantine-color-gray-8);
124
- --_file-bd: var(--mantine-color-gray-2);
125
- --_file-active-bg: var(--mantine-color-white);
126
- --_file-active-color: var(--mantine-color-black);
127
- }
128
-
129
- [data-mantine-color-scheme='dark'] .m-5cac2e62 {
130
- --_file-color: var(--mantine-color-dark-0);
131
- --_file-bd: var(--mantine-color-dark-4);
132
- --_file-active-bg: var(--mantine-color-dark-6);
133
- --_file-active-color: var(--mantine-color-white);
134
- }
135
-
136
- .m-38d99e51 {
137
- display: flex;
138
- }
139
-
140
- .m-9f507240 {
141
- max-height: var(--ch-max-collapsed-height);
142
- overflow: hidden;
143
- position: relative;
144
- }
145
-
146
- .m-9f507240::before {
147
- content: '';
148
- z-index: 100;
149
- position: absolute;
150
- inset: 0;
151
- pointer-events: none;
152
- background-image: linear-gradient(0deg, var(--_background) 16%, rgba(0, 0, 0, 0) 100%);
153
- border-radius: calc(var(--mantine-radius-md) - calc(0.0625rem * var(--mantine-scale)));
154
- }
155
-
156
- .m-9f507240[data-expanded] {
157
- max-height: none;
158
- }
159
-
160
- .m-9f507240[data-expanded]::before {
161
- display: none;
162
- }
163
-
164
- .m-c9378bc2 {
165
- position: absolute;
166
- bottom: 0;
167
- left: 50%;
168
- transform: translateX(-50%);
169
- font-size: var(--mantine-font-size-sm);
170
- color: var(--mantine-color-anchor);
171
- width: 100%;
172
- text-align: center;
173
- z-index: 101;
174
- padding-top: var(--mantine-spacing-xs);
175
- padding-bottom: var(--mantine-spacing-xs);
176
- }
177
-
178
- .m-c9378bc2[data-hidden] {
179
- display: none;
180
- }
181
-
182
- .m-5cb1b9c8 {
183
- margin-top: 0;
184
- position: relative;
185
- }
186
-
187
- .m-5cb1b9c8[data-collapsed] .mantine-ScrollArea-viewport > div {
188
- display: block !important;
189
- }
190
-
191
- .m-b46cddfb {
192
- display: flex;
193
- align-items: center;
194
- justify-content: center;
195
- flex: 0 1;
196
- }
197
-
198
- .m-b46cddfb > svg {
199
- display: block;
200
- }
201
-
202
- .m-1f5e827e {
203
- color: var(--_color);
204
- background: var(--_background);
205
- }
206
-
207
- [data-mantine-color-scheme='light'] .m-1f5e827e {
208
- --_color: var(--mantine-color-gray-7);
209
- --_background: var(--mantine-color-gray-0);
210
- --code-comment-color: var(--mantine-color-gray-6);
211
- --code-keyword-color: var(--mantine-color-violet-8);
212
- --code-tag-color: var(--mantine-color-red-9);
213
- --code-literal-color: var(--mantine-color-blue-6);
214
- --code-string-color: var(--mantine-color-blue-9);
215
- --code-variable-color: var(--mantine-color-lime-9);
216
- --code-class-color: var(--mantine-color-orange-9);
217
- }
218
-
219
- [data-mantine-color-scheme='dark'] .m-1f5e827e {
220
- --_color: var(--mantine-color-dark-1);
221
- --_background: var(--mantine-color-dark-8);
222
- --code-comment-color: var(--mantine-color-dark-3);
223
- --code-keyword-color: var(--mantine-color-violet-3);
224
- --code-tag-color: var(--mantine-color-yellow-4);
225
- --code-literal-color: var(--mantine-color-blue-4);
226
- --code-string-color: var(--mantine-color-green-6);
227
- --code-variable-color: var(--mantine-color-blue-2);
228
- --code-class-color: var(--mantine-color-orange-5);
229
- }
230
-
231
- .m-1f5e827e .hljs-comment,
232
- .m-1f5e827e .hljs-quote {
233
- font-style: italic;
234
- color: var(--code-comment-color);
235
- }
236
-
237
- .m-1f5e827e .hljs-doctag,
238
- .m-1f5e827e .hljs-formula,
239
- .m-1f5e827e .hljs-keyword {
240
- color: var(--code-keyword-color);
241
- }
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 {
248
- color: var(--code-tag-color);
249
- }
250
-
251
- .m-1f5e827e .hljs-literal {
252
- color: var(--code-literal-color);
253
- }
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 {
260
- color: var(--code-string-color);
261
- }
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 {
271
- color: var(--code-variable-color);
272
- }
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_ {
283
- color: var(--code-class-color);
284
- }
285
-
286
- .m-1f5e827e .hljs-emphasis {
287
- font-style: italic;
288
- }
289
-
290
- .m-1f5e827e .hljs-strong {
291
- font-weight: 700;
292
- }
293
-
294
- .m-1f5e827e .hljs-link {
295
- text-decoration: underline;
296
- }
1
+ .m-5caae6d3{border-radius:var(--mantine-radius-xs);display:inline-block;font-family:var(--mantine-font-family-monospace);font-size:calc(.8125rem*var(--mantine-scale));line-height:var(--_code-line-height,var(--mantine-line-height));padding:calc(.0625rem*var(--mantine-scale)) calc(.1875rem*var(--mantine-scale))}.m-2c47c4fd{--_code-line-height:1.7;display:block;margin:0;padding:var(--mantine-spacing-xs) var(--mantine-spacing-md)}.m-e58679f3{align-items:flex-start;display:flex;justify-content:space-between}.m-be7e9c9c{display:flex;margin-right:calc(.4375rem*var(--mantine-scale));margin-top:calc(.4375rem*var(--mantine-scale))}.m-5caae85b,.m-d498bab7{background-color:transparent;color:var(--mantine-color-dimmed);margin:0;opacity:.8}@media (hover:hover){.m-5caae85b:hover,.m-d498bab7:hover{opacity:1}}@media (hover:none){.m-5caae85b:active,.m-d498bab7:active{opacity:1}}@media (max-width:40em){.m-5caae85b,.m-d498bab7{display:none}}.m-5caae85b{position:absolute;right:calc(.3125rem*var(--mantine-scale));top:calc(.3125rem*var(--mantine-scale));z-index:1}.m-5cac2e62{align-items:center;background-color:var(--_file-bg);border:calc(.0625rem*var(--mantine-scale)) solid var(--_file-bd);border-left:0;border-top:0;color:var(--_file-color);cursor:var(--_file-cursor);display:flex;font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);font-weight:700;gap:calc(.4375rem*var(--mantine-scale));justify-content:center;line-height:1;margin:0;opacity:var(--_file-opacity);padding:calc(.4375rem*var(--mantine-scale)) calc(.75rem*var(--mantine-scale));user-select:none;white-space:nowrap}@media (hover:hover){.m-5cac2e62:hover{--_file-opacity:1}}@media (hover:none){.m-5cac2e62:active{--_file-opacity:1}}.m-5cac2e62:last-of-type{border-bottom-right-radius:var(--mantine-radius-sm)}.m-5cac2e62:only-child{--_file-cursor:default}.m-5cac2e62[data-active]{--_file-opacity:1;--_file-color:var(--_file-active-color)!important;--_file-bg:var(--_file-active-bg)}.m-5cac2e62{--_file-opacity:0.8;--_file-cursor:pointer}[data-mantine-color-scheme=light] .m-5cac2e62{--_file-color:var(--mantine-color-gray-8);--_file-bd:var(--mantine-color-gray-2);--_file-active-bg:var(--mantine-color-white);--_file-active-color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] .m-5cac2e62{--_file-color:var(--mantine-color-dark-0);--_file-bd:var(--mantine-color-dark-4);--_file-active-bg:var(--mantine-color-dark-6);--_file-active-color:var(--mantine-color-white)}.m-38d99e51{display:flex}.m-9f507240{max-height:var(--ch-max-collapsed-height);overflow:hidden;position:relative}.m-9f507240:before{background-image:linear-gradient(0deg,var(--_background) 16%,transparent 100%);border-radius:calc(var(--mantine-radius-md) - .0625rem*var(--mantine-scale));content:"";inset:0;pointer-events:none;position:absolute;z-index:100}.m-9f507240[data-expanded]{max-height:none}.m-9f507240[data-expanded]:before{display:none}.m-c9378bc2{bottom:0;color:var(--mantine-color-anchor);font-size:var(--mantine-font-size-sm);left:50%;padding-bottom:var(--mantine-spacing-xs);padding-top:var(--mantine-spacing-xs);position:absolute;text-align:center;transform:translateX(-50%);width:100%;z-index:101}.m-c9378bc2[data-hidden]{display:none}.m-5cb1b9c8{margin-top:0;position:relative}.m-5cb1b9c8[data-collapsed] .mantine-ScrollArea-viewport>div{display:block!important}.m-b46cddfb{align-items:center;display:flex;flex:0 1;justify-content:center}.m-b46cddfb>svg{display:block}.m-1f5e827e{background:var(--_background);color:var(--_color)}[data-mantine-color-scheme=light] .m-1f5e827e{--_color:var(--mantine-color-gray-7);--_background:var(--mantine-color-gray-0);--code-comment-color:var(--mantine-color-gray-6);--code-keyword-color:var(--mantine-color-violet-8);--code-tag-color:var(--mantine-color-red-9);--code-literal-color:var(--mantine-color-blue-6);--code-string-color:var(--mantine-color-blue-9);--code-variable-color:var(--mantine-color-lime-9);--code-class-color:var(--mantine-color-orange-9)}[data-mantine-color-scheme=dark] .m-1f5e827e{--_color:var(--mantine-color-dark-1);--_background:var(--mantine-color-dark-8);--code-comment-color:var(--mantine-color-dark-3);--code-keyword-color:var(--mantine-color-violet-3);--code-tag-color:var(--mantine-color-yellow-4);--code-literal-color:var(--mantine-color-blue-4);--code-string-color:var(--mantine-color-green-6);--code-variable-color:var(--mantine-color-blue-2);--code-class-color:var(--mantine-color-orange-5)}.m-1f5e827e .hljs-comment,.m-1f5e827e .hljs-quote{color:var(--code-comment-color);font-style:italic}.m-1f5e827e .hljs-doctag,.m-1f5e827e .hljs-formula,.m-1f5e827e .hljs-keyword{color:var(--code-keyword-color)}.m-1f5e827e .hljs-deletion,.m-1f5e827e .hljs-name,.m-1f5e827e .hljs-section,.m-1f5e827e .hljs-selector-tag,.m-1f5e827e .hljs-subst{color:var(--code-tag-color)}.m-1f5e827e .hljs-literal{color:var(--code-literal-color)}.m-1f5e827e .hljs-addition,.m-1f5e827e .hljs-attribute,.m-1f5e827e .hljs-meta .hljs-string,.m-1f5e827e .hljs-regexp,.m-1f5e827e .hljs-string{color:var(--code-string-color)}.m-1f5e827e .hljs-attr,.m-1f5e827e .hljs-number,.m-1f5e827e .hljs-selector-attr,.m-1f5e827e .hljs-selector-class,.m-1f5e827e .hljs-selector-pseudo,.m-1f5e827e .hljs-template-variable,.m-1f5e827e .hljs-type,.m-1f5e827e .hljs-variable{color:var(--code-variable-color)}.m-1f5e827e .hljs-built_in,.m-1f5e827e .hljs-bullet,.m-1f5e827e .hljs-class .hljs-title,.m-1f5e827e .hljs-link,.m-1f5e827e .hljs-meta,.m-1f5e827e .hljs-selector-id,.m-1f5e827e .hljs-symbol,.m-1f5e827e .hljs-title,.m-1f5e827e .hljs-title.class_{color:var(--code-class-color)}.m-1f5e827e .hljs-emphasis{font-style:italic}.m-1f5e827e .hljs-strong{font-weight:700}.m-1f5e827e .hljs-link{text-decoration:underline}
package/esm/index.layer.css ADDED
@@ -0,0 +1 @@
1
+ @layer mantine {.m-5caae6d3{border-radius:var(--mantine-radius-xs);display:inline-block;font-family:var(--mantine-font-family-monospace);font-size:calc(.8125rem*var(--mantine-scale));line-height:var(--_code-line-height,var(--mantine-line-height));padding:calc(.0625rem*var(--mantine-scale)) calc(.1875rem*var(--mantine-scale))}.m-2c47c4fd{--_code-line-height:1.7;display:block;margin:0;padding:var(--mantine-spacing-xs) var(--mantine-spacing-md)}.m-e58679f3{align-items:flex-start;display:flex;justify-content:space-between}.m-be7e9c9c{display:flex;margin-right:calc(.4375rem*var(--mantine-scale));margin-top:calc(.4375rem*var(--mantine-scale))}.m-5caae85b,.m-d498bab7{background-color:transparent;color:var(--mantine-color-dimmed);margin:0;opacity:.8}@media (hover:hover){.m-5caae85b:hover,.m-d498bab7:hover{opacity:1}}@media (hover:none){.m-5caae85b:active,.m-d498bab7:active{opacity:1}}@media (max-width:40em){.m-5caae85b,.m-d498bab7{display:none}}.m-5caae85b{position:absolute;right:calc(.3125rem*var(--mantine-scale));top:calc(.3125rem*var(--mantine-scale));z-index:1}.m-5cac2e62{align-items:center;background-color:var(--_file-bg);border:calc(.0625rem*var(--mantine-scale)) solid var(--_file-bd);border-left:0;border-top:0;color:var(--_file-color);cursor:var(--_file-cursor);display:flex;font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);font-weight:700;gap:calc(.4375rem*var(--mantine-scale));justify-content:center;line-height:1;margin:0;opacity:var(--_file-opacity);padding:calc(.4375rem*var(--mantine-scale)) calc(.75rem*var(--mantine-scale));user-select:none;white-space:nowrap}@media (hover:hover){.m-5cac2e62:hover{--_file-opacity:1}}@media (hover:none){.m-5cac2e62:active{--_file-opacity:1}}.m-5cac2e62:last-of-type{border-bottom-right-radius:var(--mantine-radius-sm)}.m-5cac2e62:only-child{--_file-cursor:default}.m-5cac2e62[data-active]{--_file-opacity:1;--_file-color:var(--_file-active-color)!important;--_file-bg:var(--_file-active-bg)}.m-5cac2e62{--_file-opacity:0.8;--_file-cursor:pointer}[data-mantine-color-scheme=light] .m-5cac2e62{--_file-color:var(--mantine-color-gray-8);--_file-bd:var(--mantine-color-gray-2);--_file-active-bg:var(--mantine-color-white);--_file-active-color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] .m-5cac2e62{--_file-color:var(--mantine-color-dark-0);--_file-bd:var(--mantine-color-dark-4);--_file-active-bg:var(--mantine-color-dark-6);--_file-active-color:var(--mantine-color-white)}.m-38d99e51{display:flex}.m-9f507240{max-height:var(--ch-max-collapsed-height);overflow:hidden;position:relative}.m-9f507240:before{background-image:linear-gradient(0deg,var(--_background) 16%,transparent 100%);border-radius:calc(var(--mantine-radius-md) - .0625rem*var(--mantine-scale));content:"";inset:0;pointer-events:none;position:absolute;z-index:100}.m-9f507240[data-expanded]{max-height:none}.m-9f507240[data-expanded]:before{display:none}.m-c9378bc2{bottom:0;color:var(--mantine-color-anchor);font-size:var(--mantine-font-size-sm);left:50%;padding-bottom:var(--mantine-spacing-xs);padding-top:var(--mantine-spacing-xs);position:absolute;text-align:center;transform:translateX(-50%);width:100%;z-index:101}.m-c9378bc2[data-hidden]{display:none}.m-5cb1b9c8{margin-top:0;position:relative}.m-5cb1b9c8[data-collapsed] .mantine-ScrollArea-viewport>div{display:block!important}.m-b46cddfb{align-items:center;display:flex;flex:0 1;justify-content:center}.m-b46cddfb>svg{display:block}.m-1f5e827e{background:var(--_background);color:var(--_color)}[data-mantine-color-scheme=light] .m-1f5e827e{--_color:var(--mantine-color-gray-7);--_background:var(--mantine-color-gray-0);--code-comment-color:var(--mantine-color-gray-6);--code-keyword-color:var(--mantine-color-violet-8);--code-tag-color:var(--mantine-color-red-9);--code-literal-color:var(--mantine-color-blue-6);--code-string-color:var(--mantine-color-blue-9);--code-variable-color:var(--mantine-color-lime-9);--code-class-color:var(--mantine-color-orange-9)}[data-mantine-color-scheme=dark] .m-1f5e827e{--_color:var(--mantine-color-dark-1);--_background:var(--mantine-color-dark-8);--code-comment-color:var(--mantine-color-dark-3);--code-keyword-color:var(--mantine-color-violet-3);--code-tag-color:var(--mantine-color-yellow-4);--code-literal-color:var(--mantine-color-blue-4);--code-string-color:var(--mantine-color-green-6);--code-variable-color:var(--mantine-color-blue-2);--code-class-color:var(--mantine-color-orange-5)}.m-1f5e827e .hljs-comment,.m-1f5e827e .hljs-quote{color:var(--code-comment-color);font-style:italic}.m-1f5e827e .hljs-doctag,.m-1f5e827e .hljs-formula,.m-1f5e827e .hljs-keyword{color:var(--code-keyword-color)}.m-1f5e827e .hljs-deletion,.m-1f5e827e .hljs-name,.m-1f5e827e .hljs-section,.m-1f5e827e .hljs-selector-tag,.m-1f5e827e .hljs-subst{color:var(--code-tag-color)}.m-1f5e827e .hljs-literal{color:var(--code-literal-color)}.m-1f5e827e .hljs-addition,.m-1f5e827e .hljs-attribute,.m-1f5e827e .hljs-meta .hljs-string,.m-1f5e827e .hljs-regexp,.m-1f5e827e .hljs-string{color:var(--code-string-color)}.m-1f5e827e .hljs-attr,.m-1f5e827e .hljs-number,.m-1f5e827e .hljs-selector-attr,.m-1f5e827e .hljs-selector-class,.m-1f5e827e .hljs-selector-pseudo,.m-1f5e827e .hljs-template-variable,.m-1f5e827e .hljs-type,.m-1f5e827e .hljs-variable{color:var(--code-variable-color)}.m-1f5e827e .hljs-built_in,.m-1f5e827e .hljs-bullet,.m-1f5e827e .hljs-class .hljs-title,.m-1f5e827e .hljs-link,.m-1f5e827e .hljs-meta,.m-1f5e827e .hljs-selector-id,.m-1f5e827e .hljs-symbol,.m-1f5e827e .hljs-title,.m-1f5e827e .hljs-title.class_{color:var(--code-class-color)}.m-1f5e827e .hljs-emphasis{font-style:italic}.m-1f5e827e .hljs-strong{font-weight:700}.m-1f5e827e .hljs-link{text-decoration:underline}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mantine/code-highlight",
3
3
  "description": "Code highlight with Mantine theme",
4
- "version": "7.0.1",
4
+ "version": "7.1.0",
5
5
  "main": "./cjs/index.js",
6
6
  "types": "./lib/index.d.ts",
7
7
  "module": "./esm/index.mjs",
@@ -16,7 +16,8 @@
16
16
  "default": "./cjs/index.js"
17
17
  }
18
18
  },
19
- "./styles.css": "./esm/index.css"
19
+ "./styles.css": "./esm/index.css",
20
+ "./styles.layer.css": "./esm/index.layer.css"
20
21
  },
21
22
  "license": "MIT",
22
23
  "author": "Vitaly Rtishchev <rtivital@gmail.com>",
@@ -44,8 +45,8 @@
44
45
  "syntax-highlight"
45
46
  ],
46
47
  "peerDependencies": {
47
- "@mantine/core": "7.0.1",
48
- "@mantine/hooks": "7.0.1",
48
+ "@mantine/core": "7.1.0",
49
+ "@mantine/hooks": "7.1.0",
49
50
  "react": "^18.2.0",
50
51
  "react-dom": "^18.2.0"
51
52
  },