@teambit/component.ui.component-compare.compare-aspects.compare-aspect-view 0.0.13 → 0.0.15

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 (21) hide show
  1. package/.bit-capsule-ready +0 -0
  2. package/compare-aspect-view.module.scss +26 -0
  3. package/compare-aspect-view.tsx +4 -17
  4. package/config-editor.tsx +111 -0
  5. package/dist/compare-aspect-view.d.ts +3 -3
  6. package/dist/compare-aspect-view.js +4 -5
  7. package/dist/compare-aspect-view.js.map +1 -1
  8. package/dist/compare-aspect-view.module.scss +26 -0
  9. package/dist/config-editor.d.ts +8 -0
  10. package/dist/config-editor.js +91 -0
  11. package/dist/config-editor.js.map +1 -0
  12. package/package.json +10 -5
  13. package/schema.json +562 -0
  14. package/static/css/teambit.component/ui/component-compare/compare-aspects/compare-aspect-view.845f1e01.css +1 -0
  15. package/teambit_component_ui_component_compare_compare_aspects_compare_aspect_view-component.js +26 -0
  16. package/teambit_component_ui_component_compare_compare_aspects_compare_aspect_view-preview.js +1 -0
  17. package/dist/preview-1695239591785.js +0 -7
  18. package/dist/tsconfig.json +0 -32
  19. package/tsconfig.json +0 -32
  20. package/types/asset.d.ts +0 -29
  21. package/types/style.d.ts +0 -42
package/schema.json ADDED
@@ -0,0 +1,562 @@
1
+ {
2
+ "__schema": "APISchema",
3
+ "location": {
4
+ "filePath": "index.ts",
5
+ "line": 1,
6
+ "character": 1
7
+ },
8
+ "module": {
9
+ "__schema": "ModuleSchema",
10
+ "location": {
11
+ "filePath": "index.ts",
12
+ "line": 1,
13
+ "character": 1
14
+ },
15
+ "exports": [
16
+ {
17
+ "__schema": "ExportSchema",
18
+ "location": {
19
+ "filePath": "index.ts",
20
+ "line": 1,
21
+ "character": 10
22
+ },
23
+ "signature": "function CompareAspectView({ baseAspectData, compareAspectData, name, loading, className, }: CompareAspectViewProps): React.JSX.Element",
24
+ "name": "CompareAspectView",
25
+ "exportNode": {
26
+ "__schema": "ReactSchema",
27
+ "location": {
28
+ "filePath": "compare-aspect-view.tsx",
29
+ "line": 17,
30
+ "character": 1
31
+ },
32
+ "signature": "function CompareAspectView({ baseAspectData, compareAspectData, name, loading, className, }: CompareAspectViewProps): React.JSX.Element",
33
+ "name": "CompareAspectView",
34
+ "props": {
35
+ "__schema": "ParameterSchema",
36
+ "location": {
37
+ "filePath": "compare-aspect-view.tsx",
38
+ "line": 17,
39
+ "character": 35
40
+ },
41
+ "name": "{ baseAspectData, compareAspectData, name, loading, className }",
42
+ "type": {
43
+ "__schema": "TypeRefSchema",
44
+ "location": {
45
+ "filePath": "compare-aspect-view.tsx",
46
+ "line": 23,
47
+ "character": 4
48
+ },
49
+ "name": "CompareAspectViewProps"
50
+ },
51
+ "isOptional": false,
52
+ "objectBindingNodes": [
53
+ {
54
+ "__schema": "InferenceTypeSchema",
55
+ "location": {
56
+ "filePath": "compare-aspect-view.tsx",
57
+ "line": 18,
58
+ "character": 3
59
+ },
60
+ "name": "baseAspectData",
61
+ "type": "ComponentAspectData",
62
+ "isSpread": false
63
+ },
64
+ {
65
+ "__schema": "InferenceTypeSchema",
66
+ "location": {
67
+ "filePath": "compare-aspect-view.tsx",
68
+ "line": 19,
69
+ "character": 3
70
+ },
71
+ "name": "compareAspectData",
72
+ "type": "ComponentAspectData",
73
+ "isSpread": false
74
+ },
75
+ {
76
+ "__schema": "InferenceTypeSchema",
77
+ "location": {
78
+ "filePath": "compare-aspect-view.tsx",
79
+ "line": 20,
80
+ "character": 3
81
+ },
82
+ "name": "name",
83
+ "type": "string",
84
+ "isSpread": false
85
+ },
86
+ {
87
+ "__schema": "InferenceTypeSchema",
88
+ "location": {
89
+ "filePath": "compare-aspect-view.tsx",
90
+ "line": 21,
91
+ "character": 3
92
+ },
93
+ "name": "loading",
94
+ "type": "boolean",
95
+ "isSpread": false
96
+ },
97
+ {
98
+ "__schema": "InferenceTypeSchema",
99
+ "location": {
100
+ "filePath": "compare-aspect-view.tsx",
101
+ "line": 22,
102
+ "character": 3
103
+ },
104
+ "name": "className",
105
+ "type": "string",
106
+ "isSpread": false
107
+ }
108
+ ],
109
+ "isSpread": false
110
+ },
111
+ "returnType": {
112
+ "__schema": "TypeRefSchema",
113
+ "location": {
114
+ "filePath": "compare-aspect-view.tsx",
115
+ "line": 17,
116
+ "character": 1
117
+ },
118
+ "name": "React.JSX.Element",
119
+ "packageName": "react"
120
+ },
121
+ "modifiers": [
122
+ "export"
123
+ ]
124
+ }
125
+ },
126
+ {
127
+ "__schema": "ExportSchema",
128
+ "location": {
129
+ "filePath": "index.ts",
130
+ "line": 1,
131
+ "character": 29
132
+ },
133
+ "signature": "type CompareAspectViewProps = {\n baseAspectData?: ComponentAspectData;\n compareAspectData?: ComponentAspectData;\n loading?: boolean;\n name?: string;\n} & React.HTMLAttributes<HTMLDivElement>",
134
+ "name": "CompareAspectViewProps",
135
+ "exportNode": {
136
+ "__schema": "TypeSchema",
137
+ "location": {
138
+ "filePath": "compare-aspect-view.tsx",
139
+ "line": 10,
140
+ "character": 1
141
+ },
142
+ "signature": "type CompareAspectViewProps = {\n baseAspectData?: ComponentAspectData;\n compareAspectData?: ComponentAspectData;\n loading?: boolean;\n name?: string;\n} & React.HTMLAttributes<HTMLDivElement>",
143
+ "name": "CompareAspectViewProps",
144
+ "type": {
145
+ "__schema": "TypeIntersectionSchema",
146
+ "location": {
147
+ "filePath": "compare-aspect-view.tsx",
148
+ "line": 10,
149
+ "character": 38
150
+ },
151
+ "types": [
152
+ {
153
+ "__schema": "TypeLiteralSchema",
154
+ "location": {
155
+ "filePath": "compare-aspect-view.tsx",
156
+ "line": 10,
157
+ "character": 38
158
+ },
159
+ "members": [
160
+ {
161
+ "__schema": "VariableLikeSchema",
162
+ "location": {
163
+ "filePath": "compare-aspect-view.tsx",
164
+ "line": 11,
165
+ "character": 3
166
+ },
167
+ "signature": "(property) baseAspectData?: ComponentAspectData",
168
+ "name": "baseAspectData",
169
+ "type": {
170
+ "__schema": "TypeRefSchema",
171
+ "location": {
172
+ "filePath": "compare-aspect-view.tsx",
173
+ "line": 11,
174
+ "character": 3
175
+ },
176
+ "name": "ComponentAspectData",
177
+ "componentId": {
178
+ "scope": "teambit.component",
179
+ "name": "ui/component-compare/compare-aspects/models/component-compare-aspects-model",
180
+ "version": "0.0.11"
181
+ }
182
+ },
183
+ "isOptional": true
184
+ },
185
+ {
186
+ "__schema": "VariableLikeSchema",
187
+ "location": {
188
+ "filePath": "compare-aspect-view.tsx",
189
+ "line": 12,
190
+ "character": 3
191
+ },
192
+ "signature": "(property) compareAspectData?: ComponentAspectData",
193
+ "name": "compareAspectData",
194
+ "type": {
195
+ "__schema": "TypeRefSchema",
196
+ "location": {
197
+ "filePath": "compare-aspect-view.tsx",
198
+ "line": 12,
199
+ "character": 3
200
+ },
201
+ "name": "ComponentAspectData",
202
+ "componentId": {
203
+ "scope": "teambit.component",
204
+ "name": "ui/component-compare/compare-aspects/models/component-compare-aspects-model",
205
+ "version": "0.0.11"
206
+ }
207
+ },
208
+ "isOptional": true
209
+ },
210
+ {
211
+ "__schema": "VariableLikeSchema",
212
+ "location": {
213
+ "filePath": "compare-aspect-view.tsx",
214
+ "line": 13,
215
+ "character": 3
216
+ },
217
+ "signature": "(property) loading?: boolean",
218
+ "name": "loading",
219
+ "type": {
220
+ "__schema": "KeywordTypeSchema",
221
+ "location": {
222
+ "filePath": "compare-aspect-view.tsx",
223
+ "line": 13,
224
+ "character": 13
225
+ },
226
+ "name": "boolean"
227
+ },
228
+ "isOptional": true
229
+ },
230
+ {
231
+ "__schema": "VariableLikeSchema",
232
+ "location": {
233
+ "filePath": "compare-aspect-view.tsx",
234
+ "line": 14,
235
+ "character": 3
236
+ },
237
+ "signature": "(property) name?: string",
238
+ "name": "name",
239
+ "type": {
240
+ "__schema": "KeywordTypeSchema",
241
+ "location": {
242
+ "filePath": "compare-aspect-view.tsx",
243
+ "line": 14,
244
+ "character": 10
245
+ },
246
+ "name": "string"
247
+ },
248
+ "isOptional": true
249
+ }
250
+ ]
251
+ },
252
+ {
253
+ "__schema": "TypeRefSchema",
254
+ "location": {
255
+ "filePath": "compare-aspect-view.tsx",
256
+ "line": 15,
257
+ "character": 5
258
+ },
259
+ "name": "HTMLAttributes",
260
+ "packageName": "react",
261
+ "typeArgs": [
262
+ {
263
+ "__schema": "TypeRefSchema",
264
+ "location": {
265
+ "filePath": "compare-aspect-view.tsx",
266
+ "line": 15,
267
+ "character": 20
268
+ },
269
+ "name": "HTMLDivElement"
270
+ }
271
+ ]
272
+ }
273
+ ]
274
+ }
275
+ }
276
+ }
277
+ ],
278
+ "internals": []
279
+ },
280
+ "internals": [
281
+ {
282
+ "__schema": "ModuleSchema",
283
+ "location": {
284
+ "filePath": "compare-aspect-view.tsx",
285
+ "line": 1,
286
+ "character": 1
287
+ },
288
+ "exports": [
289
+ {
290
+ "__schema": "TypeSchema",
291
+ "location": {
292
+ "filePath": "compare-aspect-view.tsx",
293
+ "line": 10,
294
+ "character": 1
295
+ },
296
+ "signature": "type CompareAspectViewProps = {\n baseAspectData?: ComponentAspectData;\n compareAspectData?: ComponentAspectData;\n loading?: boolean;\n name?: string;\n} & React.HTMLAttributes<HTMLDivElement>",
297
+ "name": "CompareAspectViewProps",
298
+ "type": {
299
+ "__schema": "TypeIntersectionSchema",
300
+ "location": {
301
+ "filePath": "compare-aspect-view.tsx",
302
+ "line": 10,
303
+ "character": 38
304
+ },
305
+ "types": [
306
+ {
307
+ "__schema": "TypeLiteralSchema",
308
+ "location": {
309
+ "filePath": "compare-aspect-view.tsx",
310
+ "line": 10,
311
+ "character": 38
312
+ },
313
+ "members": [
314
+ {
315
+ "__schema": "VariableLikeSchema",
316
+ "location": {
317
+ "filePath": "compare-aspect-view.tsx",
318
+ "line": 11,
319
+ "character": 3
320
+ },
321
+ "signature": "(property) baseAspectData?: ComponentAspectData",
322
+ "name": "baseAspectData",
323
+ "type": {
324
+ "__schema": "TypeRefSchema",
325
+ "location": {
326
+ "filePath": "compare-aspect-view.tsx",
327
+ "line": 11,
328
+ "character": 3
329
+ },
330
+ "name": "ComponentAspectData",
331
+ "componentId": {
332
+ "scope": "teambit.component",
333
+ "name": "ui/component-compare/compare-aspects/models/component-compare-aspects-model",
334
+ "version": "0.0.11"
335
+ }
336
+ },
337
+ "isOptional": true
338
+ },
339
+ {
340
+ "__schema": "VariableLikeSchema",
341
+ "location": {
342
+ "filePath": "compare-aspect-view.tsx",
343
+ "line": 12,
344
+ "character": 3
345
+ },
346
+ "signature": "(property) compareAspectData?: ComponentAspectData",
347
+ "name": "compareAspectData",
348
+ "type": {
349
+ "__schema": "TypeRefSchema",
350
+ "location": {
351
+ "filePath": "compare-aspect-view.tsx",
352
+ "line": 12,
353
+ "character": 3
354
+ },
355
+ "name": "ComponentAspectData",
356
+ "componentId": {
357
+ "scope": "teambit.component",
358
+ "name": "ui/component-compare/compare-aspects/models/component-compare-aspects-model",
359
+ "version": "0.0.11"
360
+ }
361
+ },
362
+ "isOptional": true
363
+ },
364
+ {
365
+ "__schema": "VariableLikeSchema",
366
+ "location": {
367
+ "filePath": "compare-aspect-view.tsx",
368
+ "line": 13,
369
+ "character": 3
370
+ },
371
+ "signature": "(property) loading?: boolean",
372
+ "name": "loading",
373
+ "type": {
374
+ "__schema": "KeywordTypeSchema",
375
+ "location": {
376
+ "filePath": "compare-aspect-view.tsx",
377
+ "line": 13,
378
+ "character": 13
379
+ },
380
+ "name": "boolean"
381
+ },
382
+ "isOptional": true
383
+ },
384
+ {
385
+ "__schema": "VariableLikeSchema",
386
+ "location": {
387
+ "filePath": "compare-aspect-view.tsx",
388
+ "line": 14,
389
+ "character": 3
390
+ },
391
+ "signature": "(property) name?: string",
392
+ "name": "name",
393
+ "type": {
394
+ "__schema": "KeywordTypeSchema",
395
+ "location": {
396
+ "filePath": "compare-aspect-view.tsx",
397
+ "line": 14,
398
+ "character": 10
399
+ },
400
+ "name": "string"
401
+ },
402
+ "isOptional": true
403
+ }
404
+ ]
405
+ },
406
+ {
407
+ "__schema": "TypeRefSchema",
408
+ "location": {
409
+ "filePath": "compare-aspect-view.tsx",
410
+ "line": 15,
411
+ "character": 5
412
+ },
413
+ "name": "HTMLAttributes",
414
+ "packageName": "react",
415
+ "typeArgs": [
416
+ {
417
+ "__schema": "TypeRefSchema",
418
+ "location": {
419
+ "filePath": "compare-aspect-view.tsx",
420
+ "line": 15,
421
+ "character": 20
422
+ },
423
+ "name": "HTMLDivElement"
424
+ }
425
+ ]
426
+ }
427
+ ]
428
+ }
429
+ },
430
+ {
431
+ "__schema": "ReactSchema",
432
+ "location": {
433
+ "filePath": "compare-aspect-view.tsx",
434
+ "line": 17,
435
+ "character": 1
436
+ },
437
+ "signature": "function CompareAspectView({ baseAspectData, compareAspectData, name, loading, className, }: CompareAspectViewProps): React.JSX.Element",
438
+ "name": "CompareAspectView",
439
+ "props": {
440
+ "__schema": "ParameterSchema",
441
+ "location": {
442
+ "filePath": "compare-aspect-view.tsx",
443
+ "line": 17,
444
+ "character": 35
445
+ },
446
+ "name": "{ baseAspectData, compareAspectData, name, loading, className }",
447
+ "type": {
448
+ "__schema": "TypeRefSchema",
449
+ "location": {
450
+ "filePath": "compare-aspect-view.tsx",
451
+ "line": 23,
452
+ "character": 4
453
+ },
454
+ "name": "CompareAspectViewProps"
455
+ },
456
+ "isOptional": false,
457
+ "objectBindingNodes": [
458
+ {
459
+ "__schema": "InferenceTypeSchema",
460
+ "location": {
461
+ "filePath": "compare-aspect-view.tsx",
462
+ "line": 18,
463
+ "character": 3
464
+ },
465
+ "name": "baseAspectData",
466
+ "type": "ComponentAspectData",
467
+ "isSpread": false
468
+ },
469
+ {
470
+ "__schema": "InferenceTypeSchema",
471
+ "location": {
472
+ "filePath": "compare-aspect-view.tsx",
473
+ "line": 19,
474
+ "character": 3
475
+ },
476
+ "name": "compareAspectData",
477
+ "type": "ComponentAspectData",
478
+ "isSpread": false
479
+ },
480
+ {
481
+ "__schema": "InferenceTypeSchema",
482
+ "location": {
483
+ "filePath": "compare-aspect-view.tsx",
484
+ "line": 20,
485
+ "character": 3
486
+ },
487
+ "name": "name",
488
+ "type": "string",
489
+ "isSpread": false
490
+ },
491
+ {
492
+ "__schema": "InferenceTypeSchema",
493
+ "location": {
494
+ "filePath": "compare-aspect-view.tsx",
495
+ "line": 21,
496
+ "character": 3
497
+ },
498
+ "name": "loading",
499
+ "type": "boolean",
500
+ "isSpread": false
501
+ },
502
+ {
503
+ "__schema": "InferenceTypeSchema",
504
+ "location": {
505
+ "filePath": "compare-aspect-view.tsx",
506
+ "line": 22,
507
+ "character": 3
508
+ },
509
+ "name": "className",
510
+ "type": "string",
511
+ "isSpread": false
512
+ }
513
+ ],
514
+ "isSpread": false
515
+ },
516
+ "returnType": {
517
+ "__schema": "TypeRefSchema",
518
+ "location": {
519
+ "filePath": "compare-aspect-view.tsx",
520
+ "line": 17,
521
+ "character": 1
522
+ },
523
+ "name": "React.JSX.Element",
524
+ "packageName": "react"
525
+ },
526
+ "modifiers": [
527
+ "export"
528
+ ]
529
+ }
530
+ ],
531
+ "internals": [
532
+ {
533
+ "__schema": "ReactSchema",
534
+ "location": {
535
+ "filePath": "compare-aspect-view.tsx",
536
+ "line": 72,
537
+ "character": 1
538
+ },
539
+ "signature": "function AspectsCompareViewLoader(): React.JSX.Element",
540
+ "name": "AspectsCompareViewLoader",
541
+ "returnType": {
542
+ "__schema": "TypeRefSchema",
543
+ "location": {
544
+ "filePath": "compare-aspect-view.tsx",
545
+ "line": 72,
546
+ "character": 1
547
+ },
548
+ "name": "React.JSX.Element",
549
+ "packageName": "react"
550
+ },
551
+ "modifiers": []
552
+ }
553
+ ]
554
+ }
555
+ ],
556
+ "componentId": {
557
+ "scope": "teambit.component",
558
+ "name": "ui/component-compare/compare-aspects/compare-aspect-view",
559
+ "version": "04f13a76242c952d31f2884f075ac4aa5b8fe0ce"
560
+ },
561
+ "taggedModuleExports": []
562
+ }
package/static/css/teambit.component/ui/component-compare/compare-aspects/compare-aspect-view.845f1e01.css ADDED
@@ -0,0 +1 @@
1
+ .heading-sizes_xxs__3-QXb{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__1id2a{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__1BJyF{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__ILgX3{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__1arGG{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__VU8DQ{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__2W_T6{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__N8Pa4,.heading_h2__12ZA7,.heading_h3__2zgzv,.heading_h4__3J4at,.heading_h5__3Voht,.heading_h6__26PDJ{font-weight:700;margin:0}.heading_h1__N8Pa4{margin-bottom:20px}.skeleton_block__JlGC2,.skeleton_circle__gfSYr,.skeleton_skeleton__6U6m4{background:currentColor}.skeleton_line__3efEy>*,.skeleton_skeletonContent__Huvr3>*,.skeleton_word__Iey2b>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__Iey2b{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__3efEy>*{width:100%}.skeleton_circle__gfSYr{border-radius:50%!important;display:inline-block;height:1em;width:1em}.skeleton-design_line__3L63O>*,.skeleton-design_skeletonContent__2WI_t>*,.skeleton-design_word__2ml1l>*{border-radius:4px}.skeleton-design_block__1Pn8j,.skeleton-design_circle__33aFr,.skeleton-design_line__3L63O>*,.skeleton-design_shimmer__3UYbJ,.skeleton-design_skeletonContent__2WI_t>*,.skeleton-design_skeleton__3doHF,.skeleton-design_word__2ml1l>*{animation:skeleton-design_placeHolderShimmer__2eB1S 1.5s linear infinite forwards;background-image:linear-gradient(90deg,currentColor 0,hsla(0,0%,100%,.38) 30%,hsla(0,0%,100%,.38) 70%,currentColor);background-repeat:no-repeat;background-size:10vw}@keyframes skeleton-design_skeleton-effect-fade__3JCrp{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes skeleton-design_placeHolderShimmer__2eB1S{0%{background-position:-10vw 0}to{background-position:100vw 0}}.skeleton-design_block__1Pn8j{border-radius:4px}.copied-message_copiedMessage__1aVc-{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__1xScW{opacity:1;visibility:visible}.dark-theme_darkMod__-BbJL{color:#ededed;--bit-text-color:#ededed;--bit-text-color-heavy:#f6f6f6;--bit-text-color-light:#878c9a;--bit-text-inactive:#6c707c;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#6c707c;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#414141;--bit-border-color-lightest:#414141;--bit-accent-color:#5d4aec;--bit-accent-heavy:#6c5ce7;--bit-accent-light:#3e29df;--bit-accent-text:#c9c3f6;--bit-accent-text-heavy:#eceaff;--bit-text-on-accent:var(--bit-text-color,#ededed);--bit-accent-bg:#1a1452;--bit-accent-bg-heavy:#221967;--bit-bg-color:#2b2b2b;--bit-bg-heavy:#414141;--bit-bg-heaviest:#6c707c;--bit-bg-bedrock:#0c0c0c;--bit-navigation:#2b2b2b;--bit-bg-overlay:#2b2b2b;--bit-bg-modal:#2b2b2b;--bit-bg-tooltip:#2b2b2b;--bit-bg-tooltip-heavy:#414141;--bit-bg-dent:#2b2b2b;--bit-error-color:#f7bac9;--bit-error-heavy:#fdeff2;--bit-error-light:#f086a0;--bit-error-bg:#8d1130;--bit-error-bg-heavy:#d31948}.compare-aspect-view_componentCompareAspectViewContainer__T1N1c{height:100%;width:100%}.compare-aspect-view_componentCompareAspectDiffEditorContainer__2-qNR{display:flex;flex-direction:column;height:calc(100% - 56px);padding:0 8px}.compare-aspect-view_name__1HULa{align-items:baseline;display:flex;padding:8px}.compare-aspect-view_componentCompareAspectCalculatedDiff__2DY4O,.compare-aspect-view_componentCompareAspectConfigDiff__jS5Iw{display:flex;flex:1 1;flex-direction:column;height:100%;padding:0 8px}.compare-aspect-view_componentCompareAspectCalculatedDiff__2DY4O>section,.compare-aspect-view_componentCompareAspectConfigDiff__jS5Iw>section{border-radius:8px;overflow:hidden}.compare-aspect-view_loader__-_BtB{align-items:center;color:#282828;color:var(--on-surface-neutral-low-color,#282828);display:flex;height:100%;justify-items:center;width:100%}.compare-aspect-view_loader__-_BtB,.compare-aspect-view_loader__-_BtB>div{background-image:linear-gradient(90deg,currentColor 0,#2b2b2b 30%,#2b2b2b 50%,currentColor)}.side-by-side:hover .compare-aspect-view_copyButton__2Z3_H{display:inline;display:initial}.compare-aspect-view_copyButton__2Z3_H{cursor:pointer;display:none;position:absolute;right:0;top:0}.compare-aspect-view_copyButton__2Z3_H.compare-aspect-view_isLabelVisible__1eSt7{display:inline;display:initial}.compare-aspect-view_message__24OtR{left:0}