@digi-frontend/dgate-api-documentation 1.1.10 → 1.1.11

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.
Files changed (11) hide show
  1. package/dist/_virtual/index5.js +1 -1
  2. package/dist/_virtual/index6.js +1 -1
  3. package/dist/_virtual/index7.js +1 -1
  4. package/dist/node_modules/toposort/index.js +1 -1
  5. package/dist/node_modules/yup/index.esm.js +1 -1
  6. package/dist/styles.css +1355 -1355
  7. package/dist/types/components/JsonInput/JsonInput.d.ts +3 -3
  8. package/dist/types/components/table/table.d.ts +1 -1
  9. package/dist/types/utils/index.d.ts +1 -1
  10. package/dist/types/validator/form.scheme.d.ts +21 -21
  11. package/package.json +2 -3
package/dist/styles.css CHANGED
@@ -39,147 +39,6 @@
39
39
  grid-row: 2;
40
40
  grid-column: 2;
41
41
  background-color: white;
42
- }.containerTitleDrawer {
43
- height: 64px;
44
- min-height: 64px;
45
- display: flex;
46
- flex-direction: row;
47
- justify-content: space-between;
48
- align-items: center;
49
- background-color: #f1f2f6;
50
- padding: 0 30px 0 30px;
51
- width: 100%;
52
- }
53
- .containerTitleDrawer span {
54
- color: #12131a;
55
- font-weight: 600;
56
- font-size: 18px;
57
- line-height: 25px;
58
- letter-spacing: 0em;
59
- }
60
- .containerTitleDrawer svg path {
61
- stroke: #000 !important;
62
- }
63
- .containerTitleDrawer .closeIcon {
64
- cursor: pointer;
65
- }.apiInfoForm {
66
- display: grid;
67
- padding: 1.25rem 1.875rem;
68
- gap: 1.25rem;
69
- }
70
- .apiInfoForm .paramsTable .paramDescContainer {
71
- display: flex;
72
- }
73
- .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
74
- height: inherit;
75
- width: 1px;
76
- background-color: #d8dae5;
77
- }
78
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
79
- stroke-width: 0.1;
80
- }
81
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
82
- padding: 0;
83
- margin-right: 1.25rem;
84
- }
85
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
86
- display: flex;
87
- align-items: center;
88
- padding: 0;
89
- font-size: 0.875rem;
90
- }
91
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
92
- margin-block: auto;
93
- }
94
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
95
- fill: #12131a;
96
- }
97
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
98
- padding: 0;
99
- border-width: 0 !important;
100
- }
101
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
102
- margin-block: auto;
103
- }
104
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
105
- width: 1.125rem;
106
- }
107
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
108
- margin-block: auto;
109
- }
110
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
111
- width: 1.125rem;
112
- }
113
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
114
- fill: #3aaa35;
115
- }
116
- .apiInfoForm .paramsTable .externalDocsLink {
117
- font-size: 0.875rem;
118
- line-height: 1.25rem;
119
- cursor: pointer;
120
- align-self: center;
121
- margin-right: 2rem;
122
- }
123
- .apiInfoForm .paramsTable .editExternalDocs {
124
- display: flex;
125
- align-items: center;
126
- padding-right: 0.625rem;
127
- }
128
- .apiInfoForm .paramsTable .editExternalDocs svg {
129
- cursor: pointer;
130
- }
131
- .apiInfoForm .paramsTable .editExternalDocs svg path {
132
- fill: #12131a;
133
- }
134
- .apiInfoForm .paramsTable .editDescTooltipContent {
135
- display: flex;
136
- flex-direction: column;
137
- gap: 0.625rem;
138
- padding-bottom: 0.625rem;
139
- }
140
- .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
141
- margin-inline: 0.625rem;
142
- }
143
- .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
144
- font-weight: 600;
145
- font-size: 0.875rem;
146
- line-height: 1.25rem;
147
- padding: 0.75rem 1.25rem;
148
- border-bottom: 1px solid #d8dae5;
149
- }
150
- .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
151
- content: "*";
152
- color: red;
153
- transform: translateX(0.125rem);
154
- }
155
- .apiInfoForm .apiDocRow {
156
- display: grid;
157
- grid-template-columns: 1fr 1fr;
158
- gap: 1.25rem;
159
- }
160
- .apiInfoForm .apiInfoForm_tagsChips {
161
- margin-top: -1.25rem;
162
- }
163
- .apiInfoForm .editDescTooltipContent {
164
- display: flex;
165
- flex-direction: column;
166
- gap: 0.625rem;
167
- padding-bottom: 0.625rem;
168
- }
169
- .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
170
- margin-inline: 0.625rem;
171
- }
172
- .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
173
- font-weight: 600;
174
- font-size: 0.875rem;
175
- line-height: 1.25rem;
176
- padding: 0.75rem 1.25rem;
177
- border-bottom: 1px solid #d8dae5;
178
- }
179
- .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
180
- content: "*";
181
- color: red;
182
- transform: translateX(0.125rem);
183
42
  }.livePreviewContainer .titleContainer {
184
43
  margin-top: 1.875rem;
185
44
  display: flex;
@@ -350,789 +209,930 @@
350
209
  width: 0.625rem;
351
210
  aspect-ratio: 1/1;
352
211
  border-radius: 100%;
353
- }.tooltip-custom-wrapper {
212
+ }.apiInfoForm {
213
+ display: grid;
214
+ padding: 1.25rem 1.875rem;
215
+ gap: 1.25rem;
216
+ }
217
+ .apiInfoForm .paramsTable .paramDescContainer {
354
218
  display: flex;
355
219
  }
356
-
357
- [data-tippy-root] {
358
- z-index: 2 !important;
220
+ .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
221
+ height: inherit;
222
+ width: 1px;
223
+ background-color: #d8dae5;
359
224
  }
360
-
361
- .tippy-box {
362
- background-color: #202f5b;
363
- font-size: 0.875rem;
364
- border-radius: 0.3125rem;
365
- width: max-content;
366
- max-width: 100%;
367
- overflow-wrap: break-word;
368
- word-break: break-word;
369
- position: relative;
370
- border: 1px solid #d8dae5;
371
- z-index: 2;
225
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
226
+ stroke-width: 0.1;
372
227
  }
373
- .tippy-box.function .tippy-content {
374
- background-color: #fff !important;
375
- color: #000 !important;
228
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
229
+ padding: 0;
230
+ margin-right: 1.25rem;
376
231
  }
377
- .tippy-box.function[data-placement] > .tippy-arrow:before {
378
- color: #fff !important;
232
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
233
+ display: flex;
234
+ align-items: center;
235
+ padding: 0;
236
+ font-size: 0.875rem;
379
237
  }
380
- .tippy-box.info .tippy-arrow {
381
- color: #202f5b;
238
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
239
+ margin-block: auto;
382
240
  }
383
- .tippy-box.success {
384
- border-radius: 1.875rem;
385
- background-color: #3aaa35;
386
- padding-inline: 0.625rem;
241
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
242
+ fill: #12131a;
387
243
  }
388
- .tippy-box .tippy-content {
389
- text-align: justify;
390
- font-size: 0.875rem;
391
- line-height: 1.25rem;
392
- padding: 0.625rem;
244
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
245
+ padding: 0;
246
+ border-width: 0 !important;
393
247
  }
394
- .tippy-box .tippy-arrow {
395
- position: relative;
396
- width: 1rem;
397
- height: 1rem;
248
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
249
+ margin-block: auto;
398
250
  }
399
- .tippy-box[data-placement^=top] .tippy-arrow:before {
400
- bottom: -0.4375rem;
401
- border-width: 0.5rem 0.5rem 0 !important;
251
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
252
+ width: 1.125rem;
402
253
  }
403
- .tippy-box[data-placement^=right] .tippy-arrow:before {
404
- left: -0.4375rem;
405
- border-width: 0.5rem 0.5rem 0.5rem 0 !important;
254
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
255
+ margin-block: auto;
406
256
  }
407
- .tippy-box[data-placement^=bottom] .tippy-arrow:before {
408
- top: -0.4375rem;
409
- border-width: 0 0.5rem 0.5rem !important;
257
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
258
+ width: 1.125rem;
410
259
  }
411
- .tippy-box[data-placement^=left] .tippy-arrow:before {
412
- right: -0.4375rem;
413
- border-width: 0.5rem 0 0.5rem 0.5rem !important;
260
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
261
+ fill: #3aaa35;
414
262
  }
415
- .tippy-box[data-placement^=bottom-start] .tippy-arrow {
416
- transform: translate(0.937rem, 0) !important;
263
+ .apiInfoForm .paramsTable .externalDocsLink {
264
+ font-size: 0.875rem;
265
+ line-height: 1.25rem;
266
+ cursor: pointer;
267
+ align-self: center;
268
+ margin-right: 2rem;
417
269
  }
418
- .tippy-box[data-placement^=bottom-end] .tippy-arrow {
419
- margin-left: calc(100% - 1.937rem);
420
- transform: translate(0, 0) !important;
270
+ .apiInfoForm .paramsTable .editExternalDocs {
271
+ display: flex;
272
+ align-items: center;
273
+ padding-right: 0.625rem;
421
274
  }
422
- .tippy-box[data-placement^=top-start] .tippy-arrow {
423
- transform: translate(0.937rem, 0) !important;
275
+ .apiInfoForm .paramsTable .editExternalDocs svg {
276
+ cursor: pointer;
424
277
  }
425
- .tippy-box[data-placement^=top-end] .tippy-arrow {
426
- transform: translate(0.937rem, 0) !important;
278
+ .apiInfoForm .paramsTable .editExternalDocs svg path {
279
+ fill: #12131a;
427
280
  }
428
- .tippy-box.arrow-with-border {
429
- border: 1px solid #d8dae5;
281
+ .apiInfoForm .paramsTable .editDescTooltipContent {
282
+ display: flex;
283
+ flex-direction: column;
284
+ gap: 0.625rem;
285
+ padding-bottom: 0.625rem;
430
286
  }
431
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
432
- top: 1px;
433
- background-color: white;
434
- z-index: 2;
435
- height: 1px;
436
- }
437
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
438
- width: 0.625rem;
439
- height: 0.625rem;
440
- background-color: white;
441
- transform: rotate(45deg);
442
- border: none;
443
- border-left: 1px solid #d8dae5 !important;
444
- border-top: 1px solid #d8dae5 !important;
445
- z-index: 2;
446
- top: -0.45rem;
447
- transform-origin: center !important;
448
- }.json-editor-container {
449
- overflow: hidden;
450
- border-bottom-right-radius: 0.3125rem;
451
- border-bottom-left-radius: 0.3125rem;
287
+ .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
288
+ margin-inline: 0.625rem;
452
289
  }
453
- .json-editor-container .json-editor-label {
454
- font-size: 0.875rem;
290
+ .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
455
291
  font-weight: 600;
292
+ font-size: 0.875rem;
456
293
  line-height: 1.25rem;
457
- margin-bottom: 0.3125rem;
294
+ padding: 0.75rem 1.25rem;
295
+ border-bottom: 1px solid #d8dae5;
458
296
  }
459
- .json-editor-container .json-editor {
297
+ .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
298
+ content: "*";
299
+ color: red;
300
+ transform: translateX(0.125rem);
301
+ }
302
+ .apiInfoForm .apiDocRow {
303
+ display: grid;
304
+ grid-template-columns: 1fr 1fr;
305
+ gap: 1.25rem;
306
+ }
307
+ .apiInfoForm .apiInfoForm_tagsChips {
308
+ margin-top: -1.25rem;
309
+ }
310
+ .apiInfoForm .editDescTooltipContent {
460
311
  display: flex;
461
312
  flex-direction: column;
462
- background-color: #142452;
463
- width: 100%;
464
- outline: 1px solid transparent;
465
- position: relative;
466
- overflow: hidden;
313
+ gap: 0.625rem;
314
+ padding-bottom: 0.625rem;
467
315
  }
468
- .json-editor-container .json-editor .actions-container {
469
- width: 100%;
470
- height: 5rem;
471
- padding: 1.25rem;
472
- border-radius: 0 0 0.3125rem 0.3125rem;
473
- background: #101e47;
474
- display: flex;
475
- flex-direction: row;
476
- gap: 1.25rem;
477
- align-items: center;
316
+ .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
317
+ margin-inline: 0.625rem;
478
318
  }
479
- .json-editor-container .json-editor .actions-container .validate {
480
- color: #fff;
481
- text-align: center;
482
- font-size: 1rem;
483
- font-style: normal;
319
+ .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
484
320
  font-weight: 600;
321
+ font-size: 0.875rem;
485
322
  line-height: 1.25rem;
486
- width: 8.75rem;
487
- padding: 0.625rem 2.25rem;
488
- background-color: rgba(240, 248, 255, 0);
489
- border-radius: 0.3125rem;
490
- border: 0.0625rem solid #4d75d8;
491
- cursor: pointer;
323
+ padding: 0.75rem 1.25rem;
324
+ border-bottom: 1px solid #d8dae5;
492
325
  }
493
- .json-editor-container .json-editor .actions-container .validate:disabled {
494
- color: #babdcc;
495
- border-color: #a2a5b6;
326
+ .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
327
+ content: "*";
328
+ color: red;
329
+ transform: translateX(0.125rem);
330
+ }.methodAccordion {
331
+ border: none !important;
332
+ box-shadow: none !important;
333
+ margin-bottom: 0 !important;
496
334
  }
497
- .json-editor-container .json-editor .actions-container .beautify {
498
- color: #fff;
499
- text-align: center;
500
- font-size: 1rem;
501
- font-style: normal;
502
- font-weight: 600;
503
- line-height: 1.25rem;
504
- width: 8.75rem;
505
- padding: 0.625rem 2.25rem;
506
- background-color: rgba(240, 248, 255, 0);
507
- border-radius: 0.3125rem;
508
- border: 1px solid #babdcc;
509
- cursor: pointer;
335
+ .methodAccordion :global(.accordion-header) {
336
+ padding: 0 !important;
337
+ margin: 1.25rem 1.875rem 0 1.875rem !important;
338
+ height: 2.625rem;
339
+ border: none !important;
340
+ background-color: transparent !important;
510
341
  }
511
- .json-editor-container .json-editor .actions-container .beautify:disabled {
512
- color: #a2a5b6;
513
- border-color: #a2a5b6;
342
+ .methodAccordion :global(.iconContainer .dropdownIcon) {
343
+ display: none !important;
514
344
  }
515
- .json-editor-container .json-editor textarea {
516
- width: 100%;
517
- padding: 1.25rem;
518
- font-size: 0.875rem;
519
- font-style: normal;
345
+ .methodAccordion :global(.accordion-details.expanded) {
346
+ border: none !important;
347
+ padding: 0 !important;
348
+ }
349
+ .methodAccordion :global(.enumText) {
350
+ font-family: "Cairo";
520
351
  font-weight: 400;
352
+ font-size: 0.875rem;
521
353
  line-height: 1.25rem;
522
- color: white;
523
- height: 25rem;
524
- background-color: #142452;
525
- border: none;
526
- resize: none;
354
+ max-width: 5.5625rem;
355
+ white-space: normal;
527
356
  }
528
- .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 {
529
- outline: none;
530
- border: none;
357
+ .methodAccordion .methodSummaryContainer {
358
+ display: flex;
359
+ align-items: center;
360
+ gap: 0.9375rem;
361
+ margin-bottom: 1.25rem;
531
362
  }
532
- .json-editor-container .json-editor textarea::-webkit-scrollbar {
533
- width: 0.5rem;
363
+ .methodAccordion .methodSummaryContainer .methodSummary {
364
+ display: flex;
365
+ align-items: center;
366
+ gap: 0.3125rem;
367
+ background-color: #f8f9fb;
368
+ width: 100%;
369
+ padding: 0.3125rem;
370
+ border-radius: 0.3125rem;
371
+ font-size: 0.875rem;
534
372
  }
535
- .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
536
- background-color: #828699;
537
- border: none;
538
- border-color: transparent;
539
- border-top-left-radius: 0;
373
+ .methodAccordion .methodSummaryContainer .methodSummary .methodLabel {
374
+ display: grid;
375
+ place-content: center;
376
+ width: 5rem;
377
+ height: 2rem;
378
+ color: white;
379
+ border-radius: 0.1875rem;
380
+ text-transform: capitalize;
540
381
  }
541
- .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
542
- background-color: #d8dae5;
543
- border: none;
544
- border-color: transparent;
545
- border-radius: 0;
382
+ .methodAccordion .methodSummaryContainer .methodSummary .methodPath {
383
+ display: block;
384
+ line-height: 1.25rem !important;
546
385
  }
547
- .json-editor-container .json-editor.invalid {
548
- outline: 1px solid #ce2828 !important;
386
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer {
387
+ display: grid;
388
+ place-content: center;
389
+ width: 2.25rem;
390
+ aspect-ratio: 1/1;
391
+ border-radius: 100%;
392
+ background-color: #f8f9fb;
393
+ margin-left: auto;
549
394
  }
550
- .json-editor-container .error-message {
551
- color: #ce2828;
552
- font-size: 0.75rem;
553
- line-height: 1.25rem;
554
- margin-top: 0.625rem;
395
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer.expanded svg {
396
+ rotate: 180deg;
555
397
  }
556
- .json-editor-container.disabled .json-editor textarea {
557
- background-color: white;
558
- color: #12131a;
559
- }#common-dialog.dialog-content-wrapper {
560
- overflow: visible !important;
561
- max-height: 100%;
562
- width: 22.1875rem;
398
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer svg {
399
+ transition: rotate 0.3s ease-in-out;
563
400
  }
564
- #common-dialog.dialog-content-wrapper .dialog-content-root {
565
- overflow: visible !important;
566
- border-radius: 0.625rem;
567
- max-height: 100%;
401
+ .methodAccordion .methodAccordionContent {
402
+ display: flex;
403
+ flex-direction: column;
404
+ padding-inline: 1.875rem;
568
405
  }
569
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
570
- padding: 0 1.875rem !important;
571
- overflow: visible !important;
572
- max-height: 100%;
406
+ .methodAccordion .methodAccordionContent .multiLineText {
407
+ word-break: break-word;
573
408
  }
574
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
575
- position: relative;
409
+ .methodAccordion .methodAccordionContent .methodDesc {
410
+ margin-top: 1.25rem;
576
411
  }
577
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
578
- position: absolute;
579
- z-index: 1;
580
- top: 1.5rem;
581
- right: 0;
582
- transform: translate(0.625rem, -0.625rem);
583
- cursor: pointer;
412
+ .methodAccordion .methodAccordionContent .paramsTable {
413
+ margin-top: 1.875rem;
584
414
  }
585
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
415
+ .methodAccordion .methodAccordionContent .paramsTable .paramsTableBodyHead {
416
+ font-weight: 600;
417
+ font-family: "Cairo";
418
+ font-size: 1.875rem;
419
+ line-height: 2.5rem;
420
+ margin: 0;
421
+ margin-bottom: 1.25rem;
422
+ }
423
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader {
586
424
  display: flex;
587
- padding-top: 0.5rem;
588
- position: relative;
425
+ flex-direction: row;
426
+ justify-content: space-between;
427
+ align-items: center;
428
+ display: flex;
429
+ align-items: center;
589
430
  }
590
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
591
- margin-top: 1rem;
592
- margin-bottom: 1.5rem;
593
- margin-inline: auto;
431
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup .optionsList) {
432
+ width: 8rem !important;
433
+ min-width: 8rem !important;
594
434
  }
595
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
596
- stroke: #12131a;
435
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup) {
436
+ width: 8rem;
437
+ margin-left: auto;
597
438
  }
598
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
599
- stroke: #12131a;
439
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup) :global(.selectDisplay) {
440
+ height: 2.0625rem !important;
441
+ min-height: 2.0625rem !important;
442
+ padding: 0;
443
+ padding-left: 0.625rem;
600
444
  }
601
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
445
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader .statusCodeOptionContainer {
446
+ display: grid;
447
+ grid-template-columns: min-content min-content;
448
+ align-items: center;
449
+ gap: 0.625rem;
450
+ }
451
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader .statusCodeOptionContainer .statusCodeOptionCircle {
452
+ width: 0.625rem;
453
+ aspect-ratio: 1/1;
454
+ border-radius: 100%;
455
+ }
456
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer {
457
+ display: flex;
458
+ }
459
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer .paramDescContainer_separator {
460
+ height: inherit;
461
+ width: 1px;
462
+ background-color: #d8dae5;
463
+ }
464
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn) svg path {
465
+ stroke-width: 0.1;
466
+ }
467
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
468
+ padding: 0;
469
+ margin-right: 1.25rem;
470
+ }
471
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
472
+ display: flex;
473
+ align-items: center;
474
+ padding: 0;
475
+ color: #12131a;
476
+ }
477
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
478
+ margin-block: auto;
479
+ }
480
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
481
+ align-self: center;
482
+ }
483
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
602
484
  fill: #12131a;
603
485
  }
604
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
605
- stroke: #faad14;
486
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
487
+ padding: 0;
606
488
  }
607
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
608
- stroke: #faad14;
489
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
490
+ margin-block: auto;
609
491
  }
610
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
611
- stroke: #da3f3f;
492
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
493
+ width: 1.125rem;
612
494
  }
613
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
614
- stroke: #da3f3f;
495
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
496
+ margin-block: auto;
615
497
  }
616
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
617
- fill: #da3f3f;
498
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
499
+ width: 1.125rem;
618
500
  }
619
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
620
- font-size: 1.5rem;
621
- font-weight: 500;
622
- line-height: 1.875rem;
623
- text-align: center;
624
- margin-bottom: 0.625rem;
501
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
502
+ fill: #3aaa35;
625
503
  }
626
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
627
- color: #da3f3f;
504
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent {
505
+ display: flex;
506
+ flex-direction: column;
507
+ gap: 0.625rem;
508
+ padding-bottom: 0.625rem;
628
509
  }
629
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
630
- color: #faad14;
510
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
511
+ margin-inline: 0.625rem;
631
512
  }
632
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
513
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
514
+ font-weight: 600;
515
+ font-size: 0.875rem;
516
+ line-height: 1.25rem;
517
+ padding: 0.75rem 1.25rem;
518
+ border-bottom: 1px solid #d8dae5;
519
+ }
520
+ .methodAccordion .methodAccordionContent .paramsTable :global(.requiredParam) :global(.headContainer)::after {
521
+ content: "*";
522
+ color: red;
523
+ transform: translateX(0.125rem);
524
+ }
525
+ .methodAccordion .methodAccordionContent .requestAccordion,
526
+ .methodAccordion .methodAccordionContent .responseAccordion {
527
+ border: 1px solid #babdcc;
528
+ border-radius: 0.3125rem !important;
529
+ box-shadow: none !important;
530
+ margin-bottom: 0 !important;
531
+ cursor: default !important;
532
+ margin-top: 1.25rem;
533
+ }
534
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
535
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
633
536
  display: flex;
634
- gap: 1.25rem;
635
- margin-top: 1.875rem;
537
+ align-items: center;
538
+ justify-content: space-between;
539
+ margin: 0 !important;
540
+ padding: 0 !important;
541
+ height: 4.0625rem !important;
542
+ border-radius: 0.3125rem !important;
543
+ background-color: white !important;
636
544
  }
637
-
638
- .common-dialog {
639
- position: relative;
545
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded),
546
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) {
547
+ border-top: 1px solid #babdcc !important;
548
+ padding: 1.25rem !important;
549
+ padding: 0 !important;
640
550
  }
641
- .common-dialog .close-icon {
642
- position: absolute !important;
643
- z-index: 1 !important;
644
- top: 0.75rem !important;
645
- right: 0.4rem !important;
646
- transform: translate(0.625rem, -0.625rem) !important;
647
- cursor: pointer !important;
551
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
552
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
553
+ border-top-right-radius: 0;
554
+ border-top-left-radius: 0;
555
+ height: 10rem;
648
556
  }
649
- .common-dialog .confirmation-dialog-header {
557
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
558
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
650
559
  display: flex;
651
- padding-top: 0.5rem;
652
- position: relative;
653
560
  }
654
- .common-dialog .confirmation-dialog-header .icon {
655
- margin-top: 1rem;
656
- margin-bottom: 1.5rem;
657
- margin-inline: auto;
561
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
562
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
563
+ height: 100%;
564
+ padding: 1.25rem;
658
565
  }
659
- .common-dialog .confirmation-dialog-header .icon.info path {
660
- stroke: #12131a;
566
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary,
567
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary,
568
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary,
569
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
570
+ width: 100%;
571
+ display: flex;
572
+ justify-content: space-between;
573
+ font-weight: 700;
574
+ font-size: 1.125rem;
575
+ line-height: 1.5rem;
576
+ display: flex;
577
+ align-items: center;
578
+ cursor: default !important;
579
+ margin-inline: 0.625rem 1.25rem;
661
580
  }
662
- .common-dialog .confirmation-dialog-header .icon.info line {
663
- stroke: #12131a;
581
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title,
582
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title,
583
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title,
584
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title {
585
+ display: flex;
586
+ align-items: center;
587
+ cursor: pointer;
664
588
  }
665
- .common-dialog .confirmation-dialog-header .icon.info line + path {
666
- fill: #12131a;
589
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title svg,
590
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title svg,
591
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title svg,
592
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title svg {
593
+ transition: rotate 0.2s ease-in-out;
667
594
  }
668
- .common-dialog .confirmation-dialog-header .icon.warning path {
669
- stroke: #faad14;
595
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title .expanded,
596
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title .expanded,
597
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title .expanded,
598
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title .expanded {
599
+ rotate: 180deg;
670
600
  }
671
- .common-dialog .confirmation-dialog-header .icon.warning line {
672
- stroke: #faad14;
601
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
602
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
603
+ padding: 0;
604
+ border: none;
673
605
  }
674
- .common-dialog .confirmation-dialog-header .icon.error path {
675
- stroke: #da3f3f;
606
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
607
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
608
+ display: none !important;
676
609
  }
677
- .common-dialog .confirmation-dialog-header .icon.error line {
678
- stroke: #da3f3f;
610
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
611
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
612
+ cursor: default;
679
613
  }
680
- .common-dialog .confirmation-dialog-header .icon.error line + path {
681
- fill: #da3f3f;
614
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
615
+ display: flex;
616
+ align-items: center;
682
617
  }
683
- .common-dialog .confirmation-title {
684
- font-size: 1.5rem;
685
- font-weight: 500;
686
- line-height: 1.875rem;
687
- text-align: center;
688
- margin-bottom: 0.625rem;
618
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
619
+ width: 8rem !important;
620
+ min-width: 8rem !important;
689
621
  }
690
- .common-dialog .confirmation-title.error-title {
691
- color: #da3f3f;
622
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
623
+ width: 8rem;
624
+ margin-left: auto;
692
625
  }
693
- .common-dialog .confirmation-title.warning-title {
694
- color: #faad14;
626
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
627
+ height: 2.0625rem !important;
628
+ min-height: 2.0625rem !important;
629
+ padding: 0;
630
+ padding-left: 0.625rem;
695
631
  }
696
- .common-dialog .confirmation-dialog-footer {
697
- display: flex;
698
- gap: 1.25rem;
699
- margin-top: 1.875rem;
700
- }:root {
701
- --white: #fff;
702
- --Gray-5: #f1f2f6;
703
- --Gray-10: #ebecf2;
704
- --Gray-20: #d8dae5;
705
- --Gray-30: #babdcc;
706
- --Gray-40: #9a9eb2;
707
- --Gray-50: #828699;
708
- --Gray-60: #696c80;
709
- --Gray-100: #12131a;
710
- --black: #000;
711
- --primary-static: #4d75d8;
712
- --primary-hover: #7c9bea;
713
- --primary-active: #2c4fa4;
714
- --primary-disabled: #9a9eb2;
715
- --secondary-static: #40e0d0;
716
- --secondary-hover: #9efcf2;
717
- --secondary-active: #2fa599;
718
- --error-static: #da3f3f;
719
- --error-hover: #e75d5d;
720
- --error-active: #bb3232;
721
- --success-static: #3aaa35;
722
- --success-hover: #5cda56;
723
- --success-active: #2a8a25;
724
- --info-static: #c6c6c6;
725
- --info-hover: #e4e4e4;
726
- --info-active: #979797;
727
- --warning-static: #faad14;
728
- --warning-hover: #f9be4a;
729
- --warning-active: #db9711;
730
- --action-static: #142452;
731
- --action-hover: #21387d;
732
- --action-active: #000000;
733
- --color-info-primary: #3a6cd1;
734
- --primary-font-color: #142452;
735
- --placeholder-font-color: #babdcc;
736
- --warning-font-color: #ce2828;
737
- --alert-error: #da3f3f;
738
- --alert-light-error: #f4c5c5;
739
- --alert-success: #3aaa35;
740
- --alert-light-success: #c4e5c2;
741
- --alert-info: #8eaaf1;
742
- --alert-light-info: #c4d3f1;
743
- --alert-warning: #faad14;
744
- --alert-light-warning: #fde6b8;
745
- --border-focus: #3a6cd1;
746
- --tooltip-background-color: #202f5b;
747
- --text-color-primary: #142452;
748
- --text-color-secondary: #ffff;
749
- --text-color-neutral: #828699;
750
- --text-color-tertiary: #808080;
751
- --text-color-note: #242424;
752
- --text-color-quaternary: #142452;
753
- --text-color-disabled: #ffff;
754
- --background-color-white-primary: #fff;
755
- --background-color-light-primary: #8eaaf1;
756
- --background-color-white-secondary: #fff;
757
- --background-color-primary-dark: #142452;
758
- --background-color-gray-5: #f1f2f6;
759
- --background-color-gray-30: #ebecf2;
760
- --background-color-tertiary-light: #2c4fa4;
761
- --background-color-gray-10: #f1f2f6;
762
- --background-color-gray-40: #ebecf2;
763
- --background-color-light-blue: #dfe7f8;
764
- --border-color-primary: #babdcc;
765
- --border-color-secondary: #d8dae5;
766
- --border-color-neutral: #ebecf2;
767
- --border-color-tertiary: #ebecf2;
768
- --border-color-gray: #ebecf2;
769
- --border-color-hover: #142452;
770
- --border-color-active: #3a6cd1;
771
- --icon-color-main: #142452;
772
- --icon-color-secondary: #000;
773
- --icon-color-quaternary: #babdcc;
774
- --icon-color-disabled: #9a9eb2;
775
- --link-btn-primary-color: #3a6cd1;
776
- --button-color-static: #4d75d8;
777
- --button-color-hover: #7c9bea;
778
- --button-color-active: #2c4fa4;
779
- --alert-natural: #c4d3f1;
632
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
633
+ overflow: visible;
634
+ cursor: default;
780
635
  }
781
-
782
- .drawerItemContainer {
636
+ .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer {
637
+ display: grid;
638
+ grid-template-columns: min-content min-content;
639
+ align-items: center;
640
+ gap: 0.625rem;
641
+ }
642
+ .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
643
+ width: 0.625rem;
644
+ aspect-ratio: 1/1;
645
+ border-radius: 100%;
646
+ }
647
+ .methodAccordion.readOnly .methodAccordionContent {
648
+ padding: 0;
649
+ }
650
+ .methodAccordion.readOnly :global(.accordion-header) {
651
+ margin: 1.25rem 0 0 0 !important;
652
+ }
653
+ .methodAccordion.readOnly :global(.accordion-details) {
654
+ background-color: transparent !important;
655
+ }
656
+ .methodAccordion.readOnly .methodSummaryContainer .methodSummary {
657
+ background-color: #ebecf2;
658
+ }
659
+ .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
660
+ background-color: #ebecf2;
661
+ }.containerTitleDrawer {
662
+ height: 64px;
663
+ min-height: 64px;
783
664
  display: flex;
784
- flex-direction: column;
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%;
785
671
  }
786
- .drawerItemContainer .title {
787
- color: #000;
672
+ .containerTitleDrawer span {
673
+ color: #12131a;
788
674
  font-weight: 600;
789
- font-size: 24px;
790
- line-height: 35px;
791
- margin-bottom: 3px;
792
- margin-top: 1.5rem;
793
- }
794
- .drawerItemContainer .text {
795
- color: #000;
796
- font-weight: 400;
797
- font-size: 24px;
675
+ font-size: 18px;
798
676
  line-height: 25px;
677
+ letter-spacing: 0em;
799
678
  }
800
- .drawerItemContainer .color-green {
801
- color: var(--color-success);
679
+ .containerTitleDrawer svg path {
680
+ stroke: #000 !important;
802
681
  }
803
- .drawerItemContainer .color-red {
804
- color: var(--color-error);
805
- }.methodAccordion {
806
- border: none !important;
807
- box-shadow: none !important;
808
- margin-bottom: 0 !important;
682
+ .containerTitleDrawer .closeIcon {
683
+ cursor: pointer;
684
+ }#common-dialog.dialog-content-wrapper {
685
+ overflow: visible !important;
686
+ max-height: 100%;
687
+ width: 22.1875rem;
809
688
  }
810
- .methodAccordion :global(.accordion-header) {
811
- padding: 0 !important;
812
- margin: 1.25rem 1.875rem 0 1.875rem !important;
813
- height: 2.625rem;
814
- border: none !important;
815
- background-color: transparent !important;
689
+ #common-dialog.dialog-content-wrapper .dialog-content-root {
690
+ overflow: visible !important;
691
+ border-radius: 0.625rem;
692
+ max-height: 100%;
816
693
  }
817
- .methodAccordion :global(.iconContainer .dropdownIcon) {
818
- display: none !important;
694
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
695
+ padding: 0 1.875rem !important;
696
+ overflow: visible !important;
697
+ max-height: 100%;
819
698
  }
820
- .methodAccordion :global(.accordion-details.expanded) {
821
- border: none !important;
822
- padding: 0 !important;
699
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
700
+ position: relative;
823
701
  }
824
- .methodAccordion :global(.enumText) {
825
- font-family: "Cairo";
826
- font-weight: 400;
827
- font-size: 0.875rem;
828
- line-height: 1.25rem;
829
- max-width: 5.5625rem;
830
- white-space: normal;
702
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
703
+ position: absolute;
704
+ z-index: 1;
705
+ top: 1.5rem;
706
+ right: 0;
707
+ transform: translate(0.625rem, -0.625rem);
708
+ cursor: pointer;
831
709
  }
832
- .methodAccordion .methodSummaryContainer {
710
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
833
711
  display: flex;
834
- align-items: center;
835
- gap: 0.9375rem;
836
- margin-bottom: 1.25rem;
712
+ padding-top: 0.5rem;
713
+ position: relative;
837
714
  }
838
- .methodAccordion .methodSummaryContainer .methodSummary {
839
- display: flex;
840
- align-items: center;
841
- gap: 0.3125rem;
842
- background-color: #f8f9fb;
843
- width: 100%;
844
- padding: 0.3125rem;
845
- border-radius: 0.3125rem;
846
- font-size: 0.875rem;
715
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
716
+ margin-top: 1rem;
717
+ margin-bottom: 1.5rem;
718
+ margin-inline: auto;
847
719
  }
848
- .methodAccordion .methodSummaryContainer .methodSummary .methodLabel {
849
- display: grid;
850
- place-content: center;
851
- width: 5rem;
852
- height: 2rem;
853
- color: white;
854
- border-radius: 0.1875rem;
855
- text-transform: capitalize;
720
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
721
+ stroke: #12131a;
856
722
  }
857
- .methodAccordion .methodSummaryContainer .methodSummary .methodPath {
858
- display: block;
859
- line-height: 1.25rem !important;
723
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
724
+ stroke: #12131a;
860
725
  }
861
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer {
862
- display: grid;
863
- place-content: center;
864
- width: 2.25rem;
865
- aspect-ratio: 1/1;
866
- border-radius: 100%;
867
- background-color: #f8f9fb;
868
- margin-left: auto;
726
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
727
+ fill: #12131a;
869
728
  }
870
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer.expanded svg {
871
- rotate: 180deg;
729
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
730
+ stroke: #faad14;
872
731
  }
873
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer svg {
874
- transition: rotate 0.3s ease-in-out;
732
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
733
+ stroke: #faad14;
875
734
  }
876
- .methodAccordion .methodAccordionContent {
877
- display: flex;
878
- flex-direction: column;
879
- padding-inline: 1.875rem;
735
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
736
+ stroke: #da3f3f;
880
737
  }
881
- .methodAccordion .methodAccordionContent .multiLineText {
882
- word-break: break-word;
738
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
739
+ stroke: #da3f3f;
883
740
  }
884
- .methodAccordion .methodAccordionContent .methodDesc {
885
- margin-top: 1.25rem;
741
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
742
+ fill: #da3f3f;
886
743
  }
887
- .methodAccordion .methodAccordionContent .paramsTable {
888
- margin-top: 1.875rem;
744
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
745
+ font-size: 1.5rem;
746
+ font-weight: 500;
747
+ line-height: 1.875rem;
748
+ text-align: center;
749
+ margin-bottom: 0.625rem;
889
750
  }
890
- .methodAccordion .methodAccordionContent .paramsTable .paramsTableBodyHead {
891
- font-weight: 600;
892
- font-family: "Cairo";
893
- font-size: 1.875rem;
894
- line-height: 2.5rem;
895
- margin: 0;
896
- margin-bottom: 1.25rem;
751
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
752
+ color: #da3f3f;
897
753
  }
898
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader {
754
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
755
+ color: #faad14;
756
+ }
757
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
899
758
  display: flex;
900
- flex-direction: row;
901
- justify-content: space-between;
902
- align-items: center;
759
+ gap: 1.25rem;
760
+ margin-top: 1.875rem;
761
+ }
762
+
763
+ .common-dialog {
764
+ position: relative;
765
+ }
766
+ .common-dialog .close-icon {
767
+ position: absolute !important;
768
+ z-index: 1 !important;
769
+ top: 0.75rem !important;
770
+ right: 0.4rem !important;
771
+ transform: translate(0.625rem, -0.625rem) !important;
772
+ cursor: pointer !important;
773
+ }
774
+ .common-dialog .confirmation-dialog-header {
903
775
  display: flex;
904
- align-items: center;
776
+ padding-top: 0.5rem;
777
+ position: relative;
905
778
  }
906
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup .optionsList) {
907
- width: 8rem !important;
908
- min-width: 8rem !important;
779
+ .common-dialog .confirmation-dialog-header .icon {
780
+ margin-top: 1rem;
781
+ margin-bottom: 1.5rem;
782
+ margin-inline: auto;
909
783
  }
910
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup) {
911
- width: 8rem;
912
- margin-left: auto;
784
+ .common-dialog .confirmation-dialog-header .icon.info path {
785
+ stroke: #12131a;
913
786
  }
914
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup) :global(.selectDisplay) {
915
- height: 2.0625rem !important;
916
- min-height: 2.0625rem !important;
917
- padding: 0;
918
- padding-left: 0.625rem;
787
+ .common-dialog .confirmation-dialog-header .icon.info line {
788
+ stroke: #12131a;
919
789
  }
920
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader .statusCodeOptionContainer {
921
- display: grid;
922
- grid-template-columns: min-content min-content;
923
- align-items: center;
924
- gap: 0.625rem;
790
+ .common-dialog .confirmation-dialog-header .icon.info line + path {
791
+ fill: #12131a;
925
792
  }
926
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader .statusCodeOptionContainer .statusCodeOptionCircle {
927
- width: 0.625rem;
928
- aspect-ratio: 1/1;
929
- border-radius: 100%;
793
+ .common-dialog .confirmation-dialog-header .icon.warning path {
794
+ stroke: #faad14;
930
795
  }
931
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer {
932
- display: flex;
796
+ .common-dialog .confirmation-dialog-header .icon.warning line {
797
+ stroke: #faad14;
933
798
  }
934
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer .paramDescContainer_separator {
935
- height: inherit;
936
- width: 1px;
937
- background-color: #d8dae5;
799
+ .common-dialog .confirmation-dialog-header .icon.error path {
800
+ stroke: #da3f3f;
938
801
  }
939
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn) svg path {
940
- stroke-width: 0.1;
802
+ .common-dialog .confirmation-dialog-header .icon.error line {
803
+ stroke: #da3f3f;
941
804
  }
942
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
943
- padding: 0;
944
- margin-right: 1.25rem;
805
+ .common-dialog .confirmation-dialog-header .icon.error line + path {
806
+ fill: #da3f3f;
945
807
  }
946
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
808
+ .common-dialog .confirmation-title {
809
+ font-size: 1.5rem;
810
+ font-weight: 500;
811
+ line-height: 1.875rem;
812
+ text-align: center;
813
+ margin-bottom: 0.625rem;
814
+ }
815
+ .common-dialog .confirmation-title.error-title {
816
+ color: #da3f3f;
817
+ }
818
+ .common-dialog .confirmation-title.warning-title {
819
+ color: #faad14;
820
+ }
821
+ .common-dialog .confirmation-dialog-footer {
822
+ display: flex;
823
+ gap: 1.25rem;
824
+ margin-top: 1.875rem;
825
+ }.tooltip-custom-wrapper {
947
826
  display: flex;
948
- align-items: center;
949
- padding: 0;
950
- color: #12131a;
951
827
  }
952
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
953
- margin-block: auto;
828
+
829
+ [data-tippy-root] {
830
+ z-index: 2 !important;
954
831
  }
955
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
956
- align-self: center;
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;
957
844
  }
958
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
959
- fill: #12131a;
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;
854
+ }
855
+ .tippy-box.success {
856
+ border-radius: 1.875rem;
857
+ background-color: #3aaa35;
858
+ padding-inline: 0.625rem;
859
+ }
860
+ .tippy-box .tippy-content {
861
+ text-align: justify;
862
+ font-size: 0.875rem;
863
+ line-height: 1.25rem;
864
+ padding: 0.625rem;
865
+ }
866
+ .tippy-box .tippy-arrow {
867
+ position: relative;
868
+ width: 1rem;
869
+ height: 1rem;
870
+ }
871
+ .tippy-box[data-placement^=top] .tippy-arrow:before {
872
+ bottom: -0.4375rem;
873
+ border-width: 0.5rem 0.5rem 0 !important;
874
+ }
875
+ .tippy-box[data-placement^=right] .tippy-arrow:before {
876
+ left: -0.4375rem;
877
+ border-width: 0.5rem 0.5rem 0.5rem 0 !important;
878
+ }
879
+ .tippy-box[data-placement^=bottom] .tippy-arrow:before {
880
+ top: -0.4375rem;
881
+ border-width: 0 0.5rem 0.5rem !important;
960
882
  }
961
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
962
- padding: 0;
883
+ .tippy-box[data-placement^=left] .tippy-arrow:before {
884
+ right: -0.4375rem;
885
+ border-width: 0.5rem 0 0.5rem 0.5rem !important;
963
886
  }
964
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
965
- margin-block: auto;
887
+ .tippy-box[data-placement^=bottom-start] .tippy-arrow {
888
+ transform: translate(0.937rem, 0) !important;
966
889
  }
967
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
968
- width: 1.125rem;
890
+ .tippy-box[data-placement^=bottom-end] .tippy-arrow {
891
+ margin-left: calc(100% - 1.937rem);
892
+ transform: translate(0, 0) !important;
969
893
  }
970
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
971
- margin-block: auto;
894
+ .tippy-box[data-placement^=top-start] .tippy-arrow {
895
+ transform: translate(0.937rem, 0) !important;
972
896
  }
973
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
974
- width: 1.125rem;
897
+ .tippy-box[data-placement^=top-end] .tippy-arrow {
898
+ transform: translate(0.937rem, 0) !important;
975
899
  }
976
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
977
- fill: #3aaa35;
900
+ .tippy-box.arrow-with-border {
901
+ border: 1px solid #d8dae5;
978
902
  }
979
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent {
980
- display: flex;
981
- flex-direction: column;
982
- gap: 0.625rem;
983
- padding-bottom: 0.625rem;
903
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
904
+ top: 1px;
905
+ background-color: white;
906
+ z-index: 2;
907
+ height: 1px;
984
908
  }
985
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
986
- margin-inline: 0.625rem;
909
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
910
+ width: 0.625rem;
911
+ height: 0.625rem;
912
+ background-color: white;
913
+ transform: rotate(45deg);
914
+ border: none;
915
+ border-left: 1px solid #d8dae5 !important;
916
+ border-top: 1px solid #d8dae5 !important;
917
+ z-index: 2;
918
+ top: -0.45rem;
919
+ transform-origin: center !important;
920
+ }.json-editor-container {
921
+ overflow: hidden;
922
+ border-bottom-right-radius: 0.3125rem;
923
+ border-bottom-left-radius: 0.3125rem;
987
924
  }
988
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
989
- font-weight: 600;
925
+ .json-editor-container .json-editor-label {
990
926
  font-size: 0.875rem;
927
+ font-weight: 600;
991
928
  line-height: 1.25rem;
992
- padding: 0.75rem 1.25rem;
993
- border-bottom: 1px solid #d8dae5;
994
- }
995
- .methodAccordion .methodAccordionContent .paramsTable :global(.requiredParam) :global(.headContainer)::after {
996
- content: "*";
997
- color: red;
998
- transform: translateX(0.125rem);
929
+ margin-bottom: 0.3125rem;
999
930
  }
1000
- .methodAccordion .methodAccordionContent .requestAccordion,
1001
- .methodAccordion .methodAccordionContent .responseAccordion {
1002
- border: 1px solid #babdcc;
1003
- border-radius: 0.3125rem !important;
1004
- box-shadow: none !important;
1005
- margin-bottom: 0 !important;
1006
- cursor: default !important;
1007
- margin-top: 1.25rem;
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;
1008
939
  }
1009
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
1010
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
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;
1011
946
  display: flex;
947
+ flex-direction: row;
948
+ gap: 1.25rem;
1012
949
  align-items: center;
1013
- justify-content: space-between;
1014
- margin: 0 !important;
1015
- padding: 0 !important;
1016
- height: 4.0625rem !important;
1017
- border-radius: 0.3125rem !important;
1018
- background-color: white !important;
1019
950
  }
1020
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded),
1021
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) {
1022
- border-top: 1px solid #babdcc !important;
1023
- padding: 1.25rem !important;
1024
- padding: 0 !important;
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;
1025
964
  }
1026
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
1027
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
1028
- border-top-right-radius: 0;
1029
- border-top-left-radius: 0;
1030
- height: 10rem;
965
+ .json-editor-container .json-editor .actions-container .validate:disabled {
966
+ color: #babdcc;
967
+ border-color: #a2a5b6;
1031
968
  }
1032
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
1033
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
1034
- display: flex;
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;
1035
982
  }
1036
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
1037
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
1038
- height: 100%;
1039
- padding: 1.25rem;
983
+ .json-editor-container .json-editor .actions-container .beautify:disabled {
984
+ color: #a2a5b6;
985
+ border-color: #a2a5b6;
1040
986
  }
1041
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary,
1042
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary,
1043
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary,
1044
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
987
+ .json-editor-container .json-editor textarea {
1045
988
  width: 100%;
1046
- display: flex;
1047
- justify-content: space-between;
1048
- font-weight: 700;
1049
- font-size: 1.125rem;
1050
- line-height: 1.5rem;
1051
- display: flex;
1052
- align-items: center;
1053
- cursor: default !important;
1054
- margin-inline: 0.625rem 1.25rem;
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;
1055
999
  }
1056
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title,
1057
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title,
1058
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title,
1059
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title {
1060
- display: flex;
1061
- align-items: center;
1062
- cursor: pointer;
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;
1063
1003
  }
1064
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title svg,
1065
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title svg,
1066
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title svg,
1067
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title svg {
1068
- transition: rotate 0.2s ease-in-out;
1004
+ .json-editor-container .json-editor textarea::-webkit-scrollbar {
1005
+ width: 0.5rem;
1069
1006
  }
1070
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title .expanded,
1071
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title .expanded,
1072
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title .expanded,
1073
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title .expanded {
1074
- rotate: 180deg;
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;
1075
1012
  }
1076
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
1077
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
1078
- padding: 0;
1013
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
1014
+ background-color: #d8dae5;
1079
1015
  border: none;
1016
+ border-color: transparent;
1017
+ border-radius: 0;
1080
1018
  }
1081
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
1082
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
1083
- display: none !important;
1019
+ .json-editor-container .json-editor.invalid {
1020
+ outline: 1px solid #ce2828 !important;
1084
1021
  }
1085
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
1086
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
1087
- cursor: default;
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;
1031
+ }:root {
1032
+ --white: #fff;
1033
+ --Gray-5: #f1f2f6;
1034
+ --Gray-10: #ebecf2;
1035
+ --Gray-20: #d8dae5;
1036
+ --Gray-30: #babdcc;
1037
+ --Gray-40: #9a9eb2;
1038
+ --Gray-50: #828699;
1039
+ --Gray-60: #696c80;
1040
+ --Gray-100: #12131a;
1041
+ --black: #000;
1042
+ --primary-static: #4d75d8;
1043
+ --primary-hover: #7c9bea;
1044
+ --primary-active: #2c4fa4;
1045
+ --primary-disabled: #9a9eb2;
1046
+ --secondary-static: #40e0d0;
1047
+ --secondary-hover: #9efcf2;
1048
+ --secondary-active: #2fa599;
1049
+ --error-static: #da3f3f;
1050
+ --error-hover: #e75d5d;
1051
+ --error-active: #bb3232;
1052
+ --success-static: #3aaa35;
1053
+ --success-hover: #5cda56;
1054
+ --success-active: #2a8a25;
1055
+ --info-static: #c6c6c6;
1056
+ --info-hover: #e4e4e4;
1057
+ --info-active: #979797;
1058
+ --warning-static: #faad14;
1059
+ --warning-hover: #f9be4a;
1060
+ --warning-active: #db9711;
1061
+ --action-static: #142452;
1062
+ --action-hover: #21387d;
1063
+ --action-active: #000000;
1064
+ --color-info-primary: #3a6cd1;
1065
+ --primary-font-color: #142452;
1066
+ --placeholder-font-color: #babdcc;
1067
+ --warning-font-color: #ce2828;
1068
+ --alert-error: #da3f3f;
1069
+ --alert-light-error: #f4c5c5;
1070
+ --alert-success: #3aaa35;
1071
+ --alert-light-success: #c4e5c2;
1072
+ --alert-info: #8eaaf1;
1073
+ --alert-light-info: #c4d3f1;
1074
+ --alert-warning: #faad14;
1075
+ --alert-light-warning: #fde6b8;
1076
+ --border-focus: #3a6cd1;
1077
+ --tooltip-background-color: #202f5b;
1078
+ --text-color-primary: #142452;
1079
+ --text-color-secondary: #ffff;
1080
+ --text-color-neutral: #828699;
1081
+ --text-color-tertiary: #808080;
1082
+ --text-color-note: #242424;
1083
+ --text-color-quaternary: #142452;
1084
+ --text-color-disabled: #ffff;
1085
+ --background-color-white-primary: #fff;
1086
+ --background-color-light-primary: #8eaaf1;
1087
+ --background-color-white-secondary: #fff;
1088
+ --background-color-primary-dark: #142452;
1089
+ --background-color-gray-5: #f1f2f6;
1090
+ --background-color-gray-30: #ebecf2;
1091
+ --background-color-tertiary-light: #2c4fa4;
1092
+ --background-color-gray-10: #f1f2f6;
1093
+ --background-color-gray-40: #ebecf2;
1094
+ --background-color-light-blue: #dfe7f8;
1095
+ --border-color-primary: #babdcc;
1096
+ --border-color-secondary: #d8dae5;
1097
+ --border-color-neutral: #ebecf2;
1098
+ --border-color-tertiary: #ebecf2;
1099
+ --border-color-gray: #ebecf2;
1100
+ --border-color-hover: #142452;
1101
+ --border-color-active: #3a6cd1;
1102
+ --icon-color-main: #142452;
1103
+ --icon-color-secondary: #000;
1104
+ --icon-color-quaternary: #babdcc;
1105
+ --icon-color-disabled: #9a9eb2;
1106
+ --link-btn-primary-color: #3a6cd1;
1107
+ --button-color-static: #4d75d8;
1108
+ --button-color-hover: #7c9bea;
1109
+ --button-color-active: #2c4fa4;
1110
+ --alert-natural: #c4d3f1;
1088
1111
  }
1089
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
1112
+
1113
+ .drawerItemContainer {
1090
1114
  display: flex;
1091
- align-items: center;
1092
- }
1093
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
1094
- width: 8rem !important;
1095
- min-width: 8rem !important;
1096
- }
1097
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
1098
- width: 8rem;
1099
- margin-left: auto;
1100
- }
1101
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
1102
- height: 2.0625rem !important;
1103
- min-height: 2.0625rem !important;
1104
- padding: 0;
1105
- padding-left: 0.625rem;
1106
- }
1107
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
1108
- overflow: visible;
1109
- cursor: default;
1110
- }
1111
- .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer {
1112
- display: grid;
1113
- grid-template-columns: min-content min-content;
1114
- align-items: center;
1115
- gap: 0.625rem;
1116
- }
1117
- .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
1118
- width: 0.625rem;
1119
- aspect-ratio: 1/1;
1120
- border-radius: 100%;
1121
- }
1122
- .methodAccordion.readOnly .methodAccordionContent {
1123
- padding: 0;
1115
+ flex-direction: column;
1124
1116
  }
1125
- .methodAccordion.readOnly :global(.accordion-header) {
1126
- margin: 1.25rem 0 0 0 !important;
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;
1127
1124
  }
1128
- .methodAccordion.readOnly :global(.accordion-details) {
1129
- background-color: transparent !important;
1125
+ .drawerItemContainer .text {
1126
+ color: #000;
1127
+ font-weight: 400;
1128
+ font-size: 24px;
1129
+ line-height: 25px;
1130
1130
  }
1131
- .methodAccordion.readOnly .methodSummaryContainer .methodSummary {
1132
- background-color: #ebecf2;
1131
+ .drawerItemContainer .color-green {
1132
+ color: var(--color-success);
1133
1133
  }
1134
- .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
1135
- background-color: #ebecf2;
1134
+ .drawerItemContainer .color-red {
1135
+ color: var(--color-error);
1136
1136
  }:root {
1137
1137
  --white: #fff;
1138
1138
  --Gray-5: #f1f2f6;
@@ -1402,92 +1402,6 @@ div.endBtnIcon {
1402
1402
  .tableSectionContainer .descArrow path,
1403
1403
  .tableSectionContainer .defaultSortArrow path {
1404
1404
  fill: var(--Gray-50);
1405
- }.apiDocsAside {
1406
- width: 22.5rem;
1407
- padding: 3rem 1.5rem;
1408
- background-color: #f0f1f2;
1409
- }
1410
- .apiDocsAside_title {
1411
- font-size: 1.5rem;
1412
- line-height: 2rem;
1413
- font-weight: 600;
1414
- color: #12131a;
1415
- margin-bottom: 0.5rem;
1416
- }
1417
- .apiDocsAside_subtitle {
1418
- margin-bottom: 2rem;
1419
- }
1420
- .apiDocsAside_subtitle > span {
1421
- font-size: 1.25rem;
1422
- line-height: 1.75rem;
1423
- font-weight: 400;
1424
- }
1425
- .apiDocsAside_subtitle_method[data-method=get] {
1426
- color: #3a6cd1;
1427
- }
1428
- .apiDocsAside_subtitle_method[data-method=post] {
1429
- color: #3aaa35;
1430
- }
1431
- .apiDocsAside_subtitle_method[data-method=put] {
1432
- color: #faad14;
1433
- }
1434
- .apiDocsAside_subtitle_method[data-method=delete] {
1435
- color: #da3f3f;
1436
- }
1437
- .apiDocsAside_subtitle_method[data-method=option] {
1438
- color: #495d97;
1439
- }
1440
- .apiDocsAside_subtitle_method[data-method=head] {
1441
- color: #9461c9;
1442
- }
1443
- .apiDocsAside_subtitle_method[data-method=patch] {
1444
- color: #58e2c2;
1445
- }
1446
- .apiDocsAside .codeboxSection .codeboxHeader {
1447
- height: 2rem;
1448
- display: flex;
1449
- justify-content: space-between;
1450
- margin-bottom: 0.25rem;
1451
- }
1452
- .apiDocsAside .codeboxSection .codeboxHeader h6 {
1453
- font-size: 1rem;
1454
- line-height: 1.25rem;
1455
- font-weight: 500;
1456
- color: #616874;
1457
- }
1458
- .apiDocsAside .codeboxSection:nth-of-type(2) {
1459
- margin-top: 3rem;
1460
- }
1461
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) {
1462
- padding: 0;
1463
- }
1464
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) :global(.select-label-container) {
1465
- min-width: 100%;
1466
- padding: 0;
1467
- }
1468
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.optionsList .option) {
1469
- height: 1.5rem;
1470
- padding: 0;
1471
- }
1472
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer {
1473
- display: flex;
1474
- align-items: center;
1475
- gap: 0.625rem;
1476
- padding-left: 0.75rem;
1477
- }
1478
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer .statusCodeOptionCircle {
1479
- width: 0.625rem;
1480
- min-width: 0.625rem;
1481
- aspect-ratio: 1/1;
1482
- border-radius: 100%;
1483
- }
1484
- .apiDocsAside :global(.multiSelectGroup .selectDisplay),
1485
- .apiDocsAside :global(.multiSelectGroup) {
1486
- width: 6.25rem !important;
1487
- height: 1.5rem !important;
1488
- }
1489
- .apiDocsAside :global(.multiSelectGroup .selectDisplay .displayValueContainer .iconsContainer) {
1490
- padding-right: 0.75rem !important;
1491
1405
  }.api_docs_header {
1492
1406
  height: 3.125rem;
1493
1407
  background-color: #f0f1f2;
@@ -1717,65 +1631,115 @@ div.endBtnIcon {
1717
1631
  :global .multiSelectGroup .optionsList .optionsContainer.optionsContainerWithSearch {
1718
1632
  max-height: 56.25rem !important;
1719
1633
  }
1720
- :global .inputContainer .inputWrapper {
1721
- border: 1px solid #f0f1f2 !important;
1634
+ :global .inputContainer .inputWrapper {
1635
+ border: 1px solid #f0f1f2 !important;
1636
+ }
1637
+ :global .rootContentWrapper {
1638
+ opacity: 1 !important;
1639
+ backdrop-filter: blur(0.5rem);
1640
+ background-color: rgba(0, 0, 0, 0.281) !important;
1641
+ }
1642
+ :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip {
1643
+ background-color: #000;
1644
+ border: none;
1645
+ border-radius: 0.75rem;
1646
+ }
1647
+ :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip.tippy-box .tippy-content.tippy-content {
1648
+ border-radius: 0.75rem;
1649
+ color: #fff;
1650
+ background-color: #000;
1651
+ }
1652
+ :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip .tippy-arrow.tippy-arrow.tippy-arrow.tippy-arrow {
1653
+ color: #000;
1654
+ }
1655
+ :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip .tippy-arrow.tippy-arrow.tippy-arrow.tippy-arrow::before {
1656
+ color: #000;
1657
+ }.apiDocsAside {
1658
+ width: 22.5rem;
1659
+ padding: 3rem 1.5rem;
1660
+ background-color: #f0f1f2;
1661
+ }
1662
+ .apiDocsAside_title {
1663
+ font-size: 1.5rem;
1664
+ line-height: 2rem;
1665
+ font-weight: 600;
1666
+ color: #12131a;
1667
+ margin-bottom: 0.5rem;
1668
+ }
1669
+ .apiDocsAside_subtitle {
1670
+ margin-bottom: 2rem;
1671
+ }
1672
+ .apiDocsAside_subtitle > span {
1673
+ font-size: 1.25rem;
1674
+ line-height: 1.75rem;
1675
+ font-weight: 400;
1676
+ }
1677
+ .apiDocsAside_subtitle_method[data-method=get] {
1678
+ color: #3a6cd1;
1679
+ }
1680
+ .apiDocsAside_subtitle_method[data-method=post] {
1681
+ color: #3aaa35;
1682
+ }
1683
+ .apiDocsAside_subtitle_method[data-method=put] {
1684
+ color: #faad14;
1685
+ }
1686
+ .apiDocsAside_subtitle_method[data-method=delete] {
1687
+ color: #da3f3f;
1688
+ }
1689
+ .apiDocsAside_subtitle_method[data-method=option] {
1690
+ color: #495d97;
1691
+ }
1692
+ .apiDocsAside_subtitle_method[data-method=head] {
1693
+ color: #9461c9;
1694
+ }
1695
+ .apiDocsAside_subtitle_method[data-method=patch] {
1696
+ color: #58e2c2;
1697
+ }
1698
+ .apiDocsAside .codeboxSection .codeboxHeader {
1699
+ height: 2rem;
1700
+ display: flex;
1701
+ justify-content: space-between;
1702
+ margin-bottom: 0.25rem;
1722
1703
  }
1723
- :global .rootContentWrapper {
1724
- opacity: 1 !important;
1725
- backdrop-filter: blur(0.5rem);
1726
- background-color: rgba(0, 0, 0, 0.281) !important;
1704
+ .apiDocsAside .codeboxSection .codeboxHeader h6 {
1705
+ font-size: 1rem;
1706
+ line-height: 1.25rem;
1707
+ font-weight: 500;
1708
+ color: #616874;
1727
1709
  }
1728
- :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip {
1729
- background-color: #000;
1730
- border: none;
1731
- border-radius: 0.75rem;
1710
+ .apiDocsAside .codeboxSection:nth-of-type(2) {
1711
+ margin-top: 3rem;
1732
1712
  }
1733
- :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip.tippy-box .tippy-content.tippy-content {
1734
- border-radius: 0.75rem;
1735
- color: #fff;
1736
- background-color: #000;
1713
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) {
1714
+ padding: 0;
1737
1715
  }
1738
- :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip .tippy-arrow.tippy-arrow.tippy-arrow.tippy-arrow {
1739
- color: #000;
1716
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) :global(.select-label-container) {
1717
+ min-width: 100%;
1718
+ padding: 0;
1740
1719
  }
1741
- :global .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip .tippy-arrow.tippy-arrow.tippy-arrow.tippy-arrow::before {
1742
- color: #000;
1743
- }.codebox {
1744
- border-radius: 0.25rem;
1745
- overflow: hidden;
1720
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.optionsList .option) {
1721
+ height: 1.5rem;
1722
+ padding: 0;
1746
1723
  }
1747
- .codebox_header {
1724
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer {
1748
1725
  display: flex;
1749
1726
  align-items: center;
1750
- gap: 0.25rem;
1751
- padding-left: 0.5rem;
1752
- height: 1.75rem;
1753
- border: 1px solid #bbbec5;
1754
- border-top-right-radius: 0.25rem;
1755
- border-top-left-radius: 0.25rem;
1727
+ gap: 0.625rem;
1728
+ padding-left: 0.75rem;
1756
1729
  }
1757
- .codebox_header_themeToggle {
1758
- width: 0.75rem;
1759
- min-width: 0.75rem;
1730
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer .statusCodeOptionCircle {
1731
+ width: 0.625rem;
1732
+ min-width: 0.625rem;
1760
1733
  aspect-ratio: 1/1;
1761
- border: 1px solid transparent;
1762
1734
  border-radius: 100%;
1763
- cursor: pointer;
1764
- }
1765
- .codebox_header_themeToggle_dark {
1766
- background-color: #455162;
1767
- border-color: #6b7280;
1768
- }
1769
- .codebox_header_themeToggle_light {
1770
- background-color: #edf1fb;
1771
- border-color: #6b7280;
1772
1735
  }
1773
- .codebox_header_copyIcon {
1774
- cursor: pointer;
1736
+ .apiDocsAside :global(.multiSelectGroup .selectDisplay),
1737
+ .apiDocsAside :global(.multiSelectGroup) {
1738
+ width: 6.25rem !important;
1739
+ height: 1.5rem !important;
1775
1740
  }
1776
- .codebox :global(.custom-code-line),
1777
- .codebox :global(.custom-code-line span) {
1778
- font-family: "Cascadia Code", sans-serif;
1741
+ .apiDocsAside :global(.multiSelectGroup .selectDisplay .displayValueContainer .iconsContainer) {
1742
+ padding-right: 0.75rem !important;
1779
1743
  }.api-docs-api-tree {
1780
1744
  width: 100%;
1781
1745
  max-width: 12.5rem;
@@ -1936,386 +1900,349 @@ div.endBtnIcon {
1936
1900
  }
1937
1901
  .api-docs-api-tree__endpoint--patch .api-docs-api-tree__endpoint-method {
1938
1902
  color: #58e2c2;
1939
- }main {
1940
- padding: 2rem;
1941
- }
1942
- main .url-container {
1943
- position: relative;
1944
- width: 100%;
1945
- }
1946
- main .type-ddl {
1947
- cursor: pointer;
1948
- display: flex;
1949
- align-items: center;
1950
- justify-content: space-between;
1951
- width: 100%;
1952
- background-color: #edf1fb;
1953
- border-radius: 0.375rem;
1954
- }
1955
- main .url-text {
1956
- flex: 1;
1957
- padding-right: 0.75rem;
1958
- border: none;
1959
- background: transparent;
1960
- line-height: 1.75rem;
1961
- letter-spacing: 0;
1962
- font-size: 1.125rem;
1963
- font-weight: 400;
1964
- opacity: 0.5;
1965
- color: #000000;
1903
+ }.codebox {
1904
+ border-radius: 0.25rem;
1905
+ overflow: hidden;
1966
1906
  }
1967
- main .icon-container {
1907
+ .codebox_header {
1968
1908
  display: flex;
1969
1909
  align-items: center;
1970
- gap: 0.75rem;
1971
- }
1972
- main .icon-container .icon {
1973
- display: inline-block;
1974
- width: 1.75rem;
1910
+ gap: 0.25rem;
1911
+ padding-left: 0.5rem;
1975
1912
  height: 1.75rem;
1913
+ border: 1px solid #bbbec5;
1914
+ border-top-right-radius: 0.25rem;
1915
+ border-top-left-radius: 0.25rem;
1976
1916
  }
1977
- main .icon-container .icon:focus {
1978
- outline: none;
1979
- }
1980
- main .url-list {
1981
- position: absolute;
1982
- top: 100%;
1983
- left: 0;
1984
- width: 100%;
1985
- z-index: 10;
1986
- background: white;
1987
- border: 1px solid #ccc;
1988
- border-radius: 0.375rem;
1989
- max-height: 12.5rem;
1990
- overflow-y: auto;
1991
- }
1992
- main .url-item {
1993
- padding: 0.5rem 1rem;
1994
- display: flex;
1995
- align-items: center;
1996
- gap: 0.5rem;
1997
- cursor: pointer;
1998
- }
1999
- main .url-item:hover {
2000
- background-color: #f5f5f5;
2001
- }
2002
- main .api-details-expanded .response-section .codeboxSection .codeboxHeader .multiSelectGroup .selectDisplay {
2003
- padding: 0;
2004
- width: 7.5rem !important;
2005
- height: 2rem !important;
2006
- }
2007
- main .api-details-expanded .response-section .codeboxSection .codeboxHeader .multiSelectGroup .selectDisplay .select-label-container {
2008
- min-width: 100%;
2009
- padding: 0;
2010
- }
2011
- main .api-details-expanded .response-section .codeboxSection .codeboxHeader .multiSelectGroup .optionsList .option {
2012
- height: 1.5rem;
2013
- padding: 0;
2014
- }
2015
- main .api-details-expanded .response-section .codeboxSection .codeboxHeader .multiSelectGroup .statusCodeOptionContainer {
2016
- display: flex;
2017
- align-items: center;
2018
- gap: 0.625rem;
2019
- padding-left: 0.75rem;
2020
- }
2021
- main .api-details-expanded .response-section .codeboxSection .codeboxHeader .multiSelectGroup .statusCodeOptionContainer .statusCodeOptionCircle {
2022
- width: 0.625rem;
2023
- min-width: 0.625rem;
1917
+ .codebox_header_themeToggle {
1918
+ width: 0.75rem;
1919
+ min-width: 0.75rem;
2024
1920
  aspect-ratio: 1/1;
1921
+ border: 1px solid transparent;
2025
1922
  border-radius: 100%;
1923
+ cursor: pointer;
2026
1924
  }
2027
- main .api-details-expanded .api-title {
2028
- font-size: 3rem;
2029
- font-weight: 600;
2030
- letter-spacing: -1px;
2031
- line-height: 3.5rem;
2032
- margin-bottom: 0.752rem;
2033
- color: #4d75d9;
1925
+ .codebox_header_themeToggle_dark {
1926
+ background-color: #455162;
1927
+ border-color: #6b7280;
2034
1928
  }
2035
- main .api-details-expanded .test-button {
2036
- margin-top: 1.25rem;
2037
- margin-bottom: 3.125rem;
2038
- display: flex;
2039
- align-items: center;
2040
- justify-content: space-between;
2041
- gap: 0.5rem;
1929
+ .codebox_header_themeToggle_light {
1930
+ background-color: #edf1fb;
1931
+ border-color: #6b7280;
2042
1932
  }
2043
- main .api-details-expanded .test-button .back-button {
2044
- display: inline-flex;
2045
- align-items: center;
2046
- justify-content: center;
2047
- width: 2.75rem;
2048
- height: 2.75rem;
2049
- border: 1px solid #3b82f6;
2050
- border-radius: 0.5rem;
2051
- background-color: white;
2052
- color: #3b82f6;
1933
+ .codebox_header_copyIcon {
2053
1934
  cursor: pointer;
2054
- transition: background-color 0.2s ease;
2055
- }
2056
- main .api-details-expanded .test-button .back-button svg {
2057
- stroke-width: 2;
2058
- }
2059
- main .api-details-expanded .test-button .back-button:hover {
2060
- background-color: #eff6ff;
2061
1935
  }
2062
- main .api-details-expanded .test-button .disabled {
2063
- background: #f0f1f2;
2064
- color: #9ca1aa;
2065
- cursor: not-allowed;
2066
- padding: 0.375rem 1rem;
2067
- border-radius: 6px;
2068
- font-size: 14px;
2069
- border: 1px #b8bfca solid;
2070
- width: 7.56rem;
2071
- height: 2.75rem;
2072
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
1936
+ .codebox :global(.custom-code-line),
1937
+ .codebox :global(.custom-code-line span) {
1938
+ font-family: "Cascadia Code", sans-serif;
1939
+ }.api-details-page {
1940
+ padding: 2rem;
2073
1941
  }
2074
- main .api-details-expanded h3 {
1942
+ .api-details-page .welcome {
1943
+ font-size: 1.2rem;
2075
1944
  color: #616874;
2076
- font-size: 1.125rem;
2077
1945
  font-weight: 400;
1946
+ font-size: 1.125rem;
2078
1947
  letter-spacing: 0px;
2079
1948
  line-height: 1.5rem;
1949
+ }
1950
+ .api-details-page .api-title {
1951
+ font-size: 2rem;
1952
+ font-weight: 600;
1953
+ color: #4d75d9;
1954
+ font-size: 3rem;
1955
+ letter-spacing: -1px;
1956
+ margin-bottom: 0.5rem;
1957
+ }
1958
+ .api-details-page .api-version {
1959
+ font-size: 1.25rem;
1960
+ color: #3b3f46;
1961
+ font-weight: 400;
1962
+ letter-spacing: 0px;
1963
+ line-height: 1.75rem;
1964
+ }
1965
+ .api-details-page .custom-url-input {
2080
1966
  margin-top: 1.5rem;
1967
+ width: 50%;
1968
+ }
1969
+ .api-details-page .custom-url-input .input-label {
1970
+ display: block;
2081
1971
  margin-bottom: 0.5rem;
1972
+ font-size: 0.875rem;
1973
+ font-weight: 600;
1974
+ color: #4d4f5c;
2082
1975
  }
2083
- main .api-details-expanded .url-box {
1976
+ .api-details-page .custom-url-input .url-container {
2084
1977
  position: relative;
2085
- background-color: #edf1fb;
2086
- padding: 0.375rem 0.75rem;
2087
- border-radius: 0.5rem;
1978
+ }
1979
+ .api-details-page .custom-url-input .type-ddl {
1980
+ cursor: pointer;
2088
1981
  display: flex;
2089
1982
  align-items: center;
2090
- gap: 0.5rem;
2091
- font-size: 14px;
1983
+ justify-content: space-between;
1984
+ width: 100%;
1985
+ background-color: #edf1fb;
1986
+ border: 1px solid #fff;
1987
+ border-radius: 0.375rem;
1988
+ padding: 0.5rem 1rem;
1989
+ }
1990
+ .api-details-page .custom-url-input .url-text {
2092
1991
  flex: 1;
2093
- height: 2.8rem;
2094
- margin-bottom: 1.5rem;
1992
+ padding-right: 0.75rem;
1993
+ border: none;
1994
+ background: transparent;
1995
+ line-height: 1.75rem;
1996
+ letter-spacing: 0;
1997
+ font-size: 1.125rem;
1998
+ font-weight: 400;
1999
+ opacity: 0.5;
2000
+ color: #000000;
2095
2001
  }
2096
- main .api-details-expanded .url-box_text-container {
2002
+ .api-details-page .custom-url-input .icon-container {
2097
2003
  display: flex;
2098
2004
  align-items: center;
2099
- flex: 1;
2100
- }
2101
- main .api-details-expanded .url-box_text-container .url-text {
2102
- color: #3b3f46;
2103
- font-size: 1.25rem;
2104
- line-height: 1.75rem;
2105
- max-width: 100%;
2106
- overflow: hidden;
2107
- text-overflow: ellipsis;
2108
- white-space: nowrap;
2109
- flex: 1;
2005
+ gap: 0.75rem;
2110
2006
  }
2111
- main .api-details-expanded .url-box_text-container .method-label {
2112
- font-size: 1.25rem;
2113
- padding: 0.125rem 0.5rem;
2114
- border-radius: 0.375rem;
2115
- text-transform: uppercase;
2116
- color: #3aaa35;
2117
- text-decoration: underline;
2007
+ .api-details-page .custom-url-input .icon-container .icon {
2008
+ display: inline-block;
2009
+ width: 1.75rem;
2010
+ height: 1.75rem;
2118
2011
  }
2119
- main .api-details-expanded .url-box_text-container .method-label.get {
2120
- color: #3a6cd1;
2012
+ .api-details-page .custom-url-input .icon-container .icon:focus {
2013
+ outline: none;
2121
2014
  }
2122
- main .api-details-expanded .url-box_text-container .method-label.post {
2123
- color: #3aaa35;
2015
+ .api-details-page .custom-url-input .url-list {
2016
+ position: absolute;
2017
+ top: 100%;
2018
+ left: 0;
2019
+ width: 100%;
2020
+ z-index: 10;
2021
+ background: white;
2022
+ border: 1px solid #ccc;
2023
+ border-radius: 0.375rem;
2024
+ max-height: 12.5rem;
2025
+ overflow-y: auto;
2124
2026
  }
2125
- main .api-details-expanded .url-box_text-container .method-label.put {
2126
- color: #faad14;
2027
+ .api-details-page .custom-url-input .url-item {
2028
+ padding: 0.5rem 1rem;
2029
+ display: flex;
2030
+ align-items: center;
2031
+ gap: 0.5rem;
2032
+ cursor: pointer;
2127
2033
  }
2128
- main .api-details-expanded .url-box_text-container .method-label.patch {
2129
- color: #58e2c2;
2034
+ .api-details-page .custom-url-input .url-item:hover {
2035
+ background-color: #f5f5f5;
2130
2036
  }
2131
- main .api-details-expanded .url-box_text-container .method-label.delete {
2132
- color: #da3f3f;
2037
+ .api-details-page .custom-url-input .input-wrapper .icon {
2038
+ cursor: pointer;
2039
+ color: #4d75d9;
2040
+ font-size: 1rem;
2041
+ margin-left: 0.5rem;
2133
2042
  }
2134
- main .api-details-expanded .url-box_text-container .method-label.head {
2135
- color: #9461c9;
2043
+ .api-details-page .custom-url-input .input-wrapper .icon:hover {
2044
+ color: #2f54eb;
2136
2045
  }
2137
- main .api-details-expanded .url-box_text-container .method-label.trace {
2138
- color: #ffa28f;
2046
+ .api-details-page .api-desc {
2047
+ padding: 1.125rem 0;
2048
+ color: #000000;
2049
+ font-weight: 400;
2050
+ line-height: 1.125rem;
2139
2051
  }
2140
- main .api-details-expanded .url-box_text-container .method-label.options {
2141
- color: #495d97;
2052
+ .api-details-page .api-product-tag {
2053
+ margin: 1rem 0;
2054
+ font-size: 0.9rem;
2055
+ font-size: 1rem;
2056
+ font-weight: 500;
2057
+ color: #616874;
2058
+ line-height: 1.125rem;
2059
+ letter-spacing: 0px;
2142
2060
  }
2143
- main .api-details-expanded .url-box .copy-icon {
2061
+ .api-details-page .api-product-tag .product-tag {
2062
+ background: #f1f1f1;
2063
+ padding: 0.25rem 0.5rem;
2064
+ border-radius: 0.25rem;
2065
+ border: 1px solid #bbbec5;
2066
+ font-weight: 400;
2067
+ font-size: 0.75rem;
2068
+ letter-spacing: 0px;
2069
+ margin-left: 0.5rem;
2144
2070
  cursor: pointer;
2145
- width: 1.5rem;
2146
- height: 1.5rem;
2147
2071
  }
2148
- main .api-details-expanded .api-desc {
2149
- color: #6b7280;
2150
- margin: 1.5rem 0;
2072
+ .api-details-page .section-title {
2073
+ margin-top: 2rem;
2074
+ color: #4d75d9;
2075
+ font-weight: 600;
2076
+ font-size: 1.75rem;
2077
+ letter-spacing: -0.5px;
2078
+ line-height: 2.25rem;
2151
2079
  }
2152
- main .api-details-expanded .head-table-label {
2153
- color: #3b3f46 !important;
2154
- letter-spacing: 0px;
2155
- font-weight: 400 !important;
2156
- line-height: 1rem;
2080
+ .api-details-page .endpoint-group {
2081
+ margin-top: 1.5rem;
2082
+ gap: 1rem;
2157
2083
  }
2158
- main .api-details-expanded .request-tabs {
2159
- display: flex;
2160
- gap: 0.5rem;
2161
- margin-bottom: 0.75rem;
2084
+ .api-details-page .endpoint-group .tag-title {
2085
+ font-size: 1.125rem;
2086
+ margin-bottom: 1rem;
2087
+ border-bottom: 1px solid #ddd;
2088
+ padding-bottom: 0.5rem;
2089
+ line-height: 1.5rem;
2090
+ letter-spacing: 0px;
2091
+ font-weight: 500;
2092
+ color: #616874;
2162
2093
  }
2163
- main .api-details-expanded .tab {
2164
- background: white;
2165
- border: 1px solid #d1d3d8;
2166
- padding: 0.375rem 0.75rem;
2167
- border-radius: 6px;
2168
- cursor: pointer;
2169
- font-size: 0.875rem;
2170
- color: #000000;
2171
- display: flex;
2172
- align-items: center;
2173
- gap: 0.375rem;
2094
+ .api-details-page .endpoint-group .endpoint-list {
2095
+ display: grid;
2096
+ grid-template-columns: repeat(auto-fill, minmax(308px, 1fr));
2097
+ gap: 1rem;
2174
2098
  }
2175
- main .api-details-expanded .tab {
2176
- background: white;
2177
- border: 1px solid #d1d3d8;
2178
- padding: 0.375rem 0.75rem;
2179
- border-radius: 6px;
2180
- cursor: pointer;
2181
- font-size: 0.875rem;
2182
- color: #000000;
2099
+ .api-details-page .endpoint-group .endpoint-card {
2183
2100
  display: flex;
2184
2101
  align-items: center;
2185
- gap: 0.375rem;
2186
- }
2187
- main .api-details-expanded .tab.active {
2188
- background-color: #e5edff;
2189
- border-color: #4d75d9;
2190
- color: #000000;
2191
- font-weight: 400;
2192
- }
2193
- main .api-details-expanded .icon-left {
2194
- width: 0.875rem;
2195
- height: 0.875rem;
2196
- }
2197
- main .api-details-expanded .table-wrapper {
2198
- overflow-x: auto;
2102
+ justify-content: space-between;
2103
+ padding: 1rem;
2199
2104
  border: 1px solid #e5e7eb;
2200
- border-radius: 0.8rem;
2201
- background: white;
2202
- border: 1px #bbbec5 solid;
2203
- margin-bottom: 2rem;
2105
+ border-radius: 0.5rem;
2106
+ background-color: #fff;
2107
+ margin-bottom: 1rem;
2108
+ transition: box-shadow 0.2s ease;
2204
2109
  }
2205
- main .api-details-expanded .param-table {
2206
- width: 100%;
2207
- border-collapse: collapse;
2208
- font-size: 0.875rem;
2110
+ .api-details-page .endpoint-group .endpoint-card .endpoint-card-header {
2111
+ display: flex;
2112
+ gap: 0.8rem;
2113
+ align-items: flex-start;
2209
2114
  }
2210
- main .api-details-expanded .param-table .desc-cell {
2211
- position: relative;
2212
- max-width: 20rem;
2213
- padding-right: 1.5rem;
2115
+ .api-details-page .endpoint-group .endpoint-card .endpoint-card-header .title-wrapper {
2116
+ flex: 1;
2117
+ max-width: 10rem;
2118
+ min-width: 10rem;
2214
2119
  }
2215
- main .api-details-expanded .param-table .desc-text {
2120
+ .api-details-page .endpoint-group .endpoint-card .endpoint-card-header h5 {
2121
+ font-size: 1rem;
2122
+ font-weight: 400;
2123
+ line-height: 1.25rem;
2124
+ letter-spacing: 0px;
2216
2125
  white-space: nowrap;
2217
2126
  overflow: hidden;
2218
2127
  text-overflow: ellipsis;
2219
- max-width: 90%;
2128
+ max-width: 100%;
2220
2129
  }
2221
- main .api-details-expanded .param-table .desc-text.expanded {
2222
- white-space: normal;
2130
+ .api-details-page .endpoint-group .endpoint-card .method-label {
2131
+ font-size: 0.875rem;
2132
+ font-weight: 400;
2133
+ letter-spacing: 0px;
2134
+ line-height: 1rem;
2135
+ padding: 0.275rem 1.563rem;
2136
+ border-radius: 0.188rem;
2137
+ display: inline-block;
2138
+ margin-bottom: 1rem;
2139
+ text-transform: uppercase;
2223
2140
  }
2224
- main .api-details-expanded .param-table .desc-toggle {
2225
- position: absolute;
2226
- right: 0.5rem;
2227
- top: 50%;
2228
- transform: translateY(-50%);
2229
- background: none;
2230
- border: none;
2231
- cursor: pointer;
2141
+ .api-details-page .endpoint-group .endpoint-card .method-label.get {
2142
+ background-color: #3a6cd1;
2143
+ color: #ffffff;
2232
2144
  }
2233
- main .api-details-expanded .param-table .desc-toggle svg {
2234
- transition: transform 0.2s ease;
2145
+ .api-details-page .endpoint-group .endpoint-card .method-label.post {
2146
+ background-color: #3aaa35;
2147
+ color: #ffffff;
2148
+ }
2149
+ .api-details-page .endpoint-group .endpoint-card .method-label.put {
2150
+ background-color: #faad14;
2151
+ color: #ffffff;
2235
2152
  }
2236
- main .api-details-expanded .param-table .desc-toggle .rotated {
2237
- transform: rotate(180deg);
2153
+ .api-details-page .endpoint-group .endpoint-card .method-label.patch {
2154
+ background-color: #58e2c2;
2155
+ color: #ffffff;
2238
2156
  }
2239
- main .api-details-expanded .param-table th,
2240
- main .api-details-expanded .param-table td {
2241
- padding: 10px;
2242
- border-bottom: 1px solid #bbbec5;
2243
- text-align: left;
2244
- color: #3b3f46;
2157
+ .api-details-page .endpoint-group .endpoint-card .method-label.delete {
2158
+ background-color: #da3f3f;
2159
+ color: #ffffff;
2245
2160
  }
2246
- main .api-details-expanded .param-table th {
2247
- background: #edf1fb;
2248
- font-weight: 600;
2161
+ .api-details-page .endpoint-group .endpoint-card .method-label.head {
2162
+ background-color: #9461c9;
2163
+ color: #ffffff;
2249
2164
  }
2250
- main .api-details-expanded .response-status {
2251
- display: flex;
2252
- align-items: center;
2253
- justify-content: end;
2254
- gap: 0.375rem;
2255
- font-size: 0.875rem;
2256
- color: green;
2257
- margin-bottom: 0.75rem;
2165
+ .api-details-page .endpoint-group .endpoint-card .method-label.trace {
2166
+ background-color: #ffa28f;
2167
+ color: #ffffff;
2258
2168
  }
2259
- main .api-details-expanded .response-drop {
2260
- width: 10rem;
2261
- justify-content: end;
2169
+ .api-details-page .endpoint-group .endpoint-card .method-label.options {
2170
+ background-color: #495d97;
2171
+ color: #ffffff;
2262
2172
  }
2263
- main .api-details-expanded .response-drop-test {
2264
- justify-content: end !important;
2265
- align-items: end !important;
2266
- align-content: end !important;
2267
- }.api-details-page {
2268
- padding: 2rem;
2173
+ .api-details-page .endpoint-group .endpoint-card .endpoint-meta h5 {
2174
+ font-size: 1rem;
2175
+ font-weight: 400;
2176
+ line-height: 1.25rem;
2177
+ letter-spacing: 0px;
2269
2178
  }
2270
- .api-details-page .welcome {
2271
- font-size: 1.2rem;
2179
+ .api-details-page .endpoint-group .endpoint-card .endpoint-meta p {
2272
2180
  color: #616874;
2273
2181
  font-weight: 400;
2274
- font-size: 1.125rem;
2182
+ font-size: 0.85rem;
2275
2183
  letter-spacing: 0px;
2276
- line-height: 1.5rem;
2277
- }
2278
- .api-details-page .api-title {
2279
- font-size: 2rem;
2280
- font-weight: 600;
2281
- color: #4d75d9;
2282
- font-size: 3rem;
2283
- letter-spacing: -1px;
2284
- margin-bottom: 0.5rem;
2184
+ line-height: 1rem;
2185
+ margin: 0.25rem 0;
2285
2186
  }
2286
- .api-details-page .api-version {
2287
- font-size: 1.25rem;
2187
+ .api-details-page .endpoint-group .endpoint-card .endpoint-meta .description {
2288
2188
  color: #3b3f46;
2189
+ line-height: 1rem;
2289
2190
  font-weight: 400;
2290
2191
  letter-spacing: 0px;
2291
- line-height: 1.75rem;
2292
- }
2293
- .api-details-page .custom-url-input {
2294
2192
  margin-top: 1.5rem;
2295
- width: 50%;
2296
2193
  }
2297
- .api-details-page .custom-url-input .input-label {
2298
- display: block;
2299
- margin-bottom: 0.5rem;
2300
- font-size: 0.875rem;
2194
+ .api-details-page .endpoint-group .endpoint-card .endpoint-arrow {
2195
+ align-content: center;
2196
+ width: 1rem;
2197
+ height: 1rem;
2198
+ flex-shrink: 0;
2199
+ margin-left: 1rem;
2200
+ }
2201
+ .api-details-page .versions-section {
2202
+ margin-top: 2rem;
2203
+ }
2204
+ .api-details-page .versions-section h4 {
2205
+ color: #4d75d9;
2301
2206
  font-weight: 600;
2302
- color: #4d4f5c;
2207
+ font-size: 1.75rem;
2208
+ letter-spacing: -0.5px;
2209
+ line-height: 2.25rem;
2210
+ margin-bottom: 0.75rem;
2303
2211
  }
2304
- .api-details-page .custom-url-input .url-container {
2212
+ .api-details-page .versions-section .version-list {
2213
+ display: flex;
2214
+ flex-wrap: wrap;
2215
+ gap: 1rem;
2216
+ }
2217
+ .api-details-page .versions-section .version-list .version-btn {
2218
+ height: 3rem;
2219
+ padding: 0.4rem 0.8rem;
2220
+ border: 1px solid #4d75d9;
2221
+ border-radius: 0.375rem;
2222
+ background-color: #fff;
2223
+ cursor: pointer;
2224
+ font-size: 0.875rem;
2225
+ color: #4d75d9;
2226
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2509803922);
2227
+ white-space: nowrap;
2228
+ min-width: 3.9375rem;
2229
+ }main {
2230
+ padding: 2rem;
2231
+ }
2232
+ main .url-container {
2305
2233
  position: relative;
2234
+ width: 100%;
2306
2235
  }
2307
- .api-details-page .custom-url-input .type-ddl {
2236
+ main .type-ddl {
2308
2237
  cursor: pointer;
2309
2238
  display: flex;
2310
2239
  align-items: center;
2311
2240
  justify-content: space-between;
2312
2241
  width: 100%;
2313
2242
  background-color: #edf1fb;
2314
- border: 1px solid #fff;
2315
2243
  border-radius: 0.375rem;
2316
- padding: 0.5rem 1rem;
2317
2244
  }
2318
- .api-details-page .custom-url-input .url-text {
2245
+ main .url-text {
2319
2246
  flex: 1;
2320
2247
  padding-right: 0.75rem;
2321
2248
  border: none;
@@ -2327,20 +2254,20 @@ main .api-details-expanded .response-drop-test {
2327
2254
  opacity: 0.5;
2328
2255
  color: #000000;
2329
2256
  }
2330
- .api-details-page .custom-url-input .icon-container {
2257
+ main .icon-container {
2331
2258
  display: flex;
2332
2259
  align-items: center;
2333
2260
  gap: 0.75rem;
2334
2261
  }
2335
- .api-details-page .custom-url-input .icon-container .icon {
2262
+ main .icon-container .icon {
2336
2263
  display: inline-block;
2337
2264
  width: 1.75rem;
2338
2265
  height: 1.75rem;
2339
2266
  }
2340
- .api-details-page .custom-url-input .icon-container .icon:focus {
2267
+ main .icon-container .icon:focus {
2341
2268
  outline: none;
2342
2269
  }
2343
- .api-details-page .custom-url-input .url-list {
2270
+ main .url-list {
2344
2271
  position: absolute;
2345
2272
  top: 100%;
2346
2273
  left: 0;
@@ -2352,206 +2279,279 @@ main .api-details-expanded .response-drop-test {
2352
2279
  max-height: 12.5rem;
2353
2280
  overflow-y: auto;
2354
2281
  }
2355
- .api-details-page .custom-url-input .url-item {
2282
+ main .url-item {
2356
2283
  padding: 0.5rem 1rem;
2357
2284
  display: flex;
2358
2285
  align-items: center;
2359
2286
  gap: 0.5rem;
2360
2287
  cursor: pointer;
2361
2288
  }
2362
- .api-details-page .custom-url-input .url-item:hover {
2289
+ main .url-item:hover {
2363
2290
  background-color: #f5f5f5;
2364
2291
  }
2365
- .api-details-page .custom-url-input .input-wrapper .icon {
2366
- cursor: pointer;
2367
- color: #4d75d9;
2368
- font-size: 1rem;
2369
- margin-left: 0.5rem;
2292
+ main .api-details-expanded .response-section .codeboxSection .codeboxHeader .multiSelectGroup .selectDisplay {
2293
+ padding: 0;
2294
+ width: 7.5rem !important;
2295
+ height: 2rem !important;
2370
2296
  }
2371
- .api-details-page .custom-url-input .input-wrapper .icon:hover {
2372
- color: #2f54eb;
2297
+ main .api-details-expanded .response-section .codeboxSection .codeboxHeader .multiSelectGroup .selectDisplay .select-label-container {
2298
+ min-width: 100%;
2299
+ padding: 0;
2373
2300
  }
2374
- .api-details-page .api-desc {
2375
- padding: 1.125rem 0;
2376
- color: #000000;
2377
- font-weight: 400;
2378
- line-height: 1.125rem;
2301
+ main .api-details-expanded .response-section .codeboxSection .codeboxHeader .multiSelectGroup .optionsList .option {
2302
+ height: 1.5rem;
2303
+ padding: 0;
2379
2304
  }
2380
- .api-details-page .api-product-tag {
2381
- margin: 1rem 0;
2382
- font-size: 0.9rem;
2383
- font-size: 1rem;
2384
- font-weight: 500;
2385
- color: #616874;
2386
- line-height: 1.125rem;
2387
- letter-spacing: 0px;
2305
+ main .api-details-expanded .response-section .codeboxSection .codeboxHeader .multiSelectGroup .statusCodeOptionContainer {
2306
+ display: flex;
2307
+ align-items: center;
2308
+ gap: 0.625rem;
2309
+ padding-left: 0.75rem;
2388
2310
  }
2389
- .api-details-page .api-product-tag .product-tag {
2390
- background: #f1f1f1;
2391
- padding: 0.25rem 0.5rem;
2392
- border-radius: 0.25rem;
2393
- border: 1px solid #bbbec5;
2394
- font-weight: 400;
2395
- font-size: 0.75rem;
2396
- letter-spacing: 0px;
2397
- margin-left: 0.5rem;
2398
- cursor: pointer;
2311
+ main .api-details-expanded .response-section .codeboxSection .codeboxHeader .multiSelectGroup .statusCodeOptionContainer .statusCodeOptionCircle {
2312
+ width: 0.625rem;
2313
+ min-width: 0.625rem;
2314
+ aspect-ratio: 1/1;
2315
+ border-radius: 100%;
2399
2316
  }
2400
- .api-details-page .section-title {
2401
- margin-top: 2rem;
2402
- color: #4d75d9;
2317
+ main .api-details-expanded .api-title {
2318
+ font-size: 3rem;
2403
2319
  font-weight: 600;
2404
- font-size: 1.75rem;
2405
- letter-spacing: -0.5px;
2406
- line-height: 2.25rem;
2320
+ letter-spacing: -1px;
2321
+ line-height: 3.5rem;
2322
+ margin-bottom: 0.752rem;
2323
+ color: #4d75d9;
2407
2324
  }
2408
- .api-details-page .endpoint-group {
2409
- margin-top: 1.5rem;
2410
- gap: 1rem;
2325
+ main .api-details-expanded .test-button {
2326
+ margin-top: 1.25rem;
2327
+ margin-bottom: 3.125rem;
2328
+ display: flex;
2329
+ align-items: center;
2330
+ justify-content: space-between;
2331
+ gap: 0.5rem;
2411
2332
  }
2412
- .api-details-page .endpoint-group .tag-title {
2413
- font-size: 1.125rem;
2414
- margin-bottom: 1rem;
2415
- border-bottom: 1px solid #ddd;
2416
- padding-bottom: 0.5rem;
2417
- line-height: 1.5rem;
2418
- letter-spacing: 0px;
2419
- font-weight: 500;
2420
- color: #616874;
2333
+ main .api-details-expanded .test-button .back-button {
2334
+ display: inline-flex;
2335
+ align-items: center;
2336
+ justify-content: center;
2337
+ width: 2.75rem;
2338
+ height: 2.75rem;
2339
+ border: 1px solid #3b82f6;
2340
+ border-radius: 0.5rem;
2341
+ background-color: white;
2342
+ color: #3b82f6;
2343
+ cursor: pointer;
2344
+ transition: background-color 0.2s ease;
2421
2345
  }
2422
- .api-details-page .endpoint-group .endpoint-list {
2423
- display: grid;
2424
- grid-template-columns: repeat(auto-fill, minmax(308px, 1fr));
2425
- gap: 1rem;
2346
+ main .api-details-expanded .test-button .back-button svg {
2347
+ stroke-width: 2;
2348
+ }
2349
+ main .api-details-expanded .test-button .back-button:hover {
2350
+ background-color: #eff6ff;
2351
+ }
2352
+ main .api-details-expanded .test-button .disabled {
2353
+ background: #f0f1f2;
2354
+ color: #9ca1aa;
2355
+ cursor: not-allowed;
2356
+ padding: 0.375rem 1rem;
2357
+ border-radius: 6px;
2358
+ font-size: 14px;
2359
+ border: 1px #b8bfca solid;
2360
+ width: 7.56rem;
2361
+ height: 2.75rem;
2362
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
2363
+ }
2364
+ main .api-details-expanded h3 {
2365
+ color: #616874;
2366
+ font-size: 1.125rem;
2367
+ font-weight: 400;
2368
+ letter-spacing: 0px;
2369
+ line-height: 1.5rem;
2370
+ margin-top: 1.5rem;
2371
+ margin-bottom: 0.5rem;
2426
2372
  }
2427
- .api-details-page .endpoint-group .endpoint-card {
2373
+ main .api-details-expanded .url-box {
2374
+ position: relative;
2375
+ background-color: #edf1fb;
2376
+ padding: 0.375rem 0.75rem;
2377
+ border-radius: 0.5rem;
2428
2378
  display: flex;
2429
2379
  align-items: center;
2430
- justify-content: space-between;
2431
- padding: 1rem;
2432
- border: 1px solid #e5e7eb;
2433
- border-radius: 0.5rem;
2434
- background-color: #fff;
2435
- margin-bottom: 1rem;
2436
- transition: box-shadow 0.2s ease;
2380
+ gap: 0.5rem;
2381
+ font-size: 14px;
2382
+ flex: 1;
2383
+ height: 2.8rem;
2384
+ margin-bottom: 1.5rem;
2437
2385
  }
2438
- .api-details-page .endpoint-group .endpoint-card .endpoint-card-header {
2386
+ main .api-details-expanded .url-box_text-container {
2439
2387
  display: flex;
2440
- gap: 0.8rem;
2441
- align-items: flex-start;
2442
- }
2443
- .api-details-page .endpoint-group .endpoint-card .endpoint-card-header .title-wrapper {
2388
+ align-items: center;
2444
2389
  flex: 1;
2445
- max-width: 10rem;
2446
- min-width: 10rem;
2447
2390
  }
2448
- .api-details-page .endpoint-group .endpoint-card .endpoint-card-header h5 {
2449
- font-size: 1rem;
2450
- font-weight: 400;
2451
- line-height: 1.25rem;
2452
- letter-spacing: 0px;
2453
- white-space: nowrap;
2391
+ main .api-details-expanded .url-box_text-container .url-text {
2392
+ color: #3b3f46;
2393
+ font-size: 1.25rem;
2394
+ line-height: 1.75rem;
2395
+ max-width: 100%;
2454
2396
  overflow: hidden;
2455
2397
  text-overflow: ellipsis;
2456
- max-width: 100%;
2398
+ white-space: nowrap;
2399
+ flex: 1;
2457
2400
  }
2458
- .api-details-page .endpoint-group .endpoint-card .method-label {
2459
- font-size: 0.875rem;
2460
- font-weight: 400;
2461
- letter-spacing: 0px;
2462
- line-height: 1rem;
2463
- padding: 0.275rem 1.563rem;
2464
- border-radius: 0.188rem;
2465
- display: inline-block;
2466
- margin-bottom: 1rem;
2401
+ main .api-details-expanded .url-box_text-container .method-label {
2402
+ font-size: 1.25rem;
2403
+ padding: 0.125rem 0.5rem;
2404
+ border-radius: 0.375rem;
2467
2405
  text-transform: uppercase;
2406
+ color: #3aaa35;
2407
+ text-decoration: underline;
2468
2408
  }
2469
- .api-details-page .endpoint-group .endpoint-card .method-label.get {
2470
- background-color: #3a6cd1;
2471
- color: #ffffff;
2409
+ main .api-details-expanded .url-box_text-container .method-label.get {
2410
+ color: #3a6cd1;
2472
2411
  }
2473
- .api-details-page .endpoint-group .endpoint-card .method-label.post {
2474
- background-color: #3aaa35;
2475
- color: #ffffff;
2412
+ main .api-details-expanded .url-box_text-container .method-label.post {
2413
+ color: #3aaa35;
2476
2414
  }
2477
- .api-details-page .endpoint-group .endpoint-card .method-label.put {
2478
- background-color: #faad14;
2479
- color: #ffffff;
2415
+ main .api-details-expanded .url-box_text-container .method-label.put {
2416
+ color: #faad14;
2480
2417
  }
2481
- .api-details-page .endpoint-group .endpoint-card .method-label.patch {
2482
- background-color: #58e2c2;
2483
- color: #ffffff;
2418
+ main .api-details-expanded .url-box_text-container .method-label.patch {
2419
+ color: #58e2c2;
2484
2420
  }
2485
- .api-details-page .endpoint-group .endpoint-card .method-label.delete {
2486
- background-color: #da3f3f;
2487
- color: #ffffff;
2421
+ main .api-details-expanded .url-box_text-container .method-label.delete {
2422
+ color: #da3f3f;
2488
2423
  }
2489
- .api-details-page .endpoint-group .endpoint-card .method-label.head {
2490
- background-color: #9461c9;
2491
- color: #ffffff;
2424
+ main .api-details-expanded .url-box_text-container .method-label.head {
2425
+ color: #9461c9;
2492
2426
  }
2493
- .api-details-page .endpoint-group .endpoint-card .method-label.trace {
2494
- background-color: #ffa28f;
2495
- color: #ffffff;
2427
+ main .api-details-expanded .url-box_text-container .method-label.trace {
2428
+ color: #ffa28f;
2496
2429
  }
2497
- .api-details-page .endpoint-group .endpoint-card .method-label.options {
2498
- background-color: #495d97;
2499
- color: #ffffff;
2430
+ main .api-details-expanded .url-box_text-container .method-label.options {
2431
+ color: #495d97;
2500
2432
  }
2501
- .api-details-page .endpoint-group .endpoint-card .endpoint-meta h5 {
2502
- font-size: 1rem;
2503
- font-weight: 400;
2504
- line-height: 1.25rem;
2505
- letter-spacing: 0px;
2433
+ main .api-details-expanded .url-box .copy-icon {
2434
+ cursor: pointer;
2435
+ width: 1.5rem;
2436
+ height: 1.5rem;
2506
2437
  }
2507
- .api-details-page .endpoint-group .endpoint-card .endpoint-meta p {
2508
- color: #616874;
2509
- font-weight: 400;
2510
- font-size: 0.85rem;
2438
+ main .api-details-expanded .api-desc {
2439
+ color: #6b7280;
2440
+ margin: 1.5rem 0;
2441
+ }
2442
+ main .api-details-expanded .head-table-label {
2443
+ color: #3b3f46 !important;
2511
2444
  letter-spacing: 0px;
2445
+ font-weight: 400 !important;
2512
2446
  line-height: 1rem;
2513
- margin: 0.25rem 0;
2514
2447
  }
2515
- .api-details-page .endpoint-group .endpoint-card .endpoint-meta .description {
2516
- color: #3b3f46;
2517
- line-height: 1rem;
2448
+ main .api-details-expanded .request-tabs {
2449
+ display: flex;
2450
+ gap: 0.5rem;
2451
+ margin-bottom: 0.75rem;
2452
+ }
2453
+ main .api-details-expanded .tab {
2454
+ background: white;
2455
+ border: 1px solid #d1d3d8;
2456
+ padding: 0.375rem 0.75rem;
2457
+ border-radius: 6px;
2458
+ cursor: pointer;
2459
+ font-size: 0.875rem;
2460
+ color: #000000;
2461
+ display: flex;
2462
+ align-items: center;
2463
+ gap: 0.375rem;
2464
+ }
2465
+ main .api-details-expanded .tab {
2466
+ background: white;
2467
+ border: 1px solid #d1d3d8;
2468
+ padding: 0.375rem 0.75rem;
2469
+ border-radius: 6px;
2470
+ cursor: pointer;
2471
+ font-size: 0.875rem;
2472
+ color: #000000;
2473
+ display: flex;
2474
+ align-items: center;
2475
+ gap: 0.375rem;
2476
+ }
2477
+ main .api-details-expanded .tab.active {
2478
+ background-color: #e5edff;
2479
+ border-color: #4d75d9;
2480
+ color: #000000;
2518
2481
  font-weight: 400;
2519
- letter-spacing: 0px;
2520
- margin-top: 1.5rem;
2521
2482
  }
2522
- .api-details-page .endpoint-group .endpoint-card .endpoint-arrow {
2523
- align-content: center;
2524
- width: 1rem;
2525
- height: 1rem;
2526
- flex-shrink: 0;
2527
- margin-left: 1rem;
2483
+ main .api-details-expanded .icon-left {
2484
+ width: 0.875rem;
2485
+ height: 0.875rem;
2528
2486
  }
2529
- .api-details-page .versions-section {
2530
- margin-top: 2rem;
2487
+ main .api-details-expanded .table-wrapper {
2488
+ overflow-x: auto;
2489
+ border: 1px solid #e5e7eb;
2490
+ border-radius: 0.8rem;
2491
+ background: white;
2492
+ border: 1px #bbbec5 solid;
2493
+ margin-bottom: 2rem;
2531
2494
  }
2532
- .api-details-page .versions-section h4 {
2533
- color: #4d75d9;
2534
- font-weight: 600;
2535
- font-size: 1.75rem;
2536
- letter-spacing: -0.5px;
2537
- line-height: 2.25rem;
2538
- margin-bottom: 0.75rem;
2495
+ main .api-details-expanded .param-table {
2496
+ width: 100%;
2497
+ border-collapse: collapse;
2498
+ font-size: 0.875rem;
2539
2499
  }
2540
- .api-details-page .versions-section .version-list {
2541
- display: flex;
2542
- flex-wrap: wrap;
2543
- gap: 1rem;
2500
+ main .api-details-expanded .param-table .desc-cell {
2501
+ position: relative;
2502
+ max-width: 20rem;
2503
+ padding-right: 1.5rem;
2544
2504
  }
2545
- .api-details-page .versions-section .version-list .version-btn {
2546
- height: 3rem;
2547
- padding: 0.4rem 0.8rem;
2548
- border: 1px solid #4d75d9;
2549
- border-radius: 0.375rem;
2550
- background-color: #fff;
2505
+ main .api-details-expanded .param-table .desc-text {
2506
+ white-space: nowrap;
2507
+ overflow: hidden;
2508
+ text-overflow: ellipsis;
2509
+ max-width: 90%;
2510
+ }
2511
+ main .api-details-expanded .param-table .desc-text.expanded {
2512
+ white-space: normal;
2513
+ }
2514
+ main .api-details-expanded .param-table .desc-toggle {
2515
+ position: absolute;
2516
+ right: 0.5rem;
2517
+ top: 50%;
2518
+ transform: translateY(-50%);
2519
+ background: none;
2520
+ border: none;
2551
2521
  cursor: pointer;
2522
+ }
2523
+ main .api-details-expanded .param-table .desc-toggle svg {
2524
+ transition: transform 0.2s ease;
2525
+ }
2526
+ main .api-details-expanded .param-table .desc-toggle .rotated {
2527
+ transform: rotate(180deg);
2528
+ }
2529
+ main .api-details-expanded .param-table th,
2530
+ main .api-details-expanded .param-table td {
2531
+ padding: 10px;
2532
+ border-bottom: 1px solid #bbbec5;
2533
+ text-align: left;
2534
+ color: #3b3f46;
2535
+ }
2536
+ main .api-details-expanded .param-table th {
2537
+ background: #edf1fb;
2538
+ font-weight: 600;
2539
+ }
2540
+ main .api-details-expanded .response-status {
2541
+ display: flex;
2542
+ align-items: center;
2543
+ justify-content: end;
2544
+ gap: 0.375rem;
2552
2545
  font-size: 0.875rem;
2553
- color: #4d75d9;
2554
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2509803922);
2555
- white-space: nowrap;
2556
- min-width: 3.9375rem;
2546
+ color: green;
2547
+ margin-bottom: 0.75rem;
2548
+ }
2549
+ main .api-details-expanded .response-drop {
2550
+ width: 10rem;
2551
+ justify-content: end;
2552
+ }
2553
+ main .api-details-expanded .response-drop-test {
2554
+ justify-content: end !important;
2555
+ align-items: end !important;
2556
+ align-content: end !important;
2557
2557
  }