@redocly/portal-plugin-async-api 1.0.198 → 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/CHANGELOG.md +15 -0
- package/lib/.tsbuildinfo +1 -1
- package/lib/styles.d.ts +1 -1
- package/lib/styles.js +130 -130
- package/lib/template.js +1 -1
- package/lib/template.js.map +1 -1
- package/package.json +3 -2
- package/src/styles.tsx +130 -130
- package/src/template.tsx +1 -1
package/lib/styles.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const StylesProvider: import("styled-components").StyledComponent<"div",
|
|
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(--
|
|
13
|
-
color: var(--text-
|
|
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-
|
|
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-
|
|
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
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
210
|
-
--tag-
|
|
211
|
-
--tag-border-color: var(--color-
|
|
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-
|
|
216
|
-
--tag-
|
|
217
|
-
--tag-border-color: var(--color-
|
|
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(--
|
|
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(--
|
|
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-
|
|
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-
|
|
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(--
|
|
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-
|
|
271
|
-
--button-border-color: var(--bg-
|
|
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-
|
|
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-
|
|
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(--
|
|
280
|
-
--button-disabled-background-color: var(--bg-
|
|
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-
|
|
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-
|
|
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(--
|
|
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(--
|
|
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-
|
|
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-
|
|
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(--
|
|
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-
|
|
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(--
|
|
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-
|
|
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-
|
|
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(--
|
|
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(--
|
|
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-
|
|
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(--
|
|
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(--
|
|
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-
|
|
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
|
|
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(--
|
|
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-
|
|
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(--
|
|
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(--
|
|
522
|
+
background-color: var(--bg-color);
|
|
523
523
|
}
|
|
524
524
|
|
|
525
525
|
.asyncapi__channels > div {
|
|
526
|
-
background: var(--
|
|
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(--
|
|
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-
|
|
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-
|
|
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(--
|
|
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(--
|
|
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';
|
package/lib/template.js.map
CHANGED
|
@@ -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,
|
|
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.
|
|
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.
|
|
37
|
+
"@redocly/realm": "0.84.0",
|
|
38
|
+
"@redocly/theme": "0.37.0"
|
|
38
39
|
},
|
|
39
40
|
"peerDependenciesMeta": {
|
|
40
41
|
"@redocly/realm": {
|