@redocly/portal-plugin-async-api 0.0.0-react18-20231120182601

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.
package/lib/styles.js ADDED
@@ -0,0 +1,646 @@
1
+ import styled from 'styled-components';
2
+ export const StylesProvider = styled.div `
3
+ margin: auto;
4
+ padding: 0 var(--spacing-xl);
5
+ max-width: var(--layout-stacked-large-max-width);
6
+
7
+ .asyncapi {
8
+ font-family: var(--font-family-base);
9
+ font-size: var(--font-size-base);
10
+ line-height: var(--line-height-base);
11
+ font-weight: var(--font-weight-regular);
12
+ background: var(--background-color);
13
+ color: var(--text-base);
14
+ }
15
+
16
+ .asyncapi button {
17
+ display: flex;
18
+ align-items: center;
19
+ justify-content: center;
20
+ gap: 5px;
21
+ outline: none;
22
+ margin: var(--button-margin);
23
+ cursor: pointer;
24
+ line-height: 1;
25
+
26
+ color: var(--button-color);
27
+ background-color: var(--button-background-color);
28
+ border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
29
+ border-radius: var(--button-border-radius);
30
+
31
+ font-size: var(--button-font-size);
32
+ font-family: var(--button-font-family);
33
+ font-weight: var(--button-font-weight);
34
+ box-shadow: var(--button-box-shadow);
35
+
36
+ &:hover {
37
+ box-shadow: var(--button-hover-box-shadow);
38
+ background-color: var(--button-hover-background-color);
39
+ color: var(--button-hover-color);
40
+ border: var(--button-border-width) var(--button-border-style) var(--button-hover-border-color);
41
+ }
42
+
43
+ &:active {
44
+ box-shadow: var(--button-active-box-shadow);
45
+ background-color: var(--button-active-background-color);
46
+ border: var(--button-border-width) var(--button-border-style)
47
+ var(--button-active-border-color);
48
+ }
49
+ }
50
+
51
+ .asyncapi__info-header-main > h1 {
52
+ margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);
53
+ font-size: var(--h1-font-size, var(--h-font-size));
54
+ font-weight: var(--h1-font-weight, var(--h-font-weight));
55
+ font-family: var(--h1-font-family, var(--h-font-family));
56
+ line-height: var(--h1-line-height, var(--h-line-height));
57
+ color: var(--h1-text-color, var(--h-text-color));
58
+ text-transform: var(--h1-text-transform, var(--h-text-transform));
59
+ }
60
+
61
+ .asyncapi__markdown > div > p > code {
62
+ font-weight: var(--font-weight-regular);
63
+ font-size: var(--inline-code-font-size);
64
+ font-family: var(--code-font-family);
65
+ border-radius: var(--inline-code-border-radius);
66
+ background-color: var(--inline-code-background-color);
67
+ color: var(--inline-code-text-color);
68
+ }
69
+
70
+ .asyncapi__table {
71
+ font-size: var(--font-size-base);
72
+ }
73
+
74
+ .asyncapi__toggle-arrow {
75
+ content: none;
76
+ width: 6px;
77
+ height: 10px;
78
+ mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 4.25 7' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='white' %3E%3Cpath d='M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z' /%3E%3Cpath d='M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z' /%3E%3C/svg%3E");
79
+ background: var(--text-base);
80
+ }
81
+
82
+ .asyncapi__toggle-button {
83
+ display: flex;
84
+ padding-left: var(--spacing-xs);
85
+
86
+ --button-hover-background-color: none;
87
+ --button-hover-border-color: none;
88
+ --button-hover-box-shadow: none;
89
+
90
+ --button-active-background-color: none;
91
+ --button-active-border-color: none;
92
+ --button-active-box-shadow: none;
93
+ }
94
+
95
+ .asyncapi__toggle-header {
96
+ justify-content: start;
97
+ }
98
+
99
+ .asyncapi__toggle-header-content {
100
+ flex-grow: 0;
101
+ }
102
+
103
+ .asyncapi__table--nested {
104
+ font-size: var(--font-size-base);
105
+ border-radius: var(--border-radius);
106
+ border: solid 1px var(--md-table-border-color);
107
+ background-color: var(--md-table-stripe-background-color);
108
+ }
109
+
110
+ .asyncapi__table-header {
111
+ font-weight: var(--md-table-head-font-weight);
112
+ color: var(--md-table-head-text-color);
113
+ background: var(--md-table-head-background-color);
114
+ }
115
+
116
+ .asyncapi__table-header--nested {
117
+ color: var(--md-table-head-text-color);
118
+ border-bottom: solid 1px var(--md-table-border-color);
119
+ font-weight: var(--font-weight-bold);
120
+ font-size: var(--font-size-sm);
121
+ }
122
+
123
+ .asyncapi__table-header-title--nested {
124
+ color: var(--md-table-head-text-color);
125
+ }
126
+
127
+ .asyncapi__table-header-title--nested > td {
128
+ border-bottom: solid 1px var(--md-table-border-color);
129
+ font-size: var(--font-size-sm);
130
+ color: var(--md-table-head-text-color);
131
+ }
132
+
133
+ .asyncapi__table-header-column--nested {
134
+ border-bottom: solid 1px var(--md-table-border-color);
135
+ }
136
+
137
+ .asyncapi__table-body {
138
+ background-color: var(--md-table-stripe-background-color);
139
+ color: var(--md-table-cell-text-color);
140
+ }
141
+
142
+ .asyncapi__table-body--nested {
143
+ color: var(--md-table-cell-text-color);
144
+ }
145
+
146
+ .asyncapi__table-row--nested {
147
+ color: var(--md-table-cell-text-color);
148
+ border-bottom: solid 1px var(--md-table-border-color);
149
+ }
150
+
151
+ .asyncapi__table-cell {
152
+ border-bottom: 1px solid var(--md-table-border-color);
153
+ }
154
+
155
+ .asyncapi__table-cell--nested {
156
+ font-size: var(--font-size-sm);
157
+ border-bottom: solid 1px var(--md-table-border-color);
158
+ }
159
+
160
+ .asyncapi__tree-leaf:before {
161
+ border-left: var(--border-primary) 2px solid;
162
+ border-bottom: var(--border-primary) 2px solid;
163
+ border-radius: 0 0 0 var(--border-radius);
164
+ }
165
+
166
+ .asyncapi__badge {
167
+ display: inline-flex;
168
+ align-items: center;
169
+ justify-content: center;
170
+ text-wrap: nowrap;
171
+
172
+ padding: var(--tag-padding);
173
+ margin: var(--tag-margin);
174
+ gap: var(--tag-gap);
175
+
176
+ font-size: var(--tag-font-size);
177
+ font-family: var(--tag-font-family);
178
+ font-weight: var(--tag-font-weight);
179
+ line-height: var(--tag-line-height);
180
+ box-shadow: var(--tag-box-shadow);
181
+
182
+ color: var(--tag-color);
183
+ background-color: var(--tag-background-color);
184
+ border: var(--tag-border-width) var(--tag-border-style) var(--tag-border-color);
185
+ border-radius: var(--tag-border-radius);
186
+ }
187
+
188
+ .asyncapi__badge--publish,
189
+ .asyncapi__server-header-protocol {
190
+ --tag-color: var(--color-success-base);
191
+ --tag-background-color: var(--color-success-bg);
192
+ --tag-border-color: var(--color-success-border);
193
+ }
194
+
195
+ .asyncapi__badge--subscribe,
196
+ .asyncapi__server-header-stage {
197
+ --tag-color: var(--color-info-base);
198
+ --tag-background-color: var(--color-info-bg);
199
+ --tag-border-color: var(--color-info-border);
200
+ }
201
+
202
+ .asyncapi__badge--deprecated {
203
+ --tag-color: var(--color-warning-base);
204
+ --tag-background-color: var(--color-warning-bg);
205
+ --tag-border-color: var(--color-warning-border);
206
+ }
207
+
208
+ .asyncapi__badge--required {
209
+ --tag-color: var(--color-cyan-6);
210
+ --tag-background-color: var(--color-cyan-1);
211
+ --tag-border-color: var(--color-cyan-3);
212
+ }
213
+
214
+ .asyncapi__badge--generated {
215
+ --tag-color: var(--color-geekblue-6);
216
+ --tag-background-color: var(--color-geekblue-1);
217
+ --tag-border-color: var(--color-geekblue-3);
218
+ }
219
+
220
+ .asyncapi__tag {
221
+ border-radius: var(--border-radius);
222
+ background-color: var(--background-color);
223
+ font-size: var(--font-size-sm);
224
+ color: var(--text-secondary);
225
+ }
226
+
227
+ .asyncapi__code {
228
+ border: solid 1px var(--border-primary);
229
+ border-radius: var(--border-radius);
230
+ background: var(--background-color);
231
+ }
232
+
233
+ .asyncapi__code-header {
234
+ border-bottom: 1px solid var(--border-primary);
235
+ font-weight: var(--md-table-head-font-weight);
236
+ background: var(--md-table-head-background-color);
237
+ border-top-left-radius: var(--border-radius);
238
+ border-top-right-radius: var(--border-radius);
239
+ }
240
+
241
+ .asyncapi__code-header > h4 {
242
+ font-weight: var(--h4-font-weight);
243
+ font-size: var(--font-size-base);
244
+ color: var(--md-table-head-text-color);
245
+ }
246
+
247
+ .asyncapi__code-pre {
248
+ font-size: var(--font-size-base);
249
+ background: var(--md-table-stripe-background-color);
250
+ border-bottom-right-radius: var(--border-radius);
251
+ border-bottom-left-radius: var(--border-radius);
252
+ }
253
+
254
+ .asyncapi__code-body {
255
+ font-family: var(--code-font-family);
256
+ font-size: var(--code-font-size);
257
+ }
258
+
259
+ .asyncapi__info {
260
+ background: var(--background-color);
261
+ border-radius: var(--border-radius);
262
+ box-shadow: none;
263
+ padding-left: 0;
264
+ padding-right: 0;
265
+ }
266
+
267
+ .asyncapi__collapse-button,
268
+ .asyncapi__info-list > li {
269
+ --button-color: var(--text-primary);
270
+ --button-background-color: var(--bg-overlay);
271
+ --button-border-color: var(--bg-overlay);
272
+
273
+ --button-hover-background-color: var(--bg-overlay);
274
+ --button-hover-border-color: var(--border-primary);
275
+
276
+ --button-active-background-color: var(--bg-overlay);
277
+ --button-active-border-color: var(--button-color);
278
+
279
+ --button-disabled-color: var(--text-placeholder);
280
+ --button-disabled-background-color: var(--bg-raised);
281
+ --button-disabled-border-color: var(--border-secondary);
282
+ }
283
+
284
+ .asyncapi__info-list > li {
285
+ border-radius: var(--button-border-radius);
286
+ font-weight: var(--button-font-weight);
287
+ box-shadow: var(--button-box-shadow);
288
+ color: var(--button-color);
289
+ border: 1px solid var(--button-border-color);
290
+ background-color: var(--button-background-color);
291
+ font-weight: var(--button-font-weight);
292
+ }
293
+ .asyncapi__info-list > li:hover {
294
+ color: var(--button-color);
295
+ border: 1px solid var(--button-hover-border-color);
296
+ background-color: var(--button-hover-background-color);
297
+ color: var(--button-hover-color);
298
+ }
299
+ .asyncapi__info-list > li a {
300
+ color: var(--button-color);
301
+ }
302
+ .asyncapi__info-list > li:hover,
303
+ .asyncapi__info-list > li:hover a {
304
+ color: var(--button-color);
305
+ }
306
+
307
+ .asyncapi__anchor-icon {
308
+ content: none;
309
+ width: 12px;
310
+ height: 12px;
311
+ mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwNSAtMjg5KSI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMCAxMDApIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAyIDE4NikiPgo8cG9seWdvbiBwb2ludHM9IjAgMCAyNCAwIDI0IDI0IDAgMjQiLz4KPHBhdGggZD0ibTE5IDE5aC0xNHYtMTRoN3YtMmgtN2MtMS4xMSAwLTIgMC45LTIgMnYxNGMwIDEuMSAwLjg5IDIgMiAyaDE0YzEuMSAwIDItMC45IDItMnYtN2gtMnY3em0tNS0xNnYyaDMuNTlsLTkuODMgOS44MyAxLjQxIDEuNDEgOS44My05LjgzdjMuNTloMnYtN2gtN3oiIGZpbGw9IiMwYjc0ZGUiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4KCg==');
312
+ background: var(--button-color);
313
+ }
314
+
315
+ .asyncapi__info-list > li:hover .asyncapi__anchor-icon {
316
+ filter: none;
317
+ background: var(--button-color);
318
+ }
319
+
320
+ .asyncapi__messages > div {
321
+ border: solid 1px var(--border-primary);
322
+ box-shadow: none;
323
+ font-size: var(--panel-heading-font-size-local);
324
+ background-color: var(--panel-heading-background-color);
325
+ border-radius: var(--panel-border-radius);
326
+ padding: var(--spacing-base);
327
+ }
328
+
329
+ .asyncapi__message {
330
+ border-radius: var(--border-radius);
331
+ background: var(--background-color);
332
+ border: solid 1px var(--border-primary);
333
+ }
334
+
335
+ .asyncapi__message-header-title > h3 {
336
+ color: var(--text-primary);
337
+ padding: var(--panel-response-heading-padding);
338
+ padding-right: 0;
339
+ }
340
+
341
+ .asyncapi__message-header-title {
342
+ background-color: var(--background-color);
343
+ }
344
+
345
+ .asyncapi__message-header-summary {
346
+ font-size: var(--font-size-base);
347
+ font-weight: var(--font-weight-regular);
348
+ border-top: solid 1px var(--border-primary);
349
+ }
350
+
351
+ .asyncapi__message-description {
352
+ font-size: var(--font-size-base);
353
+ border-top: solid 1px var(--border-primary);
354
+ }
355
+
356
+ .asyncapi__message-headers-header {
357
+ background-color: var(--md-table-head-background-color);
358
+ color: var(--text-primary);
359
+ border-top: solid 1px var(--border-primary);
360
+ }
361
+
362
+ .asyncapi__message-payload-oneOf-header {
363
+ background-color: var(--md-table-head-background-color);
364
+ color: var(--text-primary);
365
+ }
366
+
367
+ .asyncapi__message-payload-oneOf-list-item .asyncapi__message-payload {
368
+ border-radius: var(--border-radius);
369
+ border: solid 1px var(--border-primary);
370
+ background-color: var(--background-color);
371
+ }
372
+
373
+ .asyncapi__message-payload-anyOf-header {
374
+ background-color: var(--md-table-head-background-color);
375
+ color: var(--text-primary);
376
+ }
377
+
378
+ .asyncapi__message-payload-anyOf-list-item .asyncapi__message-payload {
379
+ border-radius: var(--border-radius);
380
+ border: solid 1px var(--border-primary);
381
+ background-color: var(--background-color);
382
+ }
383
+
384
+ .asyncapi__message-payload-header {
385
+ background-color: var(--md-table-head-background-color);
386
+ color: var(--text-primary);
387
+ border-top: solid 1px var(--border-primary);
388
+ }
389
+
390
+ .asyncapi__message-tags-header {
391
+ color: var(--text-primary);
392
+ }
393
+
394
+ .asyncapi__schemas > div {
395
+ border: solid 1px var(--border-primary);
396
+ box-shadow: none;
397
+ font-size: var(--panel-heading-font-size-local);
398
+ background-color: var(--panel-heading-background-color);
399
+ padding: var(--spacing-base);
400
+ border-radius: var(--panel-border-radius);
401
+ }
402
+
403
+ .asyncapi__schema {
404
+ border-radius: var(--border-radius);
405
+ border: solid 1px var(--border-primary);
406
+ background-color: var(--background-color);
407
+ }
408
+
409
+ .asyncapi__schema-header-title {
410
+ font-size: var(--font-size-base);
411
+ }
412
+
413
+ .asyncapi__schema-example-header {
414
+ display: flex;
415
+ gap: var(--spacing-xxs);
416
+ }
417
+
418
+ .asyncapi__schema-table {
419
+ border-top: solid 1px var(--border-primary);
420
+ }
421
+
422
+ .asyncapi__security {
423
+ background: var(--background-color);
424
+ border-radius: var(--border-radius);
425
+ }
426
+
427
+ .asyncapi__servers > div {
428
+ border: solid 1px var(--border-primary);
429
+ box-shadow: none;
430
+ font-size: var(--panel-heading-font-size-local);
431
+ background-color: var(--panel-heading-background-color);
432
+ border-radius: var(--panel-border-radius);
433
+ padding: var(--spacing-base);
434
+ }
435
+
436
+ .asyncapi__server-description {
437
+ border-top: solid 1px var(--border-primary);
438
+ }
439
+
440
+ .asyncapi__server-variables-header {
441
+ background-color: var(--background-color);
442
+ color: var(--text-primary);
443
+ border-top: solid 1px var(--border-primary);
444
+ }
445
+
446
+ .asyncapi__server-variables-table {
447
+ border-top: solid 1px var(--border-primary);
448
+ }
449
+
450
+ .asyncapi__server-expand-icon:before {
451
+ color: var(--text-secondary);
452
+ font-size: var(--font-size-sm);
453
+ }
454
+
455
+ .asyncapi__server-security-header {
456
+ background-color: var(--background-color);
457
+ color: var(--text-primary);
458
+ border-top: solid 1px var(--border-primary);
459
+ }
460
+
461
+ .asyncapi__server-security-table {
462
+ border-top: solid 1px var(--border-primary);
463
+ }
464
+
465
+ .asyncapi__server-security-flows-list a {
466
+ text-decoration: var(--link-decoration);
467
+ color: var(--link-text-color);
468
+ font-weight: var(--link-font-weight);
469
+ }
470
+
471
+ .asyncapi__server-security-flows-list a:visited {
472
+ color: var(--link-visited-text-color);
473
+ text-decoration: var(--link-visited-decoration);
474
+ }
475
+
476
+ .asyncapi__server-security-flow {
477
+ background-color: var(--background-color);
478
+ border: 1px solid var(--border-primary);
479
+ border-radius: var(--border-radius);
480
+ }
481
+
482
+ .asyncapi__server-security-flows-table-cell {
483
+ border-bottom: solid 1px var(--border-primary);
484
+ }
485
+
486
+ .asyncapi__server-security-scope {
487
+ font-size: var(--tag-font-size);
488
+ font-family: var(--tag-font-family);
489
+ font-weight: var(--tag-font-weight);
490
+ line-height: var(--tag-line-height);
491
+ border-radius: var(--tag-border-radius);
492
+ background: var(--tag-background-color);
493
+ color: var(--text-primary);
494
+ padding: 0 var(--spacing-base);
495
+ background-color: var(--color-http-post);
496
+ }
497
+
498
+ .asyncapi__channels-toggle--expanded > .asyncapi__toggle-header,
499
+ .asyncapi__servers-toggle--expanded > .asyncapi__toggle-header,
500
+ .asyncapi__schemas-toggle--expanded > .asyncapi__toggle-header,
501
+ .asyncapi__messages-toggle--expanded > .asyncapi__toggle-header {
502
+ padding-bottom: var(--spacing-base);
503
+ }
504
+
505
+ .asyncapi__schema,
506
+ .asyncapi__message,
507
+ .asyncapi__channel,
508
+ .asyncapi__server {
509
+ border-radius: var(--border-radius);
510
+ border: solid 1px var(--border-primary);
511
+ background-color: var(--background-color);
512
+ overflow: hidden;
513
+ }
514
+
515
+ .asyncapi__channel-header,
516
+ .asyncapi__schema-header,
517
+ .asyncapi__server-header {
518
+ padding: var(--panel-response-heading-padding);
519
+ }
520
+
521
+ .asyncapi__message-header {
522
+ background-color: var(--background-color);
523
+ }
524
+
525
+ .asyncapi__channels > div {
526
+ background: var(--background-color);
527
+ border-radius: var(--panel-border-radius);
528
+ box-shadow: none;
529
+ border: 1px solid var(--border-primary);
530
+ padding: var(--spacing-base);
531
+ }
532
+
533
+ .asyncapi__channel-header > h3 {
534
+ color: var(--text-primary);
535
+ font-size: var(--font-size-base);
536
+ }
537
+
538
+ .asyncapi__channel-header-title {
539
+ font-size: var(--font-size-base);
540
+ }
541
+
542
+ .asyncapi__channel-operations-header {
543
+ color: var(--text-primary);
544
+ background-color: var(background-color);
545
+ border-top: solid 1px var(--border-primary);
546
+ }
547
+
548
+ .asyncapi__channel-operations-header-oneOf {
549
+ border-top: solid 1px var(--border-primary);
550
+ }
551
+
552
+ .asyncapi__channel-operations-list .asyncapi__messages-list-item .asyncapi__message {
553
+ border-radius: var(--border-radius);
554
+ border: solid 1px var(--border-primary);
555
+ background-color: var(--background-color);
556
+ }
557
+
558
+ .asyncapi__channel-operation-message > .asyncapi__bindings {
559
+ border-radius: var(--border-radius);
560
+ border: solid 1px var(--border-primary);
561
+ }
562
+
563
+ .asyncapi__channel-operation-message-header {
564
+ color: var(--text-primary);
565
+ border-top: solid 1px var(--border-primary);
566
+ }
567
+
568
+ .asyncapi__channel-operation-oneOf-subscribe > .asyncapi__bindings {
569
+ border-radius: var(--border-radius);
570
+ border: solid 1px var(--border-primary);
571
+ margin: 12px;
572
+ }
573
+
574
+ .asyncapi__channel-operation-oneOf-subscribe-header {
575
+ color: var(--text-primary);
576
+ border-top: solid 1px var(--border-primary);
577
+ }
578
+
579
+ .asyncapi__channel-operation-oneOf-publish > .asyncapi__bindings {
580
+ border-radius: var(--border-radius);
581
+ border: solid 1px var(--border-primary);
582
+ }
583
+
584
+ .asyncapi__channel-operation-oneOf-publish-header {
585
+ color: var(--text-primary);
586
+ border-top: solid 1px var(--border-primary);
587
+ }
588
+
589
+ .asyncapi__bindings-header {
590
+ color: var(--text-primary);
591
+ }
592
+ .asyncapi__bindings-header > h4 {
593
+ background-color: var(--md-table-head-background-color);
594
+ color: var(--text-primary);
595
+ border-top: solid 1px var(--border-primary);
596
+ border-bottom: solid 1px var(--border-primary);
597
+ }
598
+
599
+ .asyncapi__binding-protocol {
600
+ background-color: var(--color-http-get);
601
+ }
602
+
603
+ .asyncapi__binding-table {
604
+ border-top: solid 1px var(--border-primary);
605
+ }
606
+ .asyncapi__binding-field-name {
607
+ font-weight: bold;
608
+ }
609
+
610
+ .asyncapi__channel-parameters-header {
611
+ color: var(--text-primary);
612
+ background-color: var(--md-table-head-background-color);
613
+ border-top: solid 1px var(--border-primary);
614
+ }
615
+
616
+ .asyncapi__error {
617
+ background-color: var(--background-color);
618
+ border-left: 6px solid #f44336;
619
+ border-radius: var(--border-radius);
620
+ color: var(--text-secondary);
621
+ font-size: var(--font-size-base);
622
+ box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
623
+ }
624
+
625
+ .asyncapi__error-header {
626
+ box-shadow: inset 0 -1px 0 0 rgba(115, 121, 128, 0.15);
627
+ font-weight: var(--font-weight-bold);
628
+ }
629
+
630
+ .asyncapi__error-body-pre {
631
+ background-color: var(--background-color);
632
+ color: var(--text-secondary);
633
+ border-bottom-right-radius: var(--border-radius);
634
+ font-size: var(--font-size-sm);
635
+ }
636
+
637
+ .asyncapi__enum {
638
+ line-height: 2;
639
+ border-color: var(--border-primary);
640
+ border-radius: var(--border-radius);
641
+ font-family: var(--code-font-family);
642
+ color: var(--text-secondary);
643
+ border-width: 1px;
644
+ }
645
+ `;
646
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmoBvC,CAAC"}
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import '@asyncapi/react-component/lib/styles/fiori.css';
3
+ import type { PageProps } from '@redocly/portal/dist/shared/types';
4
+ import type { AsyncApiDocsSettings } from './config';
5
+ interface AsyncApiDocsProps {
6
+ pageProps: PageProps & {
7
+ settings?: AsyncApiDocsSettings;
8
+ };
9
+ }
10
+ declare function AsyncApiDocs({ pageProps }: AsyncApiDocsProps): React.JSX.Element;
11
+ export default AsyncApiDocs;
@@ -0,0 +1,38 @@
1
+ import AsyncApiComponent from '@asyncapi/react-component';
2
+ import React from 'react';
3
+ import styled from 'styled-components';
4
+ // @ts-ignore
5
+ import { Breadcrumbs as ThemeBreadcrumbs } from '@theme';
6
+ import { usePageSharedData } from '@redocly/portal/dist/client/providers/page-data/use-page-shared-data';
7
+ import '@asyncapi/react-component/lib/styles/fiori.css';
8
+ import { StylesProvider } from './styles.js';
9
+ function AsyncApiDocs({ pageProps }) {
10
+ const { settings = {} } = pageProps;
11
+ const asyncApiDefinition = usePageSharedData('AsyncApiDefinition');
12
+ const { schemaId, hideChannels, hideErrors, hideInfo, hideMessages, hideSchemas, hideServers, expandChannels, expandMessages, expandSchemas, expandServers, } = settings;
13
+ const componentConfig = {
14
+ schemaID: schemaId,
15
+ showErrors: !hideErrors,
16
+ show: {
17
+ info: !hideInfo,
18
+ channels: !hideChannels,
19
+ servers: !hideServers,
20
+ messages: !hideMessages,
21
+ schemas: !hideSchemas,
22
+ },
23
+ expand: {
24
+ schemas: expandSchemas,
25
+ channels: expandChannels,
26
+ messages: expandMessages,
27
+ servers: expandServers,
28
+ },
29
+ };
30
+ return (React.createElement(StylesProvider, null,
31
+ React.createElement(Breadcrumbs, null),
32
+ React.createElement(AsyncApiComponent, { schema: asyncApiDefinition, config: componentConfig })));
33
+ }
34
+ export default AsyncApiDocs;
35
+ const Breadcrumbs = styled(ThemeBreadcrumbs) `
36
+ margin-top: 20px;
37
+ `;
38
+ //# sourceMappingURL=template.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../src/template.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,aAAa;AACb,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AACzG,OAAO,gDAAgD,CAAC;AAOxD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAQ7C,SAAS,YAAY,CAAC,EAAE,SAAS,EAAqB;IACpD,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,CAAC;IACpC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,oBAAoB,CAA4B,CAAC;IAE9F,MAAM,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,GACd,GAAG,QAAQ,CAAC;IAEb,MAAM,eAAe,GAWjB;QACF,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,CAAC,UAAU;QACvB,IAAI,EAAE;YACJ,IAAI,EAAE,CAAC,QAAQ;YACf,QAAQ,EAAE,CAAC,YAAY;YACvB,OAAO,EAAE,CAAC,WAAW;YACrB,QAAQ,EAAE,CAAC,YAAY;YACvB,OAAO,EAAE,CAAC,WAAW;SACtB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,cAAc;YACxB,QAAQ,EAAE,cAAc;YACxB,OAAO,EAAE,aAAa;SACvB;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc;QACb,oBAAC,WAAW,OAAG;QACf,oBAAC,iBAAiB,IAAC,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,eAAe,GAAI,CAC3D,CAClB,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC;AAE5B,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;;CAE3C,CAAC"}