@salesforcedevs/dx-components 1.3.82 → 1.3.84

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 (29) hide show
  1. package/lwc.config.json +3 -6
  2. package/package.json +2 -3
  3. package/src/modules/dx/audio/audio.ts +50 -0
  4. package/src/modules/dx/breadcrumbs/breadcrumbs.ts +10 -8
  5. package/src/modules/dx/cardContent/cardContent.html +1 -4
  6. package/src/modules/dx/cardDocs/cardDocs.html +1 -4
  7. package/src/modules/dx/codeBlock/codeBlock.css +7 -23
  8. package/src/modules/dx/codeBlock/codeBlock.html +19 -0
  9. package/src/modules/dx/codeBlock/codeBlock.ts +110 -70
  10. package/src/modules/dx/dropdown/dropdown.ts +3 -2
  11. package/src/modules/dx/filterMenu/filterMenu.html +2 -7
  12. package/src/modules/dx/filterMenu/filterMenu.ts +3 -4
  13. package/src/modules/dx/footer/links.ts +4 -2
  14. package/src/modules/dx/grid/grid.ts +1 -3
  15. package/src/modules/dx/popover/popover.ts +3 -3
  16. package/src/modules/dx/searchResults/searchResults.ts +3 -1
  17. package/src/modules/dx/select/select.ts +3 -2
  18. package/src/modules/dx/sidebar/sidebar.ts +5 -7
  19. package/src/modules/dx/sidebarSearch/sidebarSearch.ts +5 -2
  20. package/src/modules/dx/tabPanelList/tabPanelList.ts +2 -2
  21. package/src/modules/dxBaseElements/matchMediaElement/matchMediaElement.ts +4 -2
  22. package/src/modules/dxHelpers/code/code.css +296 -0
  23. package/src/modules/dxUtils/prismjs/prismjs.html +3 -0
  24. package/src/modules/dxUtils/prismjs/prismjs.ts +167 -287
  25. package/src/assets/shiki/languages/amp.tmLanguage.json +0 -205
  26. package/src/assets/shiki/themes/codey-highnoon.json +0 -650
  27. package/src/assets/shiki/themes/codey-midnight.json +0 -622
  28. package/src/modules/dxUtils/shiki/languages.ts +0 -18
  29. package/src/modules/dxUtils/shiki/shiki.ts +0 -75
package/src/assets/shiki/themes/codey-midnight.json DELETED
@@ -1,622 +0,0 @@
1
- {
2
- "name": "CodeyMidnight",
3
- "type": "dark",
4
- "colors": {
5
- "activityBar.background": "#0a121c",
6
- "activityBar.border": "#1c304a",
7
- "activityBarBadge.background": "#007acc",
8
- "contrastActiveBorder": "#4dddff",
9
- "editor.background": "#0a121c",
10
- "editor.foreground": "#ECECEC",
11
- "editor.inactiveSelectionBackground": "#3a3d41",
12
- "editor.selectionBackground": "#315482",
13
- "editor.selectionHighlightBackground": "#add6ff26",
14
- "editorGroupHeader.tabsBackground": "#0a121c",
15
- "editorIndentGuide.activeBackground": "#707070",
16
- "editorIndentGuide.background": "#404040",
17
- "editorLineNumber.activeForeground": "#00AA00",
18
- "focusBorder": "#00AA00",
19
- "input.placeholderForeground": "#a6a6a6",
20
- "list.dropBackground": "#383b3d",
21
- "list.hoverBackground": "#32445c",
22
- "list.inactiveSelectionBackground": "#315482",
23
- "menu.background": "#252526",
24
- "menu.foreground": "#cccccc",
25
- "notifications.background": "#152438",
26
- "settings.numberInputBackground": "#292929",
27
- "settings.textInputBackground": "#292929",
28
- "sideBar.background": "#152438",
29
- "sideBar.foreground": "#ffffff",
30
- "sideBarTitle.foreground": "#bbbbbb",
31
- "tab.activeBackground": "#315482",
32
- "tab.inactiveBackground": "#152438"
33
- },
34
- "tokenColors": [
35
- {
36
- "scope": "emphasis",
37
- "settings": {
38
- "fontStyle": "italic"
39
- }
40
- },
41
- {
42
- "scope": "strong",
43
- "settings": {
44
- "fontStyle": "bold"
45
- }
46
- },
47
- {
48
- "scope": "header",
49
- "settings": {
50
- "foreground": "#000080"
51
- }
52
- },
53
- {
54
- "scope": "comment",
55
- "settings": {
56
- "foreground": "#807D67"
57
- }
58
- },
59
- {
60
- "scope": "constant.language",
61
- "settings": {
62
- "foreground": "#6bb9f0"
63
- }
64
- },
65
- {
66
- "scope": ["constant.numeric"],
67
- "settings": {
68
- "foreground": "#c8f7c5"
69
- }
70
- },
71
- {
72
- "scope": "constant.regexp",
73
- "settings": {
74
- "foreground": "#9370db"
75
- }
76
- },
77
- {
78
- "name": "XML and HTML Tags",
79
- "scope": [
80
- "entity.name.tag.html",
81
- "entity.name.tag.other.html",
82
- "entity.name.tag.block.any.html",
83
- "meta.tag.inline.any.html",
84
- "entity.name.tag.localname.xml",
85
- "entity.name.tag.xml"
86
- ],
87
- "settings": {
88
- "foreground": "#00bFFF"
89
- }
90
- },
91
- {
92
- "name": "HTML and XML Attributes",
93
- "scope": [
94
- "entity.other.attribute-name.html",
95
- "entity.other.attribute-name.xml",
96
- "entity.other.attribute-name.localname.xml"
97
- ],
98
- "settings": {
99
- "foreground": "#1E8BC3"
100
- }
101
- },
102
- {
103
- "name": "HTML and XML Punctuation",
104
- "scope": [
105
- "punctuation.definition.tag.xml",
106
- "punctuation.definition.tag.begin.html",
107
- "punctuation.definition.tag.end.html",
108
- "meta.tag.preprocessor.xml"
109
- ],
110
- "settings": {
111
- "foreground": "#FEFEFE"
112
- }
113
- },
114
- {
115
- "scope": "entity.name.tag.css",
116
- "settings": {
117
- "foreground": "#f9bf3b"
118
- }
119
- },
120
- {
121
- "name": "CSS attributes",
122
- "scope": [
123
- "entity.other.attribute-name.class.css",
124
- "entity.other.attribute-name.class.mixin.css",
125
- "entity.other.attribute-name.id.css",
126
- "entity.other.attribute-name.parent-selector.css",
127
- "entity.other.attribute-name.pseudo-class.css",
128
- "entity.other.attribute-name.pseudo-element.css",
129
- "source.css.less entity.other.attribute-name.id",
130
- "entity.other.attribute-name.attribute.scss",
131
- "entity.other.attribute-name.scss"
132
- ],
133
- "settings": {
134
- "foreground": "#d7ba7d"
135
- }
136
- },
137
- {
138
- "scope": "invalid",
139
- "settings": {
140
- "foreground": "#FF4500"
141
- }
142
- },
143
- {
144
- "name": "Boolean Vals",
145
- "scope": [
146
- "constant.language.boolean.true.js",
147
- "constant.language.boolean.false.js",
148
- "constant.language.boolean.true.ts",
149
- "constant.language.boolean.false.ts",
150
- "constant.language.boolean.true.apex",
151
- "constant.language.boolean.false.apex"
152
- ],
153
- "settings": {
154
- "foreground": "#19B5FE"
155
- }
156
- },
157
- {
158
- "name": "JS Decorators",
159
- "scope": ["meta.decorator.js"],
160
- "settings": {
161
- "fontStyle": "italic"
162
- }
163
- },
164
- {
165
- "name": "JS Imports",
166
- "scope": [
167
- "meta.import.js",
168
- "meta.export.js",
169
- "meta.import.ts",
170
- "meta.export.ts"
171
- ],
172
- "settings": {
173
- "foreground": "#1E90FF"
174
- }
175
- },
176
- {
177
- "name": "JS and Apex Control Keywords",
178
- "scope": [
179
- "keyword.control.import.js",
180
- "keyword.control.from.js",
181
- "keyword.control.export.js",
182
- "keyword.control.conditional",
183
- "keyword.type.apex",
184
- "keyword.other.class.apex",
185
- "keyword.control.import.ts",
186
- "keyword.control.export.ts"
187
- ],
188
- "settings": {
189
- "foreground": "#52B3D9"
190
- }
191
- },
192
- {
193
- "name": "SOQL and Apex Operator Keywords",
194
- "scope": [
195
- "keyword.operator.query",
196
- "keyword.operator.assignment",
197
- "keyword.operator.conditional.colon",
198
- "keyword.operator.comparison",
199
- "keyword.operator.relational",
200
- "keyword.operator.arithmetic",
201
- "keyword.operator.increment",
202
- "keyword.operator.decrement",
203
- "keyword.operator.iterator.colon.apex"
204
- ],
205
- "settings": {
206
- "foreground": "#e4f1fe",
207
- "fontStyle": "italic bold"
208
- }
209
- },
210
- {
211
- "name": "SOQL Fields",
212
- "scope": ["keyword.query.field"],
213
- "settings": {
214
- "foreground": "#e4f1fe"
215
- }
216
- },
217
- {
218
- "name": "JS and Apex Classes",
219
- "scope": [
220
- "entity.other.inherited-class.js",
221
- "entity.name.type.class.js",
222
- "sharing.modifier.apex"
223
- ],
224
- "settings": {
225
- "foreground": "#00A4A6"
226
- }
227
- },
228
- {
229
- "name": "JS and Apex Functions",
230
- "scope": [
231
- "meta.definition.method.js",
232
- "meta.method.declaration.js",
233
- "meta.function-call.js",
234
- "meta.function-call.ts",
235
- "entity.name.function.apex",
236
- "meta.function.expression.ts"
237
- ],
238
- "settings": {
239
- "foreground": "#00BFFF"
240
- }
241
- },
242
- {
243
- "name": "JS and Apex Parameters",
244
- "scope": [
245
- "variable.parameter.js",
246
- "meta.parameters.js",
247
- "meta.objectliteral.js",
248
- "meta.block.js",
249
- "meta.block.ts",
250
- "entity.name.variable.parameter.apex",
251
- "meta.definition.variable.ts",
252
- "variable.other.object.ts",
253
- "meta.var.expr.ts",
254
- "variable.other.readwrite.ts",
255
- "meta.var.expr.ts"
256
- ],
257
- "settings": {
258
- "foreground": "#E0FFFF"
259
- }
260
- },
261
- {
262
- "name": "JS and Apex Variables",
263
- "scope": [
264
- "variable.other.constant.js",
265
- "variable.object.property.js",
266
- "variable.other.object.js",
267
- "variable.other.property.js",
268
- "variable.other.readwrite.js",
269
- "variable.language.this.js",
270
- "entity.name.variable.local.apex",
271
- "variable.other.readwrite.apex",
272
- "entity.name.variable.property.apex",
273
- "entity.name.variable.field.apex",
274
- "variable.other.object.apex",
275
- "variable.object.readwrite.apex",
276
- "variable.other.object.property.apex"
277
- ],
278
- "settings": {
279
- "foreground": "#e4f1fe"
280
- }
281
- },
282
- {
283
- "name": "JS and Apex Punctuation",
284
- "scope": [
285
- "punctuation.squarebracket.close.apex",
286
- "punctuation.squarebracket.open.apex",
287
- "punctuation.parenthesis.open.apex",
288
- "punctuation.parenthesis.close.apex",
289
- "punctuation.definition.typeparameters.begin.apex",
290
- "punctuation.definition.typeparameters.end.apex",
291
- "punctuation.curlybrace.close.apex",
292
- "punctuation.curlybrace.open.apex",
293
- "punctuation.accessor.apex",
294
- "punctuation.terminator.statement.apex",
295
- "punctuation.accessor.js",
296
- "meta.brace.round.js",
297
- "meta.brace.square.js",
298
- "punctuation.definition.block.js",
299
- "punctuation.terminator.statement.js",
300
- "punctuation.separator.comma.js",
301
- "punctuation.separator.key-value.js"
302
- ],
303
- "settings": {
304
- "foreground": "#FEFEFE"
305
- }
306
- },
307
- {
308
- "scope": "markup.underline",
309
- "settings": {
310
- "fontStyle": "underline"
311
- }
312
- },
313
- {
314
- "scope": "markup.bold",
315
- "settings": {
316
- "fontStyle": "bold",
317
- "foreground": "#1E90FF"
318
- }
319
- },
320
- {
321
- "scope": "markup.heading",
322
- "settings": {
323
- "fontStyle": "bold",
324
- "foreground": "#1E90FF"
325
- }
326
- },
327
- {
328
- "scope": "markup.italic",
329
- "settings": {
330
- "fontStyle": "italic"
331
- }
332
- },
333
- {
334
- "scope": "markup.inserted",
335
- "settings": {
336
- "foreground": "#c8f7c5"
337
- }
338
- },
339
- {
340
- "scope": "markup.deleted",
341
- "settings": {
342
- "foreground": "#f1a9a0"
343
- }
344
- },
345
- {
346
- "scope": "markup.changed",
347
- "settings": {
348
- "foreground": "#52b3d9"
349
- }
350
- },
351
- {
352
- "scope": "punctuation.definition.quote.begin.markdown",
353
- "settings": {
354
- "foreground": "#87d37c"
355
- }
356
- },
357
- {
358
- "scope": "punctuation.definition.list.begin.markdown",
359
- "settings": {
360
- "foreground": "#6495ed"
361
- }
362
- },
363
- {
364
- "scope": "markup.inline.raw",
365
- "settings": {
366
- "foreground": "#f1a9a0"
367
- }
368
- },
369
- {
370
- "scope": "meta.preprocessor",
371
- "settings": {
372
- "foreground": "#7bacdd"
373
- }
374
- },
375
- {
376
- "scope": "meta.preprocessor.string",
377
- "settings": {
378
- "foreground": "#ffecdb"
379
- }
380
- },
381
- {
382
- "scope": "meta.preprocessor.numeric",
383
- "settings": {
384
- "foreground": "#c8f7c5"
385
- }
386
- },
387
- {
388
- "scope": "meta.structure.dictionary.key.python",
389
- "settings": {
390
- "foreground": "#e4f1fe"
391
- }
392
- },
393
- {
394
- "scope": "meta.diff.header",
395
- "settings": {
396
- "foreground": "#1E90FF"
397
- }
398
- },
399
- {
400
- "scope": "storage",
401
- "settings": {
402
- "foreground": "#1E90FF"
403
- }
404
- },
405
- {
406
- "scope": "storage.type",
407
- "settings": {
408
- "foreground": "#1E90FF"
409
- }
410
- },
411
- {
412
- "scope": "storage.modifier",
413
- "settings": {
414
- "foreground": "#1E90FF"
415
- }
416
- },
417
- {
418
- "scope": "string",
419
- "settings": {
420
- "foreground": "#ffecdb"
421
- }
422
- },
423
- {
424
- "scope": "string.tag",
425
- "settings": {
426
- "foreground": "#ffecdb"
427
- }
428
- },
429
- {
430
- "scope": "string.value",
431
- "settings": {
432
- "foreground": "#ffecdb"
433
- }
434
- },
435
- {
436
- "scope": "string.regexp",
437
- "settings": {
438
- "foreground": "#ff7f50"
439
- }
440
- },
441
- {
442
- "name": "String interpolation",
443
- "scope": [
444
- "punctuation.definition.template-expression.begin",
445
- "punctuation.definition.template-expression.end",
446
- "punctuation.section.embedded"
447
- ],
448
- "settings": {
449
- "foreground": "#1E90FF"
450
- }
451
- },
452
- {
453
- "name": "Reset JavaScript string interpolation expression",
454
- "scope": ["meta.template.expression"],
455
- "settings": {
456
- "foreground": "#ececec"
457
- }
458
- },
459
- {
460
- "name": "CSS Supports",
461
- "scope": [
462
- "support.type.vendored.property-name",
463
- "support.type.property-name",
464
- "variable.css",
465
- "variable.scss",
466
- "variable.other.less",
467
- "source.coffee.embedded"
468
- ],
469
- "settings": {
470
- "foreground": "#00e0e0"
471
- }
472
- },
473
- {
474
- "scope": [
475
- "keyword.operator.new",
476
- "keyword.operator.expression",
477
- "keyword.operator.cast",
478
- "keyword.operator.sizeof",
479
- "keyword.operator.instanceof",
480
- "keyword.operator.logical.python"
481
- ],
482
- "settings": {
483
- "foreground": "#1E90FF"
484
- }
485
- },
486
- {
487
- "scope": "keyword.other.unit",
488
- "settings": {
489
- "foreground": "#c8f7c5"
490
- }
491
- },
492
- {
493
- "scope": [
494
- "punctuation.section.embedded.begin.php",
495
- "punctuation.section.embedded.end.php"
496
- ],
497
- "settings": {
498
- "foreground": "#1E90FF"
499
- }
500
- },
501
- {
502
- "scope": "support.function.git-rebase",
503
- "settings": {
504
- "foreground": "#e4f1fe"
505
- }
506
- },
507
- {
508
- "scope": "constant.sha.git-rebase",
509
- "settings": {
510
- "foreground": "#c8f7c5"
511
- }
512
- },
513
- {
514
- "name": "coloring of the Java import and package identifiers",
515
- "scope": [
516
- "storage.modifier.import.java",
517
- "variable.language.wildcard.java",
518
- "storage.modifier.package.java"
519
- ],
520
- "settings": {
521
- "foreground": "#ECECEC"
522
- }
523
- },
524
- {
525
- "name": "this.self",
526
- "scope": "variable.language",
527
- "settings": {
528
- "foreground": "#1E90FF"
529
- }
530
- },
531
- {
532
- "scope": "token.info-token",
533
- "settings": {
534
- "foreground": "#6495ED"
535
- }
536
- },
537
- {
538
- "scope": "token.warn-token",
539
- "settings": {
540
- "foreground": "#f7ca18"
541
- }
542
- },
543
- {
544
- "scope": "token.error-token",
545
- "settings": {
546
- "foreground": "#FF4500"
547
- }
548
- },
549
- {
550
- "scope": "token.debug-token",
551
- "settings": {
552
- "foreground": "#BF5EEC"
553
- }
554
- },
555
- {
556
- "scope": "string",
557
- "settings": {
558
- "foreground": "#ADD8E6"
559
- }
560
- },
561
- {
562
- "scope": "keyword - keyword.operator",
563
- "settings": {
564
- "foreground": "#1E8BC3"
565
- }
566
- },
567
- {
568
- "scope": "keyword.control",
569
- "settings": {
570
- "foreground": "#1E8BC3"
571
- }
572
- },
573
- {
574
- "scope": "storage",
575
- "settings": {
576
- "foreground": "#1E8BC3"
577
- }
578
- },
579
- {
580
- "scope": "storage.type",
581
- "settings": {
582
- "foreground": "#1E8BC3"
583
- }
584
- },
585
- {
586
- "scope": "constant.numeric",
587
- "settings": {
588
- "foreground": "#DADFE1"
589
- }
590
- },
591
- {
592
- "scope": "entity.name.type",
593
- "settings": {
594
- "foreground": "#00b5b5"
595
- }
596
- },
597
- {
598
- "scope": "entity.name.class",
599
- "settings": {
600
- "foreground": "#00b5b5"
601
- }
602
- },
603
- {
604
- "scope": "support.type",
605
- "settings": {
606
- "foreground": "#00b5b5"
607
- }
608
- },
609
- {
610
- "scope": "support.class",
611
- "settings": {
612
- "foreground": "#00b5b5"
613
- }
614
- },
615
- {
616
- "scope": "support.function",
617
- "settings": {
618
- "foreground": "#00BFFF"
619
- }
620
- }
621
- ]
622
- }
package/src/modules/dxUtils/shiki/languages.ts DELETED
@@ -1,18 +0,0 @@
1
- // Definition of languages that should directly be bundled with this module.
2
- //
3
- // File data is read and replaced when bundled.
4
- //
5
- // https://github.com/shikijs/shiki/blob/main/docs/languages.md#supporting-your-own-languages-with-shiki
6
- // I ack that this is _super_ hacky for Rollup. 🤷🏼‍♂️
7
- export const DEFAULT_LANGUAGES: any = process.env.SHIKI_LANGUAGES || [];
8
-
9
- // export const DEFAULT_LANGUAGES = process.env.SHIKI_LANGUAGES;
10
- // Definition of languages that are not part of the Shiki project (yet).
11
- export const CUSTOM_LANGUAGES = [
12
- {
13
- id: "amp",
14
- scopeName: "source.amp",
15
- path: "languages/amp.tmLanguage.json",
16
- embeddedLangs: ["r"]
17
- }
18
- ];