@digi-frontend/dgate-api-documentation 1.0.33 → 1.0.35

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/dist/styles.css CHANGED
@@ -1,26 +1,198 @@
1
- .containerTitleDrawer {
2
- height: 64px;
3
- min-height: 64px;
1
+ #common-dialog.dialog-content-wrapper {
2
+ overflow: visible !important;
3
+ max-height: 100%;
4
+ width: 22.1875rem;
5
+ }
6
+ #common-dialog.dialog-content-wrapper .dialog-content-root {
7
+ overflow: visible !important;
8
+ border-radius: 0.625rem;
9
+ max-height: 100%;
10
+ }
11
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
12
+ padding: 0 1.875rem !important;
13
+ overflow: visible !important;
14
+ max-height: 100%;
15
+ }
16
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
17
+ position: relative;
18
+ }
19
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
20
+ position: absolute;
21
+ z-index: 1;
22
+ top: 1.5rem;
23
+ right: 0;
24
+ transform: translate(0.625rem, -0.625rem);
25
+ cursor: pointer;
26
+ }
27
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
28
+ display: flex;
29
+ padding-top: 0.5rem;
30
+ position: relative;
31
+ }
32
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
33
+ margin-top: 1rem;
34
+ margin-bottom: 1.5rem;
35
+ margin-inline: auto;
36
+ }
37
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
38
+ stroke: #12131a;
39
+ }
40
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
41
+ stroke: #12131a;
42
+ }
43
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
44
+ fill: #12131a;
45
+ }
46
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
47
+ stroke: #faad14;
48
+ }
49
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
50
+ stroke: #faad14;
51
+ }
52
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
53
+ stroke: #da3f3f;
54
+ }
55
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
56
+ stroke: #da3f3f;
57
+ }
58
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
59
+ fill: #da3f3f;
60
+ }
61
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
62
+ font-size: 1.5rem;
63
+ font-weight: 500;
64
+ line-height: 1.875rem;
65
+ text-align: center;
66
+ margin-bottom: 0.625rem;
67
+ }
68
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
69
+ color: #da3f3f;
70
+ }
71
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
72
+ color: #faad14;
73
+ }
74
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
75
+ display: flex;
76
+ gap: 1.25rem;
77
+ margin-top: 1.875rem;
78
+ }.apiInfoForm {
79
+ display: grid;
80
+ padding: 1.25rem 1.875rem;
81
+ gap: 1.25rem;
82
+ }
83
+ .apiInfoForm .paramsTable .paramDescContainer {
84
+ display: flex;
85
+ }
86
+ .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
87
+ height: inherit;
88
+ width: 1px;
89
+ background-color: #d8dae5;
90
+ }
91
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
92
+ stroke-width: 0.1;
93
+ }
94
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
95
+ padding: 0;
96
+ margin-right: 1.25rem;
97
+ }
98
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
4
99
  display: flex;
5
- flex-direction: row;
6
- justify-content: space-between;
7
100
  align-items: center;
8
- background-color: #f1f2f6;
9
- padding: 0 30px 0 30px;
10
- width: 100%;
101
+ padding: 0;
102
+ font-size: 0.875rem;
11
103
  }
12
- .containerTitleDrawer span {
13
- color: #12131a;
14
- font-weight: 600;
15
- font-size: 18px;
16
- line-height: 25px;
17
- letter-spacing: 0em;
104
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
105
+ margin-block: auto;
18
106
  }
19
- .containerTitleDrawer svg path {
20
- stroke: #000 !important;
107
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
108
+ fill: #12131a;
21
109
  }
22
- .containerTitleDrawer .closeIcon {
110
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
111
+ padding: 0;
112
+ border-width: 0 !important;
113
+ }
114
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
115
+ margin-block: auto;
116
+ }
117
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
118
+ width: 1.125rem;
119
+ }
120
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
121
+ margin-block: auto;
122
+ }
123
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
124
+ width: 1.125rem;
125
+ }
126
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
127
+ fill: #3aaa35;
128
+ }
129
+ .apiInfoForm .paramsTable .externalDocsLink {
130
+ font-size: 0.875rem;
131
+ line-height: 1.25rem;
132
+ cursor: pointer;
133
+ align-self: center;
134
+ margin-right: 2rem;
135
+ }
136
+ .apiInfoForm .paramsTable .editExternalDocs {
137
+ display: flex;
138
+ align-items: center;
139
+ padding-right: 0.625rem;
140
+ }
141
+ .apiInfoForm .paramsTable .editExternalDocs svg {
23
142
  cursor: pointer;
143
+ }
144
+ .apiInfoForm .paramsTable .editExternalDocs svg path {
145
+ fill: #12131a;
146
+ }
147
+ .apiInfoForm .paramsTable .editDescTooltipContent {
148
+ display: flex;
149
+ flex-direction: column;
150
+ gap: 0.625rem;
151
+ padding-bottom: 0.625rem;
152
+ }
153
+ .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
154
+ margin-inline: 0.625rem;
155
+ }
156
+ .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
157
+ font-weight: 600;
158
+ font-size: 0.875rem;
159
+ line-height: 1.25rem;
160
+ padding: 0.75rem 1.25rem;
161
+ border-bottom: 1px solid #d8dae5;
162
+ }
163
+ .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
164
+ content: "*";
165
+ color: red;
166
+ transform: translateX(0.125rem);
167
+ }
168
+ .apiInfoForm .apiDocRow {
169
+ display: grid;
170
+ grid-template-columns: 1fr 1fr;
171
+ gap: 1.25rem;
172
+ }
173
+ .apiInfoForm .apiInfoForm_tagsChips {
174
+ margin-top: -1.25rem;
175
+ }
176
+ .apiInfoForm .editDescTooltipContent {
177
+ display: flex;
178
+ flex-direction: column;
179
+ gap: 0.625rem;
180
+ padding-bottom: 0.625rem;
181
+ }
182
+ .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
183
+ margin-inline: 0.625rem;
184
+ }
185
+ .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
186
+ font-weight: 600;
187
+ font-size: 0.875rem;
188
+ line-height: 1.25rem;
189
+ padding: 0.75rem 1.25rem;
190
+ border-bottom: 1px solid #d8dae5;
191
+ }
192
+ .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
193
+ content: "*";
194
+ color: red;
195
+ transform: translateX(0.125rem);
24
196
  }.methodAccordion {
25
197
  border: none !important;
26
198
  box-shadow: none !important;
@@ -294,219 +466,253 @@
294
466
  }
295
467
  .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
296
468
  background-color: #ebecf2;
297
- }.apiInfoForm {
298
- display: grid;
299
- padding: 1.25rem 1.875rem;
300
- gap: 1.25rem;
301
- }
302
- .apiInfoForm .paramsTable .paramDescContainer {
469
+ }.containerTitleDrawer {
470
+ height: 64px;
471
+ min-height: 64px;
303
472
  display: flex;
473
+ flex-direction: row;
474
+ justify-content: space-between;
475
+ align-items: center;
476
+ background-color: #f1f2f6;
477
+ padding: 0 30px 0 30px;
478
+ width: 100%;
304
479
  }
305
- .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
306
- height: inherit;
307
- width: 1px;
308
- background-color: #d8dae5;
309
- }
310
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
311
- stroke-width: 0.1;
480
+ .containerTitleDrawer span {
481
+ color: #12131a;
482
+ font-weight: 600;
483
+ font-size: 18px;
484
+ line-height: 25px;
485
+ letter-spacing: 0em;
312
486
  }
313
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
314
- padding: 0;
315
- margin-right: 1.25rem;
487
+ .containerTitleDrawer svg path {
488
+ stroke: #000 !important;
316
489
  }
317
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
490
+ .containerTitleDrawer .closeIcon {
491
+ cursor: pointer;
492
+ }.tooltip-custom-wrapper {
318
493
  display: flex;
319
- align-items: center;
320
- padding: 0;
321
- font-size: 0.875rem;
322
- }
323
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
324
- margin-block: auto;
325
- }
326
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
327
- fill: #12131a;
328
494
  }
329
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
330
- padding: 0;
331
- border-width: 0 !important;
495
+
496
+ [data-tippy-root] {
497
+ z-index: 2 !important;
332
498
  }
333
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
334
- margin-block: auto;
335
- }
336
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
337
- width: 1.125rem;
338
- }
339
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
340
- margin-block: auto;
341
- }
342
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
343
- width: 1.125rem;
344
- }
345
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
346
- fill: #3aaa35;
347
- }
348
- .apiInfoForm .paramsTable .externalDocsLink {
499
+
500
+ .tippy-box {
501
+ background-color: #202f5b;
349
502
  font-size: 0.875rem;
350
- line-height: 1.25rem;
351
- cursor: pointer;
352
- align-self: center;
353
- margin-right: 2rem;
354
- }
355
- .apiInfoForm .paramsTable .editExternalDocs {
356
- display: flex;
357
- align-items: center;
358
- padding-right: 0.625rem;
503
+ border-radius: 0.3125rem;
504
+ width: max-content;
505
+ max-width: 100%;
506
+ overflow-wrap: break-word;
507
+ word-break: break-word;
508
+ position: relative;
509
+ border: 1px solid #d8dae5;
510
+ z-index: 2;
359
511
  }
360
- .apiInfoForm .paramsTable .editExternalDocs svg {
361
- cursor: pointer;
512
+ .tippy-box.function .tippy-content {
513
+ background-color: #fff !important;
514
+ color: #000 !important;
362
515
  }
363
- .apiInfoForm .paramsTable .editExternalDocs svg path {
364
- fill: #12131a;
516
+ .tippy-box.function[data-placement] > .tippy-arrow:before {
517
+ color: #fff !important;
365
518
  }
366
- .apiInfoForm .paramsTable .editDescTooltipContent {
367
- display: flex;
368
- flex-direction: column;
369
- gap: 0.625rem;
370
- padding-bottom: 0.625rem;
519
+ .tippy-box.info .tippy-arrow {
520
+ color: #202f5b;
371
521
  }
372
- .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
373
- margin-inline: 0.625rem;
522
+ .tippy-box.success {
523
+ border-radius: 1.875rem;
524
+ background-color: #3aaa35;
525
+ padding-inline: 0.625rem;
374
526
  }
375
- .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
376
- font-weight: 600;
527
+ .tippy-box .tippy-content {
528
+ text-align: justify;
377
529
  font-size: 0.875rem;
378
530
  line-height: 1.25rem;
379
- padding: 0.75rem 1.25rem;
380
- border-bottom: 1px solid #d8dae5;
531
+ padding: 0.625rem;
381
532
  }
382
- .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
383
- content: "*";
384
- color: red;
385
- transform: translateX(0.125rem);
533
+ .tippy-box .tippy-arrow {
534
+ position: relative;
535
+ width: 1rem;
536
+ height: 1rem;
386
537
  }
387
- .apiInfoForm .apiDocRow {
388
- display: grid;
389
- grid-template-columns: 1fr 1fr;
390
- gap: 1.25rem;
538
+ .tippy-box[data-placement^=top] .tippy-arrow:before {
539
+ bottom: -0.4375rem;
540
+ border-width: 0.5rem 0.5rem 0 !important;
391
541
  }
392
- .apiInfoForm .apiInfoForm_tagsChips {
393
- margin-top: -1.25rem;
542
+ .tippy-box[data-placement^=right] .tippy-arrow:before {
543
+ left: -0.4375rem;
544
+ border-width: 0.5rem 0.5rem 0.5rem 0 !important;
394
545
  }
395
- .apiInfoForm .editDescTooltipContent {
396
- display: flex;
397
- flex-direction: column;
398
- gap: 0.625rem;
399
- padding-bottom: 0.625rem;
546
+ .tippy-box[data-placement^=bottom] .tippy-arrow:before {
547
+ top: -0.4375rem;
548
+ border-width: 0 0.5rem 0.5rem !important;
400
549
  }
401
- .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
402
- margin-inline: 0.625rem;
550
+ .tippy-box[data-placement^=left] .tippy-arrow:before {
551
+ right: -0.4375rem;
552
+ border-width: 0.5rem 0 0.5rem 0.5rem !important;
403
553
  }
404
- .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
405
- font-weight: 600;
406
- font-size: 0.875rem;
407
- line-height: 1.25rem;
408
- padding: 0.75rem 1.25rem;
409
- border-bottom: 1px solid #d8dae5;
554
+ .tippy-box[data-placement^=bottom-start] .tippy-arrow {
555
+ transform: translate(0.937rem, 0) !important;
410
556
  }
411
- .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
412
- content: "*";
413
- color: red;
414
- transform: translateX(0.125rem);
415
- }#common-dialog.dialog-content-wrapper {
416
- overflow: visible !important;
417
- max-height: 100%;
418
- width: 22.1875rem;
557
+ .tippy-box[data-placement^=bottom-end] .tippy-arrow {
558
+ margin-left: calc(100% - 1.937rem);
559
+ transform: translate(0, 0) !important;
419
560
  }
420
- #common-dialog.dialog-content-wrapper .dialog-content-root {
421
- overflow: visible !important;
422
- border-radius: 0.625rem;
423
- max-height: 100%;
561
+ .tippy-box[data-placement^=top-start] .tippy-arrow {
562
+ transform: translate(0.937rem, 0) !important;
424
563
  }
425
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
426
- padding: 0 1.875rem !important;
427
- overflow: visible !important;
428
- max-height: 100%;
564
+ .tippy-box[data-placement^=top-end] .tippy-arrow {
565
+ transform: translate(0.937rem, 0) !important;
429
566
  }
430
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
431
- position: relative;
567
+ .tippy-box.arrow-with-border {
568
+ border: 1px solid #d8dae5;
432
569
  }
433
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
434
- position: absolute;
435
- z-index: 1;
436
- top: 1.5rem;
437
- right: 0;
438
- transform: translate(0.625rem, -0.625rem);
439
- cursor: pointer;
570
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
571
+ top: 1px;
572
+ background-color: white;
573
+ z-index: 2;
574
+ height: 1px;
440
575
  }
441
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
576
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
577
+ width: 0.625rem;
578
+ height: 0.625rem;
579
+ background-color: white;
580
+ transform: rotate(45deg);
581
+ border: none;
582
+ border-left: 1px solid #d8dae5 !important;
583
+ border-top: 1px solid #d8dae5 !important;
584
+ z-index: 2;
585
+ top: -0.45rem;
586
+ transform-origin: center !important;
587
+ }.livePreviewContainer .titleContainer {
442
588
  display: flex;
443
- padding-top: 0.5rem;
444
- position: relative;
589
+ justify-content: space-between;
590
+ align-items: center;
591
+ flex-wrap: wrap;
592
+ max-width: 100%;
593
+ gap: 1.25rem;
445
594
  }
446
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
447
- margin-top: 1rem;
448
- margin-bottom: 1.5rem;
449
- margin-inline: auto;
595
+ .livePreviewContainer .titleContainer p.apiName {
596
+ font-size: 40px;
597
+ line-height: 30px;
598
+ font-weight: 500;
599
+ word-wrap: break-word;
600
+ overflow-wrap: break-word;
601
+ word-break: break-all;
450
602
  }
451
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
452
- stroke: #12131a;
603
+ .livePreviewContainer .titleContainer .livePreviewChip {
604
+ background-color: #ebecf2;
605
+ color: #12131a;
606
+ }.json-editor-container {
607
+ overflow: hidden;
608
+ border-bottom-right-radius: 0.3125rem;
609
+ border-bottom-left-radius: 0.3125rem;
453
610
  }
454
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
455
- stroke: #12131a;
611
+ .json-editor-container .json-editor-label {
612
+ font-size: 0.875rem;
613
+ font-weight: 600;
614
+ line-height: 1.25rem;
615
+ margin-bottom: 0.3125rem;
456
616
  }
457
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
458
- fill: #12131a;
617
+ .json-editor-container .json-editor {
618
+ display: flex;
619
+ flex-direction: column;
620
+ background-color: #142452;
621
+ width: 100%;
622
+ outline: 1px solid transparent;
623
+ position: relative;
624
+ overflow: hidden;
459
625
  }
460
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
461
- stroke: #faad14;
626
+ .json-editor-container .json-editor .actions-container {
627
+ width: 100%;
628
+ height: 5rem;
629
+ padding: 1.25rem;
630
+ border-radius: 0 0 0.3125rem 0.3125rem;
631
+ background: #101e47;
632
+ display: flex;
633
+ flex-direction: row;
634
+ gap: 1.25rem;
635
+ align-items: center;
462
636
  }
463
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
464
- stroke: #faad14;
637
+ .json-editor-container .json-editor .actions-container .validate {
638
+ color: #fff;
639
+ text-align: center;
640
+ font-size: 1rem;
641
+ font-style: normal;
642
+ font-weight: 600;
643
+ line-height: 1.25rem;
644
+ width: 8.75rem;
645
+ padding: 0.625rem 2.25rem;
646
+ background-color: rgba(240, 248, 255, 0);
647
+ border-radius: 0.3125rem;
648
+ border: 0.0625rem solid #4d75d8;
649
+ cursor: pointer;
465
650
  }
466
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
467
- stroke: #da3f3f;
651
+ .json-editor-container .json-editor .actions-container .validate:disabled {
652
+ color: #babdcc;
653
+ border-color: #a2a5b6;
468
654
  }
469
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
470
- stroke: #da3f3f;
655
+ .json-editor-container .json-editor .actions-container .beautify {
656
+ color: #fff;
657
+ text-align: center;
658
+ font-size: 1rem;
659
+ font-style: normal;
660
+ font-weight: 600;
661
+ line-height: 1.25rem;
662
+ width: 8.75rem;
663
+ padding: 0.625rem 2.25rem;
664
+ background-color: rgba(240, 248, 255, 0);
665
+ border-radius: 0.3125rem;
666
+ border: 1px solid #babdcc;
667
+ cursor: pointer;
471
668
  }
472
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
473
- fill: #da3f3f;
669
+ .json-editor-container .json-editor .actions-container .beautify:disabled {
670
+ color: #a2a5b6;
671
+ border-color: #a2a5b6;
474
672
  }
475
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
476
- font-size: 1.5rem;
477
- font-weight: 500;
478
- line-height: 1.875rem;
479
- text-align: center;
480
- margin-bottom: 0.625rem;
673
+ .json-editor-container .json-editor textarea {
674
+ width: 100%;
675
+ padding: 1.25rem;
676
+ font-size: 0.875rem;
677
+ font-style: normal;
678
+ font-weight: 400;
679
+ line-height: 1.25rem;
680
+ color: white;
681
+ height: 25rem;
682
+ background-color: #142452;
683
+ border: none;
684
+ resize: none;
481
685
  }
482
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
483
- color: #da3f3f;
686
+ .json-editor-container .json-editor textarea:focus, .json-editor-container .json-editor textarea:focus-within, .json-editor-container .json-editor textarea:focus-visible .json-editor-container .json-editor textarea:active {
687
+ outline: none;
688
+ border: none;
484
689
  }
485
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
486
- color: #faad14;
690
+ .json-editor-container .json-editor textarea::-webkit-scrollbar {
691
+ width: 0.5rem;
487
692
  }
488
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
489
- display: flex;
490
- gap: 1.25rem;
491
- margin-top: 1.875rem;
492
- }.livePreviewContainer .titleContainer {
493
- display: flex;
494
- justify-content: space-between;
495
- align-items: center;
496
- flex-wrap: wrap;
497
- max-width: 100%;
498
- gap: 1.25rem;
693
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
694
+ background-color: #828699;
695
+ border: none;
696
+ border-color: transparent;
697
+ border-top-left-radius: 0;
499
698
  }
500
- .livePreviewContainer .titleContainer p.apiName {
501
- font-size: 40px;
502
- line-height: 30px;
503
- font-weight: 500;
504
- word-wrap: break-word;
505
- overflow-wrap: break-word;
506
- word-break: break-all;
699
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
700
+ background-color: #d8dae5;
701
+ border: none;
702
+ border-color: transparent;
703
+ border-radius: 0;
507
704
  }
508
- .livePreviewContainer .titleContainer .livePreviewChip {
509
- background-color: #ebecf2;
705
+ .json-editor-container .json-editor.invalid {
706
+ outline: 1px solid #ce2828 !important;
707
+ }
708
+ .json-editor-container .error-message {
709
+ color: #ce2828;
710
+ font-size: 0.75rem;
711
+ line-height: 1.25rem;
712
+ margin-top: 0.625rem;
713
+ }
714
+ .json-editor-container.disabled .json-editor textarea {
715
+ background-color: white;
510
716
  color: #12131a;
511
717
  }:root {
512
718
  --white: #fff;
@@ -848,210 +1054,4 @@
848
1054
  .tableSectionContainer .descArrow path,
849
1055
  .tableSectionContainer .defaultSortArrow path {
850
1056
  fill: var(--Gray-50);
851
- }.tooltip-custom-wrapper {
852
- display: flex;
853
- }
854
-
855
- [data-tippy-root] {
856
- z-index: 2 !important;
857
- }
858
-
859
- .tippy-box {
860
- background-color: #202f5b;
861
- font-size: 0.875rem;
862
- border-radius: 0.3125rem;
863
- width: max-content;
864
- max-width: 100%;
865
- overflow-wrap: break-word;
866
- word-break: break-word;
867
- position: relative;
868
- border: 1px solid #d8dae5;
869
- z-index: 2;
870
- }
871
- .tippy-box.function .tippy-content {
872
- background-color: #fff !important;
873
- color: #000 !important;
874
- }
875
- .tippy-box.function[data-placement] > .tippy-arrow:before {
876
- color: #fff !important;
877
- }
878
- .tippy-box.info .tippy-arrow {
879
- color: #202f5b;
880
- }
881
- .tippy-box.success {
882
- border-radius: 1.875rem;
883
- background-color: #3aaa35;
884
- padding-inline: 0.625rem;
885
- }
886
- .tippy-box .tippy-content {
887
- text-align: justify;
888
- font-size: 0.875rem;
889
- line-height: 1.25rem;
890
- padding: 0.625rem;
891
- }
892
- .tippy-box .tippy-arrow {
893
- position: relative;
894
- width: 1rem;
895
- height: 1rem;
896
- }
897
- .tippy-box[data-placement^=top] .tippy-arrow:before {
898
- bottom: -0.4375rem;
899
- border-width: 0.5rem 0.5rem 0 !important;
900
- }
901
- .tippy-box[data-placement^=right] .tippy-arrow:before {
902
- left: -0.4375rem;
903
- border-width: 0.5rem 0.5rem 0.5rem 0 !important;
904
- }
905
- .tippy-box[data-placement^=bottom] .tippy-arrow:before {
906
- top: -0.4375rem;
907
- border-width: 0 0.5rem 0.5rem !important;
908
- }
909
- .tippy-box[data-placement^=left] .tippy-arrow:before {
910
- right: -0.4375rem;
911
- border-width: 0.5rem 0 0.5rem 0.5rem !important;
912
- }
913
- .tippy-box[data-placement^=bottom-start] .tippy-arrow {
914
- transform: translate(0.937rem, 0) !important;
915
- }
916
- .tippy-box[data-placement^=bottom-end] .tippy-arrow {
917
- margin-left: calc(100% - 1.937rem);
918
- transform: translate(0, 0) !important;
919
- }
920
- .tippy-box[data-placement^=top-start] .tippy-arrow {
921
- transform: translate(0.937rem, 0) !important;
922
- }
923
- .tippy-box[data-placement^=top-end] .tippy-arrow {
924
- transform: translate(0.937rem, 0) !important;
925
- }
926
- .tippy-box.arrow-with-border {
927
- border: 1px solid #d8dae5;
928
- }
929
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
930
- top: 1px;
931
- background-color: white;
932
- z-index: 2;
933
- height: 1px;
934
- }
935
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
936
- width: 0.625rem;
937
- height: 0.625rem;
938
- background-color: white;
939
- transform: rotate(45deg);
940
- border: none;
941
- border-left: 1px solid #d8dae5 !important;
942
- border-top: 1px solid #d8dae5 !important;
943
- z-index: 2;
944
- top: -0.45rem;
945
- transform-origin: center !important;
946
- }.json-editor-container {
947
- overflow: hidden;
948
- border-bottom-right-radius: 0.3125rem;
949
- border-bottom-left-radius: 0.3125rem;
950
- }
951
- .json-editor-container .json-editor-label {
952
- font-size: 0.875rem;
953
- font-weight: 600;
954
- line-height: 1.25rem;
955
- margin-bottom: 0.3125rem;
956
- }
957
- .json-editor-container .json-editor {
958
- display: flex;
959
- flex-direction: column;
960
- background-color: #142452;
961
- width: 100%;
962
- outline: 1px solid transparent;
963
- position: relative;
964
- overflow: hidden;
965
- }
966
- .json-editor-container .json-editor .actions-container {
967
- width: 100%;
968
- height: 5rem;
969
- padding: 1.25rem;
970
- border-radius: 0 0 0.3125rem 0.3125rem;
971
- background: #101e47;
972
- display: flex;
973
- flex-direction: row;
974
- gap: 1.25rem;
975
- align-items: center;
976
- }
977
- .json-editor-container .json-editor .actions-container .validate {
978
- color: #fff;
979
- text-align: center;
980
- font-size: 1rem;
981
- font-style: normal;
982
- font-weight: 600;
983
- line-height: 1.25rem;
984
- width: 8.75rem;
985
- padding: 0.625rem 2.25rem;
986
- background-color: rgba(240, 248, 255, 0);
987
- border-radius: 0.3125rem;
988
- border: 0.0625rem solid #4d75d8;
989
- cursor: pointer;
990
- }
991
- .json-editor-container .json-editor .actions-container .validate:disabled {
992
- color: #babdcc;
993
- border-color: #a2a5b6;
994
- }
995
- .json-editor-container .json-editor .actions-container .beautify {
996
- color: #fff;
997
- text-align: center;
998
- font-size: 1rem;
999
- font-style: normal;
1000
- font-weight: 600;
1001
- line-height: 1.25rem;
1002
- width: 8.75rem;
1003
- padding: 0.625rem 2.25rem;
1004
- background-color: rgba(240, 248, 255, 0);
1005
- border-radius: 0.3125rem;
1006
- border: 1px solid #babdcc;
1007
- cursor: pointer;
1008
- }
1009
- .json-editor-container .json-editor .actions-container .beautify:disabled {
1010
- color: #a2a5b6;
1011
- border-color: #a2a5b6;
1012
- }
1013
- .json-editor-container .json-editor textarea {
1014
- width: 100%;
1015
- padding: 1.25rem;
1016
- font-size: 0.875rem;
1017
- font-style: normal;
1018
- font-weight: 400;
1019
- line-height: 1.25rem;
1020
- color: white;
1021
- height: 25rem;
1022
- background-color: #142452;
1023
- border: none;
1024
- resize: none;
1025
- }
1026
- .json-editor-container .json-editor textarea:focus, .json-editor-container .json-editor textarea:focus-within, .json-editor-container .json-editor textarea:focus-visible .json-editor-container .json-editor textarea:active {
1027
- outline: none;
1028
- border: none;
1029
- }
1030
- .json-editor-container .json-editor textarea::-webkit-scrollbar {
1031
- width: 0.5rem;
1032
- }
1033
- .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
1034
- background-color: #828699;
1035
- border: none;
1036
- border-color: transparent;
1037
- border-top-left-radius: 0;
1038
- }
1039
- .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
1040
- background-color: #d8dae5;
1041
- border: none;
1042
- border-color: transparent;
1043
- border-radius: 0;
1044
- }
1045
- .json-editor-container .json-editor.invalid {
1046
- outline: 1px solid #ce2828 !important;
1047
- }
1048
- .json-editor-container .error-message {
1049
- color: #ce2828;
1050
- font-size: 0.75rem;
1051
- line-height: 1.25rem;
1052
- margin-top: 0.625rem;
1053
- }
1054
- .json-editor-container.disabled .json-editor textarea {
1055
- background-color: white;
1056
- color: #12131a;
1057
1057
  }