@digi-frontend/dgate-api-documentation 1.0.95 → 1.0.97

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
@@ -39,176 +39,29 @@
39
39
  grid-row: 2;
40
40
  grid-column: 2;
41
41
  background-color: white;
42
- }.livePreviewContainer .titleContainer {
43
- margin-top: 1.875rem;
42
+ }.containerTitleDrawer {
43
+ height: 64px;
44
+ min-height: 64px;
44
45
  display: flex;
46
+ flex-direction: row;
45
47
  justify-content: space-between;
46
48
  align-items: center;
47
- flex-wrap: wrap;
48
- max-width: 100%;
49
- gap: 1.25rem;
50
- }
51
- .livePreviewContainer .titleContainer p.apiName {
52
- font-size: 40px;
53
- line-height: 30px;
54
- font-weight: 500;
55
- word-wrap: break-word;
56
- overflow-wrap: break-word;
57
- word-break: break-all;
49
+ background-color: #f1f2f6;
50
+ padding: 0 30px 0 30px;
51
+ width: 100%;
58
52
  }
59
- .livePreviewContainer .titleContainer .livePreviewChip {
60
- background-color: #ebecf2;
53
+ .containerTitleDrawer span {
61
54
  color: #12131a;
55
+ font-weight: 600;
56
+ font-size: 18px;
57
+ line-height: 25px;
58
+ letter-spacing: 0em;
62
59
  }
63
- .livePreviewContainer .description_preview {
64
- word-break: break-all;
65
- }
66
-
67
- .requestAccordion,
68
- .responseAccordion {
69
- background-color: #f4c5c5;
70
- border: 1px solid #da3f3f;
71
- border-radius: 0.3125rem !important;
72
- box-shadow: none !important;
73
- margin-bottom: 0 !important;
74
- cursor: default !important;
75
- margin-top: 0.625rem;
76
- }
77
- .requestAccordion :global(.accordion-header),
78
- .responseAccordion :global(.accordion-header) {
79
- background-color: #f4c5c5;
80
- display: flex;
81
- align-items: center;
82
- justify-content: space-between;
83
- margin: 0 !important;
84
- padding: 0 !important;
85
- height: 4.0625rem !important;
86
- border-radius: 0.3125rem !important;
87
- }
88
- .requestAccordion :global(.accordion-details.expanded),
89
- .responseAccordion :global(.accordion-details.expanded) {
90
- border-top: 1px solid #000 !important;
91
- padding: 1.25rem !important;
92
- padding: 0 !important;
93
- background-color: #f4c5c5;
94
- }
95
- .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
96
- .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
97
- border-top-right-radius: 0;
98
- border-top-left-radius: 0;
99
- height: 10rem;
100
- }
101
- .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
102
- .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
103
- display: flex;
104
- }
105
- .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
106
- .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
107
- height: 100%;
108
- padding: 1.25rem;
109
- }
110
- .requestAccordion .accordionContent,
111
- .responseAccordion .accordionContent {
112
- max-width: 100%;
113
- padding-left: 0.625rem;
114
- padding-right: 0.625rem;
115
- padding-top: 0.9375rem;
116
- }
117
- .requestAccordion .accordionContent ol,
118
- .responseAccordion .accordionContent ol {
119
- padding-left: 1.7rem;
120
- }
121
- .requestAccordion .accordionContent ol li,
122
- .responseAccordion .accordionContent ol li {
123
- max-width: 100%;
124
- word-break: break-all;
60
+ .containerTitleDrawer svg path {
61
+ stroke: #000 !important;
125
62
  }
126
- .requestAccordion .requestAccordionSummary,
127
- .requestAccordion .responseAccordionSummary,
128
- .responseAccordion .requestAccordionSummary,
129
- .responseAccordion .responseAccordionSummary {
130
- width: 100%;
63
+ .containerTitleDrawer .closeIcon {
131
64
  cursor: pointer;
132
- display: flex;
133
- justify-content: space-between;
134
- font-weight: 700;
135
- font-size: 1.125rem;
136
- line-height: 1.5rem;
137
- display: flex;
138
- align-items: center;
139
- margin-inline: 0.625rem 1.25rem;
140
- }
141
- .requestAccordion .responseAccordionSummary_title,
142
- .requestAccordion .requestAccordionSummary_title,
143
- .requestAccordion .responseAccordionSummary,
144
- .responseAccordion .responseAccordionSummary_title,
145
- .responseAccordion .requestAccordionSummary_title,
146
- .responseAccordion .responseAccordionSummary {
147
- display: flex;
148
- align-items: center;
149
- }
150
- .requestAccordion .responseAccordionSummary_title svg,
151
- .requestAccordion .requestAccordionSummary_title svg,
152
- .requestAccordion .responseAccordionSummary svg,
153
- .responseAccordion .responseAccordionSummary_title svg,
154
- .responseAccordion .requestAccordionSummary_title svg,
155
- .responseAccordion .responseAccordionSummary svg {
156
- transition: rotate 0.2s ease-in-out;
157
- }
158
- .requestAccordion .responseAccordionSummary_title .expanded,
159
- .requestAccordion .requestAccordionSummary_title .expanded,
160
- .requestAccordion .responseAccordionSummary .expanded,
161
- .responseAccordion .responseAccordionSummary_title .expanded,
162
- .responseAccordion .requestAccordionSummary_title .expanded,
163
- .responseAccordion .responseAccordionSummary .expanded {
164
- rotate: 180deg;
165
- }
166
- .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
167
- .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
168
- padding: 0;
169
- border: none;
170
- }
171
- .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
172
- .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
173
- display: none !important;
174
- }
175
- .requestAccordion :global(.accordion-header),
176
- .responseAccordion :global(.accordion-header) {
177
- cursor: default;
178
- }
179
-
180
- .responseAccordion .responseAccordionSummary {
181
- display: flex;
182
- align-items: center;
183
- }
184
- .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
185
- width: 8rem !important;
186
- min-width: 8rem !important;
187
- }
188
- .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
189
- width: 8rem;
190
- margin-left: auto;
191
- }
192
- .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
193
- height: 2.0625rem !important;
194
- min-height: 2.0625rem !important;
195
- padding: 0;
196
- padding-left: 0.625rem;
197
- }
198
- .responseAccordion :global(.accordion-header) {
199
- overflow: visible;
200
- cursor: default;
201
- }
202
- .responseAccordion .statusCodeOptionContainer {
203
- display: grid;
204
- grid-template-columns: min-content min-content;
205
- align-items: center;
206
- gap: 0.625rem;
207
- }
208
- .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
209
- width: 0.625rem;
210
- aspect-ratio: 1/1;
211
- border-radius: 100%;
212
65
  }.apiInfoForm {
213
66
  display: grid;
214
67
  padding: 1.25rem 1.875rem;
@@ -658,58 +511,346 @@
658
511
  }
659
512
  .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
660
513
  background-color: #ebecf2;
661
- }.containerTitleDrawer {
662
- height: 64px;
663
- min-height: 64px;
664
- display: flex;
665
- flex-direction: row;
666
- justify-content: space-between;
667
- align-items: center;
668
- background-color: #f1f2f6;
669
- padding: 0 30px 0 30px;
670
- width: 100%;
514
+ }#common-dialog.dialog-content-wrapper {
515
+ overflow: visible !important;
516
+ max-height: 100%;
517
+ width: 22.1875rem;
671
518
  }
672
- .containerTitleDrawer span {
673
- color: #12131a;
674
- font-weight: 600;
675
- font-size: 18px;
676
- line-height: 25px;
677
- letter-spacing: 0em;
519
+ #common-dialog.dialog-content-wrapper .dialog-content-root {
520
+ overflow: visible !important;
521
+ border-radius: 0.625rem;
522
+ max-height: 100%;
678
523
  }
679
- .containerTitleDrawer svg path {
680
- stroke: #000 !important;
524
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
525
+ padding: 0 1.875rem !important;
526
+ overflow: visible !important;
527
+ max-height: 100%;
681
528
  }
682
- .containerTitleDrawer .closeIcon {
529
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
530
+ position: relative;
531
+ }
532
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
533
+ position: absolute;
534
+ z-index: 1;
535
+ top: 1.5rem;
536
+ right: 0;
537
+ transform: translate(0.625rem, -0.625rem);
683
538
  cursor: pointer;
684
- }.tooltip-custom-wrapper {
539
+ }
540
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
685
541
  display: flex;
542
+ padding-top: 0.5rem;
543
+ position: relative;
686
544
  }
687
-
688
- [data-tippy-root] {
689
- z-index: 2 !important;
545
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
546
+ margin-top: 1rem;
547
+ margin-bottom: 1.5rem;
548
+ margin-inline: auto;
690
549
  }
691
-
692
- .tippy-box {
693
- background-color: #202f5b;
694
- font-size: 0.875rem;
695
- border-radius: 0.3125rem;
696
- width: max-content;
697
- max-width: 100%;
698
- overflow-wrap: break-word;
699
- word-break: break-word;
700
- position: relative;
701
- border: 1px solid #d8dae5;
702
- z-index: 2;
550
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
551
+ stroke: #12131a;
703
552
  }
704
- .tippy-box.function .tippy-content {
705
- background-color: #fff !important;
706
- color: #000 !important;
553
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
554
+ stroke: #12131a;
707
555
  }
708
- .tippy-box.function[data-placement] > .tippy-arrow:before {
709
- color: #fff !important;
556
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
557
+ fill: #12131a;
710
558
  }
711
- .tippy-box.info .tippy-arrow {
712
- color: #202f5b;
559
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
560
+ stroke: #faad14;
561
+ }
562
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
563
+ stroke: #faad14;
564
+ }
565
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
566
+ stroke: #da3f3f;
567
+ }
568
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
569
+ stroke: #da3f3f;
570
+ }
571
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
572
+ fill: #da3f3f;
573
+ }
574
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
575
+ font-size: 1.5rem;
576
+ font-weight: 500;
577
+ line-height: 1.875rem;
578
+ text-align: center;
579
+ margin-bottom: 0.625rem;
580
+ }
581
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
582
+ color: #da3f3f;
583
+ }
584
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
585
+ color: #faad14;
586
+ }
587
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
588
+ display: flex;
589
+ gap: 1.25rem;
590
+ margin-top: 1.875rem;
591
+ }
592
+
593
+ .common-dialog {
594
+ position: relative;
595
+ }
596
+ .common-dialog .close-icon {
597
+ position: absolute !important;
598
+ z-index: 1 !important;
599
+ top: 0.75rem !important;
600
+ right: 0.4rem !important;
601
+ transform: translate(0.625rem, -0.625rem) !important;
602
+ cursor: pointer !important;
603
+ }
604
+ .common-dialog .confirmation-dialog-header {
605
+ display: flex;
606
+ padding-top: 0.5rem;
607
+ position: relative;
608
+ }
609
+ .common-dialog .confirmation-dialog-header .icon {
610
+ margin-top: 1rem;
611
+ margin-bottom: 1.5rem;
612
+ margin-inline: auto;
613
+ }
614
+ .common-dialog .confirmation-dialog-header .icon.info path {
615
+ stroke: #12131a;
616
+ }
617
+ .common-dialog .confirmation-dialog-header .icon.info line {
618
+ stroke: #12131a;
619
+ }
620
+ .common-dialog .confirmation-dialog-header .icon.info line + path {
621
+ fill: #12131a;
622
+ }
623
+ .common-dialog .confirmation-dialog-header .icon.warning path {
624
+ stroke: #faad14;
625
+ }
626
+ .common-dialog .confirmation-dialog-header .icon.warning line {
627
+ stroke: #faad14;
628
+ }
629
+ .common-dialog .confirmation-dialog-header .icon.error path {
630
+ stroke: #da3f3f;
631
+ }
632
+ .common-dialog .confirmation-dialog-header .icon.error line {
633
+ stroke: #da3f3f;
634
+ }
635
+ .common-dialog .confirmation-dialog-header .icon.error line + path {
636
+ fill: #da3f3f;
637
+ }
638
+ .common-dialog .confirmation-title {
639
+ font-size: 1.5rem;
640
+ font-weight: 500;
641
+ line-height: 1.875rem;
642
+ text-align: center;
643
+ margin-bottom: 0.625rem;
644
+ }
645
+ .common-dialog .confirmation-title.error-title {
646
+ color: #da3f3f;
647
+ }
648
+ .common-dialog .confirmation-title.warning-title {
649
+ color: #faad14;
650
+ }
651
+ .common-dialog .confirmation-dialog-footer {
652
+ display: flex;
653
+ gap: 1.25rem;
654
+ margin-top: 1.875rem;
655
+ }.livePreviewContainer .titleContainer {
656
+ margin-top: 1.875rem;
657
+ display: flex;
658
+ justify-content: space-between;
659
+ align-items: center;
660
+ flex-wrap: wrap;
661
+ max-width: 100%;
662
+ gap: 1.25rem;
663
+ }
664
+ .livePreviewContainer .titleContainer p.apiName {
665
+ font-size: 40px;
666
+ line-height: 30px;
667
+ font-weight: 500;
668
+ word-wrap: break-word;
669
+ overflow-wrap: break-word;
670
+ word-break: break-all;
671
+ }
672
+ .livePreviewContainer .titleContainer .livePreviewChip {
673
+ background-color: #ebecf2;
674
+ color: #12131a;
675
+ }
676
+ .livePreviewContainer .description_preview {
677
+ word-break: break-all;
678
+ }
679
+
680
+ .requestAccordion,
681
+ .responseAccordion {
682
+ background-color: #f4c5c5;
683
+ border: 1px solid #da3f3f;
684
+ border-radius: 0.3125rem !important;
685
+ box-shadow: none !important;
686
+ margin-bottom: 0 !important;
687
+ cursor: default !important;
688
+ margin-top: 0.625rem;
689
+ }
690
+ .requestAccordion :global(.accordion-header),
691
+ .responseAccordion :global(.accordion-header) {
692
+ background-color: #f4c5c5;
693
+ display: flex;
694
+ align-items: center;
695
+ justify-content: space-between;
696
+ margin: 0 !important;
697
+ padding: 0 !important;
698
+ height: 4.0625rem !important;
699
+ border-radius: 0.3125rem !important;
700
+ }
701
+ .requestAccordion :global(.accordion-details.expanded),
702
+ .responseAccordion :global(.accordion-details.expanded) {
703
+ border-top: 1px solid #000 !important;
704
+ padding: 1.25rem !important;
705
+ padding: 0 !important;
706
+ background-color: #f4c5c5;
707
+ }
708
+ .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
709
+ .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
710
+ border-top-right-radius: 0;
711
+ border-top-left-radius: 0;
712
+ height: 10rem;
713
+ }
714
+ .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
715
+ .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
716
+ display: flex;
717
+ }
718
+ .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
719
+ .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
720
+ height: 100%;
721
+ padding: 1.25rem;
722
+ }
723
+ .requestAccordion .accordionContent,
724
+ .responseAccordion .accordionContent {
725
+ max-width: 100%;
726
+ padding-left: 0.625rem;
727
+ padding-right: 0.625rem;
728
+ padding-top: 0.9375rem;
729
+ }
730
+ .requestAccordion .accordionContent ol,
731
+ .responseAccordion .accordionContent ol {
732
+ padding-left: 1.7rem;
733
+ }
734
+ .requestAccordion .accordionContent ol li,
735
+ .responseAccordion .accordionContent ol li {
736
+ max-width: 100%;
737
+ word-break: break-all;
738
+ }
739
+ .requestAccordion .requestAccordionSummary,
740
+ .requestAccordion .responseAccordionSummary,
741
+ .responseAccordion .requestAccordionSummary,
742
+ .responseAccordion .responseAccordionSummary {
743
+ width: 100%;
744
+ cursor: pointer;
745
+ display: flex;
746
+ justify-content: space-between;
747
+ font-weight: 700;
748
+ font-size: 1.125rem;
749
+ line-height: 1.5rem;
750
+ display: flex;
751
+ align-items: center;
752
+ margin-inline: 0.625rem 1.25rem;
753
+ }
754
+ .requestAccordion .responseAccordionSummary_title,
755
+ .requestAccordion .requestAccordionSummary_title,
756
+ .requestAccordion .responseAccordionSummary,
757
+ .responseAccordion .responseAccordionSummary_title,
758
+ .responseAccordion .requestAccordionSummary_title,
759
+ .responseAccordion .responseAccordionSummary {
760
+ display: flex;
761
+ align-items: center;
762
+ }
763
+ .requestAccordion .responseAccordionSummary_title svg,
764
+ .requestAccordion .requestAccordionSummary_title svg,
765
+ .requestAccordion .responseAccordionSummary svg,
766
+ .responseAccordion .responseAccordionSummary_title svg,
767
+ .responseAccordion .requestAccordionSummary_title svg,
768
+ .responseAccordion .responseAccordionSummary svg {
769
+ transition: rotate 0.2s ease-in-out;
770
+ }
771
+ .requestAccordion .responseAccordionSummary_title .expanded,
772
+ .requestAccordion .requestAccordionSummary_title .expanded,
773
+ .requestAccordion .responseAccordionSummary .expanded,
774
+ .responseAccordion .responseAccordionSummary_title .expanded,
775
+ .responseAccordion .requestAccordionSummary_title .expanded,
776
+ .responseAccordion .responseAccordionSummary .expanded {
777
+ rotate: 180deg;
778
+ }
779
+ .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
780
+ .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
781
+ padding: 0;
782
+ border: none;
783
+ }
784
+ .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
785
+ .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
786
+ display: none !important;
787
+ }
788
+ .requestAccordion :global(.accordion-header),
789
+ .responseAccordion :global(.accordion-header) {
790
+ cursor: default;
791
+ }
792
+
793
+ .responseAccordion .responseAccordionSummary {
794
+ display: flex;
795
+ align-items: center;
796
+ }
797
+ .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
798
+ width: 8rem !important;
799
+ min-width: 8rem !important;
800
+ }
801
+ .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
802
+ width: 8rem;
803
+ margin-left: auto;
804
+ }
805
+ .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
806
+ height: 2.0625rem !important;
807
+ min-height: 2.0625rem !important;
808
+ padding: 0;
809
+ padding-left: 0.625rem;
810
+ }
811
+ .responseAccordion :global(.accordion-header) {
812
+ overflow: visible;
813
+ cursor: default;
814
+ }
815
+ .responseAccordion .statusCodeOptionContainer {
816
+ display: grid;
817
+ grid-template-columns: min-content min-content;
818
+ align-items: center;
819
+ gap: 0.625rem;
820
+ }
821
+ .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
822
+ width: 0.625rem;
823
+ aspect-ratio: 1/1;
824
+ border-radius: 100%;
825
+ }.tooltip-custom-wrapper {
826
+ display: flex;
827
+ }
828
+
829
+ [data-tippy-root] {
830
+ z-index: 2 !important;
831
+ }
832
+
833
+ .tippy-box {
834
+ background-color: #202f5b;
835
+ font-size: 0.875rem;
836
+ border-radius: 0.3125rem;
837
+ width: max-content;
838
+ max-width: 100%;
839
+ overflow-wrap: break-word;
840
+ word-break: break-word;
841
+ position: relative;
842
+ border: 1px solid #d8dae5;
843
+ z-index: 2;
844
+ }
845
+ .tippy-box.function .tippy-content {
846
+ background-color: #fff !important;
847
+ color: #000 !important;
848
+ }
849
+ .tippy-box.function[data-placement] > .tippy-arrow:before {
850
+ color: #fff !important;
851
+ }
852
+ .tippy-box.info .tippy-arrow {
853
+ color: #202f5b;
713
854
  }
714
855
  .tippy-box.success {
715
856
  border-radius: 1.875rem;
@@ -776,147 +917,117 @@
776
917
  z-index: 2;
777
918
  top: -0.45rem;
778
919
  transform-origin: center !important;
779
- }#common-dialog.dialog-content-wrapper {
780
- overflow: visible !important;
781
- max-height: 100%;
782
- width: 22.1875rem;
783
- }
784
- #common-dialog.dialog-content-wrapper .dialog-content-root {
785
- overflow: visible !important;
786
- border-radius: 0.625rem;
787
- max-height: 100%;
788
- }
789
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
790
- padding: 0 1.875rem !important;
791
- overflow: visible !important;
792
- max-height: 100%;
793
- }
794
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
795
- position: relative;
920
+ }.json-editor-container {
921
+ overflow: hidden;
922
+ border-bottom-right-radius: 0.3125rem;
923
+ border-bottom-left-radius: 0.3125rem;
796
924
  }
797
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
798
- position: absolute;
799
- z-index: 1;
800
- top: 1.5rem;
801
- right: 0;
802
- transform: translate(0.625rem, -0.625rem);
803
- cursor: pointer;
925
+ .json-editor-container .json-editor-label {
926
+ font-size: 0.875rem;
927
+ font-weight: 600;
928
+ line-height: 1.25rem;
929
+ margin-bottom: 0.3125rem;
804
930
  }
805
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
931
+ .json-editor-container .json-editor {
806
932
  display: flex;
807
- padding-top: 0.5rem;
933
+ flex-direction: column;
934
+ background-color: #142452;
935
+ width: 100%;
936
+ outline: 1px solid transparent;
808
937
  position: relative;
938
+ overflow: hidden;
809
939
  }
810
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
811
- margin-top: 1rem;
812
- margin-bottom: 1.5rem;
813
- margin-inline: auto;
814
- }
815
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
816
- stroke: #12131a;
817
- }
818
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
819
- stroke: #12131a;
820
- }
821
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
822
- fill: #12131a;
823
- }
824
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
825
- stroke: #faad14;
826
- }
827
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
828
- stroke: #faad14;
829
- }
830
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
831
- stroke: #da3f3f;
832
- }
833
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
834
- stroke: #da3f3f;
835
- }
836
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
837
- fill: #da3f3f;
838
- }
839
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
840
- font-size: 1.5rem;
841
- font-weight: 500;
842
- line-height: 1.875rem;
843
- text-align: center;
844
- margin-bottom: 0.625rem;
845
- }
846
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
847
- color: #da3f3f;
848
- }
849
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
850
- color: #faad14;
851
- }
852
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
940
+ .json-editor-container .json-editor .actions-container {
941
+ width: 100%;
942
+ height: 5rem;
943
+ padding: 1.25rem;
944
+ border-radius: 0 0 0.3125rem 0.3125rem;
945
+ background: #101e47;
853
946
  display: flex;
947
+ flex-direction: row;
854
948
  gap: 1.25rem;
855
- margin-top: 1.875rem;
856
- }
857
-
858
- .common-dialog {
859
- position: relative;
860
- }
861
- .common-dialog .close-icon {
862
- position: absolute !important;
863
- z-index: 1 !important;
864
- top: 0.75rem !important;
865
- right: 0.4rem !important;
866
- transform: translate(0.625rem, -0.625rem) !important;
867
- cursor: pointer !important;
868
- }
869
- .common-dialog .confirmation-dialog-header {
870
- display: flex;
871
- padding-top: 0.5rem;
872
- position: relative;
873
- }
874
- .common-dialog .confirmation-dialog-header .icon {
875
- margin-top: 1rem;
876
- margin-bottom: 1.5rem;
877
- margin-inline: auto;
878
- }
879
- .common-dialog .confirmation-dialog-header .icon.info path {
880
- stroke: #12131a;
949
+ align-items: center;
881
950
  }
882
- .common-dialog .confirmation-dialog-header .icon.info line {
883
- stroke: #12131a;
951
+ .json-editor-container .json-editor .actions-container .validate {
952
+ color: #fff;
953
+ text-align: center;
954
+ font-size: 1rem;
955
+ font-style: normal;
956
+ font-weight: 600;
957
+ line-height: 1.25rem;
958
+ width: 8.75rem;
959
+ padding: 0.625rem 2.25rem;
960
+ background-color: rgba(240, 248, 255, 0);
961
+ border-radius: 0.3125rem;
962
+ border: 0.0625rem solid #4d75d8;
963
+ cursor: pointer;
884
964
  }
885
- .common-dialog .confirmation-dialog-header .icon.info line + path {
886
- fill: #12131a;
965
+ .json-editor-container .json-editor .actions-container .validate:disabled {
966
+ color: #babdcc;
967
+ border-color: #a2a5b6;
887
968
  }
888
- .common-dialog .confirmation-dialog-header .icon.warning path {
889
- stroke: #faad14;
969
+ .json-editor-container .json-editor .actions-container .beautify {
970
+ color: #fff;
971
+ text-align: center;
972
+ font-size: 1rem;
973
+ font-style: normal;
974
+ font-weight: 600;
975
+ line-height: 1.25rem;
976
+ width: 8.75rem;
977
+ padding: 0.625rem 2.25rem;
978
+ background-color: rgba(240, 248, 255, 0);
979
+ border-radius: 0.3125rem;
980
+ border: 1px solid #babdcc;
981
+ cursor: pointer;
890
982
  }
891
- .common-dialog .confirmation-dialog-header .icon.warning line {
892
- stroke: #faad14;
983
+ .json-editor-container .json-editor .actions-container .beautify:disabled {
984
+ color: #a2a5b6;
985
+ border-color: #a2a5b6;
893
986
  }
894
- .common-dialog .confirmation-dialog-header .icon.error path {
895
- stroke: #da3f3f;
987
+ .json-editor-container .json-editor textarea {
988
+ width: 100%;
989
+ padding: 1.25rem;
990
+ font-size: 0.875rem;
991
+ font-style: normal;
992
+ font-weight: 400;
993
+ line-height: 1.25rem;
994
+ color: white;
995
+ height: 25rem;
996
+ background-color: #142452;
997
+ border: none;
998
+ resize: none;
896
999
  }
897
- .common-dialog .confirmation-dialog-header .icon.error line {
898
- stroke: #da3f3f;
1000
+ .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 {
1001
+ outline: none;
1002
+ border: none;
899
1003
  }
900
- .common-dialog .confirmation-dialog-header .icon.error line + path {
901
- fill: #da3f3f;
1004
+ .json-editor-container .json-editor textarea::-webkit-scrollbar {
1005
+ width: 0.5rem;
902
1006
  }
903
- .common-dialog .confirmation-title {
904
- font-size: 1.5rem;
905
- font-weight: 500;
906
- line-height: 1.875rem;
907
- text-align: center;
908
- margin-bottom: 0.625rem;
1007
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
1008
+ background-color: #828699;
1009
+ border: none;
1010
+ border-color: transparent;
1011
+ border-top-left-radius: 0;
909
1012
  }
910
- .common-dialog .confirmation-title.error-title {
911
- color: #da3f3f;
1013
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
1014
+ background-color: #d8dae5;
1015
+ border: none;
1016
+ border-color: transparent;
1017
+ border-radius: 0;
912
1018
  }
913
- .common-dialog .confirmation-title.warning-title {
914
- color: #faad14;
1019
+ .json-editor-container .json-editor.invalid {
1020
+ outline: 1px solid #ce2828 !important;
915
1021
  }
916
- .common-dialog .confirmation-dialog-footer {
917
- display: flex;
918
- gap: 1.25rem;
919
- margin-top: 1.875rem;
1022
+ .json-editor-container .error-message {
1023
+ color: #ce2828;
1024
+ font-size: 0.75rem;
1025
+ line-height: 1.25rem;
1026
+ margin-top: 0.625rem;
1027
+ }
1028
+ .json-editor-container.disabled .json-editor textarea {
1029
+ background-color: white;
1030
+ color: #12131a;
920
1031
  }:root {
921
1032
  --white: #fff;
922
1033
  --Gray-5: #f1f2f6;
@@ -1186,117 +1297,6 @@ div.endBtnIcon {
1186
1297
  .tableSectionContainer .descArrow path,
1187
1298
  .tableSectionContainer .defaultSortArrow path {
1188
1299
  fill: var(--Gray-50);
1189
- }.json-editor-container {
1190
- overflow: hidden;
1191
- border-bottom-right-radius: 0.3125rem;
1192
- border-bottom-left-radius: 0.3125rem;
1193
- }
1194
- .json-editor-container .json-editor-label {
1195
- font-size: 0.875rem;
1196
- font-weight: 600;
1197
- line-height: 1.25rem;
1198
- margin-bottom: 0.3125rem;
1199
- }
1200
- .json-editor-container .json-editor {
1201
- display: flex;
1202
- flex-direction: column;
1203
- background-color: #142452;
1204
- width: 100%;
1205
- outline: 1px solid transparent;
1206
- position: relative;
1207
- overflow: hidden;
1208
- }
1209
- .json-editor-container .json-editor .actions-container {
1210
- width: 100%;
1211
- height: 5rem;
1212
- padding: 1.25rem;
1213
- border-radius: 0 0 0.3125rem 0.3125rem;
1214
- background: #101e47;
1215
- display: flex;
1216
- flex-direction: row;
1217
- gap: 1.25rem;
1218
- align-items: center;
1219
- }
1220
- .json-editor-container .json-editor .actions-container .validate {
1221
- color: #fff;
1222
- text-align: center;
1223
- font-size: 1rem;
1224
- font-style: normal;
1225
- font-weight: 600;
1226
- line-height: 1.25rem;
1227
- width: 8.75rem;
1228
- padding: 0.625rem 2.25rem;
1229
- background-color: rgba(240, 248, 255, 0);
1230
- border-radius: 0.3125rem;
1231
- border: 0.0625rem solid #4d75d8;
1232
- cursor: pointer;
1233
- }
1234
- .json-editor-container .json-editor .actions-container .validate:disabled {
1235
- color: #babdcc;
1236
- border-color: #a2a5b6;
1237
- }
1238
- .json-editor-container .json-editor .actions-container .beautify {
1239
- color: #fff;
1240
- text-align: center;
1241
- font-size: 1rem;
1242
- font-style: normal;
1243
- font-weight: 600;
1244
- line-height: 1.25rem;
1245
- width: 8.75rem;
1246
- padding: 0.625rem 2.25rem;
1247
- background-color: rgba(240, 248, 255, 0);
1248
- border-radius: 0.3125rem;
1249
- border: 1px solid #babdcc;
1250
- cursor: pointer;
1251
- }
1252
- .json-editor-container .json-editor .actions-container .beautify:disabled {
1253
- color: #a2a5b6;
1254
- border-color: #a2a5b6;
1255
- }
1256
- .json-editor-container .json-editor textarea {
1257
- width: 100%;
1258
- padding: 1.25rem;
1259
- font-size: 0.875rem;
1260
- font-style: normal;
1261
- font-weight: 400;
1262
- line-height: 1.25rem;
1263
- color: white;
1264
- height: 25rem;
1265
- background-color: #142452;
1266
- border: none;
1267
- resize: none;
1268
- }
1269
- .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 {
1270
- outline: none;
1271
- border: none;
1272
- }
1273
- .json-editor-container .json-editor textarea::-webkit-scrollbar {
1274
- width: 0.5rem;
1275
- }
1276
- .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
1277
- background-color: #828699;
1278
- border: none;
1279
- border-color: transparent;
1280
- border-top-left-radius: 0;
1281
- }
1282
- .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
1283
- background-color: #d8dae5;
1284
- border: none;
1285
- border-color: transparent;
1286
- border-radius: 0;
1287
- }
1288
- .json-editor-container .json-editor.invalid {
1289
- outline: 1px solid #ce2828 !important;
1290
- }
1291
- .json-editor-container .error-message {
1292
- color: #ce2828;
1293
- font-size: 0.75rem;
1294
- line-height: 1.25rem;
1295
- margin-top: 0.625rem;
1296
- }
1297
- .json-editor-container.disabled .json-editor textarea {
1298
- background-color: white;
1299
- color: #12131a;
1300
1300
  }:root {
1301
1301
  --white: #fff;
1302
1302
  --Gray-5: #f1f2f6;
@@ -1642,15 +1642,6 @@ div.endBtnIcon {
1642
1642
  margin-right: 0.4075rem;
1643
1643
  }
1644
1644
 
1645
- .tippy_box_color {
1646
- margin-left: 2rem;
1647
- background-color: #000 !important;
1648
- border: none;
1649
- height: 1.875rem;
1650
- border-radius: 0.75rem;
1651
- margin-top: -0.5rem;
1652
- }
1653
-
1654
1645
  :global(.tippy-arrow) {
1655
1646
  transform: translateX(12px) !important;
1656
1647
  }
@@ -1807,6 +1798,58 @@ div.endBtnIcon {
1807
1798
  opacity: 1 !important;
1808
1799
  backdrop-filter: blur(0.5rem);
1809
1800
  background-color: rgba(0, 0, 0, 0.281) !important;
1801
+ }
1802
+ :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip {
1803
+ background-color: #000;
1804
+ border: none;
1805
+ border-radius: 0.75rem;
1806
+ }
1807
+ :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip.tippy-box .tippy-content.tippy-content {
1808
+ border-radius: 0.75rem;
1809
+ color: #fff;
1810
+ background-color: #000;
1811
+ }
1812
+ :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip .tippy-arrow.tippy-arrow.tippy-arrow.tippy-arrow {
1813
+ color: #000;
1814
+ }
1815
+ :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip .tippy-arrow.tippy-arrow.tippy-arrow.tippy-arrow::before {
1816
+ color: #000;
1817
+ }.codebox {
1818
+ border-radius: 0.25rem;
1819
+ overflow: hidden;
1820
+ }
1821
+ .codebox_header {
1822
+ display: flex;
1823
+ align-items: center;
1824
+ gap: 0.25rem;
1825
+ padding-left: 0.5rem;
1826
+ height: 1.75rem;
1827
+ border: 1px solid #bbbec5;
1828
+ border-top-right-radius: 0.25rem;
1829
+ border-top-left-radius: 0.25rem;
1830
+ }
1831
+ .codebox_header_themeToggle {
1832
+ width: 0.75rem;
1833
+ min-width: 0.75rem;
1834
+ aspect-ratio: 1/1;
1835
+ border: 1px solid transparent;
1836
+ border-radius: 100%;
1837
+ cursor: pointer;
1838
+ }
1839
+ .codebox_header_themeToggle_dark {
1840
+ background-color: #455162;
1841
+ border-color: #6b7280;
1842
+ }
1843
+ .codebox_header_themeToggle_light {
1844
+ background-color: #edf1fb;
1845
+ border-color: #6b7280;
1846
+ }
1847
+ .codebox_header_copyIcon {
1848
+ cursor: pointer;
1849
+ }
1850
+ .codebox :global(.custom-code-line),
1851
+ .codebox :global(.custom-code-line span) {
1852
+ font-family: "Cascadia Code", sans-serif;
1810
1853
  }.apiDocsAside {
1811
1854
  width: 22.5rem;
1812
1855
  padding: 3rem 1.5rem;
@@ -1893,42 +1936,6 @@ div.endBtnIcon {
1893
1936
  }
1894
1937
  .apiDocsAside :global(.multiSelectGroup .selectDisplay .displayValueContainer .iconsContainer) {
1895
1938
  padding-right: 0.75rem !important;
1896
- }.codebox {
1897
- border-radius: 0.25rem;
1898
- overflow: hidden;
1899
- }
1900
- .codebox_header {
1901
- display: flex;
1902
- align-items: center;
1903
- gap: 0.25rem;
1904
- padding-left: 0.5rem;
1905
- height: 1.75rem;
1906
- border: 1px solid #bbbec5;
1907
- border-top-right-radius: 0.25rem;
1908
- border-top-left-radius: 0.25rem;
1909
- }
1910
- .codebox_header_themeToggle {
1911
- width: 0.75rem;
1912
- min-width: 0.75rem;
1913
- aspect-ratio: 1/1;
1914
- border: 1px solid transparent;
1915
- border-radius: 100%;
1916
- cursor: pointer;
1917
- }
1918
- .codebox_header_themeToggle_dark {
1919
- background-color: #455162;
1920
- border-color: #6b7280;
1921
- }
1922
- .codebox_header_themeToggle_light {
1923
- background-color: #edf1fb;
1924
- border-color: #6b7280;
1925
- }
1926
- .codebox_header_copyIcon {
1927
- cursor: pointer;
1928
- }
1929
- .codebox :global(.custom-code-line),
1930
- .codebox :global(.custom-code-line span) {
1931
- font-family: "Cascadia Code", sans-serif;
1932
1939
  }.api-details-page {
1933
1940
  padding: 2rem;
1934
1941
  }