@digi-frontend/dgate-api-documentation 1.0.8 → 1.0.9

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,94 +1,4 @@
1
- .apiInfoForm {
2
- display: grid;
3
- padding: 1.25rem 1.875rem;
4
- gap: 1.25rem;
5
- }
6
- .apiInfoForm .paramsTable .paramDescContainer {
7
- display: flex;
8
- }
9
- .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
10
- height: inherit;
11
- width: 1px;
12
- background-color: #d8dae5;
13
- }
14
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
15
- stroke-width: 0.1;
16
- }
17
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
18
- padding: 0;
19
- margin-right: 1.25rem;
20
- }
21
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
22
- display: flex;
23
- align-items: center;
24
- padding: 0;
25
- color: #12131a;
26
- }
27
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
28
- margin-block: auto;
29
- }
30
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
31
- fill: #12131a;
32
- }
33
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
34
- padding: 0;
35
- }
36
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
37
- margin-block: auto;
38
- }
39
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
40
- width: 1.125rem;
41
- }
42
- .apiInfoForm .paramsTable .editDescTooltipContent {
43
- display: flex;
44
- flex-direction: column;
45
- gap: 0.625rem;
46
- padding-bottom: 0.625rem;
47
- }
48
- .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
49
- margin-inline: 0.625rem;
50
- }
51
- .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
52
- font-weight: 600;
53
- font-size: 0.875rem;
54
- line-height: 1.25rem;
55
- padding: 0.75rem 1.25rem;
56
- border-bottom: 1px solid #d8dae5;
57
- }
58
- .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
59
- content: "*";
60
- color: red;
61
- transform: translateX(0.125rem);
62
- }
63
- .apiInfoForm .apiDocRow {
64
- display: grid;
65
- grid-template-columns: 1fr 1fr;
66
- gap: 1.25rem;
67
- }
68
- .apiInfoForm .apiInfoForm_tagsChips {
69
- margin-top: -1.25rem;
70
- }
71
- .apiInfoForm .editDescTooltipContent {
72
- display: flex;
73
- flex-direction: column;
74
- gap: 0.625rem;
75
- padding-bottom: 0.625rem;
76
- }
77
- .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
78
- margin-inline: 0.625rem;
79
- }
80
- .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
81
- font-weight: 600;
82
- font-size: 0.875rem;
83
- line-height: 1.25rem;
84
- padding: 0.75rem 1.25rem;
85
- border-bottom: 1px solid #d8dae5;
86
- }
87
- .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
88
- content: "*";
89
- color: red;
90
- transform: translateX(0.125rem);
91
- }:root {
1
+ :root {
92
2
  --white: #fff;
93
3
  --Gray-5: #f1f2f6;
94
4
  --Gray-10: #ebecf2;
@@ -317,20 +227,127 @@
317
227
  .tableSectionContainer .descArrow path,
318
228
  .tableSectionContainer .defaultSortArrow path {
319
229
  fill: var(--Gray-50);
230
+ }.json-editor-container .json-editor-label {
231
+ font-size: 0.875rem;
232
+ font-weight: 600;
233
+ line-height: 1.25rem;
234
+ margin-bottom: 0.3125rem;
235
+ }
236
+ .json-editor-container .json-editor {
237
+ display: flex;
238
+ flex-direction: column;
239
+ background-color: #142452;
240
+ width: 100%;
241
+ border-radius: 0.3125rem;
242
+ margin-bottom: -0.5rem;
243
+ outline: 1px solid transparent;
244
+ position: relative;
245
+ }
246
+ .json-editor-container .json-editor .actions-container {
247
+ width: 100%;
248
+ height: 5rem;
249
+ padding: 1.25rem;
250
+ border-radius: 0 0 0.3125rem 0.3125rem;
251
+ background: #101e47;
252
+ display: flex;
253
+ flex-direction: row;
254
+ gap: 1.25rem;
255
+ align-items: center;
256
+ }
257
+ .json-editor-container .json-editor .actions-container .validate {
258
+ color: #fff;
259
+ text-align: center;
260
+ font-size: 1rem;
261
+ font-style: normal;
262
+ font-weight: 600;
263
+ line-height: 1.25rem;
264
+ width: 8.75rem;
265
+ padding: 0.625rem 2.25rem;
266
+ background-color: rgba(240, 248, 255, 0);
267
+ border-radius: 0.3125rem;
268
+ border: 0.0625rem solid #4d75d8;
269
+ cursor: pointer;
270
+ }
271
+ .json-editor-container .json-editor .actions-container .validate:disabled {
272
+ color: #babdcc;
273
+ border-color: #a2a5b6;
274
+ }
275
+ .json-editor-container .json-editor .actions-container .beautify {
276
+ color: #fff;
277
+ text-align: center;
278
+ font-size: 1rem;
279
+ font-style: normal;
280
+ font-weight: 600;
281
+ line-height: 1.25rem;
282
+ width: 8.75rem;
283
+ padding: 0.625rem 2.25rem;
284
+ background-color: rgba(240, 248, 255, 0);
285
+ border-radius: 0.3125rem;
286
+ border: 1px solid #babdcc;
287
+ cursor: pointer;
288
+ }
289
+ .json-editor-container .json-editor .actions-container .beautify:disabled {
290
+ color: #a2a5b6;
291
+ border-color: #a2a5b6;
292
+ }
293
+ .json-editor-container .json-editor textarea {
294
+ width: 100%;
295
+ padding: 1.25rem;
296
+ font-size: 0.875rem;
297
+ font-style: normal;
298
+ font-weight: 400;
299
+ line-height: 1.25rem;
300
+ color: white;
301
+ height: 25rem;
302
+ background-color: #142452;
303
+ border: none;
304
+ resize: none;
305
+ border-radius: 0.3125rem;
306
+ }
307
+ .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 {
308
+ outline: none;
309
+ border: none;
310
+ }
311
+ .json-editor-container .json-editor textarea::-webkit-scrollbar {
312
+ width: 0.5rem;
313
+ }
314
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
315
+ background-color: #828699;
316
+ border: none;
317
+ border-color: transparent;
318
+ border-top-right-radius: 0.25rem;
319
+ border-top-left-radius: 0;
320
+ }
321
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
322
+ background-color: #d8dae5;
323
+ border: none;
324
+ border-color: transparent;
325
+ border-radius: 0;
326
+ }
327
+ .json-editor-container .json-editor.invalid {
328
+ outline: 1px solid #ce2828 !important;
329
+ }
330
+ .json-editor-container .error-message {
331
+ color: #ce2828;
332
+ font-size: 0.75rem;
333
+ line-height: 1.25rem;
334
+ margin-top: 0.625rem;
320
335
  }.methodAccordion {
321
336
  border: none !important;
322
337
  box-shadow: none !important;
323
338
  margin-bottom: 0 !important;
324
339
  }
325
- .methodAccordion :global(.summary) {
340
+ .methodAccordion :global(.accordion-header) {
326
341
  padding: 0 !important;
327
342
  margin: 1.25rem 1.875rem 0 1.875rem !important;
328
343
  height: 2.625rem;
344
+ border: none !important;
345
+ background-color: transparent !important;
329
346
  }
330
347
  .methodAccordion :global(.iconContainer .dropdownIcon) {
331
348
  display: none !important;
332
349
  }
333
- .methodAccordion :global(.details.show) {
350
+ .methodAccordion :global(.accordion-details.expanded) {
334
351
  border: none !important;
335
352
  padding: 0 !important;
336
353
  }
@@ -342,11 +359,13 @@
342
359
  }
343
360
  .methodAccordion .methodSummaryContainer .methodSummary {
344
361
  display: flex;
362
+ align-items: center;
345
363
  gap: 0.3125rem;
346
364
  background-color: #f8f9fb;
347
365
  width: 100%;
348
366
  padding: 0.3125rem;
349
367
  border-radius: 0.3125rem;
368
+ font-size: 0.875rem;
350
369
  }
351
370
  .methodAccordion .methodSummaryContainer .methodSummary .methodLabel {
352
371
  display: grid;
@@ -357,6 +376,10 @@
357
376
  border-radius: 0.1875rem;
358
377
  text-transform: capitalize;
359
378
  }
379
+ .methodAccordion .methodSummaryContainer .methodSummary .methodPath {
380
+ display: block;
381
+ line-height: 1.25rem !important;
382
+ }
360
383
  .methodAccordion .methodSummaryContainer .methodExpandArrowContainer {
361
384
  display: grid;
362
385
  place-content: center;
@@ -372,20 +395,18 @@
372
395
  .methodAccordion .methodSummaryContainer .methodExpandArrowContainer svg {
373
396
  transition: rotate 0.3s ease-in-out;
374
397
  }
398
+ .methodAccordion .methodSummaryContainer.readOnly .methodSummary {
399
+ background-color: #ebecf2;
400
+ }
401
+ .methodAccordion .methodSummaryContainer.readOnly .methodExpandArrowContainer {
402
+ background-color: #ebecf2;
403
+ }
375
404
  .methodAccordion .methodAccordionContent {
376
405
  display: flex;
377
406
  flex-direction: column;
378
407
  gap: 1.25rem;
379
408
  padding-inline: 1.875rem;
380
409
  }
381
- .methodAccordion .methodAccordionContent .divTest {
382
- background-color: red;
383
- height: 40px;
384
- width: 15px;
385
- }
386
- .methodAccordion .methodAccordionContent .divTest:focus {
387
- background-color: black;
388
- }
389
410
  .methodAccordion .methodAccordionContent .methodDesc {
390
411
  margin-top: 1.25rem;
391
412
  }
@@ -448,36 +469,41 @@
448
469
  }
449
470
  .methodAccordion .methodAccordionContent .requestAccordion,
450
471
  .methodAccordion .methodAccordionContent .responseAccordion {
451
- border-top: 1px solid #babdcc;
472
+ border: 1px solid #babdcc;
452
473
  border-radius: 0.3125rem !important;
453
474
  box-shadow: none !important;
454
475
  margin-bottom: 0 !important;
455
476
  cursor: default !important;
456
477
  }
457
- .methodAccordion .methodAccordionContent .requestAccordion :global(.summary),
458
- .methodAccordion .methodAccordionContent .responseAccordion :global(.summary) {
478
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
479
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
480
+ display: flex;
481
+ align-items: center;
482
+ justify-content: space-between;
459
483
  margin: 0 !important;
460
- padding: 1rem !important;
461
- height: auto !important;
484
+ padding: 0 !important;
485
+ height: 4.0625rem !important;
486
+ border-radius: 0.3125rem !important;
487
+ background-color: white !important;
462
488
  }
463
- .methodAccordion .methodAccordionContent .requestAccordion :global(.details.show),
464
- .methodAccordion .methodAccordionContent .responseAccordion :global(.details.show) {
489
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded),
490
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) {
465
491
  border-top: 1px solid #babdcc !important;
466
492
  padding: 1.25rem !important;
467
493
  padding: 0 !important;
468
494
  }
469
- .methodAccordion .methodAccordionContent .requestAccordion :global(.details.show) :global(.jsonField) div textarea,
470
- .methodAccordion .methodAccordionContent .responseAccordion :global(.details.show) :global(.jsonField) div textarea {
495
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
496
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
471
497
  border-top-right-radius: 0;
472
498
  border-top-left-radius: 0;
473
499
  height: 10rem;
474
500
  }
475
- .methodAccordion .methodAccordionContent .requestAccordion :global(.details.show .textArea .containerTextArea),
476
- .methodAccordion .methodAccordionContent .responseAccordion :global(.details.show .textArea .containerTextArea) {
501
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
502
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
477
503
  display: flex;
478
504
  }
479
- .methodAccordion .methodAccordionContent .requestAccordion :global(.details.show .textArea .containerTextArea .inputField),
480
- .methodAccordion .methodAccordionContent .responseAccordion :global(.details.show .textArea .containerTextArea .inputField) {
505
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
506
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
481
507
  height: 100%;
482
508
  padding: 1.25rem;
483
509
  }
@@ -485,12 +511,16 @@
485
511
  .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary,
486
512
  .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary,
487
513
  .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
514
+ width: 100%;
515
+ display: flex;
516
+ justify-content: space-between;
488
517
  font-weight: 700;
489
518
  font-size: 1.125rem;
490
519
  line-height: 1.5rem;
491
520
  display: flex;
492
521
  align-items: center;
493
522
  cursor: default !important;
523
+ margin-inline: 0.625rem 1.25rem;
494
524
  }
495
525
  .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title,
496
526
  .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title,
@@ -512,17 +542,17 @@
512
542
  .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title .expanded {
513
543
  rotate: 180deg;
514
544
  }
515
- .methodAccordion .methodAccordionContent .requestAccordion :global(.details) :global(.textArea .inputField),
516
- .methodAccordion .methodAccordionContent .responseAccordion :global(.details) :global(.textArea .inputField) {
545
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
546
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
517
547
  padding: 0;
518
548
  border: none;
519
549
  }
520
- .methodAccordion .methodAccordionContent .requestAccordion :global(.summary .iconContainer .dropdownIcon),
521
- .methodAccordion .methodAccordionContent .responseAccordion :global(.summary .iconContainer .dropdownIcon) {
550
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
551
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
522
552
  display: none !important;
523
553
  }
524
- .methodAccordion .methodAccordionContent .requestAccordion :global(.summary),
525
- .methodAccordion .methodAccordionContent .responseAccordion :global(.summary) {
554
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
555
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
526
556
  cursor: default;
527
557
  }
528
558
  .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
@@ -543,7 +573,7 @@
543
573
  padding: 0;
544
574
  padding-left: 0.625rem;
545
575
  }
546
- .methodAccordion .methodAccordionContent .responseAccordion :global(.summary) {
576
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
547
577
  overflow: visible;
548
578
  cursor: default;
549
579
  }
@@ -557,228 +587,123 @@
557
587
  width: 0.625rem;
558
588
  aspect-ratio: 1/1;
559
589
  border-radius: 100%;
560
- }p.apiName {
561
- font-size: 40px;
562
- line-height: 30px;
563
- font-weight: 500;
564
- }.tooltip-custom-wrapper {
590
+ }.containerTitleDrawer {
591
+ height: 64px;
592
+ min-height: 64px;
565
593
  display: flex;
594
+ flex-direction: row;
595
+ justify-content: space-between;
596
+ align-items: center;
597
+ background-color: #f1f2f6;
598
+ padding: 0 30px 0 30px;
599
+ width: 100%;
566
600
  }
567
-
568
- .tippy-box {
569
- background-color: #202f5b;
570
- font-size: 0.875rem;
571
- border-radius: 0.3125rem;
572
- width: max-content;
573
- max-width: 100%;
574
- overflow-wrap: break-word;
575
- word-break: break-word;
576
- position: relative;
577
- border: 1px solid #d8dae5;
601
+ .containerTitleDrawer span {
602
+ color: #12131a;
603
+ font-weight: 600;
604
+ font-size: 18px;
605
+ line-height: 25px;
606
+ letter-spacing: 0em;
578
607
  }
579
- .tippy-box.function .tippy-content {
580
- background-color: #fff !important;
581
- color: #000 !important;
608
+ .containerTitleDrawer svg path {
609
+ stroke: #000 !important;
582
610
  }
583
- .tippy-box[data-placement] > .tippy-arrow:before {
584
- color: #fff !important;
611
+ .containerTitleDrawer .closeIcon {
612
+ cursor: pointer;
613
+ }.apiInfoForm {
614
+ display: grid;
615
+ padding: 1.25rem 1.875rem;
616
+ gap: 1.25rem;
585
617
  }
586
- .tippy-box.info .tippy-arrow {
587
- color: #202f5b;
588
- }
589
- .tippy-box.success {
590
- border-radius: 1.875rem;
591
- background-color: #3aaa35;
592
- padding-inline: 0.625rem;
593
- }
594
- .tippy-box .tippy-content {
595
- text-align: justify;
596
- font-size: 0.875rem;
597
- line-height: 1.25rem;
598
- padding: 0.625rem;
599
- }
600
- .tippy-box .tippy-arrow {
601
- position: relative;
602
- width: 1rem;
603
- height: 1rem;
604
- }
605
- .tippy-box[data-placement^=top] .tippy-arrow:before {
606
- bottom: -0.4375rem;
607
- border-width: 0.5rem 0.5rem 0 !important;
618
+ .apiInfoForm .paramsTable .paramDescContainer {
619
+ display: flex;
608
620
  }
609
- .tippy-box[data-placement^=right] .tippy-arrow:before {
610
- left: -0.4375rem;
611
- border-width: 0.5rem 0.5rem 0.5rem 0 !important;
621
+ .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
622
+ height: inherit;
623
+ width: 1px;
624
+ background-color: #d8dae5;
612
625
  }
613
- .tippy-box[data-placement^=bottom] .tippy-arrow:before {
614
- top: -0.4375rem;
615
- border-width: 0 0.5rem 0.5rem !important;
626
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
627
+ stroke-width: 0.1;
616
628
  }
617
- .tippy-box[data-placement^=left] .tippy-arrow:before {
618
- right: -0.4375rem;
619
- border-width: 0.5rem 0 0.5rem 0.5rem !important;
629
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
630
+ padding: 0;
631
+ margin-right: 1.25rem;
620
632
  }
621
- .tippy-box[data-placement^=bottom-start] .tippy-arrow {
622
- transform: translate(0.937rem, 0) !important;
633
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
634
+ display: flex;
635
+ align-items: center;
636
+ padding: 0;
637
+ color: #12131a;
623
638
  }
624
- .tippy-box[data-placement^=bottom-end] .tippy-arrow {
625
- margin-left: calc(100% - 1.937rem);
626
- transform: translate(0, 0) !important;
639
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
640
+ margin-block: auto;
627
641
  }
628
- .tippy-box[data-placement^=top-start] .tippy-arrow {
629
- transform: translate(0.937rem, 0) !important;
642
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
643
+ fill: #12131a;
630
644
  }
631
- .tippy-box[data-placement^=top-end] .tippy-arrow {
632
- transform: translate(0.937rem, 0) !important;
645
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
646
+ padding: 0;
633
647
  }
634
- .tippy-box.arrow-with-border {
635
- border: 1px solid #d8dae5;
648
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
649
+ margin-block: auto;
636
650
  }
637
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
638
- top: 1px;
639
- background-color: white;
640
- z-index: 9999;
641
- height: 1px;
651
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
652
+ width: 1.125rem;
642
653
  }
643
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
644
- width: 1rem;
645
- height: 1rem;
646
- background-color: white;
647
- transform: rotate(45deg);
648
- border: none;
649
- border-left: 1px solid #d8dae5 !important;
650
- border-top: 1px solid #d8dae5 !important;
651
- z-index: 20000000000;
652
- top: -0.6rem;
653
- transform-origin: center !important;
654
- }.containerTitleDrawer {
655
- height: 64px;
656
- min-height: 64px;
654
+ .apiInfoForm .paramsTable .editDescTooltipContent {
657
655
  display: flex;
658
- flex-direction: row;
659
- justify-content: space-between;
660
- align-items: center;
661
- background-color: #f1f2f6;
662
- padding: 0 30px 0 30px;
663
- width: 100%;
656
+ flex-direction: column;
657
+ gap: 0.625rem;
658
+ padding-bottom: 0.625rem;
664
659
  }
665
- .containerTitleDrawer span {
666
- color: #12131a;
660
+ .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
661
+ margin-inline: 0.625rem;
662
+ }
663
+ .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
667
664
  font-weight: 600;
668
- font-size: 18px;
669
- line-height: 25px;
670
- letter-spacing: 0em;
665
+ font-size: 0.875rem;
666
+ line-height: 1.25rem;
667
+ padding: 0.75rem 1.25rem;
668
+ border-bottom: 1px solid #d8dae5;
671
669
  }
672
- .containerTitleDrawer svg path {
673
- stroke: #000 !important;
670
+ .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
671
+ content: "*";
672
+ color: red;
673
+ transform: translateX(0.125rem);
674
674
  }
675
- .containerTitleDrawer .closeIcon {
676
- cursor: pointer;
677
- }:root {
678
- --white: #fff;
679
- --Gray-5: #f1f2f6;
680
- --Gray-10: #ebecf2;
681
- --Gray-20: #d8dae5;
682
- --Gray-30: #babdcc;
683
- --Gray-40: #9a9eb2;
684
- --Gray-50: #828699;
685
- --Gray-60: #696c80;
686
- --Gray-100: #12131a;
687
- --black: #000;
688
- --primary-static: #4d75d8;
689
- --primary-hover: #7c9bea;
690
- --primary-active: #2c4fa4;
691
- --primary-disabled: #9a9eb2;
692
- --secondary-static: #40e0d0;
693
- --secondary-hover: #9efcf2;
694
- --secondary-active: #2fa599;
695
- --error-static: #da3f3f;
696
- --error-hover: #e75d5d;
697
- --error-active: #bb3232;
698
- --success-static: #3aaa35;
699
- --success-hover: #5cda56;
700
- --success-active: #2a8a25;
701
- --info-static: #c6c6c6;
702
- --info-hover: #e4e4e4;
703
- --info-active: #979797;
704
- --warning-static: #faad14;
705
- --warning-hover: #f9be4a;
706
- --warning-active: #db9711;
707
- --action-static: #142452;
708
- --action-hover: #21387d;
709
- --action-active: #000000;
710
- --color-info-primary: #3a6cd1;
711
- --primary-font-color: #142452;
712
- --placeholder-font-color: #babdcc;
713
- --warning-font-color: #ce2828;
714
- --alert-error: #da3f3f;
715
- --alert-light-error: #f4c5c5;
716
- --alert-success: #3aaa35;
717
- --alert-light-success: #c4e5c2;
718
- --alert-info: #8eaaf1;
719
- --alert-light-info: #c4d3f1;
720
- --alert-warning: #faad14;
721
- --alert-light-warning: #fde6b8;
722
- --border-focus: #3a6cd1;
723
- --tooltip-background-color: #202f5b;
724
- --text-color-primary: #142452;
725
- --text-color-secondary: #ffff;
726
- --text-color-neutral: #828699;
727
- --text-color-tertiary: #808080;
728
- --text-color-note: #242424;
729
- --text-color-quaternary: #142452;
730
- --text-color-disabled: #ffff;
731
- --background-color-white-primary: #fff;
732
- --background-color-light-primary: #8eaaf1;
733
- --background-color-white-secondary: #fff;
734
- --background-color-primary-dark: #142452;
735
- --background-color-gray-5: #f1f2f6;
736
- --background-color-gray-30: #ebecf2;
737
- --background-color-tertiary-light: #2c4fa4;
738
- --background-color-gray-10: #f1f2f6;
739
- --background-color-gray-40: #ebecf2;
740
- --background-color-light-blue: #dfe7f8;
741
- --border-color-primary: #babdcc;
742
- --border-color-secondary: #d8dae5;
743
- --border-color-neutral: #ebecf2;
744
- --border-color-tertiary: #ebecf2;
745
- --border-color-gray: #ebecf2;
746
- --border-color-hover: #142452;
747
- --border-color-active: #3a6cd1;
748
- --icon-color-main: #142452;
749
- --icon-color-secondary: #000;
750
- --icon-color-quaternary: #babdcc;
751
- --icon-color-disabled: #9a9eb2;
752
- --link-btn-primary-color: #3a6cd1;
753
- --button-color-static: #4d75d8;
754
- --button-color-hover: #7c9bea;
755
- --button-color-active: #2c4fa4;
756
- --alert-natural: #c4d3f1;
675
+ .apiInfoForm .apiDocRow {
676
+ display: grid;
677
+ grid-template-columns: 1fr 1fr;
678
+ gap: 1.25rem;
757
679
  }
758
-
759
- .drawerItemContainer {
680
+ .apiInfoForm .apiInfoForm_tagsChips {
681
+ margin-top: -1.25rem;
682
+ }
683
+ .apiInfoForm .editDescTooltipContent {
760
684
  display: flex;
761
685
  flex-direction: column;
686
+ gap: 0.625rem;
687
+ padding-bottom: 0.625rem;
762
688
  }
763
- .drawerItemContainer .title {
764
- color: #000;
765
- font-weight: 600;
766
- font-size: 24px;
767
- line-height: 35px;
768
- margin-bottom: 3px;
769
- margin-top: 1.5rem;
770
- }
771
- .drawerItemContainer .text {
772
- color: #000;
773
- font-weight: 400;
774
- font-size: 24px;
775
- line-height: 25px;
689
+ .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
690
+ margin-inline: 0.625rem;
776
691
  }
777
- .drawerItemContainer .color-green {
778
- color: var(--color-success);
692
+ .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
693
+ font-weight: 600;
694
+ font-size: 0.875rem;
695
+ line-height: 1.25rem;
696
+ padding: 0.75rem 1.25rem;
697
+ border-bottom: 1px solid #d8dae5;
779
698
  }
780
- .drawerItemContainer .color-red {
781
- color: var(--color-error);
699
+ .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
700
+ content: "*";
701
+ color: red;
702
+ transform: translateX(0.125rem);
703
+ }p.apiName {
704
+ font-size: 40px;
705
+ line-height: 30px;
706
+ font-weight: 500;
782
707
  }.chips-container {
783
708
  width: 100%;
784
709
  }
@@ -894,111 +819,111 @@
894
819
  }
895
820
  .chips-container .show-btn:active .show-btn-icon-container .show-btn-icon path {
896
821
  fill: #2c4fa4;
897
- }.json-editor-container .json-editor-label {
898
- font-size: 0.875rem;
899
- font-weight: 600;
900
- line-height: 1.25rem;
901
- margin-bottom: 0.3125rem;
902
- }
903
- .json-editor-container .json-editor {
904
- display: flex;
905
- flex-direction: column;
906
- background-color: #142452;
907
- width: 100%;
908
- border-radius: 0.3125rem;
909
- margin-bottom: -0.5rem;
910
- outline: 1px solid transparent;
911
- position: relative;
822
+ }:root {
823
+ --white: #fff;
824
+ --Gray-5: #f1f2f6;
825
+ --Gray-10: #ebecf2;
826
+ --Gray-20: #d8dae5;
827
+ --Gray-30: #babdcc;
828
+ --Gray-40: #9a9eb2;
829
+ --Gray-50: #828699;
830
+ --Gray-60: #696c80;
831
+ --Gray-100: #12131a;
832
+ --black: #000;
833
+ --primary-static: #4d75d8;
834
+ --primary-hover: #7c9bea;
835
+ --primary-active: #2c4fa4;
836
+ --primary-disabled: #9a9eb2;
837
+ --secondary-static: #40e0d0;
838
+ --secondary-hover: #9efcf2;
839
+ --secondary-active: #2fa599;
840
+ --error-static: #da3f3f;
841
+ --error-hover: #e75d5d;
842
+ --error-active: #bb3232;
843
+ --success-static: #3aaa35;
844
+ --success-hover: #5cda56;
845
+ --success-active: #2a8a25;
846
+ --info-static: #c6c6c6;
847
+ --info-hover: #e4e4e4;
848
+ --info-active: #979797;
849
+ --warning-static: #faad14;
850
+ --warning-hover: #f9be4a;
851
+ --warning-active: #db9711;
852
+ --action-static: #142452;
853
+ --action-hover: #21387d;
854
+ --action-active: #000000;
855
+ --color-info-primary: #3a6cd1;
856
+ --primary-font-color: #142452;
857
+ --placeholder-font-color: #babdcc;
858
+ --warning-font-color: #ce2828;
859
+ --alert-error: #da3f3f;
860
+ --alert-light-error: #f4c5c5;
861
+ --alert-success: #3aaa35;
862
+ --alert-light-success: #c4e5c2;
863
+ --alert-info: #8eaaf1;
864
+ --alert-light-info: #c4d3f1;
865
+ --alert-warning: #faad14;
866
+ --alert-light-warning: #fde6b8;
867
+ --border-focus: #3a6cd1;
868
+ --tooltip-background-color: #202f5b;
869
+ --text-color-primary: #142452;
870
+ --text-color-secondary: #ffff;
871
+ --text-color-neutral: #828699;
872
+ --text-color-tertiary: #808080;
873
+ --text-color-note: #242424;
874
+ --text-color-quaternary: #142452;
875
+ --text-color-disabled: #ffff;
876
+ --background-color-white-primary: #fff;
877
+ --background-color-light-primary: #8eaaf1;
878
+ --background-color-white-secondary: #fff;
879
+ --background-color-primary-dark: #142452;
880
+ --background-color-gray-5: #f1f2f6;
881
+ --background-color-gray-30: #ebecf2;
882
+ --background-color-tertiary-light: #2c4fa4;
883
+ --background-color-gray-10: #f1f2f6;
884
+ --background-color-gray-40: #ebecf2;
885
+ --background-color-light-blue: #dfe7f8;
886
+ --border-color-primary: #babdcc;
887
+ --border-color-secondary: #d8dae5;
888
+ --border-color-neutral: #ebecf2;
889
+ --border-color-tertiary: #ebecf2;
890
+ --border-color-gray: #ebecf2;
891
+ --border-color-hover: #142452;
892
+ --border-color-active: #3a6cd1;
893
+ --icon-color-main: #142452;
894
+ --icon-color-secondary: #000;
895
+ --icon-color-quaternary: #babdcc;
896
+ --icon-color-disabled: #9a9eb2;
897
+ --link-btn-primary-color: #3a6cd1;
898
+ --button-color-static: #4d75d8;
899
+ --button-color-hover: #7c9bea;
900
+ --button-color-active: #2c4fa4;
901
+ --alert-natural: #c4d3f1;
912
902
  }
913
- .json-editor-container .json-editor .actions-container {
914
- width: 100%;
915
- height: 5rem;
916
- padding: 1.25rem;
917
- border-radius: 0 0 0.3125rem 0.3125rem;
918
- background: #101e47;
903
+
904
+ .drawerItemContainer {
919
905
  display: flex;
920
- flex-direction: row;
921
- gap: 1.25rem;
922
- align-items: center;
923
- }
924
- .json-editor-container .json-editor .actions-container .validate {
925
- color: #fff;
926
- text-align: center;
927
- font-size: 1rem;
928
- font-style: normal;
929
- font-weight: 600;
930
- line-height: 1.25rem;
931
- width: 8.75rem;
932
- padding: 0.625rem 2.25rem;
933
- background-color: rgba(240, 248, 255, 0);
934
- border-radius: 0.3125rem;
935
- border: 0.0625rem solid #4d75d8;
936
- cursor: pointer;
937
- }
938
- .json-editor-container .json-editor .actions-container .validate:disabled {
939
- color: #babdcc;
940
- border-color: #a2a5b6;
906
+ flex-direction: column;
941
907
  }
942
- .json-editor-container .json-editor .actions-container .beautify {
943
- color: #fff;
944
- text-align: center;
945
- font-size: 1rem;
946
- font-style: normal;
908
+ .drawerItemContainer .title {
909
+ color: #000;
947
910
  font-weight: 600;
948
- line-height: 1.25rem;
949
- width: 8.75rem;
950
- padding: 0.625rem 2.25rem;
951
- background-color: rgba(240, 248, 255, 0);
952
- border-radius: 0.3125rem;
953
- border: 1px solid #babdcc;
954
- cursor: pointer;
955
- }
956
- .json-editor-container .json-editor .actions-container .beautify:disabled {
957
- color: #a2a5b6;
958
- border-color: #a2a5b6;
911
+ font-size: 24px;
912
+ line-height: 35px;
913
+ margin-bottom: 3px;
914
+ margin-top: 1.5rem;
959
915
  }
960
- .json-editor-container .json-editor textarea {
961
- width: 100%;
962
- padding: 1.25rem;
963
- font-size: 0.875rem;
964
- font-style: normal;
916
+ .drawerItemContainer .text {
917
+ color: #000;
965
918
  font-weight: 400;
966
- line-height: 1.25rem;
967
- color: white;
968
- height: 25rem;
969
- background-color: #142452;
970
- border: none;
971
- resize: none;
972
- border-radius: 0.3125rem;
973
- }
974
- .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 {
975
- outline: none;
976
- border: none;
977
- }
978
- .json-editor-container .json-editor textarea::-webkit-scrollbar {
979
- width: 0.5rem;
980
- }
981
- .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
982
- background-color: #828699;
983
- border: none;
984
- border-color: transparent;
985
- border-top-right-radius: 0.25rem;
986
- border-top-left-radius: 0;
987
- }
988
- .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
989
- background-color: #d8dae5;
990
- border: none;
991
- border-color: transparent;
992
- border-radius: 0;
919
+ font-size: 24px;
920
+ line-height: 25px;
993
921
  }
994
- .json-editor-container .json-editor.invalid {
995
- outline: 1px solid #ce2828 !important;
922
+ .drawerItemContainer .color-green {
923
+ color: var(--color-success);
996
924
  }
997
- .json-editor-container .error-message {
998
- color: #ce2828;
999
- font-size: 0.75rem;
1000
- line-height: 1.25rem;
1001
- margin-top: 0.625rem;
925
+ .drawerItemContainer .color-red {
926
+ color: var(--color-error);
1002
927
  }#common-dialog.dialog-content-wrapper {
1003
928
  overflow: visible !important;
1004
929
  max-height: 100%;
@@ -1076,4 +1001,94 @@
1076
1001
  display: flex;
1077
1002
  gap: 1.25rem;
1078
1003
  margin-top: 1.875rem;
1004
+ }.tooltip-custom-wrapper {
1005
+ display: flex;
1006
+ }
1007
+
1008
+ .tippy-box {
1009
+ background-color: #202f5b;
1010
+ font-size: 0.875rem;
1011
+ border-radius: 0.3125rem;
1012
+ width: max-content;
1013
+ max-width: 100%;
1014
+ overflow-wrap: break-word;
1015
+ word-break: break-word;
1016
+ position: relative;
1017
+ border: 1px solid #d8dae5;
1018
+ }
1019
+ .tippy-box.function .tippy-content {
1020
+ background-color: #fff !important;
1021
+ color: #000 !important;
1022
+ }
1023
+ .tippy-box[data-placement] > .tippy-arrow:before {
1024
+ color: #fff !important;
1025
+ }
1026
+ .tippy-box.info .tippy-arrow {
1027
+ color: #202f5b;
1028
+ }
1029
+ .tippy-box.success {
1030
+ border-radius: 1.875rem;
1031
+ background-color: #3aaa35;
1032
+ padding-inline: 0.625rem;
1033
+ }
1034
+ .tippy-box .tippy-content {
1035
+ text-align: justify;
1036
+ font-size: 0.875rem;
1037
+ line-height: 1.25rem;
1038
+ padding: 0.625rem;
1039
+ }
1040
+ .tippy-box .tippy-arrow {
1041
+ position: relative;
1042
+ width: 1rem;
1043
+ height: 1rem;
1044
+ }
1045
+ .tippy-box[data-placement^=top] .tippy-arrow:before {
1046
+ bottom: -0.4375rem;
1047
+ border-width: 0.5rem 0.5rem 0 !important;
1048
+ }
1049
+ .tippy-box[data-placement^=right] .tippy-arrow:before {
1050
+ left: -0.4375rem;
1051
+ border-width: 0.5rem 0.5rem 0.5rem 0 !important;
1052
+ }
1053
+ .tippy-box[data-placement^=bottom] .tippy-arrow:before {
1054
+ top: -0.4375rem;
1055
+ border-width: 0 0.5rem 0.5rem !important;
1056
+ }
1057
+ .tippy-box[data-placement^=left] .tippy-arrow:before {
1058
+ right: -0.4375rem;
1059
+ border-width: 0.5rem 0 0.5rem 0.5rem !important;
1060
+ }
1061
+ .tippy-box[data-placement^=bottom-start] .tippy-arrow {
1062
+ transform: translate(0.937rem, 0) !important;
1063
+ }
1064
+ .tippy-box[data-placement^=bottom-end] .tippy-arrow {
1065
+ margin-left: calc(100% - 1.937rem);
1066
+ transform: translate(0, 0) !important;
1067
+ }
1068
+ .tippy-box[data-placement^=top-start] .tippy-arrow {
1069
+ transform: translate(0.937rem, 0) !important;
1070
+ }
1071
+ .tippy-box[data-placement^=top-end] .tippy-arrow {
1072
+ transform: translate(0.937rem, 0) !important;
1073
+ }
1074
+ .tippy-box.arrow-with-border {
1075
+ border: 1px solid #d8dae5;
1076
+ }
1077
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
1078
+ top: 1px;
1079
+ background-color: white;
1080
+ z-index: 9999;
1081
+ height: 1px;
1082
+ }
1083
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
1084
+ width: 1rem;
1085
+ height: 1rem;
1086
+ background-color: white;
1087
+ transform: rotate(45deg);
1088
+ border: none;
1089
+ border-left: 1px solid #d8dae5 !important;
1090
+ border-top: 1px solid #d8dae5 !important;
1091
+ z-index: 20000000000;
1092
+ top: -0.6rem;
1093
+ transform-origin: center !important;
1079
1094
  }