lynx-console 0.1.1 → 0.2.1

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 (49) hide show
  1. package/dist/index.cjs +183 -960
  2. package/dist/index.css +1257 -461
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.d.cts +79 -1
  5. package/dist/index.d.cts.map +1 -1
  6. package/dist/index.d.mts +79 -1
  7. package/dist/index.d.mts.map +1 -1
  8. package/dist/index.mjs +183 -960
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +1 -4
  11. package/src/components/BottomSheet.css +91 -0
  12. package/src/components/BottomSheet.tsx +10 -10
  13. package/src/components/ConsolePanel.css +402 -0
  14. package/src/components/ConsolePanel.tsx +62 -28
  15. package/src/components/FadeList.tsx +10 -55
  16. package/{dist/assets/src/components/FloatingButton.css.ts.vanilla-BaG0OI6p.css → src/components/FloatingButton.css} +22 -16
  17. package/src/components/FloatingButton.tsx +6 -6
  18. package/src/components/LogPanel.tsx +46 -47
  19. package/src/components/NetworkDetailSection.tsx +13 -13
  20. package/src/components/NetworkPanel.css +280 -0
  21. package/src/components/NetworkPanel.tsx +30 -50
  22. package/src/components/PerformancePanel.css +249 -0
  23. package/src/components/PerformancePanel.tsx +40 -40
  24. package/src/components/Tabs.css +78 -0
  25. package/src/components/Tabs.tsx +13 -11
  26. package/src/globals.d.ts +0 -5
  27. package/src/index.tsx +10 -6
  28. package/src/styles/global.css +8 -0
  29. package/src/styles/vars/color.ts +26 -213
  30. package/src/styles/vars/dimension.ts +5 -74
  31. package/src/styles/vars/index.css +65 -457
  32. package/src/styles/vars/index.ts +5 -9
  33. package/src/styles/vars/radius.ts +1 -11
  34. package/src/types.ts +8 -0
  35. package/dist/assets/src/components/BottomSheet.css.ts.vanilla-CulwSDhG.css +0 -83
  36. package/dist/assets/src/components/ConsolePanel.css.ts.vanilla-DWdhFBJq.css +0 -337
  37. package/dist/assets/src/components/FadeList.css.ts.vanilla-sppTKMZj.css +0 -12
  38. package/dist/assets/src/components/NetworkPanel.css.ts.vanilla-BSE4s40D.css +0 -244
  39. package/dist/assets/src/components/PerformancePanel.css.ts.vanilla-Bb3zG5G8.css +0 -216
  40. package/dist/assets/src/components/Tabs.css.ts.vanilla-DD7L2oXt.css +0 -50
  41. package/src/components/BottomSheet.css.ts +0 -93
  42. package/src/components/ConsolePanel.css.ts +0 -349
  43. package/src/components/FadeList.css.ts +0 -16
  44. package/src/components/FloatingButton.css.ts +0 -73
  45. package/src/components/NetworkPanel.css.ts +0 -277
  46. package/src/components/PerformancePanel.css.ts +0 -224
  47. package/src/components/Tabs.css.ts +0 -66
  48. package/src/styles/global.css.ts +0 -10
  49. package/src/styles/typography.ts +0 -25
@@ -1,337 +0,0 @@
1
- .ConsolePanel_container__db6kuu0 {
2
- display: flex;
3
- flex-direction: column;
4
- height: 100%;
5
- }
6
- .ConsolePanel_placeholder__db6kuu1 {
7
- display: flex;
8
- align-items: center;
9
- justify-content: center;
10
- height: 100%;
11
- }
12
- .ConsolePanel_placeholderText__db6kuu2 {
13
- font-size: 0.875rem;
14
- line-height: 1.1875rem;
15
- font-weight: var(--seed-font-weight-regular);
16
- color: var(--seed-color-fg-disabled);
17
- }
18
- .ConsolePanel_logContainer__db6kuu3 {
19
- display: flex;
20
- flex-direction: column;
21
- flex: 1;
22
- padding-top: 4px;
23
- }
24
- .ConsolePanel_logHeader__db6kuu4 {
25
- display: flex;
26
- flex-direction: row;
27
- align-items: center;
28
- justify-content: space-between;
29
- padding-bottom: 3px;
30
- }
31
- .ConsolePanel_filterWrapper__db6kuu5 {
32
- position: relative;
33
- }
34
- .ConsolePanel_filterButton__db6kuu6 {
35
- display: flex;
36
- flex-direction: row;
37
- align-items: center;
38
- padding: 3px 6px;
39
- background-color: var(--seed-color-bg-neutral-weak);
40
- border-radius: 4px;
41
- }
42
- .ConsolePanel_filterButtonText__db6kuu7 {
43
- font-size: 0.8125rem;
44
- line-height: 1.125rem;
45
- font-weight: var(--seed-font-weight-medium);
46
- color: var(--seed-color-fg-neutral-muted);
47
- }
48
- .ConsolePanel_filterDropdown__db6kuu8 {
49
- position: absolute;
50
- top: 100%;
51
- left: 0;
52
- margin-top: 4px;
53
- background-color: var(--seed-color-bg-layer-floating);
54
- border-width: 1px;
55
- border-color: var(--seed-color-stroke-neutral-subtle);
56
- border-style: solid;
57
- border-radius: 8px;
58
- padding: 4px 0;
59
- z-index: 100;
60
- min-width: 90px;
61
- }
62
- .ConsolePanel_filterOption__db6kuu9 {
63
- display: flex;
64
- flex-direction: row;
65
- align-items: center;
66
- gap: 4px;
67
- padding: 8px 12px;
68
- }
69
- .ConsolePanel_filterCheckbox__db6kuua {
70
- font-size: 0.8125rem;
71
- line-height: 1.125rem;
72
- font-weight: var(--seed-font-weight-medium);
73
- width: 16px;
74
- }
75
- .ConsolePanel_filterCheckbox_level_log__db6kuub {
76
- color: var(--seed-color-palette-green-600);
77
- }
78
- .ConsolePanel_filterCheckbox_level_info__db6kuuc {
79
- color: var(--seed-color-palette-blue-600);
80
- }
81
- .ConsolePanel_filterCheckbox_level_warn__db6kuud {
82
- color: var(--seed-color-palette-yellow-600);
83
- }
84
- .ConsolePanel_filterCheckbox_level_error__db6kuue {
85
- color: var(--seed-color-palette-red-600);
86
- }
87
- .ConsolePanel_filterLabel__db6kuuf {
88
- font-size: 0.8125rem;
89
- line-height: 1.125rem;
90
- font-weight: var(--seed-font-weight-medium);
91
- }
92
- .ConsolePanel_filterLabel_level_log__db6kuug {
93
- color: var(--seed-color-palette-green-600);
94
- }
95
- .ConsolePanel_filterLabel_level_info__db6kuuh {
96
- color: var(--seed-color-palette-blue-600);
97
- }
98
- .ConsolePanel_filterLabel_level_warn__db6kuui {
99
- color: var(--seed-color-palette-yellow-600);
100
- }
101
- .ConsolePanel_filterLabel_level_error__db6kuuj {
102
- color: var(--seed-color-palette-red-600);
103
- }
104
- .ConsolePanel_searchWrapper__db6kuuk {
105
- display: flex;
106
- flex-direction: row;
107
- align-items: center;
108
- flex: 1;
109
- margin-left: 8px;
110
- margin-right: 8px;
111
- border-bottom-width: 1px;
112
- border-bottom-color: var(--seed-color-stroke-neutral-subtle);
113
- border-bottom-style: solid;
114
- gap: 8px;
115
- }
116
- .ConsolePanel_searchPrompt__db6kuul {
117
- font-size: 1.125rem;
118
- line-height: 1.5rem;
119
- font-weight: var(--seed-font-weight-medium);
120
- color: var(--seed-color-fg-placeholder);
121
- }
122
- .ConsolePanel_searchInput__db6kuum {
123
- flex: 1;
124
- font-size: 0.8125rem;
125
- line-height: 1.125rem;
126
- font-weight: var(--seed-font-weight-regular);
127
- color: var(--seed-color-fg-neutral);
128
- caret-color: var(--seed-color-palette-green-600);
129
- }
130
- .ConsolePanel_searchClear__db6kuun {
131
- padding: 2px 4px;
132
- }
133
- .ConsolePanel_searchClearText__db6kuuo {
134
- font-size: 0.8125rem;
135
- line-height: 1.125rem;
136
- font-weight: var(--seed-font-weight-medium);
137
- color: var(--seed-color-fg-placeholder);
138
- }
139
- .ConsolePanel_clearButton__db6kuup {
140
- padding: 3px 6px;
141
- background-color: var(--seed-color-bg-neutral-weak);
142
- border-radius: 4px;
143
- }
144
- .ConsolePanel_clearButtonText__db6kuuq {
145
- font-size: 0.8125rem;
146
- line-height: 1.125rem;
147
- font-weight: var(--seed-font-weight-medium);
148
- color: var(--seed-color-fg-neutral-muted);
149
- }
150
- .ConsolePanel_logList__db6kuur {
151
- flex: 1;
152
- padding-top: 0;
153
- padding-bottom: 0;
154
- }
155
- .ConsolePanel_logItem__db6kuus {
156
- padding: 8px;
157
- border-bottom-width: 1px;
158
- border-bottom-color: var(--seed-color-stroke-neutral-weak);
159
- border-bottom-style: solid;
160
- }
161
- .ConsolePanel_logItem_level_warn__db6kuuv {
162
- background-color: var(--seed-color-palette-yellow-100);
163
- }
164
- .ConsolePanel_logItem_level_error__db6kuuw {
165
- background-color: var(--seed-color-palette-red-100);
166
- }
167
- .ConsolePanel_logItemHeader__db6kuux {
168
- display: flex;
169
- flex-direction: row;
170
- align-items: center;
171
- margin-bottom: 4px;
172
- }
173
- .ConsolePanel_logLevel__db6kuuy {
174
- font-size: 0.75rem;
175
- line-height: 1rem;
176
- font-weight: var(--seed-font-weight-bold);
177
- margin-right: 8px;
178
- }
179
- .ConsolePanel_logLevel_level_log__db6kuuz {
180
- color: var(--seed-color-palette-green-600);
181
- }
182
- .ConsolePanel_logLevel_level_info__db6kuu10 {
183
- color: var(--seed-color-palette-blue-600);
184
- }
185
- .ConsolePanel_logLevel_level_warn__db6kuu11 {
186
- color: var(--seed-color-palette-yellow-600);
187
- }
188
- .ConsolePanel_logLevel_level_error__db6kuu12 {
189
- color: var(--seed-color-palette-red-600);
190
- }
191
- .ConsolePanel_logTime__db6kuu13 {
192
- font-size: 0.75rem;
193
- line-height: 1rem;
194
- font-weight: var(--seed-font-weight-regular);
195
- color: var(--seed-color-fg-neutral-subtle);
196
- }
197
- .ConsolePanel_toggleIndicator__db6kuu14 {
198
- font-size: 0.75rem;
199
- line-height: 1rem;
200
- font-weight: var(--seed-font-weight-regular);
201
- color: var(--seed-color-fg-neutral-subtle);
202
- margin-left: 4px;
203
- align-self: flex-start;
204
- }
205
- .ConsolePanel_logMessage__db6kuu15 {
206
- font-size: 0.8125rem;
207
- line-height: 1.125rem;
208
- font-weight: var(--seed-font-weight-regular);
209
- color: var(--seed-color-fg-neutral);
210
- word-break: break-all;
211
- }
212
- .ConsolePanel_logArgsContainer__db6kuu16 {
213
- display: flex;
214
- flex-direction: row;
215
- flex-wrap: wrap;
216
- gap: 8px;
217
- }
218
- .ConsolePanel_logArgItem__db6kuu17 {
219
- font-size: 0.8125rem;
220
- line-height: 1.125rem;
221
- font-weight: var(--seed-font-weight-regular);
222
- }
223
- .ConsolePanel_argNull__db6kuu18 {
224
- color: var(--seed-color-fg-neutral-subtle);
225
- }
226
- .ConsolePanel_argUndefined__db6kuu19 {
227
- color: var(--seed-color-fg-neutral-subtle);
228
- }
229
- .ConsolePanel_argString__db6kuu1a {
230
- font-size: 0.8125rem;
231
- line-height: 1.125rem;
232
- font-weight: var(--seed-font-weight-regular);
233
- }
234
- .ConsolePanel_argString_level_log__db6kuu1b {
235
- color: var(--seed-color-fg-neutral);
236
- }
237
- .ConsolePanel_argString_level_info__db6kuu1c {
238
- color: var(--seed-color-fg-neutral);
239
- }
240
- .ConsolePanel_argString_level_warn__db6kuu1d {
241
- color: var(--seed-color-palette-yellow-900);
242
- }
243
- .ConsolePanel_argString_level_error__db6kuu1e {
244
- color: var(--seed-color-palette-red-900);
245
- }
246
- .ConsolePanel_argPrimitive__db6kuu1f {
247
- font-size: 0.8125rem;
248
- line-height: 1.125rem;
249
- font-weight: var(--seed-font-weight-regular);
250
- }
251
- .ConsolePanel_argPrimitive_level_log__db6kuu1g {
252
- color: var(--seed-color-palette-blue-600);
253
- }
254
- .ConsolePanel_argPrimitive_level_info__db6kuu1h {
255
- color: var(--seed-color-palette-blue-600);
256
- }
257
- .ConsolePanel_argPrimitive_level_warn__db6kuu1i {
258
- color: var(--seed-color-palette-yellow-900);
259
- }
260
- .ConsolePanel_argPrimitive_level_error__db6kuu1j {
261
- color: var(--seed-color-palette-red-900);
262
- }
263
- .ConsolePanel_argObject__db6kuu1k {
264
- display: flex;
265
- flex-direction: column;
266
- }
267
- .ConsolePanel_argObjectHeader__db6kuu1l {
268
- display: flex;
269
- flex-direction: row;
270
- align-items: center;
271
- gap: 4px;
272
- }
273
- .ConsolePanel_argObjectPreview__db6kuu1m {
274
- font-size: 0.8125rem;
275
- line-height: 1.125rem;
276
- font-weight: var(--seed-font-weight-medium);
277
- color: var(--seed-color-fg-neutral);
278
- }
279
- .ConsolePanel_argObjectContent__db6kuu1n {
280
- margin-top: 4px;
281
- display: flex;
282
- flex-direction: column;
283
- gap: 4px;
284
- }
285
- .ConsolePanel_argObjectProperty__db6kuu1o {
286
- display: flex;
287
- flex-direction: row;
288
- align-items: flex-start;
289
- }
290
- .ConsolePanel_argObjectKey__db6kuu1p {
291
- font-size: 0.8125rem;
292
- line-height: 1.125rem;
293
- font-weight: var(--seed-font-weight-medium);
294
- color: var(--seed-color-palette-purple-600);
295
- }
296
- .ConsolePanel_argObjectJson__db6kuu1q {
297
- font-size: 0.8125rem;
298
- line-height: 1.125rem;
299
- font-weight: var(--seed-font-weight-regular);
300
- color: var(--seed-color-fg-neutral);
301
- }
302
- .ConsolePanel_replInputRow__db6kuu1r {
303
- display: flex;
304
- flex-direction: row;
305
- align-items: center;
306
- gap: 8px;
307
- padding-top: 0;
308
- padding-bottom: 8px;
309
- }
310
- .ConsolePanel_replPrompt__db6kuu1s {
311
- font-size: 1.625rem;
312
- line-height: 2.1875rem;
313
- font-weight: var(--seed-font-weight-medium);
314
- color: var(--seed-color-fg-placeholder);
315
- padding-bottom: 8px;
316
- }
317
- .ConsolePanel_replInput__db6kuu1t {
318
- flex: 1;
319
- font-size: 1rem;
320
- line-height: 1.375rem;
321
- font-weight: var(--seed-font-weight-regular);
322
- color: var(--seed-color-fg-neutral);
323
- caret-color: var(--seed-color-palette-green-600);
324
- padding-bottom: 8px;
325
- }
326
- .ConsolePanel_replRunButton__db6kuu1u {
327
- padding: 4px 10px;
328
- background-color: var(--seed-color-palette-green-100);
329
- border-radius: 4px;
330
- margin-bottom: 8px;
331
- }
332
- .ConsolePanel_replRunButtonText__db6kuu1v {
333
- font-size: 0.8125rem;
334
- line-height: 1.125rem;
335
- font-weight: var(--seed-font-weight-medium);
336
- color: var(--seed-color-palette-green-600);
337
- }
@@ -1,12 +0,0 @@
1
- .FadeList_fadeTop__uvxsyd0 {
2
- height: 20px;
3
- margin-bottom: -20px;
4
- z-index: 1;
5
- background: linear-gradient(to bottom, var(--seed-color-bg-layer-floating), #ffffff00);
6
- }
7
- .FadeList_fadeBottom__uvxsyd1 {
8
- height: 20px;
9
- margin-top: -20px;
10
- z-index: 1;
11
- background: linear-gradient(to top, var(--seed-color-bg-layer-floating), #ffffff00);
12
- }
@@ -1,244 +0,0 @@
1
- .NetworkPanel_container__1kf6i8q0 {
2
- display: flex;
3
- flex-direction: column;
4
- flex: 1;
5
- padding-top: 4px;
6
- }
7
- .NetworkPanel_header__1kf6i8q1 {
8
- display: flex;
9
- flex-direction: row;
10
- align-items: center;
11
- justify-content: space-between;
12
- margin-bottom: 8px;
13
- padding-bottom: 4px;
14
- }
15
- .NetworkPanel_count__1kf6i8q2 {
16
- font-size: 0.8125rem;
17
- line-height: 1.125rem;
18
- font-weight: var(--seed-font-weight-regular);
19
- color: var(--seed-color-fg-neutral-subtle);
20
- }
21
- .NetworkPanel_clearButton__1kf6i8q3 {
22
- padding: 3px 6px;
23
- background-color: var(--seed-color-bg-neutral-weak);
24
- border-radius: 4px;
25
- }
26
- .NetworkPanel_clearButtonText__1kf6i8q4 {
27
- font-size: 0.8125rem;
28
- line-height: 1.125rem;
29
- font-weight: var(--seed-font-weight-medium);
30
- color: var(--seed-color-fg-neutral-muted);
31
- }
32
- .NetworkPanel_list__1kf6i8q5 {
33
- flex: 1;
34
- }
35
- .NetworkPanel_placeholder__1kf6i8q6 {
36
- display: flex;
37
- align-items: center;
38
- justify-content: center;
39
- height: 100%;
40
- }
41
- .NetworkPanel_placeholderText__1kf6i8q7 {
42
- font-size: 0.875rem;
43
- line-height: 1.1875rem;
44
- font-weight: var(--seed-font-weight-regular);
45
- color: var(--seed-color-fg-disabled);
46
- }
47
- .NetworkPanel_item__1kf6i8q8 {
48
- padding: 8px;
49
- border-bottom-width: 1px;
50
- border-bottom-color: var(--seed-color-stroke-neutral-weak);
51
- border-bottom-style: solid;
52
- }
53
- .NetworkPanel_item_status_pending__1kf6i8q9 {
54
- background-color: var(--seed-color-palette-gray-100);
55
- }
56
- .NetworkPanel_item_status_error__1kf6i8qb {
57
- background-color: var(--seed-color-palette-red-100);
58
- }
59
- .NetworkPanel_itemHeader__1kf6i8qc {
60
- display: flex;
61
- flex-direction: row;
62
- align-items: center;
63
- margin-bottom: 4px;
64
- gap: 8px;
65
- }
66
- .NetworkPanel_method__1kf6i8qd {
67
- font-size: 0.75rem;
68
- line-height: 1rem;
69
- font-weight: var(--seed-font-weight-bold);
70
- padding: 0 4px;
71
- border-radius: 2px;
72
- color: var(--seed-color-fg-neutral);
73
- background-color: var(--seed-color-bg-neutral-weak);
74
- }
75
- .NetworkPanel_method_type_GET__1kf6i8qe {
76
- color: var(--seed-color-palette-blue-600);
77
- background-color: var(--seed-color-palette-blue-100);
78
- }
79
- .NetworkPanel_method_type_POST__1kf6i8qf {
80
- color: var(--seed-color-palette-green-600);
81
- background-color: var(--seed-color-palette-green-100);
82
- }
83
- .NetworkPanel_method_type_PUT__1kf6i8qg {
84
- color: var(--seed-color-palette-yellow-600);
85
- background-color: var(--seed-color-palette-yellow-100);
86
- }
87
- .NetworkPanel_method_type_PATCH__1kf6i8qh {
88
- color: var(--seed-color-palette-purple-600);
89
- background-color: var(--seed-color-palette-purple-100);
90
- }
91
- .NetworkPanel_method_type_DELETE__1kf6i8qi {
92
- color: var(--seed-color-palette-red-600);
93
- background-color: var(--seed-color-palette-red-100);
94
- }
95
- .NetworkPanel_statusCode__1kf6i8qj {
96
- font-size: 0.75rem;
97
- line-height: 1rem;
98
- font-weight: var(--seed-font-weight-bold);
99
- }
100
- .NetworkPanel_statusCode_type_success__1kf6i8qk {
101
- color: var(--seed-color-palette-green-600);
102
- }
103
- .NetworkPanel_statusCode_type_error__1kf6i8ql {
104
- color: var(--seed-color-palette-red-600);
105
- }
106
- .NetworkPanel_statusCode_type_pending__1kf6i8qm {
107
- color: var(--seed-color-fg-neutral-subtle);
108
- }
109
- .NetworkPanel_time__1kf6i8qn {
110
- font-size: 0.75rem;
111
- line-height: 1rem;
112
- font-weight: var(--seed-font-weight-regular);
113
- color: var(--seed-color-fg-neutral-subtle);
114
- }
115
- .NetworkPanel_url__1kf6i8qo {
116
- font-size: 0.8125rem;
117
- line-height: 1.125rem;
118
- font-weight: var(--seed-font-weight-regular);
119
- color: var(--seed-color-fg-neutral);
120
- word-break: break-all;
121
- margin-bottom: 4px;
122
- }
123
- .NetworkPanel_path__1kf6i8qp {
124
- font-size: 0.8125rem;
125
- line-height: 1.125rem;
126
- font-weight: var(--seed-font-weight-regular);
127
- color: var(--seed-color-fg-neutral);
128
- word-break: break-all;
129
- white-space: pre-wrap;
130
- overflow: visible;
131
- margin-bottom: 4px;
132
- }
133
- .NetworkPanel_details__1kf6i8qq {
134
- font-size: 0.8125rem;
135
- line-height: 1.125rem;
136
- font-weight: var(--seed-font-weight-regular);
137
- color: var(--seed-color-fg-neutral-subtle);
138
- }
139
- .NetworkPanel_detailsContainer__1kf6i8qr {
140
- margin-top: 12px;
141
- padding-top: 12px;
142
- border-top-width: 1px;
143
- border-top-color: var(--seed-color-stroke-neutral-subtle);
144
- border-top-style: solid;
145
- }
146
- .NetworkPanel_tabs__1kf6i8qs {
147
- display: flex;
148
- flex-direction: row;
149
- gap: 4px;
150
- padding-bottom: 6px;
151
- }
152
- .NetworkPanel_tab__1kf6i8qt {
153
- padding: 4px 8px;
154
- border-radius: 4px;
155
- cursor: pointer;
156
- }
157
- .NetworkPanel_tab_active_true__1kf6i8qu {
158
- background-color: var(--seed-color-bg-neutral-weak);
159
- }
160
- .NetworkPanel_tab_active_false__1kf6i8qv {
161
- background-color: transparent;
162
- }
163
- .NetworkPanel_tabText__1kf6i8qw {
164
- font-size: 0.875rem;
165
- line-height: 1.1875rem;
166
- font-weight: var(--seed-font-weight-medium);
167
- }
168
- .NetworkPanel_tabText_active_true__1kf6i8qx {
169
- color: var(--seed-color-fg-neutral);
170
- }
171
- .NetworkPanel_tabText_active_false__1kf6i8qy {
172
- color: var(--seed-color-fg-neutral-subtle);
173
- }
174
- .NetworkPanel_tabContent__1kf6i8qz {
175
- padding-top: 8px;
176
- }
177
- .NetworkPanel_detailSection__1kf6i8q10 {
178
- margin-bottom: 12px;
179
- }
180
- .NetworkPanel_detailSectionTitle__1kf6i8q11 {
181
- font-size: 0.8125rem;
182
- line-height: 1.125rem;
183
- font-weight: var(--seed-font-weight-bold);
184
- color: var(--seed-color-fg-neutral);
185
- margin-bottom: 8px;
186
- }
187
- .NetworkPanel_table__1kf6i8q12 {
188
- display: flex;
189
- flex-direction: column;
190
- gap: 4px;
191
- }
192
- .NetworkPanel_tableRow__1kf6i8q13 {
193
- display: flex;
194
- flex-direction: row;
195
- gap: 8px;
196
- padding: 4px 8px;
197
- background-color: var(--seed-color-bg-neutral-weak);
198
- border-radius: 2px;
199
- }
200
- .NetworkPanel_tableKey__1kf6i8q14 {
201
- font-size: 0.8125rem;
202
- line-height: 1.125rem;
203
- font-weight: var(--seed-font-weight-bold);
204
- color: var(--seed-color-fg-neutral-subtle);
205
- min-width: 70px;
206
- flex-shrink: 0;
207
- }
208
- .NetworkPanel_tableValue__1kf6i8q15 {
209
- font-size: 0.8125rem;
210
- line-height: 1.125rem;
211
- font-weight: var(--seed-font-weight-regular);
212
- color: var(--seed-color-fg-neutral);
213
- word-break: break-all;
214
- flex: 1;
215
- }
216
- .NetworkPanel_bodyText__1kf6i8q16 {
217
- font-size: 0.8125rem;
218
- line-height: 1.125rem;
219
- font-weight: var(--seed-font-weight-regular);
220
- color: var(--seed-color-fg-neutral);
221
- padding: 8px;
222
- background-color: var(--seed-color-bg-neutral-weak);
223
- border-radius: 4px;
224
- word-break: break-all;
225
- white-space: pre-wrap;
226
- }
227
- .NetworkPanel_errorText__1kf6i8q17 {
228
- font-size: 0.8125rem;
229
- line-height: 1.125rem;
230
- font-weight: var(--seed-font-weight-regular);
231
- color: var(--seed-color-palette-red-600);
232
- padding: 8px;
233
- background-color: var(--seed-color-palette-red-100);
234
- border-radius: 4px;
235
- word-break: break-all;
236
- }
237
- .NetworkPanel_emptyText__1kf6i8q18 {
238
- font-size: 0.8125rem;
239
- line-height: 1.125rem;
240
- font-weight: var(--seed-font-weight-regular);
241
- color: var(--seed-color-fg-disabled);
242
- text-align: center;
243
- padding: 16px 0;
244
- }