@redocly/portal-plugin-async-api 1.0.197 → 1.0.199

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.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const StylesProvider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
1
+ export declare const StylesProvider: import("styled-components").StyledComponent<"div", any, {}, never>;
package/lib/styles.js CHANGED
@@ -9,8 +9,8 @@ export const StylesProvider = styled.div `
9
9
  font-size: var(--font-size-base);
10
10
  line-height: var(--line-height-base);
11
11
  font-weight: var(--font-weight-regular);
12
- background: var(--background-color);
13
- color: var(--text-base);
12
+ background: var(--bg-color);
13
+ color: var(--text-color-primary);
14
14
  }
15
15
 
16
16
  .asyncapi button {
@@ -24,7 +24,7 @@ export const StylesProvider = styled.div `
24
24
  line-height: 1;
25
25
 
26
26
  color: var(--button-color);
27
- background-color: var(--button-background-color);
27
+ background-color: var(--button-bg-color);
28
28
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
29
29
  border-radius: var(--button-border-radius);
30
30
 
@@ -42,7 +42,7 @@ export const StylesProvider = styled.div `
42
42
 
43
43
  &:active {
44
44
  box-shadow: var(--button-active-box-shadow);
45
- background-color: var(--button-active-background-color);
45
+ background-color: var(--button-bg-color-active);
46
46
  border: var(--button-border-width) var(--button-border-style)
47
47
  var(--button-active-border-color);
48
48
  }
@@ -50,12 +50,12 @@ export const StylesProvider = styled.div `
50
50
 
51
51
  .asyncapi__info-header-main > h1 {
52
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));
53
+ font-size: var(--h1-font-size);
54
+ font-weight: var(--h1-font-weight);
55
+ font-family: var(--h1-font-family);
56
+ line-height: var(--h1-line-height);
57
+ color: var(--h1-text-color);
58
+ text-transform: var(--h1-text-transform);
59
59
  }
60
60
 
61
61
  .asyncapi__markdown > div > p > code {
@@ -63,7 +63,7 @@ export const StylesProvider = styled.div `
63
63
  font-size: var(--inline-code-font-size);
64
64
  font-family: var(--code-font-family);
65
65
  border-radius: var(--inline-code-border-radius);
66
- background-color: var(--inline-code-background-color);
66
+ background-color: var(--inline-code-bg-color);
67
67
  color: var(--inline-code-text-color);
68
68
  }
69
69
 
@@ -76,7 +76,7 @@ export const StylesProvider = styled.div `
76
76
  width: 6px;
77
77
  height: 10px;
78
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);
79
+ background: var(--text-color-primary);
80
80
  }
81
81
 
82
82
  .asyncapi__toggle-button {
@@ -87,7 +87,7 @@ export const StylesProvider = styled.div `
87
87
  --button-hover-border-color: none;
88
88
  --button-hover-box-shadow: none;
89
89
 
90
- --button-active-background-color: none;
90
+ --button-bg-color-active: none;
91
91
  --button-active-border-color: none;
92
92
  --button-active-box-shadow: none;
93
93
  }
@@ -104,13 +104,13 @@ export const StylesProvider = styled.div `
104
104
  font-size: var(--font-size-base);
105
105
  border-radius: var(--border-radius);
106
106
  border: solid 1px var(--md-table-border-color);
107
- background-color: var(--md-table-stripe-background-color);
107
+ background-color: var(--md-table-stripe-bg-color);
108
108
  }
109
109
 
110
110
  .asyncapi__table-header {
111
111
  font-weight: var(--md-table-head-font-weight);
112
112
  color: var(--md-table-head-text-color);
113
- background: var(--md-table-head-background-color);
113
+ background: var(--md-table-head-bg-color);
114
114
  }
115
115
 
116
116
  .asyncapi__table-header--nested {
@@ -135,7 +135,7 @@ export const StylesProvider = styled.div `
135
135
  }
136
136
 
137
137
  .asyncapi__table-body {
138
- background-color: var(--md-table-stripe-background-color);
138
+ background-color: var(--md-table-stripe-bg-color);
139
139
  color: var(--md-table-cell-text-color);
140
140
  }
141
141
 
@@ -158,8 +158,8 @@ export const StylesProvider = styled.div `
158
158
  }
159
159
 
160
160
  .asyncapi__tree-leaf:before {
161
- border-left: var(--border-primary) 2px solid;
162
- border-bottom: var(--border-primary) 2px solid;
161
+ border-left: var(--border-color-primary) 2px solid;
162
+ border-bottom: var(--border-color-primary) 2px solid;
163
163
  border-radius: 0 0 0 var(--border-radius);
164
164
  }
165
165
 
@@ -180,7 +180,7 @@ export const StylesProvider = styled.div `
180
180
  box-shadow: var(--tag-box-shadow);
181
181
 
182
182
  color: var(--tag-color);
183
- background-color: var(--tag-background-color);
183
+ background-color: var(--tag-bg-color);
184
184
  border: var(--tag-border-width) var(--tag-border-style) var(--tag-border-color);
185
185
  border-radius: var(--tag-border-radius);
186
186
  }
@@ -188,52 +188,52 @@ export const StylesProvider = styled.div `
188
188
  .asyncapi__badge--publish,
189
189
  .asyncapi__server-header-protocol {
190
190
  --tag-color: var(--color-success-base);
191
- --tag-background-color: var(--color-success-bg);
191
+ --tag-bg-color: var(--color-success-bg);
192
192
  --tag-border-color: var(--color-success-border);
193
193
  }
194
194
 
195
195
  .asyncapi__badge--subscribe,
196
196
  .asyncapi__server-header-stage {
197
197
  --tag-color: var(--color-info-base);
198
- --tag-background-color: var(--color-info-bg);
198
+ --tag-bg-color: var(--color-info-bg);
199
199
  --tag-border-color: var(--color-info-border);
200
200
  }
201
201
 
202
202
  .asyncapi__badge--deprecated {
203
203
  --tag-color: var(--color-warning-base);
204
- --tag-background-color: var(--color-warning-bg);
204
+ --tag-bg-color: var(--color-warning-bg);
205
205
  --tag-border-color: var(--color-warning-border);
206
206
  }
207
207
 
208
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);
209
+ --tag-color: var(--color-turquoise-6);
210
+ --tag-bg-color: var(--color-turquoise-1);
211
+ --tag-border-color: var(--color-turquoise-3);
212
212
  }
213
213
 
214
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);
215
+ --tag-color: var(--color-blue-6);
216
+ --tag-bg-color: var(--color-blue-1);
217
+ --tag-border-color: var(--color-blue-3);
218
218
  }
219
219
 
220
220
  .asyncapi__tag {
221
221
  border-radius: var(--border-radius);
222
- background-color: var(--background-color);
222
+ background-color: var(--bg-color);
223
223
  font-size: var(--font-size-sm);
224
- color: var(--text-secondary);
224
+ color: var(--text-color-secondary);
225
225
  }
226
226
 
227
227
  .asyncapi__code {
228
- border: solid 1px var(--border-primary);
228
+ border: solid 1px var(--border-color-primary);
229
229
  border-radius: var(--border-radius);
230
- background: var(--background-color);
230
+ background: var(--bg-color);
231
231
  }
232
232
 
233
233
  .asyncapi__code-header {
234
- border-bottom: 1px solid var(--border-primary);
234
+ border-bottom: 1px solid var(--border-color-primary);
235
235
  font-weight: var(--md-table-head-font-weight);
236
- background: var(--md-table-head-background-color);
236
+ background: var(--md-table-head-bg-color);
237
237
  border-top-left-radius: var(--border-radius);
238
238
  border-top-right-radius: var(--border-radius);
239
239
  }
@@ -246,7 +246,7 @@ export const StylesProvider = styled.div `
246
246
 
247
247
  .asyncapi__code-pre {
248
248
  font-size: var(--font-size-base);
249
- background: var(--md-table-stripe-background-color);
249
+ background: var(--md-table-stripe-bg-color);
250
250
  border-bottom-right-radius: var(--border-radius);
251
251
  border-bottom-left-radius: var(--border-radius);
252
252
  }
@@ -257,7 +257,7 @@ export const StylesProvider = styled.div `
257
257
  }
258
258
 
259
259
  .asyncapi__info {
260
- background: var(--background-color);
260
+ background: var(--bg-color);
261
261
  border-radius: var(--border-radius);
262
262
  box-shadow: none;
263
263
  padding-left: 0;
@@ -266,19 +266,19 @@ export const StylesProvider = styled.div `
266
266
 
267
267
  .asyncapi__collapse-button,
268
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);
269
+ --button-color: var(--text-color-primary);
270
+ --button-bg-color: var(--button-bg-color-secondary);
271
+ --button-border-color: var(--button-bg-color-secondary);
272
272
 
273
- --button-hover-background-color: var(--bg-overlay);
274
- --button-hover-border-color: var(--border-primary);
273
+ --button-hover-background-color: var(--button-bg-color-secondary-hover);
274
+ --button-hover-border-color: var(--border-color-primary);
275
275
 
276
- --button-active-background-color: var(--bg-overlay);
277
- --button-active-border-color: var(--button-color);
276
+ --button-bg-color-active: var(--button-bg-color-secondary-pressed);
277
+ --button-active-border-color: var(--button-bg-color-secondary-pressed);
278
278
 
279
- --button-disabled-color: var(--text-placeholder);
280
- --button-disabled-background-color: var(--bg-raised);
281
- --button-disabled-border-color: var(--border-secondary);
279
+ --button-disabled-color: var(--button-content-color-disabled);
280
+ --button-disabled-background-color: var(--bg-color-tonal);
281
+ --button-disabled-border-color: var(--border-color-secondary);
282
282
  }
283
283
 
284
284
  .asyncapi__info-list > li {
@@ -287,7 +287,7 @@ export const StylesProvider = styled.div `
287
287
  box-shadow: var(--button-box-shadow);
288
288
  color: var(--button-color);
289
289
  border: 1px solid var(--button-border-color);
290
- background-color: var(--button-background-color);
290
+ background-color: var(--button-bg-color);
291
291
  font-weight: var(--button-font-weight);
292
292
  }
293
293
  .asyncapi__info-list > li:hover {
@@ -318,92 +318,92 @@ export const StylesProvider = styled.div `
318
318
  }
319
319
 
320
320
  .asyncapi__messages > div {
321
- border: solid 1px var(--border-primary);
321
+ border: solid 1px var(--border-color-primary);
322
322
  box-shadow: none;
323
323
  font-size: var(--panel-heading-font-size-local);
324
- background-color: var(--panel-heading-background-color);
324
+ background-color: var(--panel-heading-bg-color);
325
325
  border-radius: var(--panel-border-radius);
326
326
  padding: var(--spacing-base);
327
327
  }
328
328
 
329
329
  .asyncapi__message {
330
330
  border-radius: var(--border-radius);
331
- background: var(--background-color);
332
- border: solid 1px var(--border-primary);
331
+ background: var(--bg-color);
332
+ border: solid 1px var(--border-color-primary);
333
333
  }
334
334
 
335
335
  .asyncapi__message-header-title > h3 {
336
- color: var(--text-primary);
336
+ color: var(--text-color-primary);
337
337
  padding: var(--panel-response-heading-padding);
338
338
  padding-right: 0;
339
339
  }
340
340
 
341
341
  .asyncapi__message-header-title {
342
- background-color: var(--background-color);
342
+ background-color: var(--bg-color);
343
343
  }
344
344
 
345
345
  .asyncapi__message-header-summary {
346
346
  font-size: var(--font-size-base);
347
347
  font-weight: var(--font-weight-regular);
348
- border-top: solid 1px var(--border-primary);
348
+ border-top: solid 1px var(--border-color-primary);
349
349
  }
350
350
 
351
351
  .asyncapi__message-description {
352
352
  font-size: var(--font-size-base);
353
- border-top: solid 1px var(--border-primary);
353
+ border-top: solid 1px var(--border-color-primary);
354
354
  }
355
355
 
356
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);
357
+ background-color: var(--md-table-head-bg-color);
358
+ color: var(--text-color-primary);
359
+ border-top: solid 1px var(--border-color-primary);
360
360
  }
361
361
 
362
362
  .asyncapi__message-payload-oneOf-header {
363
- background-color: var(--md-table-head-background-color);
364
- color: var(--text-primary);
363
+ background-color: var(--md-table-head-bg-color);
364
+ color: var(--text-color-primary);
365
365
  }
366
366
 
367
367
  .asyncapi__message-payload-oneOf-list-item .asyncapi__message-payload {
368
368
  border-radius: var(--border-radius);
369
- border: solid 1px var(--border-primary);
370
- background-color: var(--background-color);
369
+ border: solid 1px var(--border-color-primary);
370
+ background-color: var(--bg-color);
371
371
  }
372
372
 
373
373
  .asyncapi__message-payload-anyOf-header {
374
- background-color: var(--md-table-head-background-color);
375
- color: var(--text-primary);
374
+ background-color: var(--md-table-head-bg-color);
375
+ color: var(--text-color-primary);
376
376
  }
377
377
 
378
378
  .asyncapi__message-payload-anyOf-list-item .asyncapi__message-payload {
379
379
  border-radius: var(--border-radius);
380
- border: solid 1px var(--border-primary);
381
- background-color: var(--background-color);
380
+ border: solid 1px var(--border-color-primary);
381
+ background-color: var(--bg-color);
382
382
  }
383
383
 
384
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);
385
+ background-color: var(--md-table-head-bg-color);
386
+ color: var(--text-color-primary);
387
+ border-top: solid 1px var(--border-color-primary);
388
388
  }
389
389
 
390
390
  .asyncapi__message-tags-header {
391
- color: var(--text-primary);
391
+ color: var(--text-color-primary);
392
392
  }
393
393
 
394
394
  .asyncapi__schemas > div {
395
- border: solid 1px var(--border-primary);
395
+ border: solid 1px var(--border-color-primary);
396
396
  box-shadow: none;
397
397
  font-size: var(--panel-heading-font-size-local);
398
- background-color: var(--panel-heading-background-color);
398
+ background-color: var(--panel-heading-bg-color);
399
399
  padding: var(--spacing-base);
400
400
  border-radius: var(--panel-border-radius);
401
401
  }
402
402
 
403
403
  .asyncapi__schema {
404
404
  border-radius: var(--border-radius);
405
- border: solid 1px var(--border-primary);
406
- background-color: var(--background-color);
405
+ border: solid 1px var(--border-color-primary);
406
+ background-color: var(--bg-color);
407
407
  }
408
408
 
409
409
  .asyncapi__schema-header-title {
@@ -416,71 +416,71 @@ export const StylesProvider = styled.div `
416
416
  }
417
417
 
418
418
  .asyncapi__schema-table {
419
- border-top: solid 1px var(--border-primary);
419
+ border-top: solid 1px var(--border-color-primary);
420
420
  }
421
421
 
422
422
  .asyncapi__security {
423
- background: var(--background-color);
423
+ background: var(--bg-color);
424
424
  border-radius: var(--border-radius);
425
425
  }
426
426
 
427
427
  .asyncapi__servers > div {
428
- border: solid 1px var(--border-primary);
428
+ border: solid 1px var(--border-color-primary);
429
429
  box-shadow: none;
430
430
  font-size: var(--panel-heading-font-size-local);
431
- background-color: var(--panel-heading-background-color);
431
+ background-color: var(--panel-heading-bg-color);
432
432
  border-radius: var(--panel-border-radius);
433
433
  padding: var(--spacing-base);
434
434
  }
435
435
 
436
436
  .asyncapi__server-description {
437
- border-top: solid 1px var(--border-primary);
437
+ border-top: solid 1px var(--border-color-primary);
438
438
  }
439
439
 
440
440
  .asyncapi__server-variables-header {
441
- background-color: var(--background-color);
442
- color: var(--text-primary);
443
- border-top: solid 1px var(--border-primary);
441
+ background-color: var(--bg-color);
442
+ color: var(--text-color-primary);
443
+ border-top: solid 1px var(--border-color-primary);
444
444
  }
445
445
 
446
446
  .asyncapi__server-variables-table {
447
- border-top: solid 1px var(--border-primary);
447
+ border-top: solid 1px var(--border-color-primary);
448
448
  }
449
449
 
450
450
  .asyncapi__server-expand-icon:before {
451
- color: var(--text-secondary);
451
+ color: var(--text-color-secondary);
452
452
  font-size: var(--font-size-sm);
453
453
  }
454
454
 
455
455
  .asyncapi__server-security-header {
456
- background-color: var(--background-color);
457
- color: var(--text-primary);
458
- border-top: solid 1px var(--border-primary);
456
+ background-color: var(--bg-color);
457
+ color: var(--text-color-primary);
458
+ border-top: solid 1px var(--border-color-primary);
459
459
  }
460
460
 
461
461
  .asyncapi__server-security-table {
462
- border-top: solid 1px var(--border-primary);
462
+ border-top: solid 1px var(--border-color-primary);
463
463
  }
464
464
 
465
465
  .asyncapi__server-security-flows-list a {
466
466
  text-decoration: var(--link-decoration);
467
- color: var(--link-text-color);
467
+ color: var(--link-color-primary);
468
468
  font-weight: var(--link-font-weight);
469
469
  }
470
470
 
471
471
  .asyncapi__server-security-flows-list a:visited {
472
- color: var(--link-visited-text-color);
472
+ color: var(--link-color-visited);
473
473
  text-decoration: var(--link-visited-decoration);
474
474
  }
475
475
 
476
476
  .asyncapi__server-security-flow {
477
- background-color: var(--background-color);
478
- border: 1px solid var(--border-primary);
477
+ background-color: var(--bg-color);
478
+ border: 1px solid var(--border-color-primary);
479
479
  border-radius: var(--border-radius);
480
480
  }
481
481
 
482
482
  .asyncapi__server-security-flows-table-cell {
483
- border-bottom: solid 1px var(--border-primary);
483
+ border-bottom: solid 1px var(--border-color-primary);
484
484
  }
485
485
 
486
486
  .asyncapi__server-security-scope {
@@ -489,8 +489,8 @@ export const StylesProvider = styled.div `
489
489
  font-weight: var(--tag-font-weight);
490
490
  line-height: var(--tag-line-height);
491
491
  border-radius: var(--tag-border-radius);
492
- background: var(--tag-background-color);
493
- color: var(--text-primary);
492
+ background: var(--tag-bg-color);
493
+ color: var(--text-color-primary);
494
494
  padding: 0 var(--spacing-base);
495
495
  background-color: var(--color-http-post);
496
496
  }
@@ -507,8 +507,8 @@ export const StylesProvider = styled.div `
507
507
  .asyncapi__channel,
508
508
  .asyncapi__server {
509
509
  border-radius: var(--border-radius);
510
- border: solid 1px var(--border-primary);
511
- background-color: var(--background-color);
510
+ border: solid 1px var(--border-color-primary);
511
+ background-color: var(--bg-color);
512
512
  overflow: hidden;
513
513
  }
514
514
 
@@ -519,19 +519,19 @@ export const StylesProvider = styled.div `
519
519
  }
520
520
 
521
521
  .asyncapi__message-header {
522
- background-color: var(--background-color);
522
+ background-color: var(--bg-color);
523
523
  }
524
524
 
525
525
  .asyncapi__channels > div {
526
- background: var(--background-color);
526
+ background: var(--bg-color);
527
527
  border-radius: var(--panel-border-radius);
528
528
  box-shadow: none;
529
- border: 1px solid var(--border-primary);
529
+ border: 1px solid var(--border-color-primary);
530
530
  padding: var(--spacing-base);
531
531
  }
532
532
 
533
533
  .asyncapi__channel-header > h3 {
534
- color: var(--text-primary);
534
+ color: var(--text-color-primary);
535
535
  font-size: var(--font-size-base);
536
536
  }
537
537
 
@@ -540,60 +540,60 @@ export const StylesProvider = styled.div `
540
540
  }
541
541
 
542
542
  .asyncapi__channel-operations-header {
543
- color: var(--text-primary);
543
+ color: var(--text-color-primary);
544
544
  background-color: var(background-color);
545
- border-top: solid 1px var(--border-primary);
545
+ border-top: solid 1px var(--border-color-primary);
546
546
  }
547
547
 
548
548
  .asyncapi__channel-operations-header-oneOf {
549
- border-top: solid 1px var(--border-primary);
549
+ border-top: solid 1px var(--border-color-primary);
550
550
  }
551
551
 
552
552
  .asyncapi__channel-operations-list .asyncapi__messages-list-item .asyncapi__message {
553
553
  border-radius: var(--border-radius);
554
- border: solid 1px var(--border-primary);
555
- background-color: var(--background-color);
554
+ border: solid 1px var(--border-color-primary);
555
+ background-color: var(--bg-color);
556
556
  }
557
557
 
558
558
  .asyncapi__channel-operation-message > .asyncapi__bindings {
559
559
  border-radius: var(--border-radius);
560
- border: solid 1px var(--border-primary);
560
+ border: solid 1px var(--border-color-primary);
561
561
  }
562
562
 
563
563
  .asyncapi__channel-operation-message-header {
564
- color: var(--text-primary);
565
- border-top: solid 1px var(--border-primary);
564
+ color: var(--text-color-primary);
565
+ border-top: solid 1px var(--border-color-primary);
566
566
  }
567
567
 
568
568
  .asyncapi__channel-operation-oneOf-subscribe > .asyncapi__bindings {
569
569
  border-radius: var(--border-radius);
570
- border: solid 1px var(--border-primary);
570
+ border: solid 1px var(--border-color-primary);
571
571
  margin: 12px;
572
572
  }
573
573
 
574
574
  .asyncapi__channel-operation-oneOf-subscribe-header {
575
- color: var(--text-primary);
576
- border-top: solid 1px var(--border-primary);
575
+ color: var(--text-color-primary);
576
+ border-top: solid 1px var(--border-color-primary);
577
577
  }
578
578
 
579
579
  .asyncapi__channel-operation-oneOf-publish > .asyncapi__bindings {
580
580
  border-radius: var(--border-radius);
581
- border: solid 1px var(--border-primary);
581
+ border: solid 1px var(--border-color-primary);
582
582
  }
583
583
 
584
584
  .asyncapi__channel-operation-oneOf-publish-header {
585
- color: var(--text-primary);
586
- border-top: solid 1px var(--border-primary);
585
+ color: var(--text-color-primary);
586
+ border-top: solid 1px var(--border-color-primary);
587
587
  }
588
588
 
589
589
  .asyncapi__bindings-header {
590
- color: var(--text-primary);
590
+ color: var(--text-color-primary);
591
591
  }
592
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);
593
+ background-color: var(--md-table-head-bg-color);
594
+ color: var(--text-color-primary);
595
+ border-top: solid 1px var(--border-color-primary);
596
+ border-bottom: solid 1px var(--border-color-primary);
597
597
  }
598
598
 
599
599
  .asyncapi__binding-protocol {
@@ -601,23 +601,23 @@ export const StylesProvider = styled.div `
601
601
  }
602
602
 
603
603
  .asyncapi__binding-table {
604
- border-top: solid 1px var(--border-primary);
604
+ border-top: solid 1px var(--border-color-primary);
605
605
  }
606
606
  .asyncapi__binding-field-name {
607
607
  font-weight: bold;
608
608
  }
609
609
 
610
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);
611
+ color: var(--text-color-primary);
612
+ background-color: var(--md-table-head-bg-color);
613
+ border-top: solid 1px var(--border-color-primary);
614
614
  }
615
615
 
616
616
  .asyncapi__error {
617
- background-color: var(--background-color);
617
+ background-color: var(--bg-color);
618
618
  border-left: 6px solid #f44336;
619
619
  border-radius: var(--border-radius);
620
- color: var(--text-secondary);
620
+ color: var(--text-color-secondary);
621
621
  font-size: var(--font-size-base);
622
622
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
623
623
  }
@@ -628,18 +628,18 @@ export const StylesProvider = styled.div `
628
628
  }
629
629
 
630
630
  .asyncapi__error-body-pre {
631
- background-color: var(--background-color);
632
- color: var(--text-secondary);
631
+ background-color: var(--bg-color);
632
+ color: var(--text-color-secondary);
633
633
  border-bottom-right-radius: var(--border-radius);
634
634
  font-size: var(--font-size-sm);
635
635
  }
636
636
 
637
637
  .asyncapi__enum {
638
638
  line-height: 2;
639
- border-color: var(--border-primary);
639
+ border-color: var(--border-color-primary);
640
640
  border-radius: var(--border-radius);
641
641
  font-family: var(--code-font-family);
642
- color: var(--text-secondary);
642
+ color: var(--text-color-secondary);
643
643
  border-width: 1px;
644
644
  }
645
645
  `;
package/lib/template.js CHANGED
@@ -2,7 +2,7 @@ import AsyncApiComponent from '@asyncapi/react-component';
2
2
  import React from 'react';
3
3
  import styled from 'styled-components';
4
4
  // @ts-ignore
5
- import { Breadcrumbs as ThemeBreadcrumbs } from '@theme';
5
+ import { Breadcrumbs as ThemeBreadcrumbs } from '@redocly/theme';
6
6
  import '@asyncapi/react-component/lib/styles/fiori.css';
7
7
  // @ts-ignore has no exported member error
8
8
  import { usePageSharedData } from '@portal/hooks';
@@ -1 +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,gDAAgD,CAAC;AAOxD,0CAA0C;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,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"}
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,gBAAgB,CAAC;AACjE,OAAO,gDAAgD,CAAC;AAOxD,0CAA0C;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redocly/portal-plugin-async-api",
3
- "version": "1.0.197",
3
+ "version": "1.0.199",
4
4
  "description": "Async API plugin for @redocly/portal",
5
5
  "type": "module",
6
6
  "exports": {
@@ -34,7 +34,8 @@
34
34
  "peerDependencies": {
35
35
  "react": "^18.0.0",
36
36
  "react-dom": "^18.0.0",
37
- "@redocly/realm": "0.82.4"
37
+ "@redocly/realm": "0.84.0",
38
+ "@redocly/theme": "0.37.0"
38
39
  },
39
40
  "peerDependenciesMeta": {
40
41
  "@redocly/realm": {