@xylabs/react-pixel-debugger 2.17.7 → 2.17.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 (13) hide show
  1. package/package.json +11 -11
  2. package/dist/docs.json +0 -571
  3. package/docs/assets/highlight.css +0 -50
  4. package/docs/assets/main.js +0 -58
  5. package/docs/assets/search.js +0 -1
  6. package/docs/assets/style.css +0 -1367
  7. package/docs/functions/PixelDebugger.html +0 -57
  8. package/docs/functions/PixelDebuggerProvider.html +0 -56
  9. package/docs/functions/PixelDebuggerToggle.html +0 -56
  10. package/docs/functions/usePixelAltSendHandler.html +0 -67
  11. package/docs/index.html +0 -99
  12. package/docs/interfaces/PixelEvent.html +0 -76
  13. package/docs/modules.html +0 -53
package/package.json CHANGED
@@ -13,21 +13,21 @@
13
13
  "packages/*"
14
14
  ],
15
15
  "dependencies": {
16
- "@xylabs/react-button": "^2.17.7",
17
- "@xylabs/react-flexbox": "^2.17.7",
18
- "@xylabs/react-pixel": "^2.17.7",
19
- "@xylabs/react-portal": "^2.17.7",
20
- "@xylabs/react-shared": "^2.17.7"
16
+ "@xylabs/react-button": "~2.17.9",
17
+ "@xylabs/react-flexbox": "~2.17.9",
18
+ "@xylabs/react-pixel": "~2.17.9",
19
+ "@xylabs/react-portal": "~2.17.9",
20
+ "@xylabs/react-shared": "~2.17.9"
21
21
  },
22
22
  "description": "Common React library for all XY Labs projects that use React",
23
23
  "devDependencies": {
24
- "@storybook/react": "^7.0.23",
25
- "@xylabs/pixel": "^1.4.13",
26
- "@xylabs/ts-scripts-yarn3": "^2.17.17",
27
- "@xylabs/tsconfig-react": "^2.17.17",
24
+ "@storybook/react": "^7.2.1",
25
+ "@xylabs/pixel": "^1.4.14",
26
+ "@xylabs/ts-scripts-yarn3": "^2.19.0",
27
+ "@xylabs/tsconfig-react": "^2.19.0",
28
28
  "react": "^18.2.0",
29
29
  "react-dom": "^18.2.0",
30
- "typescript": "^5.1.3"
30
+ "typescript": "^5.1.6"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "@mui/icons-material": "^5",
@@ -76,5 +76,5 @@
76
76
  },
77
77
  "sideEffects": false,
78
78
  "types": "dist/types/index.d.ts",
79
- "version": "2.17.7"
79
+ "version": "2.17.9"
80
80
  }
package/dist/docs.json DELETED
@@ -1,571 +0,0 @@
1
- {
2
- "id": 0,
3
- "name": "@xylabs/react-pixel-debugger",
4
- "variant": "project",
5
- "kind": 1,
6
- "flags": {},
7
- "children": [
8
- {
9
- "id": 21,
10
- "name": "PixelEvent",
11
- "variant": "declaration",
12
- "kind": 256,
13
- "flags": {},
14
- "children": [
15
- {
16
- "id": 22,
17
- "name": "event",
18
- "variant": "declaration",
19
- "kind": 1024,
20
- "flags": {},
21
- "sources": [
22
- {
23
- "fileName": "packages/pixel-debugger/src/PixelEvent.ts",
24
- "line": 2,
25
- "character": 2,
26
- "url": "https://github.com/xylabs/sdk-react/blob/d40c19ad1/packages/pixel-debugger/src/PixelEvent.ts#L2"
27
- }
28
- ],
29
- "type": {
30
- "type": "intrinsic",
31
- "name": "string"
32
- }
33
- },
34
- {
35
- "id": 23,
36
- "name": "fields",
37
- "variant": "declaration",
38
- "kind": 1024,
39
- "flags": {
40
- "isOptional": true
41
- },
42
- "sources": [
43
- {
44
- "fileName": "packages/pixel-debugger/src/PixelEvent.ts",
45
- "line": 3,
46
- "character": 2,
47
- "url": "https://github.com/xylabs/sdk-react/blob/d40c19ad1/packages/pixel-debugger/src/PixelEvent.ts#L3"
48
- }
49
- ],
50
- "type": {
51
- "type": "intrinsic",
52
- "name": "unknown"
53
- }
54
- }
55
- ],
56
- "groups": [
57
- {
58
- "title": "Properties",
59
- "children": [
60
- 22,
61
- 23
62
- ]
63
- }
64
- ],
65
- "sources": [
66
- {
67
- "fileName": "packages/pixel-debugger/src/PixelEvent.ts",
68
- "line": 1,
69
- "character": 17,
70
- "url": "https://github.com/xylabs/sdk-react/blob/d40c19ad1/packages/pixel-debugger/src/PixelEvent.ts#L1"
71
- }
72
- ]
73
- },
74
- {
75
- "id": 1,
76
- "name": "PixelDebugger",
77
- "variant": "declaration",
78
- "kind": 64,
79
- "flags": {},
80
- "sources": [
81
- {
82
- "fileName": "packages/pixel-debugger/src/components/PixelDebugger.tsx",
83
- "line": 11,
84
- "character": 13,
85
- "url": "https://github.com/xylabs/sdk-react/blob/d40c19ad1/packages/pixel-debugger/src/components/PixelDebugger.tsx#L11"
86
- }
87
- ],
88
- "signatures": [
89
- {
90
- "id": 2,
91
- "name": "PixelDebugger",
92
- "variant": "signature",
93
- "kind": 4096,
94
- "flags": {},
95
- "sources": [
96
- {
97
- "fileName": "node_modules/@types/react/index.d.ts",
98
- "line": 556,
99
- "character": 8
100
- }
101
- ],
102
- "parameters": [
103
- {
104
- "id": 3,
105
- "name": "props",
106
- "variant": "param",
107
- "kind": 32768,
108
- "flags": {},
109
- "type": {
110
- "type": "reflection",
111
- "declaration": {
112
- "id": 4,
113
- "name": "__type",
114
- "variant": "declaration",
115
- "kind": 65536,
116
- "flags": {}
117
- }
118
- }
119
- },
120
- {
121
- "id": 5,
122
- "name": "context",
123
- "variant": "param",
124
- "kind": 32768,
125
- "flags": {
126
- "isOptional": true
127
- },
128
- "type": {
129
- "type": "intrinsic",
130
- "name": "any"
131
- }
132
- }
133
- ],
134
- "type": {
135
- "type": "reference",
136
- "target": {
137
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
138
- "qualifiedName": "React.ReactNode"
139
- },
140
- "name": "ReactNode",
141
- "package": "@types/react",
142
- "qualifiedName": "React.ReactNode"
143
- }
144
- }
145
- ]
146
- },
147
- {
148
- "id": 6,
149
- "name": "PixelDebuggerProvider",
150
- "variant": "declaration",
151
- "kind": 64,
152
- "flags": {},
153
- "sources": [
154
- {
155
- "fileName": "packages/pixel-debugger/src/components/PixelDebuggerProvider.tsx",
156
- "line": 4,
157
- "character": 13,
158
- "url": "https://github.com/xylabs/sdk-react/blob/d40c19ad1/packages/pixel-debugger/src/components/PixelDebuggerProvider.tsx#L4"
159
- }
160
- ],
161
- "signatures": [
162
- {
163
- "id": 7,
164
- "name": "PixelDebuggerProvider",
165
- "variant": "signature",
166
- "kind": 4096,
167
- "flags": {},
168
- "sources": [
169
- {
170
- "fileName": "node_modules/@types/react/index.d.ts",
171
- "line": 556,
172
- "character": 8
173
- }
174
- ],
175
- "parameters": [
176
- {
177
- "id": 8,
178
- "name": "props",
179
- "variant": "param",
180
- "kind": 32768,
181
- "flags": {},
182
- "type": {
183
- "type": "reference",
184
- "target": {
185
- "sourceFileName": "../shared/src/WithChildren.ts",
186
- "qualifiedName": "WithChildren"
187
- },
188
- "name": "WithChildren",
189
- "package": "@xylabs/react-shared"
190
- }
191
- },
192
- {
193
- "id": 9,
194
- "name": "context",
195
- "variant": "param",
196
- "kind": 32768,
197
- "flags": {
198
- "isOptional": true
199
- },
200
- "type": {
201
- "type": "intrinsic",
202
- "name": "any"
203
- }
204
- }
205
- ],
206
- "type": {
207
- "type": "reference",
208
- "target": {
209
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
210
- "qualifiedName": "React.ReactNode"
211
- },
212
- "name": "ReactNode",
213
- "package": "@types/react",
214
- "qualifiedName": "React.ReactNode"
215
- }
216
- }
217
- ]
218
- },
219
- {
220
- "id": 10,
221
- "name": "PixelDebuggerToggle",
222
- "variant": "declaration",
223
- "kind": 64,
224
- "flags": {},
225
- "sources": [
226
- {
227
- "fileName": "packages/pixel-debugger/src/components/PixelDebuggerToggle.tsx",
228
- "line": 6,
229
- "character": 13,
230
- "url": "https://github.com/xylabs/sdk-react/blob/d40c19ad1/packages/pixel-debugger/src/components/PixelDebuggerToggle.tsx#L6"
231
- }
232
- ],
233
- "signatures": [
234
- {
235
- "id": 11,
236
- "name": "PixelDebuggerToggle",
237
- "variant": "signature",
238
- "kind": 4096,
239
- "flags": {},
240
- "sources": [
241
- {
242
- "fileName": "node_modules/@types/react/index.d.ts",
243
- "line": 556,
244
- "character": 8
245
- }
246
- ],
247
- "parameters": [
248
- {
249
- "id": 12,
250
- "name": "props",
251
- "variant": "param",
252
- "kind": 32768,
253
- "flags": {},
254
- "type": {
255
- "type": "reference",
256
- "target": {
257
- "sourceFileName": "../flexbox/src/components/BusyBox/BusyBox.tsx",
258
- "qualifiedName": "BusyBoxProps"
259
- },
260
- "name": "BusyBoxProps",
261
- "package": "@xylabs/react-flexbox"
262
- }
263
- },
264
- {
265
- "id": 13,
266
- "name": "context",
267
- "variant": "param",
268
- "kind": 32768,
269
- "flags": {
270
- "isOptional": true
271
- },
272
- "type": {
273
- "type": "intrinsic",
274
- "name": "any"
275
- }
276
- }
277
- ],
278
- "type": {
279
- "type": "reference",
280
- "target": {
281
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
282
- "qualifiedName": "React.ReactNode"
283
- },
284
- "name": "ReactNode",
285
- "package": "@types/react",
286
- "qualifiedName": "React.ReactNode"
287
- }
288
- }
289
- ]
290
- },
291
- {
292
- "id": 14,
293
- "name": "usePixelAltSendHandler",
294
- "variant": "declaration",
295
- "kind": 64,
296
- "flags": {},
297
- "sources": [
298
- {
299
- "fileName": "packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts",
300
- "line": 4,
301
- "character": 13,
302
- "url": "https://github.com/xylabs/sdk-react/blob/d40c19ad1/packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts#L4"
303
- }
304
- ],
305
- "signatures": [
306
- {
307
- "id": 15,
308
- "name": "usePixelAltSendHandler",
309
- "variant": "signature",
310
- "kind": 4096,
311
- "flags": {},
312
- "sources": [
313
- {
314
- "fileName": "packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts",
315
- "line": 4,
316
- "character": 38,
317
- "url": "https://github.com/xylabs/sdk-react/blob/d40c19ad1/packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts#L4"
318
- }
319
- ],
320
- "parameters": [
321
- {
322
- "id": 16,
323
- "name": "altHandler",
324
- "variant": "param",
325
- "kind": 32768,
326
- "flags": {},
327
- "type": {
328
- "type": "reflection",
329
- "declaration": {
330
- "id": 17,
331
- "name": "__type",
332
- "variant": "declaration",
333
- "kind": 65536,
334
- "flags": {},
335
- "sources": [
336
- {
337
- "fileName": "packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts",
338
- "line": 4,
339
- "character": 51,
340
- "url": "https://github.com/xylabs/sdk-react/blob/d40c19ad1/packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts#L4"
341
- }
342
- ],
343
- "signatures": [
344
- {
345
- "id": 18,
346
- "name": "__type",
347
- "variant": "signature",
348
- "kind": 4096,
349
- "flags": {},
350
- "sources": [
351
- {
352
- "fileName": "packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts",
353
- "line": 4,
354
- "character": 51,
355
- "url": "https://github.com/xylabs/sdk-react/blob/d40c19ad1/packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts#L4"
356
- }
357
- ],
358
- "parameters": [
359
- {
360
- "id": 19,
361
- "name": "event",
362
- "variant": "param",
363
- "kind": 32768,
364
- "flags": {},
365
- "type": {
366
- "type": "intrinsic",
367
- "name": "string"
368
- }
369
- },
370
- {
371
- "id": 20,
372
- "name": "fields",
373
- "variant": "param",
374
- "kind": 32768,
375
- "flags": {
376
- "isOptional": true
377
- },
378
- "type": {
379
- "type": "reference",
380
- "target": {
381
- "sourceFileName": "../../node_modules/typescript/lib/lib.es5.d.ts",
382
- "qualifiedName": "Record"
383
- },
384
- "typeArguments": [
385
- {
386
- "type": "intrinsic",
387
- "name": "string"
388
- },
389
- {
390
- "type": "intrinsic",
391
- "name": "unknown"
392
- }
393
- ],
394
- "name": "Record",
395
- "package": "typescript"
396
- }
397
- }
398
- ],
399
- "type": {
400
- "type": "intrinsic",
401
- "name": "void"
402
- }
403
- }
404
- ]
405
- }
406
- }
407
- }
408
- ],
409
- "type": {
410
- "type": "intrinsic",
411
- "name": "void"
412
- }
413
- }
414
- ]
415
- }
416
- ],
417
- "groups": [
418
- {
419
- "title": "Interfaces",
420
- "children": [
421
- 21
422
- ]
423
- },
424
- {
425
- "title": "Functions",
426
- "children": [
427
- 1,
428
- 6,
429
- 10,
430
- 14
431
- ]
432
- }
433
- ],
434
- "packageName": "@xylabs/react-pixel-debugger",
435
- "readme": [
436
- {
437
- "kind": "text",
438
- "text": "[![logo][]](https://xylabs.com)\n\n# @xylabs/sdk-react\n\n[![main-build][]][main-build-link]\n[![beta-build][]][beta-build-link]\n[![npm-badge][]][npm-link]\n[![bch-badge][]][bch-link]\n[![codacy-badge][]][codacy-link]\n[![codeclimate-badge][]][codeclimate-link]\n[![snyk-badge][]][snyk-link]\n\n> XY Labs generalized React library \n\n## Table of Contents\n\n- [Description](#description)\n- [Install](#install)\n- [Scripts](#scripts)\n- [Maintainers](#maintainers)\n- [License](#license)\n- [Credits](#credits)\n\n## Description\n\nCommon React code that is used throughtout XYO projects that use React.\n\n## Install\n\nUsing npm:\n\n"
439
- },
440
- {
441
- "kind": "code",
442
- "text": "```sh\nnpm i --save @xylabs/sdk-react\n```"
443
- },
444
- {
445
- "kind": "text",
446
- "text": "\n\nUsing yarn:\n\n"
447
- },
448
- {
449
- "kind": "code",
450
- "text": "```sh\nyarn add @xylabs/sdk-react\n```"
451
- },
452
- {
453
- "kind": "text",
454
- "text": "\n\n## Scripts\n\nSee [ts-scripts-yarn3](https://github.com/xylabs/ts-scripts-yarn3/blob/main/README.md) for\nlist of shared scripts. The below scripts are custom scripts for this repo.\n\n### Build (Storybook)\n\nBuild the static Storybook site\n\n"
455
- },
456
- {
457
- "kind": "code",
458
- "text": "```sh\nyarn build-storybook\n```"
459
- },
460
- {
461
- "kind": "text",
462
- "text": "\n\n### Start\n\nStarts the project in the browser for testing, with auto reload using Storybook\n\n"
463
- },
464
- {
465
- "kind": "code",
466
- "text": "```sh\nyarn start\n```"
467
- },
468
- {
469
- "kind": "text",
470
- "text": "\n\n## Maintainers\n\n- [Arie Trouw](https://github.com/arietrouw) [arietrouw.com](https://arietrouw.com)\n\n## License\n\nSee the [LICENSE](LICENSE) file for license details\n\n## Credits\n\n[Made with 🔥and ❄️ by XY Labs](https://xylabs.com)\n\n[logo]: https://cdn.xy.company/img/brand/XYPersistentCompany_Logo_Icon_Colored.svg\n\n[main-build]: https://github.com/xylabs/sdk-react/actions/workflows/build-main.yml/badge.svg\n[main-build-link]: https://github.com/xylabs/sdk-react/actions/workflows/build-main.yml\n\n[beta-build]: https://github.com/xylabs/sdk-react/actions/workflows/build-beta.yml/badge.svg\n[beta-build-link]: https://github.com/xylabs/sdk-react/actions/workflows/build-beta.yml\n\n[npm-badge]: https://img.shields.io/npm/v/@xylabs/sdk-react.svg\n[npm-link]: https://www.npmjs.com/package/@xylabs/sdk-react\n\n[bch-badge]: https://bettercodehub.com/edge/badge/xylabs/sdk-react?branch=main\n[bch-link]: https://bettercodehub.com/results/xylabs/sdk-react\n\n[codacy-badge]: https://app.codacy.com/project/badge/Grade/c2a69d4530ed4b7da6ddb070169dd339\n[codacy-link]: https://www.codacy.com/gh/xylabs/sdk-react/dashboard?utm_source=github.com&utm_medium=referral&utm_content=xylabs/sdk-react&utm_campaign=Badge_Grade\n\n[codeclimate-badge]: https://api.codeclimate.com/v1/badges/c461e0bc2b00c0b01ac0/maintainability\n[codeclimate-link]: https://codeclimate.com/github/xylabs/sdk-react/maintainability\n\n[snyk-badge]: https://snyk.io/test/github/xylabs/sdk-react/badge.svg?targetFile=package.json\n[snyk-link]: https://snyk.io/test/github/xylabs/sdk-react?targetFile=package.json"
471
- }
472
- ],
473
- "symbolIdMap": {
474
- "0": {
475
- "sourceFileName": "src/index.ts",
476
- "qualifiedName": ""
477
- },
478
- "1": {
479
- "sourceFileName": "src/components/PixelDebugger.tsx",
480
- "qualifiedName": "PixelDebugger"
481
- },
482
- "2": {
483
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
484
- "qualifiedName": "PixelDebugger"
485
- },
486
- "3": {
487
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
488
- "qualifiedName": "props"
489
- },
490
- "4": {
491
- "sourceFileName": "\u0000",
492
- "qualifiedName": "__type"
493
- },
494
- "5": {
495
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
496
- "qualifiedName": "context"
497
- },
498
- "6": {
499
- "sourceFileName": "src/components/PixelDebuggerProvider.tsx",
500
- "qualifiedName": "PixelDebuggerProvider"
501
- },
502
- "7": {
503
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
504
- "qualifiedName": "PixelDebuggerProvider"
505
- },
506
- "8": {
507
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
508
- "qualifiedName": "props"
509
- },
510
- "9": {
511
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
512
- "qualifiedName": "context"
513
- },
514
- "10": {
515
- "sourceFileName": "src/components/PixelDebuggerToggle.tsx",
516
- "qualifiedName": "PixelDebuggerToggle"
517
- },
518
- "11": {
519
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
520
- "qualifiedName": "PixelDebuggerToggle"
521
- },
522
- "12": {
523
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
524
- "qualifiedName": "props"
525
- },
526
- "13": {
527
- "sourceFileName": "../../node_modules/@types/react/index.d.ts",
528
- "qualifiedName": "context"
529
- },
530
- "14": {
531
- "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
532
- "qualifiedName": "usePixelAltSendHandler"
533
- },
534
- "15": {
535
- "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
536
- "qualifiedName": "usePixelAltSendHandler"
537
- },
538
- "16": {
539
- "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
540
- "qualifiedName": "altHandler"
541
- },
542
- "17": {
543
- "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
544
- "qualifiedName": "__type"
545
- },
546
- "18": {
547
- "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
548
- "qualifiedName": "__type"
549
- },
550
- "19": {
551
- "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
552
- "qualifiedName": "event"
553
- },
554
- "20": {
555
- "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
556
- "qualifiedName": "fields"
557
- },
558
- "21": {
559
- "sourceFileName": "src/PixelEvent.ts",
560
- "qualifiedName": "PixelEvent"
561
- },
562
- "22": {
563
- "sourceFileName": "src/PixelEvent.ts",
564
- "qualifiedName": "PixelEvent.event"
565
- },
566
- "23": {
567
- "sourceFileName": "src/PixelEvent.ts",
568
- "qualifiedName": "PixelEvent.fields"
569
- }
570
- }
571
- }
package/docs/assets/highlight.css DELETED
@@ -1,50 +0,0 @@
1
- :root {
2
- --light-hl-0: #795E26;
3
- --dark-hl-0: #DCDCAA;
4
- --light-hl-1: #000000;
5
- --dark-hl-1: #D4D4D4;
6
- --light-hl-2: #A31515;
7
- --dark-hl-2: #CE9178;
8
- --light-hl-3: #0000FF;
9
- --dark-hl-3: #569CD6;
10
- --light-code-background: #FFFFFF;
11
- --dark-code-background: #1E1E1E;
12
- }
13
-
14
- @media (prefers-color-scheme: light) { :root {
15
- --hl-0: var(--light-hl-0);
16
- --hl-1: var(--light-hl-1);
17
- --hl-2: var(--light-hl-2);
18
- --hl-3: var(--light-hl-3);
19
- --code-background: var(--light-code-background);
20
- } }
21
-
22
- @media (prefers-color-scheme: dark) { :root {
23
- --hl-0: var(--dark-hl-0);
24
- --hl-1: var(--dark-hl-1);
25
- --hl-2: var(--dark-hl-2);
26
- --hl-3: var(--dark-hl-3);
27
- --code-background: var(--dark-code-background);
28
- } }
29
-
30
- :root[data-theme='light'] {
31
- --hl-0: var(--light-hl-0);
32
- --hl-1: var(--light-hl-1);
33
- --hl-2: var(--light-hl-2);
34
- --hl-3: var(--light-hl-3);
35
- --code-background: var(--light-code-background);
36
- }
37
-
38
- :root[data-theme='dark'] {
39
- --hl-0: var(--dark-hl-0);
40
- --hl-1: var(--dark-hl-1);
41
- --hl-2: var(--dark-hl-2);
42
- --hl-3: var(--dark-hl-3);
43
- --code-background: var(--dark-code-background);
44
- }
45
-
46
- .hl-0 { color: var(--hl-0); }
47
- .hl-1 { color: var(--hl-1); }
48
- .hl-2 { color: var(--hl-2); }
49
- .hl-3 { color: var(--hl-3); }
50
- pre, code { background: var(--code-background); }