@digi-frontend/dgate-api-documentation 1.0.34 → 1.0.38

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,121 +1,80 @@
1
- .apiInfoForm {
2
- display: grid;
3
- padding: 1.25rem 1.875rem;
4
- gap: 1.25rem;
1
+ #common-dialog.dialog-content-wrapper {
2
+ overflow: visible !important;
3
+ max-height: 100%;
4
+ width: 22.1875rem;
5
5
  }
6
- .apiInfoForm .paramsTable .paramDescContainer {
7
- display: flex;
6
+ #common-dialog.dialog-content-wrapper .dialog-content-root {
7
+ overflow: visible !important;
8
+ border-radius: 0.625rem;
9
+ max-height: 100%;
8
10
  }
9
- .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
10
- height: inherit;
11
- width: 1px;
12
- background-color: #d8dae5;
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%;
13
15
  }
14
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
15
- stroke-width: 0.1;
16
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
17
+ position: relative;
16
18
  }
17
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
18
- padding: 0;
19
- margin-right: 1.25rem;
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;
20
26
  }
21
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
27
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
22
28
  display: flex;
23
- align-items: center;
24
- padding: 0;
25
- font-size: 0.875rem;
29
+ padding-top: 0.5rem;
30
+ position: relative;
26
31
  }
27
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
28
- margin-block: auto;
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;
29
36
  }
30
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
31
- fill: #12131a;
37
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
38
+ stroke: #12131a;
32
39
  }
33
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
34
- padding: 0;
35
- border-width: 0 !important;
40
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
41
+ stroke: #12131a;
36
42
  }
37
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
38
- margin-block: auto;
43
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
44
+ fill: #12131a;
39
45
  }
40
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
41
- width: 1.125rem;
46
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
47
+ stroke: #faad14;
42
48
  }
43
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
44
- margin-block: auto;
49
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
50
+ stroke: #faad14;
45
51
  }
46
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
47
- width: 1.125rem;
52
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
53
+ stroke: #da3f3f;
48
54
  }
49
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
50
- fill: #3aaa35;
55
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
56
+ stroke: #da3f3f;
51
57
  }
52
- .apiInfoForm .paramsTable .externalDocsLink {
53
- font-size: 0.875rem;
54
- line-height: 1.25rem;
55
- cursor: pointer;
56
- align-self: center;
57
- margin-right: 2rem;
58
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
59
+ fill: #da3f3f;
58
60
  }
59
- .apiInfoForm .paramsTable .editExternalDocs {
60
- display: flex;
61
- align-items: center;
62
- padding-right: 0.625rem;
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;
63
67
  }
64
- .apiInfoForm .paramsTable .editExternalDocs svg {
65
- cursor: pointer;
68
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
69
+ color: #da3f3f;
66
70
  }
67
- .apiInfoForm .paramsTable .editExternalDocs svg path {
68
- fill: #12131a;
71
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
72
+ color: #faad14;
69
73
  }
70
- .apiInfoForm .paramsTable .editDescTooltipContent {
74
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
71
75
  display: flex;
72
- flex-direction: column;
73
- gap: 0.625rem;
74
- padding-bottom: 0.625rem;
75
- }
76
- .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
77
- margin-inline: 0.625rem;
78
- }
79
- .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
80
- font-weight: 600;
81
- font-size: 0.875rem;
82
- line-height: 1.25rem;
83
- padding: 0.75rem 1.25rem;
84
- border-bottom: 1px solid #d8dae5;
85
- }
86
- .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
87
- content: "*";
88
- color: red;
89
- transform: translateX(0.125rem);
90
- }
91
- .apiInfoForm .apiDocRow {
92
- display: grid;
93
- grid-template-columns: 1fr 1fr;
94
76
  gap: 1.25rem;
95
- }
96
- .apiInfoForm .apiInfoForm_tagsChips {
97
- margin-top: -1.25rem;
98
- }
99
- .apiInfoForm .editDescTooltipContent {
100
- display: flex;
101
- flex-direction: column;
102
- gap: 0.625rem;
103
- padding-bottom: 0.625rem;
104
- }
105
- .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
106
- margin-inline: 0.625rem;
107
- }
108
- .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
109
- font-weight: 600;
110
- font-size: 0.875rem;
111
- line-height: 1.25rem;
112
- padding: 0.75rem 1.25rem;
113
- border-bottom: 1px solid #d8dae5;
114
- }
115
- .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
116
- content: "*";
117
- color: red;
118
- transform: translateX(0.125rem);
77
+ margin-top: 1.875rem;
119
78
  }.methodAccordion {
120
79
  border: none !important;
121
80
  box-shadow: none !important;
@@ -389,136 +348,124 @@
389
348
  }
390
349
  .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
391
350
  background-color: #ebecf2;
392
- }.json-editor-container {
393
- overflow: hidden;
394
- border-bottom-right-radius: 0.3125rem;
395
- border-bottom-left-radius: 0.3125rem;
396
- }
397
- .json-editor-container .json-editor-label {
398
- font-size: 0.875rem;
399
- font-weight: 600;
400
- line-height: 1.25rem;
401
- margin-bottom: 0.3125rem;
402
- }
403
- .json-editor-container .json-editor {
351
+ }.tooltip-custom-wrapper {
404
352
  display: flex;
405
- flex-direction: column;
406
- background-color: #142452;
407
- width: 100%;
408
- outline: 1px solid transparent;
409
- position: relative;
410
- overflow: hidden;
411
353
  }
412
- .json-editor-container .json-editor .actions-container {
413
- width: 100%;
414
- height: 5rem;
415
- padding: 1.25rem;
416
- border-radius: 0 0 0.3125rem 0.3125rem;
417
- background: #101e47;
418
- display: flex;
419
- flex-direction: row;
420
- gap: 1.25rem;
421
- align-items: center;
354
+
355
+ [data-tippy-root] {
356
+ z-index: 2 !important;
422
357
  }
423
- .json-editor-container .json-editor .actions-container .validate {
424
- color: #fff;
425
- text-align: center;
426
- font-size: 1rem;
427
- font-style: normal;
428
- font-weight: 600;
429
- line-height: 1.25rem;
430
- width: 8.75rem;
431
- padding: 0.625rem 2.25rem;
432
- background-color: rgba(240, 248, 255, 0);
358
+
359
+ .tippy-box {
360
+ background-color: #202f5b;
361
+ font-size: 0.875rem;
433
362
  border-radius: 0.3125rem;
434
- border: 0.0625rem solid #4d75d8;
435
- cursor: pointer;
363
+ width: max-content;
364
+ max-width: 100%;
365
+ overflow-wrap: break-word;
366
+ word-break: break-word;
367
+ position: relative;
368
+ border: 1px solid #d8dae5;
369
+ z-index: 2;
436
370
  }
437
- .json-editor-container .json-editor .actions-container .validate:disabled {
438
- color: #babdcc;
439
- border-color: #a2a5b6;
371
+ .tippy-box.function .tippy-content {
372
+ background-color: #fff !important;
373
+ color: #000 !important;
440
374
  }
441
- .json-editor-container .json-editor .actions-container .beautify {
442
- color: #fff;
443
- text-align: center;
444
- font-size: 1rem;
445
- font-style: normal;
446
- font-weight: 600;
447
- line-height: 1.25rem;
448
- width: 8.75rem;
449
- padding: 0.625rem 2.25rem;
450
- background-color: rgba(240, 248, 255, 0);
451
- border-radius: 0.3125rem;
452
- border: 1px solid #babdcc;
453
- cursor: pointer;
375
+ .tippy-box.function[data-placement] > .tippy-arrow:before {
376
+ color: #fff !important;
454
377
  }
455
- .json-editor-container .json-editor .actions-container .beautify:disabled {
456
- color: #a2a5b6;
457
- border-color: #a2a5b6;
378
+ .tippy-box.info .tippy-arrow {
379
+ color: #202f5b;
458
380
  }
459
- .json-editor-container .json-editor textarea {
460
- width: 100%;
461
- padding: 1.25rem;
381
+ .tippy-box.success {
382
+ border-radius: 1.875rem;
383
+ background-color: #3aaa35;
384
+ padding-inline: 0.625rem;
385
+ }
386
+ .tippy-box .tippy-content {
387
+ text-align: justify;
462
388
  font-size: 0.875rem;
463
- font-style: normal;
464
- font-weight: 400;
465
389
  line-height: 1.25rem;
466
- color: white;
467
- height: 25rem;
468
- background-color: #142452;
469
- border: none;
470
- resize: none;
471
- }
472
- .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 {
473
- outline: none;
474
- border: none;
390
+ padding: 0.625rem;
475
391
  }
476
- .json-editor-container .json-editor textarea::-webkit-scrollbar {
477
- width: 0.5rem;
392
+ .tippy-box .tippy-arrow {
393
+ position: relative;
394
+ width: 1rem;
395
+ height: 1rem;
478
396
  }
479
- .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
480
- background-color: #828699;
481
- border: none;
482
- border-color: transparent;
483
- border-top-left-radius: 0;
397
+ .tippy-box[data-placement^=top] .tippy-arrow:before {
398
+ bottom: -0.4375rem;
399
+ border-width: 0.5rem 0.5rem 0 !important;
484
400
  }
485
- .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
486
- background-color: #d8dae5;
487
- border: none;
488
- border-color: transparent;
489
- border-radius: 0;
401
+ .tippy-box[data-placement^=right] .tippy-arrow:before {
402
+ left: -0.4375rem;
403
+ border-width: 0.5rem 0.5rem 0.5rem 0 !important;
490
404
  }
491
- .json-editor-container .json-editor.invalid {
492
- outline: 1px solid #ce2828 !important;
405
+ .tippy-box[data-placement^=bottom] .tippy-arrow:before {
406
+ top: -0.4375rem;
407
+ border-width: 0 0.5rem 0.5rem !important;
493
408
  }
494
- .json-editor-container .error-message {
495
- color: #ce2828;
496
- font-size: 0.75rem;
497
- line-height: 1.25rem;
498
- margin-top: 0.625rem;
409
+ .tippy-box[data-placement^=left] .tippy-arrow:before {
410
+ right: -0.4375rem;
411
+ border-width: 0.5rem 0 0.5rem 0.5rem !important;
499
412
  }
500
- .json-editor-container.disabled .json-editor textarea {
413
+ .tippy-box[data-placement^=bottom-start] .tippy-arrow {
414
+ transform: translate(0.937rem, 0) !important;
415
+ }
416
+ .tippy-box[data-placement^=bottom-end] .tippy-arrow {
417
+ margin-left: calc(100% - 1.937rem);
418
+ transform: translate(0, 0) !important;
419
+ }
420
+ .tippy-box[data-placement^=top-start] .tippy-arrow {
421
+ transform: translate(0.937rem, 0) !important;
422
+ }
423
+ .tippy-box[data-placement^=top-end] .tippy-arrow {
424
+ transform: translate(0.937rem, 0) !important;
425
+ }
426
+ .tippy-box.arrow-with-border {
427
+ border: 1px solid #d8dae5;
428
+ }
429
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
430
+ top: 1px;
501
431
  background-color: white;
502
- color: #12131a;
503
- }.livePreviewContainer .titleContainer {
432
+ z-index: 2;
433
+ height: 1px;
434
+ }
435
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
436
+ width: 0.625rem;
437
+ height: 0.625rem;
438
+ background-color: white;
439
+ transform: rotate(45deg);
440
+ border: none;
441
+ border-left: 1px solid #d8dae5 !important;
442
+ border-top: 1px solid #d8dae5 !important;
443
+ z-index: 2;
444
+ top: -0.45rem;
445
+ transform-origin: center !important;
446
+ }.containerTitleDrawer {
447
+ height: 64px;
448
+ min-height: 64px;
504
449
  display: flex;
450
+ flex-direction: row;
505
451
  justify-content: space-between;
506
452
  align-items: center;
507
- flex-wrap: wrap;
508
- max-width: 100%;
509
- gap: 1.25rem;
510
- }
511
- .livePreviewContainer .titleContainer p.apiName {
512
- font-size: 40px;
513
- line-height: 30px;
514
- font-weight: 500;
515
- word-wrap: break-word;
516
- overflow-wrap: break-word;
517
- word-break: break-all;
453
+ background-color: #f1f2f6;
454
+ padding: 0 30px 0 30px;
455
+ width: 100%;
518
456
  }
519
- .livePreviewContainer .titleContainer .livePreviewChip {
520
- background-color: #ebecf2;
457
+ .containerTitleDrawer span {
521
458
  color: #12131a;
459
+ font-weight: 600;
460
+ font-size: 18px;
461
+ line-height: 25px;
462
+ letter-spacing: 0em;
463
+ }
464
+ .containerTitleDrawer svg path {
465
+ stroke: #000 !important;
466
+ }
467
+ .containerTitleDrawer .closeIcon {
468
+ cursor: pointer;
522
469
  }:root {
523
470
  --white: #fff;
524
471
  --Gray-5: #f1f2f6;
@@ -754,178 +701,124 @@
754
701
  .tableSectionContainer .descArrow path,
755
702
  .tableSectionContainer .defaultSortArrow path {
756
703
  fill: var(--Gray-50);
757
- }#common-dialog.dialog-content-wrapper {
758
- overflow: visible !important;
759
- max-height: 100%;
760
- width: 22.1875rem;
704
+ }.apiInfoForm {
705
+ display: grid;
706
+ padding: 1.25rem 1.875rem;
707
+ gap: 1.25rem;
761
708
  }
762
- #common-dialog.dialog-content-wrapper .dialog-content-root {
763
- overflow: visible !important;
764
- border-radius: 0.625rem;
765
- max-height: 100%;
709
+ .apiInfoForm .paramsTable .paramDescContainer {
710
+ display: flex;
766
711
  }
767
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
768
- padding: 0 1.875rem !important;
769
- overflow: visible !important;
770
- max-height: 100%;
712
+ .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
713
+ height: inherit;
714
+ width: 1px;
715
+ background-color: #d8dae5;
771
716
  }
772
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
773
- position: relative;
717
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
718
+ stroke-width: 0.1;
774
719
  }
775
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
776
- position: absolute;
777
- z-index: 1;
778
- top: 1.5rem;
779
- right: 0;
780
- transform: translate(0.625rem, -0.625rem);
781
- cursor: pointer;
720
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
721
+ padding: 0;
722
+ margin-right: 1.25rem;
782
723
  }
783
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
724
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
784
725
  display: flex;
785
- padding-top: 0.5rem;
786
- position: relative;
787
- }
788
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
789
- margin-top: 1rem;
790
- margin-bottom: 1.5rem;
791
- margin-inline: auto;
792
- }
793
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
794
- stroke: #12131a;
726
+ align-items: center;
727
+ padding: 0;
728
+ font-size: 0.875rem;
795
729
  }
796
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
797
- stroke: #12131a;
730
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
731
+ margin-block: auto;
798
732
  }
799
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
733
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
800
734
  fill: #12131a;
801
735
  }
802
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
803
- stroke: #faad14;
804
- }
805
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
806
- stroke: #faad14;
736
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
737
+ padding: 0;
738
+ border-width: 0 !important;
807
739
  }
808
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
809
- stroke: #da3f3f;
740
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
741
+ margin-block: auto;
810
742
  }
811
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
812
- stroke: #da3f3f;
743
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
744
+ width: 1.125rem;
813
745
  }
814
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
815
- fill: #da3f3f;
746
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
747
+ margin-block: auto;
816
748
  }
817
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
818
- font-size: 1.5rem;
819
- font-weight: 500;
820
- line-height: 1.875rem;
821
- text-align: center;
822
- margin-bottom: 0.625rem;
749
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
750
+ width: 1.125rem;
823
751
  }
824
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
825
- color: #da3f3f;
752
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
753
+ fill: #3aaa35;
826
754
  }
827
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
828
- color: #faad14;
755
+ .apiInfoForm .paramsTable .externalDocsLink {
756
+ font-size: 0.875rem;
757
+ line-height: 1.25rem;
758
+ cursor: pointer;
759
+ align-self: center;
760
+ margin-right: 2rem;
829
761
  }
830
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
831
- display: flex;
832
- gap: 1.25rem;
833
- margin-top: 1.875rem;
834
- }.tooltip-custom-wrapper {
762
+ .apiInfoForm .paramsTable .editExternalDocs {
835
763
  display: flex;
764
+ align-items: center;
765
+ padding-right: 0.625rem;
836
766
  }
837
-
838
- [data-tippy-root] {
839
- z-index: 2 !important;
840
- }
841
-
842
- .tippy-box {
843
- background-color: #202f5b;
844
- font-size: 0.875rem;
845
- border-radius: 0.3125rem;
846
- width: max-content;
847
- max-width: 100%;
848
- overflow-wrap: break-word;
849
- word-break: break-word;
850
- position: relative;
851
- border: 1px solid #d8dae5;
852
- z-index: 2;
853
- }
854
- .tippy-box.function .tippy-content {
855
- background-color: #fff !important;
856
- color: #000 !important;
767
+ .apiInfoForm .paramsTable .editExternalDocs svg {
768
+ cursor: pointer;
857
769
  }
858
- .tippy-box.function[data-placement] > .tippy-arrow:before {
859
- color: #fff !important;
770
+ .apiInfoForm .paramsTable .editExternalDocs svg path {
771
+ fill: #12131a;
860
772
  }
861
- .tippy-box.info .tippy-arrow {
862
- color: #202f5b;
773
+ .apiInfoForm .paramsTable .editDescTooltipContent {
774
+ display: flex;
775
+ flex-direction: column;
776
+ gap: 0.625rem;
777
+ padding-bottom: 0.625rem;
863
778
  }
864
- .tippy-box.success {
865
- border-radius: 1.875rem;
866
- background-color: #3aaa35;
867
- padding-inline: 0.625rem;
779
+ .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
780
+ margin-inline: 0.625rem;
868
781
  }
869
- .tippy-box .tippy-content {
870
- text-align: justify;
782
+ .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
783
+ font-weight: 600;
871
784
  font-size: 0.875rem;
872
785
  line-height: 1.25rem;
873
- padding: 0.625rem;
874
- }
875
- .tippy-box .tippy-arrow {
876
- position: relative;
877
- width: 1rem;
878
- height: 1rem;
879
- }
880
- .tippy-box[data-placement^=top] .tippy-arrow:before {
881
- bottom: -0.4375rem;
882
- border-width: 0.5rem 0.5rem 0 !important;
883
- }
884
- .tippy-box[data-placement^=right] .tippy-arrow:before {
885
- left: -0.4375rem;
886
- border-width: 0.5rem 0.5rem 0.5rem 0 !important;
887
- }
888
- .tippy-box[data-placement^=bottom] .tippy-arrow:before {
889
- top: -0.4375rem;
890
- border-width: 0 0.5rem 0.5rem !important;
891
- }
892
- .tippy-box[data-placement^=left] .tippy-arrow:before {
893
- right: -0.4375rem;
894
- border-width: 0.5rem 0 0.5rem 0.5rem !important;
786
+ padding: 0.75rem 1.25rem;
787
+ border-bottom: 1px solid #d8dae5;
895
788
  }
896
- .tippy-box[data-placement^=bottom-start] .tippy-arrow {
897
- transform: translate(0.937rem, 0) !important;
789
+ .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
790
+ content: "*";
791
+ color: red;
792
+ transform: translateX(0.125rem);
898
793
  }
899
- .tippy-box[data-placement^=bottom-end] .tippy-arrow {
900
- margin-left: calc(100% - 1.937rem);
901
- transform: translate(0, 0) !important;
794
+ .apiInfoForm .apiDocRow {
795
+ display: grid;
796
+ grid-template-columns: 1fr 1fr;
797
+ gap: 1.25rem;
902
798
  }
903
- .tippy-box[data-placement^=top-start] .tippy-arrow {
904
- transform: translate(0.937rem, 0) !important;
799
+ .apiInfoForm .apiInfoForm_tagsChips {
800
+ margin-top: -1.25rem;
905
801
  }
906
- .tippy-box[data-placement^=top-end] .tippy-arrow {
907
- transform: translate(0.937rem, 0) !important;
802
+ .apiInfoForm .editDescTooltipContent {
803
+ display: flex;
804
+ flex-direction: column;
805
+ gap: 0.625rem;
806
+ padding-bottom: 0.625rem;
908
807
  }
909
- .tippy-box.arrow-with-border {
910
- border: 1px solid #d8dae5;
808
+ .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
809
+ margin-inline: 0.625rem;
911
810
  }
912
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
913
- top: 1px;
914
- background-color: white;
915
- z-index: 2;
916
- height: 1px;
811
+ .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
812
+ font-weight: 600;
813
+ font-size: 0.875rem;
814
+ line-height: 1.25rem;
815
+ padding: 0.75rem 1.25rem;
816
+ border-bottom: 1px solid #d8dae5;
917
817
  }
918
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
919
- width: 0.625rem;
920
- height: 0.625rem;
921
- background-color: white;
922
- transform: rotate(45deg);
923
- border: none;
924
- border-left: 1px solid #d8dae5 !important;
925
- border-top: 1px solid #d8dae5 !important;
926
- z-index: 2;
927
- top: -0.45rem;
928
- transform-origin: center !important;
818
+ .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
819
+ content: "*";
820
+ color: red;
821
+ transform: translateX(0.125rem);
929
822
  }:root {
930
823
  --white: #fff;
931
824
  --Gray-5: #f1f2f6;
@@ -1031,27 +924,134 @@
1031
924
  }
1032
925
  .drawerItemContainer .color-red {
1033
926
  color: var(--color-error);
1034
- }.containerTitleDrawer {
1035
- height: 64px;
1036
- min-height: 64px;
927
+ }.livePreviewContainer .titleContainer {
1037
928
  display: flex;
1038
- flex-direction: row;
1039
929
  justify-content: space-between;
1040
930
  align-items: center;
1041
- background-color: #f1f2f6;
1042
- padding: 0 30px 0 30px;
1043
- width: 100%;
931
+ flex-wrap: wrap;
932
+ max-width: 100%;
933
+ gap: 1.25rem;
1044
934
  }
1045
- .containerTitleDrawer span {
935
+ .livePreviewContainer .titleContainer p.apiName {
936
+ font-size: 40px;
937
+ line-height: 30px;
938
+ font-weight: 500;
939
+ word-wrap: break-word;
940
+ overflow-wrap: break-word;
941
+ word-break: break-all;
942
+ }
943
+ .livePreviewContainer .titleContainer .livePreviewChip {
944
+ background-color: #ebecf2;
1046
945
  color: #12131a;
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;
1047
953
  font-weight: 600;
1048
- font-size: 18px;
1049
- line-height: 25px;
1050
- letter-spacing: 0em;
954
+ line-height: 1.25rem;
955
+ margin-bottom: 0.3125rem;
1051
956
  }
1052
- .containerTitleDrawer svg path {
1053
- stroke: #000 !important;
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;
1054
965
  }
1055
- .containerTitleDrawer .closeIcon {
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;
1056
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
  }