lynx-console 0.1.0 → 0.2.0

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 (48) hide show
  1. package/dist/index.cjs +205 -953
  2. package/dist/index.css +1248 -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 +205 -953
  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 +31 -0
  16. package/{dist/assets/src/components/FloatingButton.css.ts.vanilla-BaG0OI6p.css → src/components/FloatingButton.css} +22 -16
  17. package/src/components/FloatingButton.tsx +22 -19
  18. package/src/components/LogPanel.tsx +61 -79
  19. package/src/components/NetworkDetailSection.tsx +13 -13
  20. package/src/components/NetworkPanel.css +280 -0
  21. package/src/components/NetworkPanel.tsx +32 -52
  22. package/src/components/PerformancePanel.css +249 -0
  23. package/src/components/PerformancePanel.tsx +42 -42
  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/hooks/useLongPressDrag.ts +3 -3
  28. package/src/index.tsx +9 -6
  29. package/src/styles/global.css +8 -0
  30. package/src/styles/vars/color.ts +26 -213
  31. package/src/styles/vars/dimension.ts +5 -74
  32. package/src/styles/vars/index.css +65 -457
  33. package/src/styles/vars/index.ts +5 -9
  34. package/src/styles/vars/radius.ts +1 -11
  35. package/src/types.ts +8 -0
  36. package/dist/assets/src/components/BottomSheet.css.ts.vanilla-CulwSDhG.css +0 -83
  37. package/dist/assets/src/components/ConsolePanel.css.ts.vanilla-DFvHPEyg.css +0 -340
  38. package/dist/assets/src/components/NetworkPanel.css.ts.vanilla-DFMduT0T.css +0 -247
  39. package/dist/assets/src/components/PerformancePanel.css.ts.vanilla-D35LuXlW.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 -354
  43. package/src/components/FloatingButton.css.ts +0 -73
  44. package/src/components/NetworkPanel.css.ts +0 -280
  45. package/src/components/PerformancePanel.css.ts +0 -224
  46. package/src/components/Tabs.css.ts +0 -66
  47. package/src/styles/global.css.ts +0 -10
  48. package/src/styles/typography.ts +0 -25
package/dist/assets/src/components/ConsolePanel.css.ts.vanilla-DFvHPEyg.css DELETED
@@ -1,340 +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_fadeTop__db6kuu5 {
32
- height: 20px;
33
- margin-bottom: -20px;
34
- z-index: 1;
35
- background: linear-gradient(to bottom, var(--seed-color-bg-layer-default), #ffffff00);
36
- }
37
- .ConsolePanel_filterWrapper__db6kuu6 {
38
- position: relative;
39
- }
40
- .ConsolePanel_filterButton__db6kuu7 {
41
- display: flex;
42
- flex-direction: row;
43
- align-items: center;
44
- padding: 3px 6px;
45
- background-color: var(--seed-color-bg-neutral-weak);
46
- border-radius: 4px;
47
- }
48
- .ConsolePanel_filterButtonText__db6kuu8 {
49
- font-size: 0.8125rem;
50
- line-height: 1.125rem;
51
- font-weight: var(--seed-font-weight-medium);
52
- color: var(--seed-color-fg-neutral);
53
- }
54
- .ConsolePanel_filterDropdown__db6kuu9 {
55
- position: absolute;
56
- top: 100%;
57
- left: 0;
58
- margin-top: 4px;
59
- background-color: var(--seed-color-bg-layer-default);
60
- border-width: 1px;
61
- border-color: var(--seed-color-stroke-neutral-subtle);
62
- border-style: solid;
63
- border-radius: 8px;
64
- padding: 4px 0;
65
- z-index: 100;
66
- min-width: 90px;
67
- }
68
- .ConsolePanel_filterOption__db6kuua {
69
- display: flex;
70
- flex-direction: row;
71
- align-items: center;
72
- gap: 4px;
73
- padding: 8px 12px;
74
- }
75
- .ConsolePanel_filterCheckbox__db6kuub {
76
- font-size: 0.8125rem;
77
- line-height: 1.125rem;
78
- font-weight: var(--seed-font-weight-medium);
79
- width: 16px;
80
- }
81
- .ConsolePanel_filterCheckbox_level_log__db6kuuc {
82
- color: var(--seed-color-palette-green-600);
83
- }
84
- .ConsolePanel_filterCheckbox_level_info__db6kuud {
85
- color: var(--seed-color-palette-blue-600);
86
- }
87
- .ConsolePanel_filterCheckbox_level_warn__db6kuue {
88
- color: var(--seed-color-palette-yellow-600);
89
- }
90
- .ConsolePanel_filterCheckbox_level_error__db6kuuf {
91
- color: var(--seed-color-palette-red-600);
92
- }
93
- .ConsolePanel_filterLabel__db6kuug {
94
- font-size: 0.8125rem;
95
- line-height: 1.125rem;
96
- font-weight: var(--seed-font-weight-medium);
97
- }
98
- .ConsolePanel_filterLabel_level_log__db6kuuh {
99
- color: var(--seed-color-palette-green-600);
100
- }
101
- .ConsolePanel_filterLabel_level_info__db6kuui {
102
- color: var(--seed-color-palette-blue-600);
103
- }
104
- .ConsolePanel_filterLabel_level_warn__db6kuuj {
105
- color: var(--seed-color-palette-yellow-600);
106
- }
107
- .ConsolePanel_filterLabel_level_error__db6kuuk {
108
- color: var(--seed-color-palette-red-600);
109
- }
110
- .ConsolePanel_searchWrapper__db6kuul {
111
- display: flex;
112
- flex-direction: row;
113
- align-items: center;
114
- flex: 1;
115
- margin-left: 8px;
116
- margin-right: 8px;
117
- border-bottom-width: 1px;
118
- border-bottom-color: var(--seed-color-stroke-neutral-subtle);
119
- border-bottom-style: solid;
120
- gap: 8px;
121
- }
122
- .ConsolePanel_searchPrompt__db6kuum {
123
- font-size: 1.125rem;
124
- line-height: 1.5rem;
125
- font-weight: var(--seed-font-weight-medium);
126
- color: var(--seed-color-fg-placeholder);
127
- }
128
- .ConsolePanel_searchInput__db6kuun {
129
- flex: 1;
130
- font-size: 0.8125rem;
131
- line-height: 1.125rem;
132
- font-weight: var(--seed-font-weight-regular);
133
- color: var(--seed-color-fg-neutral);
134
- caret-color: var(--seed-color-palette-green-600);
135
- }
136
- .ConsolePanel_clearButton__db6kuuo {
137
- padding: 3px 6px;
138
- background-color: var(--seed-color-bg-neutral-weak);
139
- border-radius: 4px;
140
- }
141
- .ConsolePanel_clearButtonText__db6kuup {
142
- font-size: 0.8125rem;
143
- line-height: 1.125rem;
144
- font-weight: var(--seed-font-weight-medium);
145
- color: var(--seed-color-fg-neutral);
146
- }
147
- .ConsolePanel_logList__db6kuuq {
148
- flex: 1;
149
- padding-top: 0;
150
- padding-bottom: 0;
151
- }
152
- .ConsolePanel_logItem__db6kuur {
153
- padding: 8px;
154
- border-bottom-width: 1px;
155
- border-bottom-color: var(--seed-color-stroke-neutral-weak);
156
- border-bottom-style: solid;
157
- }
158
- .ConsolePanel_logItem_level_warn__db6kuuu {
159
- background-color: var(--seed-color-palette-yellow-100);
160
- }
161
- .ConsolePanel_logItem_level_error__db6kuuv {
162
- background-color: var(--seed-color-palette-red-100);
163
- }
164
- .ConsolePanel_logItemHeader__db6kuuw {
165
- display: flex;
166
- flex-direction: row;
167
- align-items: center;
168
- margin-bottom: 4px;
169
- }
170
- .ConsolePanel_logLevel__db6kuux {
171
- font-size: 0.75rem;
172
- line-height: 1rem;
173
- font-weight: var(--seed-font-weight-bold);
174
- margin-right: 8px;
175
- }
176
- .ConsolePanel_logLevel_level_log__db6kuuy {
177
- color: var(--seed-color-palette-green-600);
178
- }
179
- .ConsolePanel_logLevel_level_info__db6kuuz {
180
- color: var(--seed-color-palette-blue-600);
181
- }
182
- .ConsolePanel_logLevel_level_warn__db6kuu10 {
183
- color: var(--seed-color-palette-yellow-600);
184
- }
185
- .ConsolePanel_logLevel_level_error__db6kuu11 {
186
- color: var(--seed-color-palette-red-600);
187
- }
188
- .ConsolePanel_logTime__db6kuu12 {
189
- font-size: 0.75rem;
190
- line-height: 1rem;
191
- font-weight: var(--seed-font-weight-regular);
192
- color: var(--seed-color-fg-neutral-subtle);
193
- }
194
- .ConsolePanel_toggleIndicator__db6kuu13 {
195
- font-size: 0.75rem;
196
- line-height: 1rem;
197
- font-weight: var(--seed-font-weight-regular);
198
- color: var(--seed-color-fg-neutral-subtle);
199
- margin-left: 4px;
200
- align-self: flex-start;
201
- }
202
- .ConsolePanel_logMessage__db6kuu14 {
203
- font-size: 0.8125rem;
204
- line-height: 1.125rem;
205
- font-weight: var(--seed-font-weight-regular);
206
- color: var(--seed-color-fg-neutral);
207
- word-break: break-all;
208
- }
209
- .ConsolePanel_logArgsContainer__db6kuu15 {
210
- display: flex;
211
- flex-direction: row;
212
- flex-wrap: wrap;
213
- gap: 8px;
214
- }
215
- .ConsolePanel_logArgItem__db6kuu16 {
216
- font-size: 0.8125rem;
217
- line-height: 1.125rem;
218
- font-weight: var(--seed-font-weight-regular);
219
- }
220
- .ConsolePanel_argNull__db6kuu17 {
221
- color: var(--seed-color-fg-neutral-subtle);
222
- }
223
- .ConsolePanel_argUndefined__db6kuu18 {
224
- color: var(--seed-color-fg-neutral-subtle);
225
- }
226
- .ConsolePanel_argString__db6kuu19 {
227
- font-size: 0.8125rem;
228
- line-height: 1.125rem;
229
- font-weight: var(--seed-font-weight-regular);
230
- }
231
- .ConsolePanel_argString_level_log__db6kuu1a {
232
- color: var(--seed-color-fg-neutral);
233
- }
234
- .ConsolePanel_argString_level_info__db6kuu1b {
235
- color: var(--seed-color-fg-neutral);
236
- }
237
- .ConsolePanel_argString_level_warn__db6kuu1c {
238
- color: var(--seed-color-palette-yellow-900);
239
- }
240
- .ConsolePanel_argString_level_error__db6kuu1d {
241
- color: var(--seed-color-palette-red-900);
242
- }
243
- .ConsolePanel_argPrimitive__db6kuu1e {
244
- font-size: 0.8125rem;
245
- line-height: 1.125rem;
246
- font-weight: var(--seed-font-weight-regular);
247
- }
248
- .ConsolePanel_argPrimitive_level_log__db6kuu1f {
249
- color: var(--seed-color-palette-blue-600);
250
- }
251
- .ConsolePanel_argPrimitive_level_info__db6kuu1g {
252
- color: var(--seed-color-palette-blue-600);
253
- }
254
- .ConsolePanel_argPrimitive_level_warn__db6kuu1h {
255
- color: var(--seed-color-palette-yellow-900);
256
- }
257
- .ConsolePanel_argPrimitive_level_error__db6kuu1i {
258
- color: var(--seed-color-palette-red-900);
259
- }
260
- .ConsolePanel_argObject__db6kuu1j {
261
- display: flex;
262
- flex-direction: column;
263
- }
264
- .ConsolePanel_argObjectHeader__db6kuu1k {
265
- display: flex;
266
- flex-direction: row;
267
- align-items: center;
268
- gap: 4px;
269
- }
270
- .ConsolePanel_argObjectPreview__db6kuu1l {
271
- font-size: 0.8125rem;
272
- line-height: 1.125rem;
273
- font-weight: var(--seed-font-weight-medium);
274
- color: var(--seed-color-fg-neutral);
275
- }
276
- .ConsolePanel_argObjectContent__db6kuu1m {
277
- margin-top: 4px;
278
- display: flex;
279
- flex-direction: column;
280
- gap: 4px;
281
- }
282
- .ConsolePanel_argObjectProperty__db6kuu1n {
283
- display: flex;
284
- flex-direction: row;
285
- align-items: flex-start;
286
- }
287
- .ConsolePanel_argObjectKey__db6kuu1o {
288
- font-size: 0.8125rem;
289
- line-height: 1.125rem;
290
- font-weight: var(--seed-font-weight-medium);
291
- color: var(--seed-color-palette-purple-600);
292
- }
293
- .ConsolePanel_argObjectJson__db6kuu1p {
294
- font-size: 0.8125rem;
295
- line-height: 1.125rem;
296
- font-weight: var(--seed-font-weight-regular);
297
- color: var(--seed-color-fg-neutral);
298
- }
299
- .ConsolePanel_fadeBottom__db6kuu1q {
300
- height: 20px;
301
- margin-top: -20px;
302
- z-index: 1;
303
- background: linear-gradient(to top, var(--seed-color-bg-layer-default), #ffffff00);
304
- }
305
- .ConsolePanel_replInputRow__db6kuu1r {
306
- display: flex;
307
- flex-direction: row;
308
- align-items: center;
309
- gap: 8px;
310
- padding-top: 0;
311
- padding-bottom: 8px;
312
- }
313
- .ConsolePanel_replPrompt__db6kuu1s {
314
- font-size: 1.625rem;
315
- line-height: 2.1875rem;
316
- font-weight: var(--seed-font-weight-medium);
317
- color: var(--seed-color-fg-placeholder);
318
- padding-bottom: 8px;
319
- }
320
- .ConsolePanel_replInput__db6kuu1t {
321
- flex: 1;
322
- font-size: 1rem;
323
- line-height: 1.375rem;
324
- font-weight: var(--seed-font-weight-regular);
325
- color: var(--seed-color-fg-neutral);
326
- caret-color: var(--seed-color-palette-green-600);
327
- padding-bottom: 8px;
328
- }
329
- .ConsolePanel_replRunButton__db6kuu1u {
330
- padding: 4px 10px;
331
- background-color: var(--seed-color-palette-green-100);
332
- border-radius: 4px;
333
- margin-bottom: 8px;
334
- }
335
- .ConsolePanel_replRunButtonText__db6kuu1v {
336
- font-size: 0.8125rem;
337
- line-height: 1.125rem;
338
- font-weight: var(--seed-font-weight-medium);
339
- color: var(--seed-color-palette-green-600);
340
- }
package/dist/assets/src/components/NetworkPanel.css.ts.vanilla-DFMduT0T.css DELETED
@@ -1,247 +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
- border-bottom-width: 1px;
15
- border-bottom-color: var(--seed-color-stroke-neutral-subtle);
16
- border-bottom-style: solid;
17
- }
18
- .NetworkPanel_count__1kf6i8q2 {
19
- font-size: 0.8125rem;
20
- line-height: 1.125rem;
21
- font-weight: var(--seed-font-weight-regular);
22
- color: var(--seed-color-fg-neutral-subtle);
23
- }
24
- .NetworkPanel_clearButton__1kf6i8q3 {
25
- padding: 6px 12px;
26
- background-color: var(--seed-color-bg-neutral-weak);
27
- border-radius: 4px;
28
- }
29
- .NetworkPanel_clearButtonText__1kf6i8q4 {
30
- font-size: 0.8125rem;
31
- line-height: 1.125rem;
32
- font-weight: var(--seed-font-weight-medium);
33
- color: var(--seed-color-fg-neutral);
34
- }
35
- .NetworkPanel_list__1kf6i8q5 {
36
- flex: 1;
37
- }
38
- .NetworkPanel_placeholder__1kf6i8q6 {
39
- display: flex;
40
- align-items: center;
41
- justify-content: center;
42
- height: 100%;
43
- }
44
- .NetworkPanel_placeholderText__1kf6i8q7 {
45
- font-size: 0.875rem;
46
- line-height: 1.1875rem;
47
- font-weight: var(--seed-font-weight-regular);
48
- color: var(--seed-color-fg-disabled);
49
- }
50
- .NetworkPanel_item__1kf6i8q8 {
51
- padding: 8px;
52
- border-bottom-width: 1px;
53
- border-bottom-color: var(--seed-color-stroke-neutral-weak);
54
- border-bottom-style: solid;
55
- }
56
- .NetworkPanel_item_status_pending__1kf6i8q9 {
57
- background-color: var(--seed-color-palette-gray-100);
58
- }
59
- .NetworkPanel_item_status_error__1kf6i8qb {
60
- background-color: var(--seed-color-palette-red-100);
61
- }
62
- .NetworkPanel_itemHeader__1kf6i8qc {
63
- display: flex;
64
- flex-direction: row;
65
- align-items: center;
66
- margin-bottom: 4px;
67
- gap: 8px;
68
- }
69
- .NetworkPanel_method__1kf6i8qd {
70
- font-size: 0.75rem;
71
- line-height: 1rem;
72
- font-weight: var(--seed-font-weight-bold);
73
- padding: 0 4px;
74
- border-radius: 2px;
75
- color: var(--seed-color-fg-neutral);
76
- background-color: var(--seed-color-bg-neutral-weak);
77
- }
78
- .NetworkPanel_method_type_GET__1kf6i8qe {
79
- color: var(--seed-color-palette-blue-600);
80
- background-color: var(--seed-color-palette-blue-100);
81
- }
82
- .NetworkPanel_method_type_POST__1kf6i8qf {
83
- color: var(--seed-color-palette-green-600);
84
- background-color: var(--seed-color-palette-green-100);
85
- }
86
- .NetworkPanel_method_type_PUT__1kf6i8qg {
87
- color: var(--seed-color-palette-yellow-600);
88
- background-color: var(--seed-color-palette-yellow-100);
89
- }
90
- .NetworkPanel_method_type_PATCH__1kf6i8qh {
91
- color: var(--seed-color-palette-purple-600);
92
- background-color: var(--seed-color-palette-purple-100);
93
- }
94
- .NetworkPanel_method_type_DELETE__1kf6i8qi {
95
- color: var(--seed-color-palette-red-600);
96
- background-color: var(--seed-color-palette-red-100);
97
- }
98
- .NetworkPanel_statusCode__1kf6i8qj {
99
- font-size: 0.75rem;
100
- line-height: 1rem;
101
- font-weight: var(--seed-font-weight-bold);
102
- }
103
- .NetworkPanel_statusCode_type_success__1kf6i8qk {
104
- color: var(--seed-color-palette-green-600);
105
- }
106
- .NetworkPanel_statusCode_type_error__1kf6i8ql {
107
- color: var(--seed-color-palette-red-600);
108
- }
109
- .NetworkPanel_statusCode_type_pending__1kf6i8qm {
110
- color: var(--seed-color-fg-neutral-subtle);
111
- }
112
- .NetworkPanel_time__1kf6i8qn {
113
- font-size: 0.75rem;
114
- line-height: 1rem;
115
- font-weight: var(--seed-font-weight-regular);
116
- color: var(--seed-color-fg-neutral-subtle);
117
- }
118
- .NetworkPanel_url__1kf6i8qo {
119
- font-size: 0.8125rem;
120
- line-height: 1.125rem;
121
- font-weight: var(--seed-font-weight-regular);
122
- color: var(--seed-color-fg-neutral);
123
- word-break: break-all;
124
- margin-bottom: 4px;
125
- }
126
- .NetworkPanel_path__1kf6i8qp {
127
- font-size: 0.8125rem;
128
- line-height: 1.125rem;
129
- font-weight: var(--seed-font-weight-regular);
130
- color: var(--seed-color-fg-neutral);
131
- word-break: break-all;
132
- white-space: pre-wrap;
133
- overflow: visible;
134
- margin-bottom: 4px;
135
- }
136
- .NetworkPanel_details__1kf6i8qq {
137
- font-size: 0.8125rem;
138
- line-height: 1.125rem;
139
- font-weight: var(--seed-font-weight-regular);
140
- color: var(--seed-color-fg-neutral-subtle);
141
- }
142
- .NetworkPanel_detailsContainer__1kf6i8qr {
143
- margin-top: 12px;
144
- padding-top: 12px;
145
- border-top-width: 1px;
146
- border-top-color: var(--seed-color-stroke-neutral-subtle);
147
- border-top-style: solid;
148
- }
149
- .NetworkPanel_tabs__1kf6i8qs {
150
- display: flex;
151
- flex-direction: row;
152
- gap: 4px;
153
- padding-bottom: 6px;
154
- }
155
- .NetworkPanel_tab__1kf6i8qt {
156
- padding: 4px 8px;
157
- border-radius: 4px;
158
- cursor: pointer;
159
- }
160
- .NetworkPanel_tab_active_true__1kf6i8qu {
161
- background-color: var(--seed-color-bg-neutral-weak);
162
- }
163
- .NetworkPanel_tab_active_false__1kf6i8qv {
164
- background-color: transparent;
165
- }
166
- .NetworkPanel_tabText__1kf6i8qw {
167
- font-size: 0.875rem;
168
- line-height: 1.1875rem;
169
- font-weight: var(--seed-font-weight-medium);
170
- }
171
- .NetworkPanel_tabText_active_true__1kf6i8qx {
172
- color: var(--seed-color-fg-neutral);
173
- }
174
- .NetworkPanel_tabText_active_false__1kf6i8qy {
175
- color: var(--seed-color-fg-neutral-subtle);
176
- }
177
- .NetworkPanel_tabContent__1kf6i8qz {
178
- padding-top: 8px;
179
- }
180
- .NetworkPanel_detailSection__1kf6i8q10 {
181
- margin-bottom: 12px;
182
- }
183
- .NetworkPanel_detailSectionTitle__1kf6i8q11 {
184
- font-size: 0.8125rem;
185
- line-height: 1.125rem;
186
- font-weight: var(--seed-font-weight-bold);
187
- color: var(--seed-color-fg-neutral);
188
- margin-bottom: 8px;
189
- }
190
- .NetworkPanel_table__1kf6i8q12 {
191
- display: flex;
192
- flex-direction: column;
193
- gap: 4px;
194
- }
195
- .NetworkPanel_tableRow__1kf6i8q13 {
196
- display: flex;
197
- flex-direction: row;
198
- gap: 8px;
199
- padding: 4px 8px;
200
- background-color: var(--seed-color-bg-neutral-weak);
201
- border-radius: 2px;
202
- }
203
- .NetworkPanel_tableKey__1kf6i8q14 {
204
- font-size: 0.8125rem;
205
- line-height: 1.125rem;
206
- font-weight: var(--seed-font-weight-bold);
207
- color: var(--seed-color-fg-neutral-subtle);
208
- min-width: 70px;
209
- flex-shrink: 0;
210
- }
211
- .NetworkPanel_tableValue__1kf6i8q15 {
212
- font-size: 0.8125rem;
213
- line-height: 1.125rem;
214
- font-weight: var(--seed-font-weight-regular);
215
- color: var(--seed-color-fg-neutral);
216
- word-break: break-all;
217
- flex: 1;
218
- }
219
- .NetworkPanel_bodyText__1kf6i8q16 {
220
- font-size: 0.8125rem;
221
- line-height: 1.125rem;
222
- font-weight: var(--seed-font-weight-regular);
223
- color: var(--seed-color-fg-neutral);
224
- padding: 8px;
225
- background-color: var(--seed-color-bg-neutral-weak);
226
- border-radius: 4px;
227
- word-break: break-all;
228
- white-space: pre-wrap;
229
- }
230
- .NetworkPanel_errorText__1kf6i8q17 {
231
- font-size: 0.8125rem;
232
- line-height: 1.125rem;
233
- font-weight: var(--seed-font-weight-regular);
234
- color: var(--seed-color-palette-red-600);
235
- padding: 8px;
236
- background-color: var(--seed-color-palette-red-100);
237
- border-radius: 4px;
238
- word-break: break-all;
239
- }
240
- .NetworkPanel_emptyText__1kf6i8q18 {
241
- font-size: 0.8125rem;
242
- line-height: 1.125rem;
243
- font-weight: var(--seed-font-weight-regular);
244
- color: var(--seed-color-fg-disabled);
245
- text-align: center;
246
- padding: 16px 0;
247
- }