@digi-frontend/dgate-api-documentation 1.0.15 → 1.0.16

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,474 +1,285 @@
1
- .tooltip-custom-wrapper {
2
- display: flex;
3
- }
4
-
5
- .tippy-box {
6
- background-color: #202f5b;
7
- font-size: 0.875rem;
8
- border-radius: 0.3125rem;
9
- width: max-content;
10
- max-width: 100%;
11
- overflow-wrap: break-word;
12
- word-break: break-word;
13
- position: relative;
14
- border: 1px solid #d8dae5;
15
- }
16
- .tippy-box.function .tippy-content {
17
- background-color: #fff !important;
18
- color: #000 !important;
19
- }
20
- .tippy-box[data-placement] > .tippy-arrow:before {
21
- color: #fff !important;
22
- }
23
- .tippy-box.info .tippy-arrow {
24
- color: #202f5b;
25
- }
26
- .tippy-box.success {
27
- border-radius: 1.875rem;
28
- background-color: #3aaa35;
29
- padding-inline: 0.625rem;
30
- }
31
- .tippy-box .tippy-content {
32
- text-align: justify;
33
- font-size: 0.875rem;
34
- line-height: 1.25rem;
35
- padding: 0.625rem;
36
- }
37
- .tippy-box .tippy-arrow {
38
- position: relative;
39
- width: 1rem;
40
- height: 1rem;
41
- }
42
- .tippy-box[data-placement^=top] .tippy-arrow:before {
43
- bottom: -0.4375rem;
44
- border-width: 0.5rem 0.5rem 0 !important;
45
- }
46
- .tippy-box[data-placement^=right] .tippy-arrow:before {
47
- left: -0.4375rem;
48
- border-width: 0.5rem 0.5rem 0.5rem 0 !important;
49
- }
50
- .tippy-box[data-placement^=bottom] .tippy-arrow:before {
51
- top: -0.4375rem;
52
- border-width: 0 0.5rem 0.5rem !important;
53
- }
54
- .tippy-box[data-placement^=left] .tippy-arrow:before {
55
- right: -0.4375rem;
56
- border-width: 0.5rem 0 0.5rem 0.5rem !important;
57
- }
58
- .tippy-box[data-placement^=bottom-start] .tippy-arrow {
59
- transform: translate(0.937rem, 0) !important;
60
- }
61
- .tippy-box[data-placement^=bottom-end] .tippy-arrow {
62
- margin-left: calc(100% - 1.937rem);
63
- transform: translate(0, 0) !important;
64
- }
65
- .tippy-box[data-placement^=top-start] .tippy-arrow {
66
- transform: translate(0.937rem, 0) !important;
67
- }
68
- .tippy-box[data-placement^=top-end] .tippy-arrow {
69
- transform: translate(0.937rem, 0) !important;
70
- }
71
- .tippy-box.arrow-with-border {
72
- border: 1px solid #d8dae5;
73
- }
74
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
75
- top: 1px;
76
- background-color: white;
77
- z-index: 9999;
78
- height: 1px;
79
- }
80
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
81
- width: 1rem;
82
- height: 1rem;
83
- background-color: white;
84
- transform: rotate(45deg);
85
- border: none;
86
- border-left: 1px solid #d8dae5 !important;
87
- border-top: 1px solid #d8dae5 !important;
88
- z-index: 20000000000;
89
- top: -0.6rem;
90
- transform-origin: center !important;
91
- }.containerTitleDrawer {
92
- height: 64px;
93
- min-height: 64px;
94
- display: flex;
95
- flex-direction: row;
96
- justify-content: space-between;
97
- align-items: center;
98
- background-color: #f1f2f6;
99
- padding: 0 30px 0 30px;
100
- width: 100%;
101
- }
102
- .containerTitleDrawer span {
103
- color: #12131a;
104
- font-weight: 600;
105
- font-size: 18px;
106
- line-height: 25px;
107
- letter-spacing: 0em;
108
- }
109
- .containerTitleDrawer svg path {
110
- stroke: #000 !important;
111
- }
112
- .containerTitleDrawer .closeIcon {
113
- cursor: pointer;
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 {
150
- display: grid;
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 {
1
+ p.apiName {
2
+ font-size: 40px;
3
+ line-height: 30px;
4
+ font-weight: 500;
5
+ }.apiInfoForm {
163
6
  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;
7
+ padding: 1.25rem 1.875rem;
180
8
  gap: 1.25rem;
181
- padding-inline: 1.875rem;
182
- }
183
- .methodAccordion .methodAccordionContent .methodDesc {
184
- margin-top: 1.25rem;
185
9
  }
186
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer {
10
+ .apiInfoForm .paramsTable .paramDescContainer {
187
11
  display: flex;
188
12
  }
189
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer .paramDescContainer_separator {
13
+ .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
190
14
  height: inherit;
191
15
  width: 1px;
192
16
  background-color: #d8dae5;
193
17
  }
194
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn) svg path {
18
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
195
19
  stroke-width: 0.1;
196
20
  }
197
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
21
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
198
22
  padding: 0;
199
23
  margin-right: 1.25rem;
200
24
  }
201
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
25
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
202
26
  display: flex;
203
27
  align-items: center;
204
28
  padding: 0;
205
29
  color: #12131a;
206
30
  }
207
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
31
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
208
32
  margin-block: auto;
209
33
  }
210
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
34
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
211
35
  fill: #12131a;
212
36
  }
213
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
37
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
214
38
  padding: 0;
215
39
  }
216
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
40
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
217
41
  margin-block: auto;
218
42
  }
219
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
43
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
220
44
  width: 1.125rem;
221
45
  }
222
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent {
46
+ .apiInfoForm .paramsTable .editDescTooltipContent {
223
47
  display: flex;
224
48
  flex-direction: column;
225
49
  gap: 0.625rem;
226
50
  padding-bottom: 0.625rem;
227
51
  }
228
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
52
+ .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
229
53
  margin-inline: 0.625rem;
230
54
  }
231
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
55
+ .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
232
56
  font-weight: 600;
233
57
  font-size: 0.875rem;
234
58
  line-height: 1.25rem;
235
59
  padding: 0.75rem 1.25rem;
236
60
  border-bottom: 1px solid #d8dae5;
237
61
  }
238
- .methodAccordion .methodAccordionContent .paramsTable :global(.requiredParam) :global(.headContainer)::after {
62
+ .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
239
63
  content: "*";
240
64
  color: red;
241
65
  transform: translateX(0.125rem);
242
66
  }
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;
250
- }
251
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
252
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
253
- display: flex;
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;
261
- }
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;
67
+ .apiInfoForm .apiDocRow {
68
+ display: grid;
69
+ grid-template-columns: 1fr 1fr;
70
+ gap: 1.25rem;
267
71
  }
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;
72
+ .apiInfoForm .apiInfoForm_tagsChips {
73
+ margin-top: -1.25rem;
273
74
  }
274
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
275
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
75
+ .apiInfoForm .editDescTooltipContent {
276
76
  display: flex;
77
+ flex-direction: column;
78
+ gap: 0.625rem;
79
+ padding-bottom: 0.625rem;
277
80
  }
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;
81
+ .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
82
+ margin-inline: 0.625rem;
297
83
  }
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;
84
+ .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
85
+ font-weight: 600;
86
+ font-size: 0.875rem;
87
+ line-height: 1.25rem;
88
+ padding: 0.75rem 1.25rem;
89
+ border-bottom: 1px solid #d8dae5;
305
90
  }
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;
91
+ .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
92
+ content: "*";
93
+ color: red;
94
+ transform: translateX(0.125rem);
95
+ }#common-dialog.dialog-content-wrapper {
96
+ overflow: visible !important;
97
+ max-height: 100%;
98
+ width: 22.1875rem;
311
99
  }
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;
100
+ #common-dialog.dialog-content-wrapper .dialog-content-root {
101
+ overflow: visible !important;
102
+ border-radius: 0.625rem;
103
+ max-height: 100%;
317
104
  }
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;
105
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
106
+ padding: 0 1.875rem !important;
107
+ overflow: visible !important;
108
+ max-height: 100%;
322
109
  }
323
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
324
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
325
- display: none !important;
110
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
111
+ position: relative;
326
112
  }
327
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
328
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
329
- cursor: default;
113
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
114
+ position: absolute;
115
+ z-index: 1;
116
+ top: 1.5rem;
117
+ right: 0;
118
+ transform: translate(0.625rem, -0.625rem);
119
+ cursor: pointer;
330
120
  }
331
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
121
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
332
122
  display: flex;
333
- align-items: center;
334
- }
335
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
336
- width: 8rem !important;
337
- min-width: 8rem !important;
123
+ padding-top: 0.5rem;
124
+ position: relative;
338
125
  }
339
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
340
- width: 8rem;
341
- margin-left: auto;
126
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
127
+ margin-top: 1rem;
128
+ margin-bottom: 1.5rem;
129
+ margin-inline: auto;
342
130
  }
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;
131
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
132
+ stroke: #12131a;
348
133
  }
349
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
350
- overflow: visible;
351
- cursor: default;
134
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
135
+ stroke: #12131a;
352
136
  }
353
- .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer {
354
- display: grid;
355
- grid-template-columns: min-content min-content;
356
- align-items: center;
357
- gap: 0.625rem;
137
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
138
+ fill: #12131a;
358
139
  }
359
- .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
360
- width: 0.625rem;
361
- aspect-ratio: 1/1;
362
- border-radius: 100%;
140
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
141
+ stroke: #faad14;
363
142
  }
364
- .methodAccordion.readOnly .methodAccordionContent {
365
- padding: 0;
143
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
144
+ stroke: #faad14;
366
145
  }
367
- .methodAccordion.readOnly :global(.accordion-header) {
368
- margin: 1.25rem 0 0 0 !important;
146
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
147
+ stroke: #da3f3f;
369
148
  }
370
- .methodAccordion.readOnly :global(.accordion-details) {
371
- background-color: transparent !important;
149
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
150
+ stroke: #da3f3f;
372
151
  }
373
- .methodAccordion.readOnly .methodSummaryContainer .methodSummary {
374
- background-color: #ebecf2;
152
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
153
+ fill: #da3f3f;
375
154
  }
376
- .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
377
- background-color: #ebecf2;
378
- }p.apiName {
379
- font-size: 40px;
380
- line-height: 30px;
155
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
156
+ font-size: 1.5rem;
381
157
  font-weight: 500;
382
- }.apiInfoForm {
383
- display: grid;
384
- padding: 1.25rem 1.875rem;
385
- gap: 1.25rem;
386
- }
387
- .apiInfoForm .paramsTable .paramDescContainer {
388
- display: flex;
389
- }
390
- .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
391
- height: inherit;
392
- width: 1px;
393
- background-color: #d8dae5;
394
- }
395
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
396
- stroke-width: 0.1;
397
- }
398
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
399
- padding: 0;
400
- margin-right: 1.25rem;
401
- }
402
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
403
- display: flex;
404
- align-items: center;
405
- padding: 0;
406
- color: #12131a;
407
- }
408
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
409
- margin-block: auto;
410
- }
411
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
412
- fill: #12131a;
413
- }
414
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
415
- padding: 0;
158
+ line-height: 1.875rem;
159
+ text-align: center;
160
+ margin-bottom: 0.625rem;
416
161
  }
417
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
418
- margin-block: auto;
162
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
163
+ color: #da3f3f;
419
164
  }
420
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
421
- width: 1.125rem;
165
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
166
+ color: #faad14;
422
167
  }
423
- .apiInfoForm .paramsTable .editDescTooltipContent {
168
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
424
169
  display: flex;
425
- flex-direction: column;
426
- gap: 0.625rem;
427
- padding-bottom: 0.625rem;
428
- }
429
- .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
430
- margin-inline: 0.625rem;
170
+ gap: 1.25rem;
171
+ margin-top: 1.875rem;
172
+ }.json-editor-container {
173
+ overflow: hidden;
174
+ border-bottom-right-radius: 0.3125rem;
175
+ border-bottom-left-radius: 0.3125rem;
431
176
  }
432
- .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
433
- font-weight: 600;
177
+ .json-editor-container .json-editor-label {
434
178
  font-size: 0.875rem;
179
+ font-weight: 600;
435
180
  line-height: 1.25rem;
436
- padding: 0.75rem 1.25rem;
437
- border-bottom: 1px solid #d8dae5;
438
- }
439
- .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
440
- content: "*";
441
- color: red;
442
- transform: translateX(0.125rem);
443
- }
444
- .apiInfoForm .apiDocRow {
445
- display: grid;
446
- grid-template-columns: 1fr 1fr;
447
- gap: 1.25rem;
448
- }
449
- .apiInfoForm .apiInfoForm_tagsChips {
450
- margin-top: -1.25rem;
181
+ margin-bottom: 0.3125rem;
451
182
  }
452
- .apiInfoForm .editDescTooltipContent {
183
+ .json-editor-container .json-editor {
453
184
  display: flex;
454
185
  flex-direction: column;
455
- gap: 0.625rem;
456
- padding-bottom: 0.625rem;
186
+ background-color: #142452;
187
+ width: 100%;
188
+ outline: 1px solid transparent;
189
+ position: relative;
190
+ overflow: hidden;
457
191
  }
458
- .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
459
- margin-inline: 0.625rem;
192
+ .json-editor-container .json-editor .actions-container {
193
+ width: 100%;
194
+ height: 5rem;
195
+ padding: 1.25rem;
196
+ border-radius: 0 0 0.3125rem 0.3125rem;
197
+ background: #101e47;
198
+ display: flex;
199
+ flex-direction: row;
200
+ gap: 1.25rem;
201
+ align-items: center;
460
202
  }
461
- .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
203
+ .json-editor-container .json-editor .actions-container .validate {
204
+ color: #fff;
205
+ text-align: center;
206
+ font-size: 1rem;
207
+ font-style: normal;
462
208
  font-weight: 600;
463
- font-size: 0.875rem;
464
209
  line-height: 1.25rem;
465
- padding: 0.75rem 1.25rem;
466
- border-bottom: 1px solid #d8dae5;
210
+ width: 8.75rem;
211
+ padding: 0.625rem 2.25rem;
212
+ background-color: rgba(240, 248, 255, 0);
213
+ border-radius: 0.3125rem;
214
+ border: 0.0625rem solid #4d75d8;
215
+ cursor: pointer;
467
216
  }
468
- .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
469
- content: "*";
470
- color: red;
471
- transform: translateX(0.125rem);
217
+ .json-editor-container .json-editor .actions-container .validate:disabled {
218
+ color: #babdcc;
219
+ border-color: #a2a5b6;
220
+ }
221
+ .json-editor-container .json-editor .actions-container .beautify {
222
+ color: #fff;
223
+ text-align: center;
224
+ font-size: 1rem;
225
+ font-style: normal;
226
+ font-weight: 600;
227
+ line-height: 1.25rem;
228
+ width: 8.75rem;
229
+ padding: 0.625rem 2.25rem;
230
+ background-color: rgba(240, 248, 255, 0);
231
+ border-radius: 0.3125rem;
232
+ border: 1px solid #babdcc;
233
+ cursor: pointer;
234
+ }
235
+ .json-editor-container .json-editor .actions-container .beautify:disabled {
236
+ color: #a2a5b6;
237
+ border-color: #a2a5b6;
238
+ }
239
+ .json-editor-container .json-editor textarea {
240
+ width: 100%;
241
+ padding: 1.25rem;
242
+ font-size: 0.875rem;
243
+ font-style: normal;
244
+ font-weight: 400;
245
+ line-height: 1.25rem;
246
+ color: white;
247
+ height: 25rem;
248
+ background-color: #142452;
249
+ border: none;
250
+ resize: none;
251
+ }
252
+ .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 {
253
+ outline: none;
254
+ border: none;
255
+ }
256
+ .json-editor-container .json-editor textarea::-webkit-scrollbar {
257
+ width: 0.5rem;
258
+ }
259
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
260
+ background-color: #828699;
261
+ border: none;
262
+ border-color: transparent;
263
+ border-top-left-radius: 0;
264
+ }
265
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
266
+ background-color: #d8dae5;
267
+ border: none;
268
+ border-color: transparent;
269
+ border-radius: 0;
270
+ }
271
+ .json-editor-container .json-editor.invalid {
272
+ outline: 1px solid #ce2828 !important;
273
+ }
274
+ .json-editor-container .error-message {
275
+ color: #ce2828;
276
+ font-size: 0.75rem;
277
+ line-height: 1.25rem;
278
+ margin-top: 0.625rem;
279
+ }
280
+ .json-editor-container.disabled .json-editor textarea {
281
+ background-color: white;
282
+ color: #12131a;
472
283
  }:root {
473
284
  --white: #fff;
474
285
  --Gray-5: #f1f2f6;
@@ -678,26 +489,313 @@
678
489
  .tableSectionContainer .tableFooterContainer {
679
490
  display: flex;
680
491
  width: 100%;
681
- height: auto;
492
+ height: auto;
493
+ }
494
+ .tableSectionContainer .ascArrow {
495
+ height: 0.8125rem;
496
+ margin-bottom: 0.4375rem;
497
+ cursor: pointer;
498
+ }
499
+ .tableSectionContainer .descArrow {
500
+ height: 0.8125rem;
501
+ margin-top: 0.4375rem;
502
+ cursor: pointer;
503
+ }
504
+ .tableSectionContainer .defaultSortArrow {
505
+ height: 1.25rem;
506
+ cursor: pointer;
507
+ }
508
+ .tableSectionContainer .ascArrow path,
509
+ .tableSectionContainer .descArrow path,
510
+ .tableSectionContainer .defaultSortArrow path {
511
+ fill: var(--Gray-50);
512
+ }.methodAccordion {
513
+ border: none !important;
514
+ box-shadow: none !important;
515
+ margin-bottom: 0 !important;
516
+ }
517
+ .methodAccordion :global(.accordion-header) {
518
+ padding: 0 !important;
519
+ margin: 1.25rem 1.875rem 0 1.875rem !important;
520
+ height: 2.625rem;
521
+ border: none !important;
522
+ background-color: transparent !important;
523
+ }
524
+ .methodAccordion :global(.iconContainer .dropdownIcon) {
525
+ display: none !important;
526
+ }
527
+ .methodAccordion :global(.accordion-details.expanded) {
528
+ border: none !important;
529
+ padding: 0 !important;
530
+ }
531
+ .methodAccordion .methodSummaryContainer {
532
+ display: flex;
533
+ align-items: center;
534
+ gap: 0.9375rem;
535
+ margin-bottom: 1.25rem;
536
+ }
537
+ .methodAccordion .methodSummaryContainer .methodSummary {
538
+ display: flex;
539
+ align-items: center;
540
+ gap: 0.3125rem;
541
+ background-color: #f8f9fb;
542
+ width: 100%;
543
+ padding: 0.3125rem;
544
+ border-radius: 0.3125rem;
545
+ font-size: 0.875rem;
546
+ }
547
+ .methodAccordion .methodSummaryContainer .methodSummary .methodLabel {
548
+ display: grid;
549
+ place-content: center;
550
+ width: 5rem;
551
+ height: 2rem;
552
+ color: white;
553
+ border-radius: 0.1875rem;
554
+ text-transform: capitalize;
555
+ }
556
+ .methodAccordion .methodSummaryContainer .methodSummary .methodPath {
557
+ display: block;
558
+ line-height: 1.25rem !important;
559
+ }
560
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer {
561
+ display: grid;
562
+ place-content: center;
563
+ width: 2.25rem;
564
+ aspect-ratio: 1/1;
565
+ border-radius: 100%;
566
+ background-color: #f8f9fb;
567
+ margin-left: auto;
568
+ }
569
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer.expanded svg {
570
+ rotate: 180deg;
571
+ }
572
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer svg {
573
+ transition: rotate 0.3s ease-in-out;
574
+ }
575
+ .methodAccordion .methodAccordionContent {
576
+ display: flex;
577
+ flex-direction: column;
578
+ gap: 1.25rem;
579
+ padding-inline: 1.875rem;
580
+ }
581
+ .methodAccordion .methodAccordionContent .methodDesc {
582
+ margin-top: 1.25rem;
583
+ }
584
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer {
585
+ display: flex;
586
+ }
587
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer .paramDescContainer_separator {
588
+ height: inherit;
589
+ width: 1px;
590
+ background-color: #d8dae5;
591
+ }
592
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn) svg path {
593
+ stroke-width: 0.1;
594
+ }
595
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
596
+ padding: 0;
597
+ margin-right: 1.25rem;
598
+ }
599
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
600
+ display: flex;
601
+ align-items: center;
602
+ padding: 0;
603
+ color: #12131a;
604
+ }
605
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
606
+ margin-block: auto;
607
+ }
608
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
609
+ fill: #12131a;
610
+ }
611
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
612
+ padding: 0;
613
+ }
614
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
615
+ margin-block: auto;
616
+ }
617
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
618
+ width: 1.125rem;
619
+ }
620
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent {
621
+ display: flex;
622
+ flex-direction: column;
623
+ gap: 0.625rem;
624
+ padding-bottom: 0.625rem;
625
+ }
626
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
627
+ margin-inline: 0.625rem;
628
+ }
629
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
630
+ font-weight: 600;
631
+ font-size: 0.875rem;
632
+ line-height: 1.25rem;
633
+ padding: 0.75rem 1.25rem;
634
+ border-bottom: 1px solid #d8dae5;
635
+ }
636
+ .methodAccordion .methodAccordionContent .paramsTable :global(.requiredParam) :global(.headContainer)::after {
637
+ content: "*";
638
+ color: red;
639
+ transform: translateX(0.125rem);
640
+ }
641
+ .methodAccordion .methodAccordionContent .requestAccordion,
642
+ .methodAccordion .methodAccordionContent .responseAccordion {
643
+ border: 1px solid #babdcc;
644
+ border-radius: 0.3125rem !important;
645
+ box-shadow: none !important;
646
+ margin-bottom: 0 !important;
647
+ cursor: default !important;
648
+ }
649
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
650
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
651
+ display: flex;
652
+ align-items: center;
653
+ justify-content: space-between;
654
+ margin: 0 !important;
655
+ padding: 0 !important;
656
+ height: 4.0625rem !important;
657
+ border-radius: 0.3125rem !important;
658
+ background-color: white !important;
659
+ }
660
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded),
661
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) {
662
+ border-top: 1px solid #babdcc !important;
663
+ padding: 1.25rem !important;
664
+ padding: 0 !important;
665
+ }
666
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
667
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
668
+ border-top-right-radius: 0;
669
+ border-top-left-radius: 0;
670
+ height: 10rem;
671
+ }
672
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
673
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
674
+ display: flex;
675
+ }
676
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
677
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
678
+ height: 100%;
679
+ padding: 1.25rem;
680
+ }
681
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary,
682
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary,
683
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary,
684
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
685
+ width: 100%;
686
+ display: flex;
687
+ justify-content: space-between;
688
+ font-weight: 700;
689
+ font-size: 1.125rem;
690
+ line-height: 1.5rem;
691
+ display: flex;
692
+ align-items: center;
693
+ cursor: default !important;
694
+ margin-inline: 0.625rem 1.25rem;
695
+ }
696
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title,
697
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title,
698
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title,
699
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title {
700
+ display: flex;
701
+ align-items: center;
702
+ cursor: pointer;
703
+ }
704
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title svg,
705
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title svg,
706
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title svg,
707
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title svg {
708
+ transition: rotate 0.2s ease-in-out;
709
+ }
710
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title .expanded,
711
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title .expanded,
712
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title .expanded,
713
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title .expanded {
714
+ rotate: 180deg;
715
+ }
716
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
717
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
718
+ padding: 0;
719
+ border: none;
720
+ }
721
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
722
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
723
+ display: none !important;
724
+ }
725
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
726
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
727
+ cursor: default;
728
+ }
729
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
730
+ display: flex;
731
+ align-items: center;
732
+ }
733
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
734
+ width: 8rem !important;
735
+ min-width: 8rem !important;
736
+ }
737
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
738
+ width: 8rem;
739
+ margin-left: auto;
740
+ }
741
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
742
+ height: 2.0625rem !important;
743
+ min-height: 2.0625rem !important;
744
+ padding: 0;
745
+ padding-left: 0.625rem;
746
+ }
747
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
748
+ overflow: visible;
749
+ cursor: default;
750
+ }
751
+ .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer {
752
+ display: grid;
753
+ grid-template-columns: min-content min-content;
754
+ align-items: center;
755
+ gap: 0.625rem;
756
+ }
757
+ .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
758
+ width: 0.625rem;
759
+ aspect-ratio: 1/1;
760
+ border-radius: 100%;
761
+ }
762
+ .methodAccordion.readOnly .methodAccordionContent {
763
+ padding: 0;
764
+ }
765
+ .methodAccordion.readOnly :global(.accordion-header) {
766
+ margin: 1.25rem 0 0 0 !important;
767
+ }
768
+ .methodAccordion.readOnly :global(.accordion-details) {
769
+ background-color: transparent !important;
770
+ }
771
+ .methodAccordion.readOnly .methodSummaryContainer .methodSummary {
772
+ background-color: #ebecf2;
773
+ }
774
+ .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
775
+ background-color: #ebecf2;
776
+ }.containerTitleDrawer {
777
+ height: 64px;
778
+ min-height: 64px;
779
+ display: flex;
780
+ flex-direction: row;
781
+ justify-content: space-between;
782
+ align-items: center;
783
+ background-color: #f1f2f6;
784
+ padding: 0 30px 0 30px;
785
+ width: 100%;
682
786
  }
683
- .tableSectionContainer .ascArrow {
684
- height: 0.8125rem;
685
- margin-bottom: 0.4375rem;
686
- cursor: pointer;
787
+ .containerTitleDrawer span {
788
+ color: #12131a;
789
+ font-weight: 600;
790
+ font-size: 18px;
791
+ line-height: 25px;
792
+ letter-spacing: 0em;
687
793
  }
688
- .tableSectionContainer .descArrow {
689
- height: 0.8125rem;
690
- margin-top: 0.4375rem;
691
- cursor: pointer;
794
+ .containerTitleDrawer svg path {
795
+ stroke: #000 !important;
692
796
  }
693
- .tableSectionContainer .defaultSortArrow {
694
- height: 1.25rem;
797
+ .containerTitleDrawer .closeIcon {
695
798
  cursor: pointer;
696
- }
697
- .tableSectionContainer .ascArrow path,
698
- .tableSectionContainer .descArrow path,
699
- .tableSectionContainer .defaultSortArrow path {
700
- fill: var(--Gray-50);
701
799
  }:root {
702
800
  --white: #fff;
703
801
  --Gray-5: #f1f2f6;
@@ -803,192 +901,94 @@
803
901
  }
804
902
  .drawerItemContainer .color-red {
805
903
  color: var(--color-error);
806
- }#common-dialog.dialog-content-wrapper {
807
- overflow: visible !important;
808
- max-height: 100%;
809
- width: 22.1875rem;
810
- }
811
- #common-dialog.dialog-content-wrapper .dialog-content-root {
812
- overflow: visible !important;
813
- border-radius: 0.625rem;
814
- max-height: 100%;
815
- }
816
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
817
- padding: 0 1.875rem !important;
818
- overflow: visible !important;
819
- max-height: 100%;
820
- }
821
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
822
- position: relative;
823
- }
824
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
825
- position: absolute;
826
- z-index: 1;
827
- top: 1.5rem;
828
- right: 0;
829
- transform: translate(0.625rem, -0.625rem);
830
- cursor: pointer;
831
- }
832
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
904
+ }.tooltip-custom-wrapper {
833
905
  display: flex;
834
- padding-top: 0.5rem;
835
- position: relative;
836
- }
837
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
838
- margin-top: 1rem;
839
- margin-bottom: 1.5rem;
840
- margin-inline: auto;
841
- }
842
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
843
- stroke: #12131a;
844
- }
845
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
846
- stroke: #12131a;
847
- }
848
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
849
- fill: #12131a;
850
- }
851
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
852
- stroke: #faad14;
853
- }
854
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
855
- stroke: #faad14;
856
- }
857
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
858
- stroke: #da3f3f;
859
- }
860
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
861
- stroke: #da3f3f;
862
906
  }
863
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
864
- fill: #da3f3f;
907
+
908
+ .tippy-box {
909
+ background-color: #202f5b;
910
+ font-size: 0.875rem;
911
+ border-radius: 0.3125rem;
912
+ width: max-content;
913
+ max-width: 100%;
914
+ overflow-wrap: break-word;
915
+ word-break: break-word;
916
+ position: relative;
917
+ border: 1px solid #d8dae5;
865
918
  }
866
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
867
- font-size: 1.5rem;
868
- font-weight: 500;
869
- line-height: 1.875rem;
870
- text-align: center;
871
- margin-bottom: 0.625rem;
919
+ .tippy-box.function .tippy-content {
920
+ background-color: #fff !important;
921
+ color: #000 !important;
872
922
  }
873
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
874
- color: #da3f3f;
923
+ .tippy-box[data-placement] > .tippy-arrow:before {
924
+ color: #fff !important;
875
925
  }
876
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
877
- color: #faad14;
926
+ .tippy-box.info .tippy-arrow {
927
+ color: #202f5b;
878
928
  }
879
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
880
- display: flex;
881
- gap: 1.25rem;
882
- margin-top: 1.875rem;
883
- }.json-editor-container {
884
- overflow: hidden;
885
- border-bottom-right-radius: 0.3125rem;
886
- border-bottom-left-radius: 0.3125rem;
929
+ .tippy-box.success {
930
+ border-radius: 1.875rem;
931
+ background-color: #3aaa35;
932
+ padding-inline: 0.625rem;
887
933
  }
888
- .json-editor-container .json-editor-label {
934
+ .tippy-box .tippy-content {
935
+ text-align: justify;
889
936
  font-size: 0.875rem;
890
- font-weight: 600;
891
937
  line-height: 1.25rem;
892
- margin-bottom: 0.3125rem;
938
+ padding: 0.625rem;
893
939
  }
894
- .json-editor-container .json-editor {
895
- display: flex;
896
- flex-direction: column;
897
- background-color: #142452;
898
- width: 100%;
899
- outline: 1px solid transparent;
940
+ .tippy-box .tippy-arrow {
900
941
  position: relative;
901
- overflow: hidden;
902
- }
903
- .json-editor-container .json-editor .actions-container {
904
- width: 100%;
905
- height: 5rem;
906
- padding: 1.25rem;
907
- border-radius: 0 0 0.3125rem 0.3125rem;
908
- background: #101e47;
909
- display: flex;
910
- flex-direction: row;
911
- gap: 1.25rem;
912
- align-items: center;
913
- }
914
- .json-editor-container .json-editor .actions-container .validate {
915
- color: #fff;
916
- text-align: center;
917
- font-size: 1rem;
918
- font-style: normal;
919
- font-weight: 600;
920
- line-height: 1.25rem;
921
- width: 8.75rem;
922
- padding: 0.625rem 2.25rem;
923
- background-color: rgba(240, 248, 255, 0);
924
- border-radius: 0.3125rem;
925
- border: 0.0625rem solid #4d75d8;
926
- cursor: pointer;
942
+ width: 1rem;
943
+ height: 1rem;
927
944
  }
928
- .json-editor-container .json-editor .actions-container .validate:disabled {
929
- color: #babdcc;
930
- border-color: #a2a5b6;
945
+ .tippy-box[data-placement^=top] .tippy-arrow:before {
946
+ bottom: -0.4375rem;
947
+ border-width: 0.5rem 0.5rem 0 !important;
931
948
  }
932
- .json-editor-container .json-editor .actions-container .beautify {
933
- color: #fff;
934
- text-align: center;
935
- font-size: 1rem;
936
- font-style: normal;
937
- font-weight: 600;
938
- line-height: 1.25rem;
939
- width: 8.75rem;
940
- padding: 0.625rem 2.25rem;
941
- background-color: rgba(240, 248, 255, 0);
942
- border-radius: 0.3125rem;
943
- border: 1px solid #babdcc;
944
- cursor: pointer;
949
+ .tippy-box[data-placement^=right] .tippy-arrow:before {
950
+ left: -0.4375rem;
951
+ border-width: 0.5rem 0.5rem 0.5rem 0 !important;
945
952
  }
946
- .json-editor-container .json-editor .actions-container .beautify:disabled {
947
- color: #a2a5b6;
948
- border-color: #a2a5b6;
953
+ .tippy-box[data-placement^=bottom] .tippy-arrow:before {
954
+ top: -0.4375rem;
955
+ border-width: 0 0.5rem 0.5rem !important;
949
956
  }
950
- .json-editor-container .json-editor textarea {
951
- width: 100%;
952
- padding: 1.25rem;
953
- font-size: 0.875rem;
954
- font-style: normal;
955
- font-weight: 400;
956
- line-height: 1.25rem;
957
- color: white;
958
- height: 25rem;
959
- background-color: #142452;
960
- border: none;
961
- resize: none;
957
+ .tippy-box[data-placement^=left] .tippy-arrow:before {
958
+ right: -0.4375rem;
959
+ border-width: 0.5rem 0 0.5rem 0.5rem !important;
962
960
  }
963
- .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 {
964
- outline: none;
965
- border: none;
961
+ .tippy-box[data-placement^=bottom-start] .tippy-arrow {
962
+ transform: translate(0.937rem, 0) !important;
966
963
  }
967
- .json-editor-container .json-editor textarea::-webkit-scrollbar {
968
- width: 0.5rem;
964
+ .tippy-box[data-placement^=bottom-end] .tippy-arrow {
965
+ margin-left: calc(100% - 1.937rem);
966
+ transform: translate(0, 0) !important;
969
967
  }
970
- .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
971
- background-color: #828699;
972
- border: none;
973
- border-color: transparent;
974
- border-top-left-radius: 0;
968
+ .tippy-box[data-placement^=top-start] .tippy-arrow {
969
+ transform: translate(0.937rem, 0) !important;
975
970
  }
976
- .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
977
- background-color: #d8dae5;
978
- border: none;
979
- border-color: transparent;
980
- border-radius: 0;
971
+ .tippy-box[data-placement^=top-end] .tippy-arrow {
972
+ transform: translate(0.937rem, 0) !important;
981
973
  }
982
- .json-editor-container .json-editor.invalid {
983
- outline: 1px solid #ce2828 !important;
974
+ .tippy-box.arrow-with-border {
975
+ border: 1px solid #d8dae5;
984
976
  }
985
- .json-editor-container .error-message {
986
- color: #ce2828;
987
- font-size: 0.75rem;
988
- line-height: 1.25rem;
989
- margin-top: 0.625rem;
977
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
978
+ top: 1px;
979
+ background-color: white;
980
+ z-index: 9999;
981
+ height: 1px;
990
982
  }
991
- .json-editor-container.disabled .json-editor textarea {
983
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
984
+ width: 1rem;
985
+ height: 1rem;
992
986
  background-color: white;
993
- color: #12131a;
987
+ transform: rotate(45deg);
988
+ border: none;
989
+ border-left: 1px solid #d8dae5 !important;
990
+ border-top: 1px solid #d8dae5 !important;
991
+ z-index: 20000000000;
992
+ top: -0.6rem;
993
+ transform-origin: center !important;
994
994
  }