@digi-frontend/dgate-api-documentation 1.0.11 → 1.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -1,90 +1,467 @@
1
- .apiInfoForm {
1
+ .containerTitleDrawer {
2
+ height: 64px;
3
+ min-height: 64px;
4
+ display: flex;
5
+ flex-direction: row;
6
+ justify-content: space-between;
7
+ align-items: center;
8
+ background-color: #f1f2f6;
9
+ padding: 0 30px 0 30px;
10
+ width: 100%;
11
+ }
12
+ .containerTitleDrawer span {
13
+ color: #12131a;
14
+ font-weight: 600;
15
+ font-size: 18px;
16
+ line-height: 25px;
17
+ letter-spacing: 0em;
18
+ }
19
+ .containerTitleDrawer svg path {
20
+ stroke: #000 !important;
21
+ }
22
+ .containerTitleDrawer .closeIcon {
23
+ cursor: pointer;
24
+ }.tooltip-custom-wrapper {
25
+ display: flex;
26
+ }
27
+
28
+ .tippy-box {
29
+ background-color: #202f5b;
30
+ font-size: 0.875rem;
31
+ border-radius: 0.3125rem;
32
+ width: max-content;
33
+ max-width: 100%;
34
+ overflow-wrap: break-word;
35
+ word-break: break-word;
36
+ position: relative;
37
+ border: 1px solid #d8dae5;
38
+ }
39
+ .tippy-box.function .tippy-content {
40
+ background-color: #fff !important;
41
+ color: #000 !important;
42
+ }
43
+ .tippy-box[data-placement] > .tippy-arrow:before {
44
+ color: #fff !important;
45
+ }
46
+ .tippy-box.info .tippy-arrow {
47
+ color: #202f5b;
48
+ }
49
+ .tippy-box.success {
50
+ border-radius: 1.875rem;
51
+ background-color: #3aaa35;
52
+ padding-inline: 0.625rem;
53
+ }
54
+ .tippy-box .tippy-content {
55
+ text-align: justify;
56
+ font-size: 0.875rem;
57
+ line-height: 1.25rem;
58
+ padding: 0.625rem;
59
+ }
60
+ .tippy-box .tippy-arrow {
61
+ position: relative;
62
+ width: 1rem;
63
+ height: 1rem;
64
+ }
65
+ .tippy-box[data-placement^=top] .tippy-arrow:before {
66
+ bottom: -0.4375rem;
67
+ border-width: 0.5rem 0.5rem 0 !important;
68
+ }
69
+ .tippy-box[data-placement^=right] .tippy-arrow:before {
70
+ left: -0.4375rem;
71
+ border-width: 0.5rem 0.5rem 0.5rem 0 !important;
72
+ }
73
+ .tippy-box[data-placement^=bottom] .tippy-arrow:before {
74
+ top: -0.4375rem;
75
+ border-width: 0 0.5rem 0.5rem !important;
76
+ }
77
+ .tippy-box[data-placement^=left] .tippy-arrow:before {
78
+ right: -0.4375rem;
79
+ border-width: 0.5rem 0 0.5rem 0.5rem !important;
80
+ }
81
+ .tippy-box[data-placement^=bottom-start] .tippy-arrow {
82
+ transform: translate(0.937rem, 0) !important;
83
+ }
84
+ .tippy-box[data-placement^=bottom-end] .tippy-arrow {
85
+ margin-left: calc(100% - 1.937rem);
86
+ transform: translate(0, 0) !important;
87
+ }
88
+ .tippy-box[data-placement^=top-start] .tippy-arrow {
89
+ transform: translate(0.937rem, 0) !important;
90
+ }
91
+ .tippy-box[data-placement^=top-end] .tippy-arrow {
92
+ transform: translate(0.937rem, 0) !important;
93
+ }
94
+ .tippy-box.arrow-with-border {
95
+ border: 1px solid #d8dae5;
96
+ }
97
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
98
+ top: 1px;
99
+ background-color: white;
100
+ z-index: 9999;
101
+ height: 1px;
102
+ }
103
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
104
+ width: 1rem;
105
+ height: 1rem;
106
+ background-color: white;
107
+ transform: rotate(45deg);
108
+ border: none;
109
+ border-left: 1px solid #d8dae5 !important;
110
+ border-top: 1px solid #d8dae5 !important;
111
+ z-index: 20000000000;
112
+ top: -0.6rem;
113
+ transform-origin: center !important;
114
+ }.methodAccordion {
115
+ border: none !important;
116
+ box-shadow: none !important;
117
+ margin-bottom: 0 !important;
118
+ }
119
+ .methodAccordion :global(.accordion-header) {
120
+ padding: 0 !important;
121
+ margin: 1.25rem 1.875rem 0 1.875rem !important;
122
+ height: 2.625rem;
123
+ border: none !important;
124
+ background-color: transparent !important;
125
+ }
126
+ .methodAccordion :global(.iconContainer .dropdownIcon) {
127
+ display: none !important;
128
+ }
129
+ .methodAccordion :global(.accordion-details.expanded) {
130
+ border: none !important;
131
+ padding: 0 !important;
132
+ }
133
+ .methodAccordion .methodSummaryContainer {
134
+ display: flex;
135
+ align-items: center;
136
+ gap: 0.9375rem;
137
+ margin-bottom: 1.25rem;
138
+ }
139
+ .methodAccordion .methodSummaryContainer .methodSummary {
140
+ display: flex;
141
+ align-items: center;
142
+ gap: 0.3125rem;
143
+ background-color: #f8f9fb;
144
+ width: 100%;
145
+ padding: 0.3125rem;
146
+ border-radius: 0.3125rem;
147
+ font-size: 0.875rem;
148
+ }
149
+ .methodAccordion .methodSummaryContainer .methodSummary .methodLabel {
2
150
  display: grid;
3
- padding: 1.25rem 1.875rem;
151
+ place-content: center;
152
+ width: 5rem;
153
+ height: 2rem;
154
+ color: white;
155
+ border-radius: 0.1875rem;
156
+ text-transform: capitalize;
157
+ }
158
+ .methodAccordion .methodSummaryContainer .methodSummary .methodPath {
159
+ display: block;
160
+ line-height: 1.25rem !important;
161
+ }
162
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer {
163
+ display: grid;
164
+ place-content: center;
165
+ width: 2.25rem;
166
+ aspect-ratio: 1/1;
167
+ border-radius: 100%;
168
+ background-color: #f8f9fb;
169
+ margin-left: auto;
170
+ }
171
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer.expanded svg {
172
+ rotate: 180deg;
173
+ }
174
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer svg {
175
+ transition: rotate 0.3s ease-in-out;
176
+ }
177
+ .methodAccordion .methodAccordionContent {
178
+ display: flex;
179
+ flex-direction: column;
4
180
  gap: 1.25rem;
181
+ padding-inline: 1.875rem;
5
182
  }
6
- .apiInfoForm .paramsTable .paramDescContainer {
183
+ .methodAccordion .methodAccordionContent .methodDesc {
184
+ margin-top: 1.25rem;
185
+ }
186
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer {
7
187
  display: flex;
8
188
  }
9
- .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
189
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer .paramDescContainer_separator {
10
190
  height: inherit;
11
191
  width: 1px;
12
192
  background-color: #d8dae5;
13
193
  }
14
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
194
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn) svg path {
15
195
  stroke-width: 0.1;
16
196
  }
17
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
197
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
18
198
  padding: 0;
19
199
  margin-right: 1.25rem;
20
200
  }
21
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
201
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
22
202
  display: flex;
23
203
  align-items: center;
24
204
  padding: 0;
25
205
  color: #12131a;
26
206
  }
27
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
207
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
28
208
  margin-block: auto;
29
209
  }
30
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
210
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
31
211
  fill: #12131a;
32
212
  }
33
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
213
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
34
214
  padding: 0;
35
215
  }
36
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
216
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
37
217
  margin-block: auto;
38
218
  }
39
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
219
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
40
220
  width: 1.125rem;
41
221
  }
42
- .apiInfoForm .paramsTable .editDescTooltipContent {
222
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent {
43
223
  display: flex;
44
224
  flex-direction: column;
45
225
  gap: 0.625rem;
46
226
  padding-bottom: 0.625rem;
47
227
  }
48
- .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
228
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
49
229
  margin-inline: 0.625rem;
50
230
  }
51
- .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
231
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
52
232
  font-weight: 600;
53
233
  font-size: 0.875rem;
54
234
  line-height: 1.25rem;
55
235
  padding: 0.75rem 1.25rem;
56
236
  border-bottom: 1px solid #d8dae5;
57
237
  }
58
- .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
238
+ .methodAccordion .methodAccordionContent .paramsTable :global(.requiredParam) :global(.headContainer)::after {
59
239
  content: "*";
60
240
  color: red;
61
241
  transform: translateX(0.125rem);
62
242
  }
63
- .apiInfoForm .apiDocRow {
64
- display: grid;
65
- grid-template-columns: 1fr 1fr;
66
- gap: 1.25rem;
67
- }
68
- .apiInfoForm .apiInfoForm_tagsChips {
69
- margin-top: -1.25rem;
243
+ .methodAccordion .methodAccordionContent .requestAccordion,
244
+ .methodAccordion .methodAccordionContent .responseAccordion {
245
+ border: 1px solid #babdcc;
246
+ border-radius: 0.3125rem !important;
247
+ box-shadow: none !important;
248
+ margin-bottom: 0 !important;
249
+ cursor: default !important;
70
250
  }
71
- .apiInfoForm .editDescTooltipContent {
251
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
252
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
72
253
  display: flex;
73
- flex-direction: column;
74
- gap: 0.625rem;
75
- padding-bottom: 0.625rem;
254
+ align-items: center;
255
+ justify-content: space-between;
256
+ margin: 0 !important;
257
+ padding: 0 !important;
258
+ height: 4.0625rem !important;
259
+ border-radius: 0.3125rem !important;
260
+ background-color: white !important;
76
261
  }
77
- .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
78
- margin-inline: 0.625rem;
262
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded),
263
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) {
264
+ border-top: 1px solid #babdcc !important;
265
+ padding: 1.25rem !important;
266
+ padding: 0 !important;
79
267
  }
80
- .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
81
- font-weight: 600;
82
- font-size: 0.875rem;
83
- line-height: 1.25rem;
84
- padding: 0.75rem 1.25rem;
85
- border-bottom: 1px solid #d8dae5;
268
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
269
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
270
+ border-top-right-radius: 0;
271
+ border-top-left-radius: 0;
272
+ height: 10rem;
86
273
  }
87
- .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
274
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
275
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
276
+ display: flex;
277
+ }
278
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
279
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
280
+ height: 100%;
281
+ padding: 1.25rem;
282
+ }
283
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary,
284
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary,
285
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary,
286
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
287
+ width: 100%;
288
+ display: flex;
289
+ justify-content: space-between;
290
+ font-weight: 700;
291
+ font-size: 1.125rem;
292
+ line-height: 1.5rem;
293
+ display: flex;
294
+ align-items: center;
295
+ cursor: default !important;
296
+ margin-inline: 0.625rem 1.25rem;
297
+ }
298
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title,
299
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title,
300
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title,
301
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title {
302
+ display: flex;
303
+ align-items: center;
304
+ cursor: pointer;
305
+ }
306
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title svg,
307
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title svg,
308
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title svg,
309
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title svg {
310
+ transition: rotate 0.2s ease-in-out;
311
+ }
312
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title .expanded,
313
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title .expanded,
314
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title .expanded,
315
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title .expanded {
316
+ rotate: 180deg;
317
+ }
318
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
319
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
320
+ padding: 0;
321
+ border: none;
322
+ }
323
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
324
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
325
+ display: none !important;
326
+ }
327
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
328
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
329
+ cursor: default;
330
+ }
331
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
332
+ display: flex;
333
+ align-items: center;
334
+ }
335
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
336
+ width: 8rem !important;
337
+ min-width: 8rem !important;
338
+ }
339
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
340
+ width: 8rem;
341
+ margin-left: auto;
342
+ }
343
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
344
+ height: 2.0625rem !important;
345
+ min-height: 2.0625rem !important;
346
+ padding: 0;
347
+ padding-left: 0.625rem;
348
+ }
349
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
350
+ overflow: visible;
351
+ cursor: default;
352
+ }
353
+ .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer {
354
+ display: grid;
355
+ grid-template-columns: min-content min-content;
356
+ align-items: center;
357
+ gap: 0.625rem;
358
+ }
359
+ .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
360
+ width: 0.625rem;
361
+ aspect-ratio: 1/1;
362
+ border-radius: 100%;
363
+ }
364
+ .methodAccordion.readOnly .methodAccordionContent {
365
+ padding: 0;
366
+ }
367
+ .methodAccordion.readOnly :global(.accordion-header) {
368
+ margin: 1.25rem 0 0 0 !important;
369
+ }
370
+ .methodAccordion.readOnly :global(.accordion-details) {
371
+ background-color: transparent !important;
372
+ }
373
+ .methodAccordion.readOnly .methodSummaryContainer .methodSummary {
374
+ background-color: #ebecf2;
375
+ }
376
+ .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
377
+ background-color: #ebecf2;
378
+ }.apiInfoForm {
379
+ display: grid;
380
+ padding: 1.25rem 1.875rem;
381
+ gap: 1.25rem;
382
+ }
383
+ .apiInfoForm .paramsTable .paramDescContainer {
384
+ display: flex;
385
+ }
386
+ .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
387
+ height: inherit;
388
+ width: 1px;
389
+ background-color: #d8dae5;
390
+ }
391
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
392
+ stroke-width: 0.1;
393
+ }
394
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
395
+ padding: 0;
396
+ margin-right: 1.25rem;
397
+ }
398
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
399
+ display: flex;
400
+ align-items: center;
401
+ padding: 0;
402
+ color: #12131a;
403
+ }
404
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
405
+ margin-block: auto;
406
+ }
407
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
408
+ fill: #12131a;
409
+ }
410
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
411
+ padding: 0;
412
+ }
413
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
414
+ margin-block: auto;
415
+ }
416
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
417
+ width: 1.125rem;
418
+ }
419
+ .apiInfoForm .paramsTable .editDescTooltipContent {
420
+ display: flex;
421
+ flex-direction: column;
422
+ gap: 0.625rem;
423
+ padding-bottom: 0.625rem;
424
+ }
425
+ .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
426
+ margin-inline: 0.625rem;
427
+ }
428
+ .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
429
+ font-weight: 600;
430
+ font-size: 0.875rem;
431
+ line-height: 1.25rem;
432
+ padding: 0.75rem 1.25rem;
433
+ border-bottom: 1px solid #d8dae5;
434
+ }
435
+ .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
436
+ content: "*";
437
+ color: red;
438
+ transform: translateX(0.125rem);
439
+ }
440
+ .apiInfoForm .apiDocRow {
441
+ display: grid;
442
+ grid-template-columns: 1fr 1fr;
443
+ gap: 1.25rem;
444
+ }
445
+ .apiInfoForm .apiInfoForm_tagsChips {
446
+ margin-top: -1.25rem;
447
+ }
448
+ .apiInfoForm .editDescTooltipContent {
449
+ display: flex;
450
+ flex-direction: column;
451
+ gap: 0.625rem;
452
+ padding-bottom: 0.625rem;
453
+ }
454
+ .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
455
+ margin-inline: 0.625rem;
456
+ }
457
+ .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
458
+ font-weight: 600;
459
+ font-size: 0.875rem;
460
+ line-height: 1.25rem;
461
+ padding: 0.75rem 1.25rem;
462
+ border-bottom: 1px solid #d8dae5;
463
+ }
464
+ .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
88
465
  content: "*";
89
466
  color: red;
90
467
  transform: translateX(0.125rem);
@@ -259,495 +636,145 @@
259
636
  width: fit-content;
260
637
  white-space: nowrap;
261
638
  text-overflow: ellipsis;
262
- overflow: visible !important;
263
- }
264
- .tableSectionContainer .tableContainer .table .tableBody tr:hover {
265
- background-color: var(--background-color-gray-10);
266
- }
267
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow {
268
- background-color: var(--background-color-white-secondary);
269
- height: 4.375rem;
270
- }
271
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow:hover {
272
- background-color: var(--background-color-white-secondary);
273
- }
274
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer {
275
- width: 100%;
276
- height: 100%;
277
- color: var(--text-color-quaternary);
278
- }
279
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer {
280
- display: flex;
281
- flex-direction: row;
282
- align-items: center;
283
- justify-content: center;
284
- width: 100%;
285
- height: 100%;
286
- }
287
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer .fallbackText {
288
- font-style: normal;
289
- font-weight: 400;
290
- font-size: 0.875rem;
291
- line-height: 1.25rem;
292
- }
293
- .tableSectionContainer .tableContainer .table th,
294
- .tableSectionContainer .tableContainer .table td {
295
- text-align: left;
296
- }
297
- .tableSectionContainer .tableFooterContainer {
298
- display: flex;
299
- width: 100%;
300
- height: auto;
301
- }
302
- .tableSectionContainer .ascArrow {
303
- height: 0.8125rem;
304
- margin-bottom: 0.4375rem;
305
- cursor: pointer;
306
- }
307
- .tableSectionContainer .descArrow {
308
- height: 0.8125rem;
309
- margin-top: 0.4375rem;
310
- cursor: pointer;
311
- }
312
- .tableSectionContainer .defaultSortArrow {
313
- height: 1.25rem;
314
- cursor: pointer;
315
- }
316
- .tableSectionContainer .ascArrow path,
317
- .tableSectionContainer .descArrow path,
318
- .tableSectionContainer .defaultSortArrow path {
319
- fill: var(--Gray-50);
320
- }#common-dialog.dialog-content-wrapper {
321
- overflow: visible !important;
322
- max-height: 100%;
323
- width: 22.1875rem;
324
- }
325
- #common-dialog.dialog-content-wrapper .dialog-content-root {
326
- overflow: visible !important;
327
- border-radius: 0.625rem;
328
- max-height: 100%;
329
- }
330
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
331
- padding: 0 1.875rem !important;
332
- overflow: visible !important;
333
- max-height: 100%;
334
- }
335
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
336
- position: relative;
337
- }
338
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
339
- position: absolute;
340
- z-index: 1;
341
- top: 1.5rem;
342
- right: 0;
343
- transform: translate(0.625rem, -0.625rem);
344
- cursor: pointer;
345
- }
346
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
347
- display: flex;
348
- padding-top: 0.5rem;
349
- position: relative;
350
- }
351
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
352
- margin-top: 1rem;
353
- margin-bottom: 1.5rem;
354
- margin-inline: auto;
355
- }
356
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
357
- stroke: #12131a;
358
- }
359
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
360
- stroke: #12131a;
361
- }
362
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
363
- fill: #12131a;
364
- }
365
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
366
- stroke: #faad14;
367
- }
368
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
369
- stroke: #faad14;
370
- }
371
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
372
- stroke: #da3f3f;
373
- }
374
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
375
- stroke: #da3f3f;
376
- }
377
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
378
- fill: #da3f3f;
379
- }
380
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
381
- font-size: 1.5rem;
382
- font-weight: 500;
383
- line-height: 1.875rem;
384
- text-align: center;
385
- margin-bottom: 0.625rem;
386
- }
387
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
388
- color: #da3f3f;
389
- }
390
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
391
- color: #faad14;
392
- }
393
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
394
- display: flex;
395
- gap: 1.25rem;
396
- margin-top: 1.875rem;
397
- }.methodAccordion {
398
- border: none !important;
399
- box-shadow: none !important;
400
- margin-bottom: 0 !important;
401
- }
402
- .methodAccordion :global(.accordion-header) {
403
- padding: 0 !important;
404
- margin: 1.25rem 1.875rem 0 1.875rem !important;
405
- height: 2.625rem;
406
- border: none !important;
407
- background-color: transparent !important;
408
- }
409
- .methodAccordion :global(.iconContainer .dropdownIcon) {
410
- display: none !important;
411
- }
412
- .methodAccordion :global(.accordion-details.expanded) {
413
- border: none !important;
414
- padding: 0 !important;
415
- }
416
- .methodAccordion .methodSummaryContainer {
417
- display: flex;
418
- align-items: center;
419
- gap: 0.9375rem;
420
- margin-bottom: 1.25rem;
421
- }
422
- .methodAccordion .methodSummaryContainer .methodSummary {
423
- display: flex;
424
- align-items: center;
425
- gap: 0.3125rem;
426
- background-color: #f8f9fb;
427
- width: 100%;
428
- padding: 0.3125rem;
429
- border-radius: 0.3125rem;
430
- font-size: 0.875rem;
431
- }
432
- .methodAccordion .methodSummaryContainer .methodSummary .methodLabel {
433
- display: grid;
434
- place-content: center;
435
- width: 5rem;
436
- height: 2rem;
437
- color: white;
438
- border-radius: 0.1875rem;
439
- text-transform: capitalize;
440
- }
441
- .methodAccordion .methodSummaryContainer .methodSummary .methodPath {
442
- display: block;
443
- line-height: 1.25rem !important;
444
- }
445
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer {
446
- display: grid;
447
- place-content: center;
448
- width: 2.25rem;
449
- aspect-ratio: 1/1;
450
- border-radius: 100%;
451
- background-color: #f8f9fb;
452
- margin-left: auto;
453
- }
454
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer.expanded svg {
455
- rotate: 180deg;
456
- }
457
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer svg {
458
- transition: rotate 0.3s ease-in-out;
459
- }
460
- .methodAccordion .methodAccordionContent {
461
- display: flex;
462
- flex-direction: column;
463
- gap: 1.25rem;
464
- padding-inline: 1.875rem;
465
- }
466
- .methodAccordion .methodAccordionContent .methodDesc {
467
- margin-top: 1.25rem;
468
- }
469
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer {
470
- display: flex;
471
- }
472
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer .paramDescContainer_separator {
473
- height: inherit;
474
- width: 1px;
475
- background-color: #d8dae5;
476
- }
477
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn) svg path {
478
- stroke-width: 0.1;
479
- }
480
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
481
- padding: 0;
482
- margin-right: 1.25rem;
483
- }
484
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
485
- display: flex;
486
- align-items: center;
487
- padding: 0;
488
- color: #12131a;
489
- }
490
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
491
- margin-block: auto;
492
- }
493
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
494
- fill: #12131a;
495
- }
496
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
497
- padding: 0;
498
- }
499
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
500
- margin-block: auto;
501
- }
502
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
503
- width: 1.125rem;
504
- }
505
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent {
506
- display: flex;
507
- flex-direction: column;
508
- gap: 0.625rem;
509
- padding-bottom: 0.625rem;
510
- }
511
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
512
- margin-inline: 0.625rem;
513
- }
514
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
515
- font-weight: 600;
516
- font-size: 0.875rem;
517
- line-height: 1.25rem;
518
- padding: 0.75rem 1.25rem;
519
- border-bottom: 1px solid #d8dae5;
520
- }
521
- .methodAccordion .methodAccordionContent .paramsTable :global(.requiredParam) :global(.headContainer)::after {
522
- content: "*";
523
- color: red;
524
- transform: translateX(0.125rem);
525
- }
526
- .methodAccordion .methodAccordionContent .requestAccordion,
527
- .methodAccordion .methodAccordionContent .responseAccordion {
528
- border: 1px solid #babdcc;
529
- border-radius: 0.3125rem !important;
530
- box-shadow: none !important;
531
- margin-bottom: 0 !important;
532
- cursor: default !important;
533
- }
534
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
535
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
536
- display: flex;
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;
544
- }
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;
550
- }
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;
556
- }
557
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
558
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
559
- display: flex;
560
- }
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;
565
- }
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;
580
- }
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;
588
- }
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;
639
+ overflow: visible !important;
594
640
  }
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;
641
+ .tableSectionContainer .tableContainer .table .tableBody tr:hover {
642
+ background-color: var(--background-color-gray-10);
600
643
  }
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;
644
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow {
645
+ background-color: var(--background-color-white-secondary);
646
+ height: 4.375rem;
605
647
  }
606
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
607
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
608
- display: none !important;
648
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow:hover {
649
+ background-color: var(--background-color-white-secondary);
609
650
  }
610
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
611
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
612
- cursor: default;
651
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer {
652
+ width: 100%;
653
+ height: 100%;
654
+ color: var(--text-color-quaternary);
613
655
  }
614
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
656
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer {
615
657
  display: flex;
658
+ flex-direction: row;
616
659
  align-items: center;
660
+ justify-content: center;
661
+ width: 100%;
662
+ height: 100%;
617
663
  }
618
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
619
- width: 8rem !important;
620
- min-width: 8rem !important;
621
- }
622
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
623
- width: 8rem;
624
- margin-left: auto;
625
- }
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;
664
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer .fallbackText {
665
+ font-style: normal;
666
+ font-weight: 400;
667
+ font-size: 0.875rem;
668
+ line-height: 1.25rem;
631
669
  }
632
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
633
- overflow: visible;
634
- cursor: default;
670
+ .tableSectionContainer .tableContainer .table th,
671
+ .tableSectionContainer .tableContainer .table td {
672
+ text-align: left;
635
673
  }
636
- .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer {
637
- display: grid;
638
- grid-template-columns: min-content min-content;
639
- align-items: center;
640
- gap: 0.625rem;
674
+ .tableSectionContainer .tableFooterContainer {
675
+ display: flex;
676
+ width: 100%;
677
+ height: auto;
641
678
  }
642
- .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
643
- width: 0.625rem;
644
- aspect-ratio: 1/1;
645
- border-radius: 100%;
679
+ .tableSectionContainer .ascArrow {
680
+ height: 0.8125rem;
681
+ margin-bottom: 0.4375rem;
682
+ cursor: pointer;
646
683
  }
647
- .methodAccordion.readOnly .methodAccordionContent {
648
- padding: 0;
684
+ .tableSectionContainer .descArrow {
685
+ height: 0.8125rem;
686
+ margin-top: 0.4375rem;
687
+ cursor: pointer;
649
688
  }
650
- .methodAccordion.readOnly :global(.accordion-header) {
651
- margin: 1.25rem 0 0 0 !important;
689
+ .tableSectionContainer .defaultSortArrow {
690
+ height: 1.25rem;
691
+ cursor: pointer;
652
692
  }
653
- .methodAccordion.readOnly :global(.accordion-details) {
654
- background-color: transparent !important;
693
+ .tableSectionContainer .ascArrow path,
694
+ .tableSectionContainer .descArrow path,
695
+ .tableSectionContainer .defaultSortArrow path {
696
+ fill: var(--Gray-50);
697
+ }p.apiName {
698
+ font-size: 40px;
699
+ line-height: 30px;
700
+ font-weight: 500;
701
+ }#common-dialog.dialog-content-wrapper {
702
+ overflow: visible !important;
703
+ max-height: 100%;
704
+ width: 22.1875rem;
655
705
  }
656
- .methodAccordion.readOnly .methodSummaryContainer .methodSummary {
657
- background-color: #ebecf2;
706
+ #common-dialog.dialog-content-wrapper .dialog-content-root {
707
+ overflow: visible !important;
708
+ border-radius: 0.625rem;
709
+ max-height: 100%;
658
710
  }
659
- .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
660
- background-color: #ebecf2;
661
- }.tooltip-custom-wrapper {
662
- display: flex;
711
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
712
+ padding: 0 1.875rem !important;
713
+ overflow: visible !important;
714
+ max-height: 100%;
663
715
  }
664
-
665
- .tippy-box {
666
- background-color: #202f5b;
667
- font-size: 0.875rem;
668
- border-radius: 0.3125rem;
669
- width: max-content;
670
- max-width: 100%;
671
- overflow-wrap: break-word;
672
- word-break: break-word;
716
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
673
717
  position: relative;
674
- border: 1px solid #d8dae5;
675
- }
676
- .tippy-box.function .tippy-content {
677
- background-color: #fff !important;
678
- color: #000 !important;
679
718
  }
680
- .tippy-box[data-placement] > .tippy-arrow:before {
681
- color: #fff !important;
682
- }
683
- .tippy-box.info .tippy-arrow {
684
- color: #202f5b;
719
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
720
+ position: absolute;
721
+ z-index: 1;
722
+ top: 1.5rem;
723
+ right: 0;
724
+ transform: translate(0.625rem, -0.625rem);
725
+ cursor: pointer;
685
726
  }
686
- .tippy-box.success {
687
- border-radius: 1.875rem;
688
- background-color: #3aaa35;
689
- padding-inline: 0.625rem;
727
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
728
+ display: flex;
729
+ padding-top: 0.5rem;
730
+ position: relative;
690
731
  }
691
- .tippy-box .tippy-content {
692
- text-align: justify;
693
- font-size: 0.875rem;
694
- line-height: 1.25rem;
695
- padding: 0.625rem;
732
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
733
+ margin-top: 1rem;
734
+ margin-bottom: 1.5rem;
735
+ margin-inline: auto;
696
736
  }
697
- .tippy-box .tippy-arrow {
698
- position: relative;
699
- width: 1rem;
700
- height: 1rem;
737
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
738
+ stroke: #12131a;
701
739
  }
702
- .tippy-box[data-placement^=top] .tippy-arrow:before {
703
- bottom: -0.4375rem;
704
- border-width: 0.5rem 0.5rem 0 !important;
740
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
741
+ stroke: #12131a;
705
742
  }
706
- .tippy-box[data-placement^=right] .tippy-arrow:before {
707
- left: -0.4375rem;
708
- border-width: 0.5rem 0.5rem 0.5rem 0 !important;
743
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
744
+ fill: #12131a;
709
745
  }
710
- .tippy-box[data-placement^=bottom] .tippy-arrow:before {
711
- top: -0.4375rem;
712
- border-width: 0 0.5rem 0.5rem !important;
746
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
747
+ stroke: #faad14;
713
748
  }
714
- .tippy-box[data-placement^=left] .tippy-arrow:before {
715
- right: -0.4375rem;
716
- border-width: 0.5rem 0 0.5rem 0.5rem !important;
749
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
750
+ stroke: #faad14;
717
751
  }
718
- .tippy-box[data-placement^=bottom-start] .tippy-arrow {
719
- transform: translate(0.937rem, 0) !important;
752
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
753
+ stroke: #da3f3f;
720
754
  }
721
- .tippy-box[data-placement^=bottom-end] .tippy-arrow {
722
- margin-left: calc(100% - 1.937rem);
723
- transform: translate(0, 0) !important;
755
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
756
+ stroke: #da3f3f;
724
757
  }
725
- .tippy-box[data-placement^=top-start] .tippy-arrow {
726
- transform: translate(0.937rem, 0) !important;
758
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
759
+ fill: #da3f3f;
727
760
  }
728
- .tippy-box[data-placement^=top-end] .tippy-arrow {
729
- transform: translate(0.937rem, 0) !important;
761
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
762
+ font-size: 1.5rem;
763
+ font-weight: 500;
764
+ line-height: 1.875rem;
765
+ text-align: center;
766
+ margin-bottom: 0.625rem;
730
767
  }
731
- .tippy-box.arrow-with-border {
732
- border: 1px solid #d8dae5;
768
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
769
+ color: #da3f3f;
733
770
  }
734
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
735
- top: 1px;
736
- background-color: white;
737
- z-index: 9999;
738
- height: 1px;
771
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
772
+ color: #faad14;
739
773
  }
740
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
741
- width: 1rem;
742
- height: 1rem;
743
- background-color: white;
744
- transform: rotate(45deg);
745
- border: none;
746
- border-left: 1px solid #d8dae5 !important;
747
- border-top: 1px solid #d8dae5 !important;
748
- z-index: 20000000000;
749
- top: -0.6rem;
750
- transform-origin: center !important;
774
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
775
+ display: flex;
776
+ gap: 1.25rem;
777
+ margin-top: 1.875rem;
751
778
  }:root {
752
779
  --white: #fff;
753
780
  --Gray-5: #f1f2f6;
@@ -853,29 +880,6 @@
853
880
  }
854
881
  .drawerItemContainer .color-red {
855
882
  color: var(--color-error);
856
- }.containerTitleDrawer {
857
- height: 64px;
858
- min-height: 64px;
859
- display: flex;
860
- flex-direction: row;
861
- justify-content: space-between;
862
- align-items: center;
863
- background-color: #f1f2f6;
864
- padding: 0 30px 0 30px;
865
- width: 100%;
866
- }
867
- .containerTitleDrawer span {
868
- color: #12131a;
869
- font-weight: 600;
870
- font-size: 18px;
871
- line-height: 25px;
872
- letter-spacing: 0em;
873
- }
874
- .containerTitleDrawer svg path {
875
- stroke: #000 !important;
876
- }
877
- .containerTitleDrawer .closeIcon {
878
- cursor: pointer;
879
883
  }.json-editor-container {
880
884
  overflow: hidden;
881
885
  border-bottom-right-radius: 0.3125rem;
@@ -987,8 +991,4 @@
987
991
  .json-editor-container.disabled .json-editor textarea {
988
992
  background-color: white;
989
993
  color: #12131a;
990
- }p.apiName {
991
- font-size: 40px;
992
- line-height: 30px;
993
- font-weight: 500;
994
994
  }