@digi-frontend/dgate-api-documentation 1.1.2 → 1.1.4

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
@@ -511,6 +511,101 @@
511
511
  }
512
512
  .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
513
513
  background-color: #ebecf2;
514
+ }.tooltip-custom-wrapper {
515
+ display: flex;
516
+ }
517
+
518
+ [data-tippy-root] {
519
+ z-index: 2 !important;
520
+ }
521
+
522
+ .tippy-box {
523
+ background-color: #202f5b;
524
+ font-size: 0.875rem;
525
+ border-radius: 0.3125rem;
526
+ width: max-content;
527
+ max-width: 100%;
528
+ overflow-wrap: break-word;
529
+ word-break: break-word;
530
+ position: relative;
531
+ border: 1px solid #d8dae5;
532
+ z-index: 2;
533
+ }
534
+ .tippy-box.function .tippy-content {
535
+ background-color: #fff !important;
536
+ color: #000 !important;
537
+ }
538
+ .tippy-box.function[data-placement] > .tippy-arrow:before {
539
+ color: #fff !important;
540
+ }
541
+ .tippy-box.info .tippy-arrow {
542
+ color: #202f5b;
543
+ }
544
+ .tippy-box.success {
545
+ border-radius: 1.875rem;
546
+ background-color: #3aaa35;
547
+ padding-inline: 0.625rem;
548
+ }
549
+ .tippy-box .tippy-content {
550
+ text-align: justify;
551
+ font-size: 0.875rem;
552
+ line-height: 1.25rem;
553
+ padding: 0.625rem;
554
+ }
555
+ .tippy-box .tippy-arrow {
556
+ position: relative;
557
+ width: 1rem;
558
+ height: 1rem;
559
+ }
560
+ .tippy-box[data-placement^=top] .tippy-arrow:before {
561
+ bottom: -0.4375rem;
562
+ border-width: 0.5rem 0.5rem 0 !important;
563
+ }
564
+ .tippy-box[data-placement^=right] .tippy-arrow:before {
565
+ left: -0.4375rem;
566
+ border-width: 0.5rem 0.5rem 0.5rem 0 !important;
567
+ }
568
+ .tippy-box[data-placement^=bottom] .tippy-arrow:before {
569
+ top: -0.4375rem;
570
+ border-width: 0 0.5rem 0.5rem !important;
571
+ }
572
+ .tippy-box[data-placement^=left] .tippy-arrow:before {
573
+ right: -0.4375rem;
574
+ border-width: 0.5rem 0 0.5rem 0.5rem !important;
575
+ }
576
+ .tippy-box[data-placement^=bottom-start] .tippy-arrow {
577
+ transform: translate(0.937rem, 0) !important;
578
+ }
579
+ .tippy-box[data-placement^=bottom-end] .tippy-arrow {
580
+ margin-left: calc(100% - 1.937rem);
581
+ transform: translate(0, 0) !important;
582
+ }
583
+ .tippy-box[data-placement^=top-start] .tippy-arrow {
584
+ transform: translate(0.937rem, 0) !important;
585
+ }
586
+ .tippy-box[data-placement^=top-end] .tippy-arrow {
587
+ transform: translate(0.937rem, 0) !important;
588
+ }
589
+ .tippy-box.arrow-with-border {
590
+ border: 1px solid #d8dae5;
591
+ }
592
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
593
+ top: 1px;
594
+ background-color: white;
595
+ z-index: 2;
596
+ height: 1px;
597
+ }
598
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
599
+ width: 0.625rem;
600
+ height: 0.625rem;
601
+ background-color: white;
602
+ transform: rotate(45deg);
603
+ border: none;
604
+ border-left: 1px solid #d8dae5 !important;
605
+ border-top: 1px solid #d8dae5 !important;
606
+ z-index: 2;
607
+ top: -0.45rem;
608
+ transform-origin: center !important;
514
609
  }#common-dialog.dialog-content-wrapper {
515
610
  overflow: visible !important;
516
611
  max-height: 100%;
@@ -822,6 +917,117 @@
822
917
  width: 0.625rem;
823
918
  aspect-ratio: 1/1;
824
919
  border-radius: 100%;
920
+ }.json-editor-container {
921
+ overflow: hidden;
922
+ border-bottom-right-radius: 0.3125rem;
923
+ border-bottom-left-radius: 0.3125rem;
924
+ }
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;
930
+ }
931
+ .json-editor-container .json-editor {
932
+ display: flex;
933
+ flex-direction: column;
934
+ background-color: #142452;
935
+ width: 100%;
936
+ outline: 1px solid transparent;
937
+ position: relative;
938
+ overflow: hidden;
939
+ }
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;
946
+ display: flex;
947
+ flex-direction: row;
948
+ gap: 1.25rem;
949
+ align-items: center;
950
+ }
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;
964
+ }
965
+ .json-editor-container .json-editor .actions-container .validate:disabled {
966
+ color: #babdcc;
967
+ border-color: #a2a5b6;
968
+ }
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;
982
+ }
983
+ .json-editor-container .json-editor .actions-container .beautify:disabled {
984
+ color: #a2a5b6;
985
+ border-color: #a2a5b6;
986
+ }
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;
999
+ }
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;
1003
+ }
1004
+ .json-editor-container .json-editor textarea::-webkit-scrollbar {
1005
+ width: 0.5rem;
1006
+ }
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;
1012
+ }
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;
1018
+ }
1019
+ .json-editor-container .json-editor.invalid {
1020
+ outline: 1px solid #ce2828 !important;
1021
+ }
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;
825
1031
  }:root {
826
1032
  --white: #fff;
827
1033
  --Gray-5: #f1f2f6;
@@ -904,399 +1110,29 @@
904
1110
  --alert-natural: #c4d3f1;
905
1111
  }
906
1112
 
907
- #EnumButton {
1113
+ .drawerItemContainer {
908
1114
  display: flex;
909
- justify-content: center;
910
- align-items: center;
911
- border: 0.0375rem solid #babdcc;
912
- border-radius: 0.3125rem;
913
- }
914
-
915
- div.endBtnIcon {
916
- align-self: center !important;
917
- }
918
-
919
- .methodDescForEnum {
920
- width: 16.875rem !important;
1115
+ flex-direction: column;
921
1116
  }
922
-
923
- .select-inputs {
924
- display: flex;
925
- flex-direction: row;
926
- gap: 0.625rem;
1117
+ .drawerItemContainer .title {
1118
+ color: #000;
1119
+ font-weight: 600;
1120
+ font-size: 24px;
1121
+ line-height: 35px;
1122
+ margin-bottom: 3px;
1123
+ margin-top: 1.5rem;
927
1124
  }
928
-
929
- .addEnumButton {
930
- color: #4d75d8 !important;
931
- display: flex;
932
- flex-direction: row;
933
- align-items: center;
934
- font-size: 0.9375rem;
1125
+ .drawerItemContainer .text {
1126
+ color: #000;
935
1127
  font-weight: 400;
936
- font-family: "Cairo";
937
- gap: 0.3125rem;
938
- cursor: pointer;
939
- }
940
-
941
- .tableSectionContainer .tableContainer {
942
- max-width: 100%;
943
- overflow-x: overlay;
1128
+ font-size: 24px;
1129
+ line-height: 25px;
944
1130
  }
945
- .tableSectionContainer .tableContainer.tableContainer * {
946
- font-family: "Cairo";
1131
+ .drawerItemContainer .color-green {
1132
+ color: var(--color-success);
947
1133
  }
948
- .tableSectionContainer .tableContainer .table {
949
- width: 100%;
950
- border-spacing: 0;
951
- border: none;
952
- border-right: 1px solid var(--border-color-neutral);
953
- border-left: 1px solid var(--border-color-neutral);
954
- }
955
- .tableSectionContainer .tableContainer .table.borderRadiusTop {
956
- border-top-left-radius: 0.625rem;
957
- border-top-right-radius: 0.625rem;
958
- }
959
- .tableSectionContainer .tableContainer .table.borderRadiusBottom {
960
- border-bottom-left-radius: 0.625rem;
961
- border-bottom-right-radius: 0.625rem;
962
- }
963
- .tableSectionContainer .tableContainer .table .tableHead {
964
- border: 1px solid var(--Gray-10);
965
- margin: 0rem !important;
966
- background-color: #f8f9fb;
967
- width: max-content;
968
- min-width: 100%;
969
- color: var(--Gray-50);
970
- font-weight: 400;
971
- }
972
- .tableSectionContainer .tableContainer .table .tableHead .tableHeadCell {
973
- border-bottom: 1px solid var(--border-color-neutral);
974
- border-top: 1px solid var(--border-color-neutral);
975
- font-style: normal;
976
- font-size: 0.875rem;
977
- padding: 0.75rem 1.875rem;
978
- text-align: start;
979
- white-space: nowrap;
980
- color: inherit;
981
- font-weight: inherit;
982
- }
983
- .tableSectionContainer .tableContainer .table .tableHead .tableHeadCell .sortIcon {
984
- padding: 0rem 0.25rem;
985
- height: 1.875rem;
986
- cursor: pointer;
987
- }
988
- .tableSectionContainer .tableContainer .table .tableHead .headContainer {
989
- display: flex;
990
- flex-direction: row;
991
- align-items: center;
992
- text-overflow: ellipsis;
993
- }
994
- .tableSectionContainer .tableContainer .table .tableBody tr {
995
- background-color: var(--background-color-white-secondary);
996
- overflow: visible !important;
997
- }
998
- .tableSectionContainer .tableContainer .table .tableBody tr .tippy-content {
999
- background-color: var(--border-color-hover);
1000
- color: var(--text-color-disabled);
1001
- border-radius: 5px;
1002
- font-size: 14px;
1003
- font-weight: 400;
1004
- line-height: 20px;
1005
- text-align: left;
1006
- }
1007
- .tableSectionContainer .tableContainer .table .tableBody tr .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
1008
- color: var(--border-color-hover);
1009
- }
1010
- .tableSectionContainer .tableContainer .table .tableBody tr.rowSelected {
1011
- background-color: var(--background-color-gray-40);
1012
- }
1013
- .tableSectionContainer .tableContainer .table .tableBody tr td {
1014
- font-weight: 400;
1015
- font-size: 0.875rem;
1016
- text-align: start;
1017
- color: var(--text-color-primary);
1018
- border-bottom: 1px solid var(--border-color-gray);
1019
- width: max-content;
1020
- white-space: nowrap;
1021
- height: 3.75rem;
1022
- padding: 0.75rem 1.875rem;
1023
- overflow: visible !important;
1024
- }
1025
- .tableSectionContainer .tableContainer .table .tableBody tr td .tableData {
1026
- max-width: 100%;
1027
- width: fit-content;
1028
- white-space: nowrap;
1029
- text-overflow: ellipsis;
1030
- overflow: visible !important;
1031
- }
1032
- .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn .btnContentWrapper .endBtnIcon svg path,
1033
- .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn :link .btnContentWrapper .endBtnIcon svg path,
1034
- .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn :visited .btnContentWrapper .endBtnIcon svg path {
1035
- stroke-width: 0.1 !important;
1036
- fill: #12131a !important;
1037
- }
1038
- .tableSectionContainer .tableContainer .table .tableBody tr:hover {
1039
- background-color: var(--background-color-gray-10);
1040
- }
1041
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow {
1042
- background-color: var(--background-color-white-secondary);
1043
- height: 4.375rem;
1044
- }
1045
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow:hover {
1046
- background-color: var(--background-color-white-secondary);
1047
- }
1048
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer {
1049
- width: 100%;
1050
- height: 100%;
1051
- color: var(--text-color-quaternary);
1052
- }
1053
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer {
1054
- display: flex;
1055
- flex-direction: row;
1056
- align-items: center;
1057
- justify-content: center;
1058
- width: 100%;
1059
- height: 100%;
1060
- }
1061
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer .fallbackText {
1062
- font-style: normal;
1063
- font-weight: 400;
1064
- font-size: 0.875rem;
1065
- line-height: 1.25rem;
1066
- }
1067
- .tableSectionContainer .tableContainer .table th,
1068
- .tableSectionContainer .tableContainer .table td {
1069
- text-align: left;
1070
- }
1071
- .tableSectionContainer .tableFooterContainer {
1072
- display: flex;
1073
- width: 100%;
1074
- height: auto;
1075
- }
1076
- .tableSectionContainer .ascArrow {
1077
- height: 0.8125rem;
1078
- margin-bottom: 0.4375rem;
1079
- cursor: pointer;
1080
- }
1081
- .tableSectionContainer .descArrow {
1082
- height: 0.8125rem;
1083
- margin-top: 0.4375rem;
1084
- cursor: pointer;
1085
- }
1086
- .tableSectionContainer .defaultSortArrow {
1087
- height: 1.25rem;
1088
- cursor: pointer;
1089
- }
1090
- .tableSectionContainer .ascArrow path,
1091
- .tableSectionContainer .descArrow path,
1092
- .tableSectionContainer .defaultSortArrow path {
1093
- fill: var(--Gray-50);
1094
- }.tooltip-custom-wrapper {
1095
- display: flex;
1096
- }
1097
-
1098
- [data-tippy-root] {
1099
- z-index: 2 !important;
1100
- }
1101
-
1102
- .tippy-box {
1103
- background-color: #202f5b;
1104
- font-size: 0.875rem;
1105
- border-radius: 0.3125rem;
1106
- width: max-content;
1107
- max-width: 100%;
1108
- overflow-wrap: break-word;
1109
- word-break: break-word;
1110
- position: relative;
1111
- border: 1px solid #d8dae5;
1112
- z-index: 2;
1113
- }
1114
- .tippy-box.function .tippy-content {
1115
- background-color: #fff !important;
1116
- color: #000 !important;
1117
- }
1118
- .tippy-box.function[data-placement] > .tippy-arrow:before {
1119
- color: #fff !important;
1120
- }
1121
- .tippy-box.info .tippy-arrow {
1122
- color: #202f5b;
1123
- }
1124
- .tippy-box.success {
1125
- border-radius: 1.875rem;
1126
- background-color: #3aaa35;
1127
- padding-inline: 0.625rem;
1128
- }
1129
- .tippy-box .tippy-content {
1130
- text-align: justify;
1131
- font-size: 0.875rem;
1132
- line-height: 1.25rem;
1133
- padding: 0.625rem;
1134
- }
1135
- .tippy-box .tippy-arrow {
1136
- position: relative;
1137
- width: 1rem;
1138
- height: 1rem;
1139
- }
1140
- .tippy-box[data-placement^=top] .tippy-arrow:before {
1141
- bottom: -0.4375rem;
1142
- border-width: 0.5rem 0.5rem 0 !important;
1143
- }
1144
- .tippy-box[data-placement^=right] .tippy-arrow:before {
1145
- left: -0.4375rem;
1146
- border-width: 0.5rem 0.5rem 0.5rem 0 !important;
1147
- }
1148
- .tippy-box[data-placement^=bottom] .tippy-arrow:before {
1149
- top: -0.4375rem;
1150
- border-width: 0 0.5rem 0.5rem !important;
1151
- }
1152
- .tippy-box[data-placement^=left] .tippy-arrow:before {
1153
- right: -0.4375rem;
1154
- border-width: 0.5rem 0 0.5rem 0.5rem !important;
1155
- }
1156
- .tippy-box[data-placement^=bottom-start] .tippy-arrow {
1157
- transform: translate(0.937rem, 0) !important;
1158
- }
1159
- .tippy-box[data-placement^=bottom-end] .tippy-arrow {
1160
- margin-left: calc(100% - 1.937rem);
1161
- transform: translate(0, 0) !important;
1162
- }
1163
- .tippy-box[data-placement^=top-start] .tippy-arrow {
1164
- transform: translate(0.937rem, 0) !important;
1165
- }
1166
- .tippy-box[data-placement^=top-end] .tippy-arrow {
1167
- transform: translate(0.937rem, 0) !important;
1168
- }
1169
- .tippy-box.arrow-with-border {
1170
- border: 1px solid #d8dae5;
1171
- }
1172
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
1173
- top: 1px;
1174
- background-color: white;
1175
- z-index: 2;
1176
- height: 1px;
1177
- }
1178
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
1179
- width: 0.625rem;
1180
- height: 0.625rem;
1181
- background-color: white;
1182
- transform: rotate(45deg);
1183
- border: none;
1184
- border-left: 1px solid #d8dae5 !important;
1185
- border-top: 1px solid #d8dae5 !important;
1186
- z-index: 2;
1187
- top: -0.45rem;
1188
- transform-origin: center !important;
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;
1134
+ .drawerItemContainer .color-red {
1135
+ color: var(--color-error);
1300
1136
  }:root {
1301
1137
  --white: #fff;
1302
1138
  --Gray-5: #f1f2f6;
@@ -1379,189 +1215,193 @@ div.endBtnIcon {
1379
1215
  --alert-natural: #c4d3f1;
1380
1216
  }
1381
1217
 
1382
- .drawerItemContainer {
1218
+ #EnumButton {
1383
1219
  display: flex;
1384
- flex-direction: column;
1385
- }
1386
- .drawerItemContainer .title {
1387
- color: #000;
1388
- font-weight: 600;
1389
- font-size: 24px;
1390
- line-height: 35px;
1391
- margin-bottom: 3px;
1392
- margin-top: 1.5rem;
1393
- }
1394
- .drawerItemContainer .text {
1395
- color: #000;
1396
- font-weight: 400;
1397
- font-size: 24px;
1398
- line-height: 25px;
1220
+ justify-content: center;
1221
+ align-items: center;
1222
+ border: 0.0375rem solid #babdcc;
1223
+ border-radius: 0.3125rem;
1399
1224
  }
1400
- .drawerItemContainer .color-green {
1401
- color: var(--color-success);
1225
+
1226
+ div.endBtnIcon {
1227
+ align-self: center !important;
1402
1228
  }
1403
- .drawerItemContainer .color-red {
1404
- color: var(--color-error);
1405
- }.api-docs-api-tree {
1406
- width: 100%;
1407
- max-width: 12.5rem;
1408
- padding: 3rem 1.25rem;
1409
- box-sizing: border-box;
1229
+
1230
+ .methodDescForEnum {
1231
+ width: 16.875rem !important;
1410
1232
  }
1411
- .api-docs-api-tree > * {
1412
- box-sizing: border-box;
1233
+
1234
+ .select-inputs {
1235
+ display: flex;
1236
+ flex-direction: row;
1237
+ gap: 0.625rem;
1413
1238
  }
1414
- .api-docs-api-tree__section-header {
1239
+
1240
+ .addEnumButton {
1241
+ color: #4d75d8 !important;
1415
1242
  display: flex;
1243
+ flex-direction: row;
1416
1244
  align-items: center;
1417
- gap: 0.25rem;
1418
- padding-inline: 0.5rem;
1245
+ font-size: 0.9375rem;
1246
+ font-weight: 400;
1247
+ font-family: "Cairo";
1248
+ gap: 0.3125rem;
1419
1249
  cursor: pointer;
1420
- user-select: none;
1421
- height: 2.5rem;
1422
1250
  }
1423
- .api-docs-api-tree__section-header:hover {
1424
- background-color: #f3f4f6;
1425
- width: 100%;
1251
+
1252
+ .tableSectionContainer .tableContainer {
1253
+ max-width: 100%;
1254
+ overflow-x: overlay;
1426
1255
  }
1427
- .api-docs-api-tree__section-header svg {
1428
- min-width: 1rem;
1256
+ .tableSectionContainer .tableContainer.tableContainer * {
1257
+ font-family: "Cairo";
1429
1258
  }
1430
- .api-docs-api-tree__section-header svg:first-child path {
1431
- stroke: #bbbec5;
1259
+ .tableSectionContainer .tableContainer .table {
1260
+ width: 100%;
1261
+ border-spacing: 0;
1262
+ border: none;
1263
+ border-right: 1px solid var(--border-color-neutral);
1264
+ border-left: 1px solid var(--border-color-neutral);
1432
1265
  }
1433
- .api-docs-api-tree__section-title {
1434
- font-size: 0.75rem;
1435
- line-height: 0.875rem;
1436
- font-weight: 500;
1437
- color: #000;
1438
- margin-left: 0.25rem;
1439
- word-break: break-all;
1440
- line-height: 0.9375rem;
1266
+ .tableSectionContainer .tableContainer .table.borderRadiusTop {
1267
+ border-top-left-radius: 0.625rem;
1268
+ border-top-right-radius: 0.625rem;
1441
1269
  }
1442
- .api-docs-api-tree__section__overview {
1443
- display: flex;
1444
- align-items: center;
1445
- gap: 0.5rem;
1446
- padding: 0.5rem 1.75rem;
1447
- border-radius: 0.25rem;
1448
- cursor: pointer;
1270
+ .tableSectionContainer .tableContainer .table.borderRadiusBottom {
1271
+ border-bottom-left-radius: 0.625rem;
1272
+ border-bottom-right-radius: 0.625rem;
1449
1273
  }
1450
- .api-docs-api-tree__section__overview:hover {
1451
- background-color: #f3f4f6;
1274
+ .tableSectionContainer .tableContainer .table .tableHead {
1275
+ border: 1px solid var(--Gray-10);
1276
+ margin: 0rem !important;
1277
+ background-color: #f8f9fb;
1278
+ width: max-content;
1279
+ min-width: 100%;
1280
+ color: var(--Gray-50);
1281
+ font-weight: 400;
1452
1282
  }
1453
- .api-docs-api-tree__section__overview span {
1454
- font-size: 0.75rem;
1455
- line-height: 0.875rem;
1456
- color: #000000;
1283
+ .tableSectionContainer .tableContainer .table .tableHead .tableHeadCell {
1284
+ border-bottom: 1px solid var(--border-color-neutral);
1285
+ border-top: 1px solid var(--border-color-neutral);
1286
+ font-style: normal;
1287
+ font-size: 0.875rem;
1288
+ padding: 0.75rem 1.875rem;
1289
+ text-align: start;
1290
+ white-space: nowrap;
1291
+ color: inherit;
1292
+ font-weight: inherit;
1457
1293
  }
1458
- .api-docs-api-tree__section__overview[data-active=true] {
1459
- background-color: #f0f1f2;
1294
+ .tableSectionContainer .tableContainer .table .tableHead .tableHeadCell .sortIcon {
1295
+ padding: 0rem 0.25rem;
1296
+ height: 1.875rem;
1297
+ cursor: pointer;
1460
1298
  }
1461
- .api-docs-api-tree__section__endpoints {
1299
+ .tableSectionContainer .tableContainer .table .tableHead .headContainer {
1462
1300
  display: flex;
1301
+ flex-direction: row;
1463
1302
  align-items: center;
1464
- height: 1.5rem;
1465
- gap: 0.5rem;
1466
- border-radius: 0.25rem;
1467
- padding-inline: 1.75rem;
1468
- cursor: pointer;
1303
+ text-overflow: ellipsis;
1469
1304
  }
1470
- .api-docs-api-tree__section__endpoints span {
1471
- font-size: 0.75rem;
1472
- line-height: 0.875rem;
1473
- color: #000000;
1305
+ .tableSectionContainer .tableContainer .table .tableBody tr {
1306
+ background-color: var(--background-color-white-secondary);
1307
+ overflow: visible !important;
1474
1308
  }
1475
- .api-docs-api-tree__section__endpoints[data-active=true] {
1476
- background-color: #f0f1f2;
1309
+ .tableSectionContainer .tableContainer .table .tableBody tr .tippy-content {
1310
+ background-color: var(--border-color-hover);
1311
+ color: var(--text-color-disabled);
1312
+ border-radius: 5px;
1313
+ font-size: 14px;
1314
+ font-weight: 400;
1315
+ line-height: 20px;
1316
+ text-align: left;
1477
1317
  }
1478
- .api-docs-api-tree__section[data-active=true] .api-docs-api-tree__section-title {
1479
- color: #616874;
1318
+ .tableSectionContainer .tableContainer .table .tableBody tr .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
1319
+ color: var(--border-color-hover);
1480
1320
  }
1481
- .api-docs-api-tree__endpoints {
1482
- display: flex;
1483
- flex-direction: column;
1484
- align-items: start;
1485
- gap: 0.5rem;
1486
- border-radius: 0.25rem;
1487
- cursor: pointer;
1321
+ .tableSectionContainer .tableContainer .table .tableBody tr.rowSelected {
1322
+ background-color: var(--background-color-gray-40);
1488
1323
  }
1489
- .api-docs-api-tree__endpoints span {
1490
- font-size: 0.75rem;
1491
- line-height: 0.875rem;
1492
- color: #000000;
1324
+ .tableSectionContainer .tableContainer .table .tableBody tr td {
1325
+ font-weight: 400;
1326
+ font-size: 0.875rem;
1327
+ text-align: start;
1328
+ color: var(--text-color-primary);
1329
+ border-bottom: 1px solid var(--border-color-gray);
1330
+ width: max-content;
1331
+ white-space: nowrap;
1332
+ height: 3.75rem;
1333
+ padding: 0.75rem 1.875rem;
1334
+ overflow: visible !important;
1493
1335
  }
1494
- .api-docs-api-tree__endpoints[data-active=true] {
1495
- background-color: #f0f1f2;
1336
+ .tableSectionContainer .tableContainer .table .tableBody tr td .tableData {
1337
+ max-width: 100%;
1338
+ width: fit-content;
1339
+ white-space: nowrap;
1340
+ text-overflow: ellipsis;
1341
+ overflow: visible !important;
1342
+ }
1343
+ .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn .btnContentWrapper .endBtnIcon svg path,
1344
+ .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn :link .btnContentWrapper .endBtnIcon svg path,
1345
+ .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn :visited .btnContentWrapper .endBtnIcon svg path {
1346
+ stroke-width: 0.1 !important;
1347
+ fill: #12131a !important;
1496
1348
  }
1497
- .api-docs-api-tree__subsection-header {
1498
- height: 2rem;
1499
- display: flex;
1500
- align-items: center;
1501
- gap: 0.875rem;
1502
- padding-inline: 0.5rem;
1503
- cursor: pointer;
1504
- user-select: none;
1349
+ .tableSectionContainer .tableContainer .table .tableBody tr:hover {
1350
+ background-color: var(--background-color-gray-10);
1505
1351
  }
1506
- .api-docs-api-tree__subsection-header svg {
1507
- color: #6b7280;
1352
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow {
1353
+ background-color: var(--background-color-white-secondary);
1354
+ height: 4.375rem;
1508
1355
  }
1509
- .api-docs-api-tree__subsection-title {
1510
- font-size: 0.75rem;
1511
- line-height: 0.875rem;
1512
- color: #616874;
1356
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow:hover {
1357
+ background-color: var(--background-color-white-secondary);
1513
1358
  }
1514
- .api-docs-api-tree__endpoint {
1359
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer {
1360
+ width: 100%;
1361
+ height: 100%;
1362
+ color: var(--text-color-quaternary);
1363
+ }
1364
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer {
1515
1365
  display: flex;
1366
+ flex-direction: row;
1516
1367
  align-items: center;
1517
- gap: 0.25rem;
1518
- padding: 0.5rem 0.75rem;
1519
- text-transform: capitalize;
1368
+ justify-content: center;
1520
1369
  width: 100%;
1521
- cursor: pointer;
1522
- }
1523
- .api-docs-api-tree__endpoint[data-active=true] {
1524
- background-color: #f0f1f2;
1525
- }
1526
- .api-docs-api-tree__endpoint:hover {
1527
- background-color: #f3f4f6;
1370
+ height: 100%;
1528
1371
  }
1529
- .api-docs-api-tree__endpoint-method {
1530
- font-size: 0.75rem;
1531
- line-height: 0.875rem;
1372
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer .fallbackText {
1373
+ font-style: normal;
1532
1374
  font-weight: 400;
1533
- text-align: start;
1534
- }
1535
- .api-docs-api-tree__endpoint-name {
1536
- font-size: 0.75rem;
1537
- line-height: 0.875rem;
1538
- color: #3b3f46;
1539
- display: -webkit-box;
1540
- -webkit-box-orient: vertical;
1541
- -webkit-line-clamp: 1;
1542
- overflow: hidden;
1543
- text-overflow: ellipsis;
1544
- }
1545
- .api-docs-api-tree__endpoint--get .api-docs-api-tree__endpoint-method {
1546
- color: #3a6cd1;
1375
+ font-size: 0.875rem;
1376
+ line-height: 1.25rem;
1547
1377
  }
1548
- .api-docs-api-tree__endpoint--post .api-docs-api-tree__endpoint-method {
1549
- color: #3aaa35;
1378
+ .tableSectionContainer .tableContainer .table th,
1379
+ .tableSectionContainer .tableContainer .table td {
1380
+ text-align: left;
1550
1381
  }
1551
- .api-docs-api-tree__endpoint--put .api-docs-api-tree__endpoint-method {
1552
- color: #faad14;
1382
+ .tableSectionContainer .tableFooterContainer {
1383
+ display: flex;
1384
+ width: 100%;
1385
+ height: auto;
1553
1386
  }
1554
- .api-docs-api-tree__endpoint--delete .api-docs-api-tree__endpoint-method {
1555
- color: #da3f3f;
1387
+ .tableSectionContainer .ascArrow {
1388
+ height: 0.8125rem;
1389
+ margin-bottom: 0.4375rem;
1390
+ cursor: pointer;
1556
1391
  }
1557
- .api-docs-api-tree__endpoint--option .api-docs-api-tree__endpoint-method {
1558
- color: #495d97;
1392
+ .tableSectionContainer .descArrow {
1393
+ height: 0.8125rem;
1394
+ margin-top: 0.4375rem;
1395
+ cursor: pointer;
1559
1396
  }
1560
- .api-docs-api-tree__endpoint--head .api-docs-api-tree__endpoint-method {
1561
- color: #9461c9;
1397
+ .tableSectionContainer .defaultSortArrow {
1398
+ height: 1.25rem;
1399
+ cursor: pointer;
1562
1400
  }
1563
- .api-docs-api-tree__endpoint--patch .api-docs-api-tree__endpoint-method {
1564
- color: #58e2c2;
1401
+ .tableSectionContainer .ascArrow path,
1402
+ .tableSectionContainer .descArrow path,
1403
+ .tableSectionContainer .defaultSortArrow path {
1404
+ fill: var(--Gray-50);
1565
1405
  }.api_docs_header {
1566
1406
  height: 3.125rem;
1567
1407
  background-color: #f0f1f2;
@@ -1814,6 +1654,166 @@ div.endBtnIcon {
1814
1654
  }
1815
1655
  :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip .tippy-arrow.tippy-arrow.tippy-arrow.tippy-arrow::before {
1816
1656
  color: #000;
1657
+ }.api-docs-api-tree {
1658
+ width: 100%;
1659
+ max-width: 12.5rem;
1660
+ padding: 3rem 1.25rem;
1661
+ box-sizing: border-box;
1662
+ }
1663
+ .api-docs-api-tree > * {
1664
+ box-sizing: border-box;
1665
+ }
1666
+ .api-docs-api-tree__section-header {
1667
+ display: flex;
1668
+ align-items: center;
1669
+ gap: 0.25rem;
1670
+ padding-inline: 0.5rem;
1671
+ cursor: pointer;
1672
+ user-select: none;
1673
+ height: 2.5rem;
1674
+ }
1675
+ .api-docs-api-tree__section-header:hover {
1676
+ background-color: #f3f4f6;
1677
+ width: 100%;
1678
+ }
1679
+ .api-docs-api-tree__section-header svg {
1680
+ min-width: 1rem;
1681
+ }
1682
+ .api-docs-api-tree__section-header svg:first-child path {
1683
+ stroke: #bbbec5;
1684
+ }
1685
+ .api-docs-api-tree__section-title {
1686
+ font-size: 0.75rem;
1687
+ line-height: 0.875rem;
1688
+ font-weight: 500;
1689
+ color: #000;
1690
+ margin-left: 0.25rem;
1691
+ word-break: break-all;
1692
+ line-height: 0.9375rem;
1693
+ }
1694
+ .api-docs-api-tree__section__overview {
1695
+ display: flex;
1696
+ align-items: center;
1697
+ gap: 0.5rem;
1698
+ padding: 0.5rem 1.75rem;
1699
+ border-radius: 0.25rem;
1700
+ cursor: pointer;
1701
+ }
1702
+ .api-docs-api-tree__section__overview:hover {
1703
+ background-color: #f3f4f6;
1704
+ }
1705
+ .api-docs-api-tree__section__overview span {
1706
+ font-size: 0.75rem;
1707
+ line-height: 0.875rem;
1708
+ color: #000000;
1709
+ }
1710
+ .api-docs-api-tree__section__overview[data-active=true] {
1711
+ background-color: #f0f1f2;
1712
+ }
1713
+ .api-docs-api-tree__section__endpoints {
1714
+ display: flex;
1715
+ align-items: center;
1716
+ height: 1.5rem;
1717
+ gap: 0.5rem;
1718
+ border-radius: 0.25rem;
1719
+ padding-inline: 1.75rem;
1720
+ cursor: pointer;
1721
+ }
1722
+ .api-docs-api-tree__section__endpoints span {
1723
+ font-size: 0.75rem;
1724
+ line-height: 0.875rem;
1725
+ color: #000000;
1726
+ }
1727
+ .api-docs-api-tree__section__endpoints[data-active=true] {
1728
+ background-color: #f0f1f2;
1729
+ }
1730
+ .api-docs-api-tree__section[data-active=true] .api-docs-api-tree__section-title {
1731
+ color: #616874;
1732
+ }
1733
+ .api-docs-api-tree__endpoints {
1734
+ display: flex;
1735
+ flex-direction: column;
1736
+ align-items: start;
1737
+ gap: 0.5rem;
1738
+ border-radius: 0.25rem;
1739
+ cursor: pointer;
1740
+ }
1741
+ .api-docs-api-tree__endpoints span {
1742
+ font-size: 0.75rem;
1743
+ line-height: 0.875rem;
1744
+ color: #000000;
1745
+ }
1746
+ .api-docs-api-tree__endpoints[data-active=true] {
1747
+ background-color: #f0f1f2;
1748
+ }
1749
+ .api-docs-api-tree__subsection-header {
1750
+ height: 2rem;
1751
+ display: flex;
1752
+ align-items: center;
1753
+ gap: 0.875rem;
1754
+ padding-inline: 0.5rem;
1755
+ cursor: pointer;
1756
+ user-select: none;
1757
+ }
1758
+ .api-docs-api-tree__subsection-header svg {
1759
+ color: #6b7280;
1760
+ }
1761
+ .api-docs-api-tree__subsection-title {
1762
+ font-size: 0.75rem;
1763
+ line-height: 0.875rem;
1764
+ color: #616874;
1765
+ }
1766
+ .api-docs-api-tree__endpoint {
1767
+ display: flex;
1768
+ align-items: center;
1769
+ gap: 0.25rem;
1770
+ padding: 0.5rem 0.75rem;
1771
+ text-transform: capitalize;
1772
+ width: 100%;
1773
+ cursor: pointer;
1774
+ }
1775
+ .api-docs-api-tree__endpoint[data-active=true] {
1776
+ background-color: #f0f1f2;
1777
+ }
1778
+ .api-docs-api-tree__endpoint:hover {
1779
+ background-color: #f3f4f6;
1780
+ }
1781
+ .api-docs-api-tree__endpoint-method {
1782
+ font-size: 0.75rem;
1783
+ line-height: 0.875rem;
1784
+ font-weight: 400;
1785
+ text-align: start;
1786
+ }
1787
+ .api-docs-api-tree__endpoint-name {
1788
+ font-size: 0.75rem;
1789
+ line-height: 0.875rem;
1790
+ color: #3b3f46;
1791
+ display: -webkit-box;
1792
+ -webkit-box-orient: vertical;
1793
+ -webkit-line-clamp: 1;
1794
+ overflow: hidden;
1795
+ text-overflow: ellipsis;
1796
+ }
1797
+ .api-docs-api-tree__endpoint--get .api-docs-api-tree__endpoint-method {
1798
+ color: #3a6cd1;
1799
+ }
1800
+ .api-docs-api-tree__endpoint--post .api-docs-api-tree__endpoint-method {
1801
+ color: #3aaa35;
1802
+ }
1803
+ .api-docs-api-tree__endpoint--put .api-docs-api-tree__endpoint-method {
1804
+ color: #faad14;
1805
+ }
1806
+ .api-docs-api-tree__endpoint--delete .api-docs-api-tree__endpoint-method {
1807
+ color: #da3f3f;
1808
+ }
1809
+ .api-docs-api-tree__endpoint--option .api-docs-api-tree__endpoint-method {
1810
+ color: #495d97;
1811
+ }
1812
+ .api-docs-api-tree__endpoint--head .api-docs-api-tree__endpoint-method {
1813
+ color: #9461c9;
1814
+ }
1815
+ .api-docs-api-tree__endpoint--patch .api-docs-api-tree__endpoint-method {
1816
+ color: #58e2c2;
1817
1817
  }.codebox {
1818
1818
  border-radius: 0.25rem;
1819
1819
  overflow: hidden;