@digi-frontend/dgate-api-documentation 1.0.30 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/src/components/InfoForm/InfoForm.js +1 -1
  2. package/dist/src/components/InfoForm/InfoForm.js.map +1 -1
  3. package/dist/src/components/table/table.js +1 -1
  4. package/dist/src/components/table/table.js.map +1 -1
  5. package/dist/src/components/table/tags-table.js +1 -1
  6. package/dist/src/components/table/tags-table.js.map +1 -1
  7. package/dist/src/constants/regex.js +1 -1
  8. package/dist/src/constants/regex.js.map +1 -1
  9. package/dist/styles.css +653 -653
  10. package/package.json +1 -1
  11. package/src/components/InfoForm/InfoForm.tsx +3 -5
  12. package/src/components/table/table.tsx +16 -11
  13. package/src/components/table/tags-table.tsx +11 -4
  14. package/src/constants/regex.ts +1 -1
package/dist/styles.css CHANGED
@@ -116,260 +116,393 @@
116
116
  content: "*";
117
117
  color: red;
118
118
  transform: translateX(0.125rem);
119
- }.livePreviewContainer .titleContainer {
119
+ }.methodAccordion {
120
+ border: none !important;
121
+ box-shadow: none !important;
122
+ margin-bottom: 0 !important;
123
+ }
124
+ .methodAccordion :global(.accordion-header) {
125
+ padding: 0 !important;
126
+ margin: 1.25rem 1.875rem 0 1.875rem !important;
127
+ height: 2.625rem;
128
+ border: none !important;
129
+ background-color: transparent !important;
130
+ }
131
+ .methodAccordion :global(.iconContainer .dropdownIcon) {
132
+ display: none !important;
133
+ }
134
+ .methodAccordion :global(.accordion-details.expanded) {
135
+ border: none !important;
136
+ padding: 0 !important;
137
+ }
138
+ .methodAccordion .methodSummaryContainer {
120
139
  display: flex;
121
- justify-content: space-between;
122
140
  align-items: center;
123
- flex-wrap: wrap;
124
- max-width: 100%;
141
+ gap: 0.9375rem;
142
+ margin-bottom: 1.25rem;
143
+ }
144
+ .methodAccordion .methodSummaryContainer .methodSummary {
145
+ display: flex;
146
+ align-items: center;
147
+ gap: 0.3125rem;
148
+ background-color: #f8f9fb;
149
+ width: 100%;
150
+ padding: 0.3125rem;
151
+ border-radius: 0.3125rem;
152
+ font-size: 0.875rem;
153
+ }
154
+ .methodAccordion .methodSummaryContainer .methodSummary .methodLabel {
155
+ display: grid;
156
+ place-content: center;
157
+ width: 5rem;
158
+ height: 2rem;
159
+ color: white;
160
+ border-radius: 0.1875rem;
161
+ text-transform: capitalize;
162
+ }
163
+ .methodAccordion .methodSummaryContainer .methodSummary .methodPath {
164
+ display: block;
165
+ line-height: 1.25rem !important;
166
+ }
167
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer {
168
+ display: grid;
169
+ place-content: center;
170
+ width: 2.25rem;
171
+ aspect-ratio: 1/1;
172
+ border-radius: 100%;
173
+ background-color: #f8f9fb;
174
+ margin-left: auto;
175
+ }
176
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer.expanded svg {
177
+ rotate: 180deg;
178
+ }
179
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer svg {
180
+ transition: rotate 0.3s ease-in-out;
181
+ }
182
+ .methodAccordion .methodAccordionContent {
183
+ display: flex;
184
+ flex-direction: column;
125
185
  gap: 1.25rem;
186
+ padding-inline: 1.875rem;
126
187
  }
127
- .livePreviewContainer .titleContainer p.apiName {
128
- font-size: 40px;
129
- line-height: 30px;
130
- font-weight: 500;
131
- word-wrap: break-word;
132
- overflow-wrap: break-word;
133
- word-break: break-all;
188
+ .methodAccordion .methodAccordionContent .methodDesc {
189
+ margin-top: 1.25rem;
134
190
  }
135
- .livePreviewContainer .titleContainer .livePreviewChip {
136
- background-color: #ebecf2;
191
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer {
192
+ display: flex;
193
+ }
194
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer .paramDescContainer_separator {
195
+ height: inherit;
196
+ width: 1px;
197
+ background-color: #d8dae5;
198
+ }
199
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn) svg path {
200
+ stroke-width: 0.1;
201
+ }
202
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
203
+ padding: 0;
204
+ margin-right: 1.25rem;
205
+ }
206
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
207
+ display: flex;
208
+ align-items: center;
209
+ padding: 0;
137
210
  color: #12131a;
138
- }:root {
139
- --white: #fff;
140
- --Gray-5: #f1f2f6;
141
- --Gray-10: #ebecf2;
142
- --Gray-20: #d8dae5;
143
- --Gray-30: #babdcc;
144
- --Gray-40: #9a9eb2;
145
- --Gray-50: #828699;
146
- --Gray-60: #696c80;
147
- --Gray-100: #12131a;
148
- --black: #000;
149
- --primary-static: #4d75d8;
150
- --primary-hover: #7c9bea;
151
- --primary-active: #2c4fa4;
152
- --primary-disabled: #9a9eb2;
153
- --secondary-static: #40e0d0;
154
- --secondary-hover: #9efcf2;
155
- --secondary-active: #2fa599;
156
- --error-static: #da3f3f;
157
- --error-hover: #e75d5d;
158
- --error-active: #bb3232;
159
- --success-static: #3aaa35;
160
- --success-hover: #5cda56;
161
- --success-active: #2a8a25;
162
- --info-static: #c6c6c6;
163
- --info-hover: #e4e4e4;
164
- --info-active: #979797;
165
- --warning-static: #faad14;
166
- --warning-hover: #f9be4a;
167
- --warning-active: #db9711;
168
- --action-static: #142452;
169
- --action-hover: #21387d;
170
- --action-active: #000000;
171
- --color-info-primary: #3a6cd1;
172
- --primary-font-color: #142452;
173
- --placeholder-font-color: #babdcc;
174
- --warning-font-color: #ce2828;
175
- --alert-error: #da3f3f;
176
- --alert-light-error: #f4c5c5;
177
- --alert-success: #3aaa35;
178
- --alert-light-success: #c4e5c2;
179
- --alert-info: #8eaaf1;
180
- --alert-light-info: #c4d3f1;
181
- --alert-warning: #faad14;
182
- --alert-light-warning: #fde6b8;
183
- --border-focus: #3a6cd1;
184
- --tooltip-background-color: #202f5b;
185
- --text-color-primary: #142452;
186
- --text-color-secondary: #ffff;
187
- --text-color-neutral: #828699;
188
- --text-color-tertiary: #808080;
189
- --text-color-note: #242424;
190
- --text-color-quaternary: #142452;
191
- --text-color-disabled: #ffff;
192
- --background-color-white-primary: #fff;
193
- --background-color-light-primary: #8eaaf1;
194
- --background-color-white-secondary: #fff;
195
- --background-color-primary-dark: #142452;
196
- --background-color-gray-5: #f1f2f6;
197
- --background-color-gray-30: #ebecf2;
198
- --background-color-tertiary-light: #2c4fa4;
199
- --background-color-gray-10: #f1f2f6;
200
- --background-color-gray-40: #ebecf2;
201
- --background-color-light-blue: #dfe7f8;
202
- --border-color-primary: #babdcc;
203
- --border-color-secondary: #d8dae5;
204
- --border-color-neutral: #ebecf2;
205
- --border-color-tertiary: #ebecf2;
206
- --border-color-gray: #ebecf2;
207
- --border-color-hover: #142452;
208
- --border-color-active: #3a6cd1;
209
- --icon-color-main: #142452;
210
- --icon-color-secondary: #000;
211
- --icon-color-quaternary: #babdcc;
212
- --icon-color-disabled: #9a9eb2;
213
- --link-btn-primary-color: #3a6cd1;
214
- --button-color-static: #4d75d8;
215
- --button-color-hover: #7c9bea;
216
- --button-color-active: #2c4fa4;
217
- --alert-natural: #c4d3f1;
218
211
  }
219
-
220
- .tableSectionContainer .tableContainer {
221
- max-width: 100%;
222
- overflow-x: overlay;
212
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
213
+ margin-block: auto;
214
+ }
215
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
216
+ fill: #12131a;
217
+ }
218
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
219
+ padding: 0;
220
+ }
221
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
222
+ margin-block: auto;
223
+ }
224
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
225
+ width: 1.125rem;
226
+ }
227
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
228
+ margin-block: auto;
229
+ }
230
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
231
+ width: 1.125rem;
232
+ }
233
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
234
+ fill: #3aaa35;
235
+ }
236
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent {
237
+ display: flex;
238
+ flex-direction: column;
239
+ gap: 0.625rem;
240
+ padding-bottom: 0.625rem;
241
+ }
242
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
243
+ margin-inline: 0.625rem;
244
+ }
245
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
246
+ font-weight: 600;
247
+ font-size: 0.875rem;
248
+ line-height: 1.25rem;
249
+ padding: 0.75rem 1.25rem;
250
+ border-bottom: 1px solid #d8dae5;
251
+ }
252
+ .methodAccordion .methodAccordionContent .paramsTable :global(.requiredParam) :global(.headContainer)::after {
253
+ content: "*";
254
+ color: red;
255
+ transform: translateX(0.125rem);
256
+ }
257
+ .methodAccordion .methodAccordionContent .requestAccordion,
258
+ .methodAccordion .methodAccordionContent .responseAccordion {
259
+ border: 1px solid #babdcc;
260
+ border-radius: 0.3125rem !important;
261
+ box-shadow: none !important;
262
+ margin-bottom: 0 !important;
263
+ cursor: default !important;
264
+ }
265
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
266
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
267
+ display: flex;
268
+ align-items: center;
269
+ justify-content: space-between;
270
+ margin: 0 !important;
271
+ padding: 0 !important;
272
+ height: 4.0625rem !important;
273
+ border-radius: 0.3125rem !important;
274
+ background-color: white !important;
275
+ }
276
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded),
277
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) {
278
+ border-top: 1px solid #babdcc !important;
279
+ padding: 1.25rem !important;
280
+ padding: 0 !important;
281
+ }
282
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
283
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
284
+ border-top-right-radius: 0;
285
+ border-top-left-radius: 0;
286
+ height: 10rem;
287
+ }
288
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
289
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
290
+ display: flex;
291
+ }
292
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
293
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
294
+ height: 100%;
295
+ padding: 1.25rem;
296
+ }
297
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary,
298
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary,
299
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary,
300
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
301
+ width: 100%;
302
+ display: flex;
303
+ justify-content: space-between;
304
+ font-weight: 700;
305
+ font-size: 1.125rem;
306
+ line-height: 1.5rem;
307
+ display: flex;
308
+ align-items: center;
309
+ cursor: default !important;
310
+ margin-inline: 0.625rem 1.25rem;
311
+ }
312
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title,
313
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title,
314
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title,
315
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title {
316
+ display: flex;
317
+ align-items: center;
318
+ cursor: pointer;
319
+ }
320
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title svg,
321
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title svg,
322
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title svg,
323
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title svg {
324
+ transition: rotate 0.2s ease-in-out;
223
325
  }
224
- .tableSectionContainer .tableContainer.tableContainer * {
225
- font-family: "Cairo";
326
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title .expanded,
327
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title .expanded,
328
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title .expanded,
329
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title .expanded {
330
+ rotate: 180deg;
226
331
  }
227
- .tableSectionContainer .tableContainer .table {
228
- width: 100%;
229
- border-spacing: 0;
332
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
333
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
334
+ padding: 0;
230
335
  border: none;
231
- border-right: 1px solid var(--border-color-neutral);
232
- border-left: 1px solid var(--border-color-neutral);
233
336
  }
234
- .tableSectionContainer .tableContainer .table.borderRadiusTop {
235
- border-top-left-radius: 0.625rem;
236
- border-top-right-radius: 0.625rem;
337
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
338
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
339
+ display: none !important;
237
340
  }
238
- .tableSectionContainer .tableContainer .table.borderRadiusBottom {
239
- border-bottom-left-radius: 0.625rem;
240
- border-bottom-right-radius: 0.625rem;
341
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
342
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
343
+ cursor: default;
241
344
  }
242
- .tableSectionContainer .tableContainer .table .tableHead {
243
- border: 1px solid var(--Gray-10);
244
- margin: 0rem !important;
245
- background-color: #f8f9fb;
246
- width: max-content;
247
- min-width: 100%;
248
- color: var(--Gray-50);
249
- font-weight: 400;
345
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
346
+ display: flex;
347
+ align-items: center;
250
348
  }
251
- .tableSectionContainer .tableContainer .table .tableHead .tableHeadCell {
252
- border-bottom: 1px solid var(--border-color-neutral);
253
- border-top: 1px solid var(--border-color-neutral);
254
- font-style: normal;
255
- font-size: 0.875rem;
256
- padding: 0.75rem 1.875rem;
257
- text-align: start;
258
- white-space: nowrap;
259
- color: inherit;
260
- font-weight: inherit;
349
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
350
+ width: 8rem !important;
351
+ min-width: 8rem !important;
261
352
  }
262
- .tableSectionContainer .tableContainer .table .tableHead .tableHeadCell .sortIcon {
263
- padding: 0rem 0.25rem;
264
- height: 1.875rem;
265
- cursor: pointer;
353
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
354
+ width: 8rem;
355
+ margin-left: auto;
266
356
  }
267
- .tableSectionContainer .tableContainer .table .tableHead .headContainer {
268
- display: flex;
269
- flex-direction: row;
357
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
358
+ height: 2.0625rem !important;
359
+ min-height: 2.0625rem !important;
360
+ padding: 0;
361
+ padding-left: 0.625rem;
362
+ }
363
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
364
+ overflow: visible;
365
+ cursor: default;
366
+ }
367
+ .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer {
368
+ display: grid;
369
+ grid-template-columns: min-content min-content;
270
370
  align-items: center;
271
- text-overflow: ellipsis;
371
+ gap: 0.625rem;
272
372
  }
273
- .tableSectionContainer .tableContainer .table .tableBody tr {
274
- background-color: var(--background-color-white-secondary);
275
- overflow: visible !important;
373
+ .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
374
+ width: 0.625rem;
375
+ aspect-ratio: 1/1;
376
+ border-radius: 100%;
276
377
  }
277
- .tableSectionContainer .tableContainer .table .tableBody tr .tippy-content {
278
- background-color: var(--border-color-hover);
279
- color: var(--text-color-disabled);
280
- border-radius: 5px;
281
- font-size: 14px;
282
- font-weight: 400;
283
- line-height: 20px;
284
- text-align: left;
378
+ .methodAccordion.readOnly .methodAccordionContent {
379
+ padding: 0;
285
380
  }
286
- .tableSectionContainer .tableContainer .table .tableBody tr .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
287
- color: var(--border-color-hover);
381
+ .methodAccordion.readOnly :global(.accordion-header) {
382
+ margin: 1.25rem 0 0 0 !important;
288
383
  }
289
- .tableSectionContainer .tableContainer .table .tableBody tr.rowSelected {
290
- background-color: var(--background-color-gray-40);
384
+ .methodAccordion.readOnly :global(.accordion-details) {
385
+ background-color: transparent !important;
291
386
  }
292
- .tableSectionContainer .tableContainer .table .tableBody tr td {
293
- font-weight: 400;
294
- font-size: 0.875rem;
295
- text-align: start;
296
- color: var(--text-color-primary);
297
- border-bottom: 1px solid var(--border-color-gray);
298
- width: max-content;
299
- white-space: nowrap;
300
- height: 3.75rem;
301
- padding: 0.75rem 1.875rem;
302
- overflow: visible !important;
387
+ .methodAccordion.readOnly .methodSummaryContainer .methodSummary {
388
+ background-color: #ebecf2;
303
389
  }
304
- .tableSectionContainer .tableContainer .table .tableBody tr td .tableData {
390
+ .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
391
+ background-color: #ebecf2;
392
+ }.livePreviewContainer .titleContainer {
393
+ display: flex;
394
+ justify-content: space-between;
395
+ align-items: center;
396
+ flex-wrap: wrap;
305
397
  max-width: 100%;
306
- width: fit-content;
307
- white-space: nowrap;
308
- text-overflow: ellipsis;
309
- overflow: visible !important;
398
+ gap: 1.25rem;
310
399
  }
311
- .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn .btnContentWrapper .endBtnIcon svg path,
312
- .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn :link .btnContentWrapper .endBtnIcon svg path,
313
- .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn :visited .btnContentWrapper .endBtnIcon svg path {
314
- stroke-width: 0.1 !important;
315
- fill: #12131a !important;
400
+ .livePreviewContainer .titleContainer p.apiName {
401
+ font-size: 40px;
402
+ line-height: 30px;
403
+ font-weight: 500;
404
+ word-wrap: break-word;
405
+ overflow-wrap: break-word;
406
+ word-break: break-all;
316
407
  }
317
- .tableSectionContainer .tableContainer .table .tableBody tr:hover {
318
- background-color: var(--background-color-gray-10);
408
+ .livePreviewContainer .titleContainer .livePreviewChip {
409
+ background-color: #ebecf2;
410
+ color: #12131a;
411
+ }.tooltip-custom-wrapper {
412
+ display: flex;
319
413
  }
320
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow {
321
- background-color: var(--background-color-white-secondary);
322
- height: 4.375rem;
414
+
415
+ [data-tippy-root] {
416
+ z-index: 2 !important;
323
417
  }
324
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow:hover {
325
- background-color: var(--background-color-white-secondary);
418
+
419
+ .tippy-box {
420
+ background-color: #202f5b;
421
+ font-size: 0.875rem;
422
+ border-radius: 0.3125rem;
423
+ width: max-content;
424
+ max-width: 100%;
425
+ overflow-wrap: break-word;
426
+ word-break: break-word;
427
+ position: relative;
428
+ border: 1px solid #d8dae5;
429
+ z-index: 2;
326
430
  }
327
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer {
328
- width: 100%;
329
- height: 100%;
330
- color: var(--text-color-quaternary);
431
+ .tippy-box.function .tippy-content {
432
+ background-color: #fff !important;
433
+ color: #000 !important;
331
434
  }
332
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer {
333
- display: flex;
334
- flex-direction: row;
335
- align-items: center;
336
- justify-content: center;
337
- width: 100%;
338
- height: 100%;
435
+ .tippy-box.function[data-placement] > .tippy-arrow:before {
436
+ color: #fff !important;
339
437
  }
340
- .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer .fallbackText {
341
- font-style: normal;
342
- font-weight: 400;
438
+ .tippy-box.info .tippy-arrow {
439
+ color: #202f5b;
440
+ }
441
+ .tippy-box.success {
442
+ border-radius: 1.875rem;
443
+ background-color: #3aaa35;
444
+ padding-inline: 0.625rem;
445
+ }
446
+ .tippy-box .tippy-content {
447
+ text-align: justify;
343
448
  font-size: 0.875rem;
344
449
  line-height: 1.25rem;
450
+ padding: 0.625rem;
345
451
  }
346
- .tableSectionContainer .tableContainer .table th,
347
- .tableSectionContainer .tableContainer .table td {
348
- text-align: left;
452
+ .tippy-box .tippy-arrow {
453
+ position: relative;
454
+ width: 1rem;
455
+ height: 1rem;
349
456
  }
350
- .tableSectionContainer .tableFooterContainer {
351
- display: flex;
352
- width: 100%;
353
- height: auto;
457
+ .tippy-box[data-placement^=top] .tippy-arrow:before {
458
+ bottom: -0.4375rem;
459
+ border-width: 0.5rem 0.5rem 0 !important;
354
460
  }
355
- .tableSectionContainer .ascArrow {
356
- height: 0.8125rem;
357
- margin-bottom: 0.4375rem;
358
- cursor: pointer;
461
+ .tippy-box[data-placement^=right] .tippy-arrow:before {
462
+ left: -0.4375rem;
463
+ border-width: 0.5rem 0.5rem 0.5rem 0 !important;
359
464
  }
360
- .tableSectionContainer .descArrow {
361
- height: 0.8125rem;
362
- margin-top: 0.4375rem;
363
- cursor: pointer;
465
+ .tippy-box[data-placement^=bottom] .tippy-arrow:before {
466
+ top: -0.4375rem;
467
+ border-width: 0 0.5rem 0.5rem !important;
468
+ }
469
+ .tippy-box[data-placement^=left] .tippy-arrow:before {
470
+ right: -0.4375rem;
471
+ border-width: 0.5rem 0 0.5rem 0.5rem !important;
472
+ }
473
+ .tippy-box[data-placement^=bottom-start] .tippy-arrow {
474
+ transform: translate(0.937rem, 0) !important;
475
+ }
476
+ .tippy-box[data-placement^=bottom-end] .tippy-arrow {
477
+ margin-left: calc(100% - 1.937rem);
478
+ transform: translate(0, 0) !important;
479
+ }
480
+ .tippy-box[data-placement^=top-start] .tippy-arrow {
481
+ transform: translate(0.937rem, 0) !important;
482
+ }
483
+ .tippy-box[data-placement^=top-end] .tippy-arrow {
484
+ transform: translate(0.937rem, 0) !important;
485
+ }
486
+ .tippy-box.arrow-with-border {
487
+ border: 1px solid #d8dae5;
364
488
  }
365
- .tableSectionContainer .defaultSortArrow {
366
- height: 1.25rem;
367
- cursor: pointer;
489
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
490
+ top: 1px;
491
+ background-color: white;
492
+ z-index: 2;
493
+ height: 1px;
368
494
  }
369
- .tableSectionContainer .ascArrow path,
370
- .tableSectionContainer .descArrow path,
371
- .tableSectionContainer .defaultSortArrow path {
372
- fill: var(--Gray-50);
495
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
496
+ width: 0.625rem;
497
+ height: 0.625rem;
498
+ background-color: white;
499
+ transform: rotate(45deg);
500
+ border: none;
501
+ border-left: 1px solid #d8dae5 !important;
502
+ border-top: 1px solid #d8dae5 !important;
503
+ z-index: 2;
504
+ top: -0.45rem;
505
+ transform-origin: center !important;
373
506
  }#common-dialog.dialog-content-wrapper {
374
507
  overflow: visible !important;
375
508
  max-height: 100%;
@@ -447,302 +580,140 @@
447
580
  display: flex;
448
581
  gap: 1.25rem;
449
582
  margin-top: 1.875rem;
450
- }.containerTitleDrawer {
451
- height: 64px;
452
- min-height: 64px;
453
- display: flex;
454
- flex-direction: row;
455
- justify-content: space-between;
456
- align-items: center;
457
- background-color: #f1f2f6;
458
- padding: 0 30px 0 30px;
459
- width: 100%;
460
- }
461
- .containerTitleDrawer span {
462
- color: #12131a;
463
- font-weight: 600;
464
- font-size: 18px;
465
- line-height: 25px;
466
- letter-spacing: 0em;
467
- }
468
- .containerTitleDrawer svg path {
469
- stroke: #000 !important;
470
- }
471
- .containerTitleDrawer .closeIcon {
472
- cursor: pointer;
473
- }.methodAccordion {
474
- border: none !important;
475
- box-shadow: none !important;
476
- margin-bottom: 0 !important;
477
- }
478
- .methodAccordion :global(.accordion-header) {
479
- padding: 0 !important;
480
- margin: 1.25rem 1.875rem 0 1.875rem !important;
481
- height: 2.625rem;
482
- border: none !important;
483
- background-color: transparent !important;
484
- }
485
- .methodAccordion :global(.iconContainer .dropdownIcon) {
486
- display: none !important;
487
- }
488
- .methodAccordion :global(.accordion-details.expanded) {
489
- border: none !important;
490
- padding: 0 !important;
491
- }
492
- .methodAccordion .methodSummaryContainer {
493
- display: flex;
494
- align-items: center;
495
- gap: 0.9375rem;
496
- margin-bottom: 1.25rem;
583
+ }.json-editor-container {
584
+ overflow: hidden;
585
+ border-bottom-right-radius: 0.3125rem;
586
+ border-bottom-left-radius: 0.3125rem;
497
587
  }
498
- .methodAccordion .methodSummaryContainer .methodSummary {
499
- display: flex;
500
- align-items: center;
501
- gap: 0.3125rem;
502
- background-color: #f8f9fb;
503
- width: 100%;
504
- padding: 0.3125rem;
505
- border-radius: 0.3125rem;
588
+ .json-editor-container .json-editor-label {
506
589
  font-size: 0.875rem;
507
- }
508
- .methodAccordion .methodSummaryContainer .methodSummary .methodLabel {
509
- display: grid;
510
- place-content: center;
511
- width: 5rem;
512
- height: 2rem;
513
- color: white;
514
- border-radius: 0.1875rem;
515
- text-transform: capitalize;
516
- }
517
- .methodAccordion .methodSummaryContainer .methodSummary .methodPath {
518
- display: block;
519
- line-height: 1.25rem !important;
520
- }
521
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer {
522
- display: grid;
523
- place-content: center;
524
- width: 2.25rem;
525
- aspect-ratio: 1/1;
526
- border-radius: 100%;
527
- background-color: #f8f9fb;
528
- margin-left: auto;
529
- }
530
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer.expanded svg {
531
- rotate: 180deg;
532
- }
533
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer svg {
534
- transition: rotate 0.3s ease-in-out;
535
- }
536
- .methodAccordion .methodAccordionContent {
537
- display: flex;
538
- flex-direction: column;
539
- gap: 1.25rem;
540
- padding-inline: 1.875rem;
541
- }
542
- .methodAccordion .methodAccordionContent .methodDesc {
543
- margin-top: 1.25rem;
544
- }
545
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer {
546
- display: flex;
547
- }
548
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer .paramDescContainer_separator {
549
- height: inherit;
550
- width: 1px;
551
- background-color: #d8dae5;
552
- }
553
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn) svg path {
554
- stroke-width: 0.1;
555
- }
556
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
557
- padding: 0;
558
- margin-right: 1.25rem;
559
- }
560
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
561
- display: flex;
562
- align-items: center;
563
- padding: 0;
564
- color: #12131a;
565
- }
566
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
567
- margin-block: auto;
568
- }
569
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
570
- fill: #12131a;
571
- }
572
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
573
- padding: 0;
574
- }
575
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
576
- margin-block: auto;
577
- }
578
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
579
- width: 1.125rem;
580
- }
581
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
582
- margin-block: auto;
583
- }
584
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
585
- width: 1.125rem;
586
- }
587
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
588
- fill: #3aaa35;
589
- }
590
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent {
591
- display: flex;
592
- flex-direction: column;
593
- gap: 0.625rem;
594
- padding-bottom: 0.625rem;
595
- }
596
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
597
- margin-inline: 0.625rem;
598
- }
599
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
600
590
  font-weight: 600;
601
- font-size: 0.875rem;
602
591
  line-height: 1.25rem;
603
- padding: 0.75rem 1.25rem;
604
- border-bottom: 1px solid #d8dae5;
605
- }
606
- .methodAccordion .methodAccordionContent .paramsTable :global(.requiredParam) :global(.headContainer)::after {
607
- content: "*";
608
- color: red;
609
- transform: translateX(0.125rem);
610
- }
611
- .methodAccordion .methodAccordionContent .requestAccordion,
612
- .methodAccordion .methodAccordionContent .responseAccordion {
613
- border: 1px solid #babdcc;
614
- border-radius: 0.3125rem !important;
615
- box-shadow: none !important;
616
- margin-bottom: 0 !important;
617
- cursor: default !important;
618
- }
619
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
620
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
621
- display: flex;
622
- align-items: center;
623
- justify-content: space-between;
624
- margin: 0 !important;
625
- padding: 0 !important;
626
- height: 4.0625rem !important;
627
- border-radius: 0.3125rem !important;
628
- background-color: white !important;
629
- }
630
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded),
631
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) {
632
- border-top: 1px solid #babdcc !important;
633
- padding: 1.25rem !important;
634
- padding: 0 !important;
635
- }
636
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
637
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
638
- border-top-right-radius: 0;
639
- border-top-left-radius: 0;
640
- height: 10rem;
592
+ margin-bottom: 0.3125rem;
641
593
  }
642
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
643
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
594
+ .json-editor-container .json-editor {
644
595
  display: flex;
596
+ flex-direction: column;
597
+ background-color: #142452;
598
+ width: 100%;
599
+ outline: 1px solid transparent;
600
+ position: relative;
601
+ overflow: hidden;
645
602
  }
646
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
647
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
648
- height: 100%;
649
- padding: 1.25rem;
650
- }
651
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary,
652
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary,
653
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary,
654
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
603
+ .json-editor-container .json-editor .actions-container {
655
604
  width: 100%;
605
+ height: 5rem;
606
+ padding: 1.25rem;
607
+ border-radius: 0 0 0.3125rem 0.3125rem;
608
+ background: #101e47;
656
609
  display: flex;
657
- justify-content: space-between;
658
- font-weight: 700;
659
- font-size: 1.125rem;
660
- line-height: 1.5rem;
661
- display: flex;
610
+ flex-direction: row;
611
+ gap: 1.25rem;
662
612
  align-items: center;
663
- cursor: default !important;
664
- margin-inline: 0.625rem 1.25rem;
665
613
  }
666
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title,
667
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title,
668
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title,
669
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title {
670
- display: flex;
671
- align-items: center;
614
+ .json-editor-container .json-editor .actions-container .validate {
615
+ color: #fff;
616
+ text-align: center;
617
+ font-size: 1rem;
618
+ font-style: normal;
619
+ font-weight: 600;
620
+ line-height: 1.25rem;
621
+ width: 8.75rem;
622
+ padding: 0.625rem 2.25rem;
623
+ background-color: rgba(240, 248, 255, 0);
624
+ border-radius: 0.3125rem;
625
+ border: 0.0625rem solid #4d75d8;
672
626
  cursor: pointer;
673
627
  }
674
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title svg,
675
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title svg,
676
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title svg,
677
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title svg {
678
- transition: rotate 0.2s ease-in-out;
628
+ .json-editor-container .json-editor .actions-container .validate:disabled {
629
+ color: #babdcc;
630
+ border-color: #a2a5b6;
679
631
  }
680
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title .expanded,
681
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title .expanded,
682
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title .expanded,
683
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title .expanded {
684
- rotate: 180deg;
632
+ .json-editor-container .json-editor .actions-container .beautify {
633
+ color: #fff;
634
+ text-align: center;
635
+ font-size: 1rem;
636
+ font-style: normal;
637
+ font-weight: 600;
638
+ line-height: 1.25rem;
639
+ width: 8.75rem;
640
+ padding: 0.625rem 2.25rem;
641
+ background-color: rgba(240, 248, 255, 0);
642
+ border-radius: 0.3125rem;
643
+ border: 1px solid #babdcc;
644
+ cursor: pointer;
685
645
  }
686
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
687
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
688
- padding: 0;
689
- border: none;
646
+ .json-editor-container .json-editor .actions-container .beautify:disabled {
647
+ color: #a2a5b6;
648
+ border-color: #a2a5b6;
690
649
  }
691
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
692
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
693
- display: none !important;
650
+ .json-editor-container .json-editor textarea {
651
+ width: 100%;
652
+ padding: 1.25rem;
653
+ font-size: 0.875rem;
654
+ font-style: normal;
655
+ font-weight: 400;
656
+ line-height: 1.25rem;
657
+ color: white;
658
+ height: 25rem;
659
+ background-color: #142452;
660
+ border: none;
661
+ resize: none;
694
662
  }
695
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
696
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
697
- cursor: default;
663
+ .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 {
664
+ outline: none;
665
+ border: none;
698
666
  }
699
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
700
- display: flex;
701
- align-items: center;
667
+ .json-editor-container .json-editor textarea::-webkit-scrollbar {
668
+ width: 0.5rem;
702
669
  }
703
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
704
- width: 8rem !important;
705
- min-width: 8rem !important;
670
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
671
+ background-color: #828699;
672
+ border: none;
673
+ border-color: transparent;
674
+ border-top-left-radius: 0;
706
675
  }
707
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
708
- width: 8rem;
709
- margin-left: auto;
676
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
677
+ background-color: #d8dae5;
678
+ border: none;
679
+ border-color: transparent;
680
+ border-radius: 0;
710
681
  }
711
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
712
- height: 2.0625rem !important;
713
- min-height: 2.0625rem !important;
714
- padding: 0;
715
- padding-left: 0.625rem;
682
+ .json-editor-container .json-editor.invalid {
683
+ outline: 1px solid #ce2828 !important;
716
684
  }
717
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
718
- overflow: visible;
719
- cursor: default;
685
+ .json-editor-container .error-message {
686
+ color: #ce2828;
687
+ font-size: 0.75rem;
688
+ line-height: 1.25rem;
689
+ margin-top: 0.625rem;
720
690
  }
721
- .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer {
722
- display: grid;
723
- grid-template-columns: min-content min-content;
691
+ .json-editor-container.disabled .json-editor textarea {
692
+ background-color: white;
693
+ color: #12131a;
694
+ }.containerTitleDrawer {
695
+ height: 64px;
696
+ min-height: 64px;
697
+ display: flex;
698
+ flex-direction: row;
699
+ justify-content: space-between;
724
700
  align-items: center;
725
- gap: 0.625rem;
726
- }
727
- .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
728
- width: 0.625rem;
729
- aspect-ratio: 1/1;
730
- border-radius: 100%;
731
- }
732
- .methodAccordion.readOnly .methodAccordionContent {
733
- padding: 0;
734
- }
735
- .methodAccordion.readOnly :global(.accordion-header) {
736
- margin: 1.25rem 0 0 0 !important;
701
+ background-color: #f1f2f6;
702
+ padding: 0 30px 0 30px;
703
+ width: 100%;
737
704
  }
738
- .methodAccordion.readOnly :global(.accordion-details) {
739
- background-color: transparent !important;
705
+ .containerTitleDrawer span {
706
+ color: #12131a;
707
+ font-weight: 600;
708
+ font-size: 18px;
709
+ line-height: 25px;
710
+ letter-spacing: 0em;
740
711
  }
741
- .methodAccordion.readOnly .methodSummaryContainer .methodSummary {
742
- background-color: #ebecf2;
712
+ .containerTitleDrawer svg path {
713
+ stroke: #000 !important;
743
714
  }
744
- .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
745
- background-color: #ebecf2;
715
+ .containerTitleDrawer .closeIcon {
716
+ cursor: pointer;
746
717
  }:root {
747
718
  --white: #fff;
748
719
  --Gray-5: #f1f2f6;
@@ -848,210 +819,239 @@
848
819
  }
849
820
  .drawerItemContainer .color-red {
850
821
  color: var(--color-error);
851
- }.tooltip-custom-wrapper {
852
- display: flex;
853
- }
854
-
855
- [data-tippy-root] {
856
- z-index: 2 !important;
822
+ }:root {
823
+ --white: #fff;
824
+ --Gray-5: #f1f2f6;
825
+ --Gray-10: #ebecf2;
826
+ --Gray-20: #d8dae5;
827
+ --Gray-30: #babdcc;
828
+ --Gray-40: #9a9eb2;
829
+ --Gray-50: #828699;
830
+ --Gray-60: #696c80;
831
+ --Gray-100: #12131a;
832
+ --black: #000;
833
+ --primary-static: #4d75d8;
834
+ --primary-hover: #7c9bea;
835
+ --primary-active: #2c4fa4;
836
+ --primary-disabled: #9a9eb2;
837
+ --secondary-static: #40e0d0;
838
+ --secondary-hover: #9efcf2;
839
+ --secondary-active: #2fa599;
840
+ --error-static: #da3f3f;
841
+ --error-hover: #e75d5d;
842
+ --error-active: #bb3232;
843
+ --success-static: #3aaa35;
844
+ --success-hover: #5cda56;
845
+ --success-active: #2a8a25;
846
+ --info-static: #c6c6c6;
847
+ --info-hover: #e4e4e4;
848
+ --info-active: #979797;
849
+ --warning-static: #faad14;
850
+ --warning-hover: #f9be4a;
851
+ --warning-active: #db9711;
852
+ --action-static: #142452;
853
+ --action-hover: #21387d;
854
+ --action-active: #000000;
855
+ --color-info-primary: #3a6cd1;
856
+ --primary-font-color: #142452;
857
+ --placeholder-font-color: #babdcc;
858
+ --warning-font-color: #ce2828;
859
+ --alert-error: #da3f3f;
860
+ --alert-light-error: #f4c5c5;
861
+ --alert-success: #3aaa35;
862
+ --alert-light-success: #c4e5c2;
863
+ --alert-info: #8eaaf1;
864
+ --alert-light-info: #c4d3f1;
865
+ --alert-warning: #faad14;
866
+ --alert-light-warning: #fde6b8;
867
+ --border-focus: #3a6cd1;
868
+ --tooltip-background-color: #202f5b;
869
+ --text-color-primary: #142452;
870
+ --text-color-secondary: #ffff;
871
+ --text-color-neutral: #828699;
872
+ --text-color-tertiary: #808080;
873
+ --text-color-note: #242424;
874
+ --text-color-quaternary: #142452;
875
+ --text-color-disabled: #ffff;
876
+ --background-color-white-primary: #fff;
877
+ --background-color-light-primary: #8eaaf1;
878
+ --background-color-white-secondary: #fff;
879
+ --background-color-primary-dark: #142452;
880
+ --background-color-gray-5: #f1f2f6;
881
+ --background-color-gray-30: #ebecf2;
882
+ --background-color-tertiary-light: #2c4fa4;
883
+ --background-color-gray-10: #f1f2f6;
884
+ --background-color-gray-40: #ebecf2;
885
+ --background-color-light-blue: #dfe7f8;
886
+ --border-color-primary: #babdcc;
887
+ --border-color-secondary: #d8dae5;
888
+ --border-color-neutral: #ebecf2;
889
+ --border-color-tertiary: #ebecf2;
890
+ --border-color-gray: #ebecf2;
891
+ --border-color-hover: #142452;
892
+ --border-color-active: #3a6cd1;
893
+ --icon-color-main: #142452;
894
+ --icon-color-secondary: #000;
895
+ --icon-color-quaternary: #babdcc;
896
+ --icon-color-disabled: #9a9eb2;
897
+ --link-btn-primary-color: #3a6cd1;
898
+ --button-color-static: #4d75d8;
899
+ --button-color-hover: #7c9bea;
900
+ --button-color-active: #2c4fa4;
901
+ --alert-natural: #c4d3f1;
857
902
  }
858
903
 
859
- .tippy-box {
860
- background-color: #202f5b;
861
- font-size: 0.875rem;
862
- border-radius: 0.3125rem;
863
- width: max-content;
904
+ .tableSectionContainer .tableContainer {
864
905
  max-width: 100%;
865
- overflow-wrap: break-word;
866
- word-break: break-word;
867
- position: relative;
868
- border: 1px solid #d8dae5;
869
- z-index: 2;
906
+ overflow-x: overlay;
870
907
  }
871
- .tippy-box.function .tippy-content {
872
- background-color: #fff !important;
873
- color: #000 !important;
908
+ .tableSectionContainer .tableContainer.tableContainer * {
909
+ font-family: "Cairo";
874
910
  }
875
- .tippy-box.function[data-placement] > .tippy-arrow:before {
876
- color: #fff !important;
911
+ .tableSectionContainer .tableContainer .table {
912
+ width: 100%;
913
+ border-spacing: 0;
914
+ border: none;
915
+ border-right: 1px solid var(--border-color-neutral);
916
+ border-left: 1px solid var(--border-color-neutral);
877
917
  }
878
- .tippy-box.info .tippy-arrow {
879
- color: #202f5b;
918
+ .tableSectionContainer .tableContainer .table.borderRadiusTop {
919
+ border-top-left-radius: 0.625rem;
920
+ border-top-right-radius: 0.625rem;
880
921
  }
881
- .tippy-box.success {
882
- border-radius: 1.875rem;
883
- background-color: #3aaa35;
884
- padding-inline: 0.625rem;
922
+ .tableSectionContainer .tableContainer .table.borderRadiusBottom {
923
+ border-bottom-left-radius: 0.625rem;
924
+ border-bottom-right-radius: 0.625rem;
885
925
  }
886
- .tippy-box .tippy-content {
887
- text-align: justify;
888
- font-size: 0.875rem;
889
- line-height: 1.25rem;
890
- padding: 0.625rem;
926
+ .tableSectionContainer .tableContainer .table .tableHead {
927
+ border: 1px solid var(--Gray-10);
928
+ margin: 0rem !important;
929
+ background-color: #f8f9fb;
930
+ width: max-content;
931
+ min-width: 100%;
932
+ color: var(--Gray-50);
933
+ font-weight: 400;
891
934
  }
892
- .tippy-box .tippy-arrow {
893
- position: relative;
894
- width: 1rem;
895
- height: 1rem;
935
+ .tableSectionContainer .tableContainer .table .tableHead .tableHeadCell {
936
+ border-bottom: 1px solid var(--border-color-neutral);
937
+ border-top: 1px solid var(--border-color-neutral);
938
+ font-style: normal;
939
+ font-size: 0.875rem;
940
+ padding: 0.75rem 1.875rem;
941
+ text-align: start;
942
+ white-space: nowrap;
943
+ color: inherit;
944
+ font-weight: inherit;
896
945
  }
897
- .tippy-box[data-placement^=top] .tippy-arrow:before {
898
- bottom: -0.4375rem;
899
- border-width: 0.5rem 0.5rem 0 !important;
946
+ .tableSectionContainer .tableContainer .table .tableHead .tableHeadCell .sortIcon {
947
+ padding: 0rem 0.25rem;
948
+ height: 1.875rem;
949
+ cursor: pointer;
900
950
  }
901
- .tippy-box[data-placement^=right] .tippy-arrow:before {
902
- left: -0.4375rem;
903
- border-width: 0.5rem 0.5rem 0.5rem 0 !important;
951
+ .tableSectionContainer .tableContainer .table .tableHead .headContainer {
952
+ display: flex;
953
+ flex-direction: row;
954
+ align-items: center;
955
+ text-overflow: ellipsis;
904
956
  }
905
- .tippy-box[data-placement^=bottom] .tippy-arrow:before {
906
- top: -0.4375rem;
907
- border-width: 0 0.5rem 0.5rem !important;
957
+ .tableSectionContainer .tableContainer .table .tableBody tr {
958
+ background-color: var(--background-color-white-secondary);
959
+ overflow: visible !important;
908
960
  }
909
- .tippy-box[data-placement^=left] .tippy-arrow:before {
910
- right: -0.4375rem;
911
- border-width: 0.5rem 0 0.5rem 0.5rem !important;
961
+ .tableSectionContainer .tableContainer .table .tableBody tr .tippy-content {
962
+ background-color: var(--border-color-hover);
963
+ color: var(--text-color-disabled);
964
+ border-radius: 5px;
965
+ font-size: 14px;
966
+ font-weight: 400;
967
+ line-height: 20px;
968
+ text-align: left;
912
969
  }
913
- .tippy-box[data-placement^=bottom-start] .tippy-arrow {
914
- transform: translate(0.937rem, 0) !important;
970
+ .tableSectionContainer .tableContainer .table .tableBody tr .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
971
+ color: var(--border-color-hover);
915
972
  }
916
- .tippy-box[data-placement^=bottom-end] .tippy-arrow {
917
- margin-left: calc(100% - 1.937rem);
918
- transform: translate(0, 0) !important;
973
+ .tableSectionContainer .tableContainer .table .tableBody tr.rowSelected {
974
+ background-color: var(--background-color-gray-40);
919
975
  }
920
- .tippy-box[data-placement^=top-start] .tippy-arrow {
921
- transform: translate(0.937rem, 0) !important;
976
+ .tableSectionContainer .tableContainer .table .tableBody tr td {
977
+ font-weight: 400;
978
+ font-size: 0.875rem;
979
+ text-align: start;
980
+ color: var(--text-color-primary);
981
+ border-bottom: 1px solid var(--border-color-gray);
982
+ width: max-content;
983
+ white-space: nowrap;
984
+ height: 3.75rem;
985
+ padding: 0.75rem 1.875rem;
986
+ overflow: visible !important;
922
987
  }
923
- .tippy-box[data-placement^=top-end] .tippy-arrow {
924
- transform: translate(0.937rem, 0) !important;
988
+ .tableSectionContainer .tableContainer .table .tableBody tr td .tableData {
989
+ max-width: 100%;
990
+ width: fit-content;
991
+ white-space: nowrap;
992
+ text-overflow: ellipsis;
993
+ overflow: visible !important;
925
994
  }
926
- .tippy-box.arrow-with-border {
927
- border: 1px solid #d8dae5;
995
+ .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn .btnContentWrapper .endBtnIcon svg path,
996
+ .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn :link .btnContentWrapper .endBtnIcon svg path,
997
+ .tableSectionContainer .tableContainer .table .tableBody tr td:nth-child(2) .tableData .customBtn :visited .btnContentWrapper .endBtnIcon svg path {
998
+ stroke-width: 0.1 !important;
999
+ fill: #12131a !important;
928
1000
  }
929
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
930
- top: 1px;
931
- background-color: white;
932
- z-index: 2;
933
- height: 1px;
1001
+ .tableSectionContainer .tableContainer .table .tableBody tr:hover {
1002
+ background-color: var(--background-color-gray-10);
934
1003
  }
935
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
936
- width: 0.625rem;
937
- height: 0.625rem;
938
- background-color: white;
939
- transform: rotate(45deg);
940
- border: none;
941
- border-left: 1px solid #d8dae5 !important;
942
- border-top: 1px solid #d8dae5 !important;
943
- z-index: 2;
944
- top: -0.45rem;
945
- transform-origin: center !important;
946
- }.json-editor-container {
947
- overflow: hidden;
948
- border-bottom-right-radius: 0.3125rem;
949
- border-bottom-left-radius: 0.3125rem;
1004
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow {
1005
+ background-color: var(--background-color-white-secondary);
1006
+ height: 4.375rem;
950
1007
  }
951
- .json-editor-container .json-editor-label {
952
- font-size: 0.875rem;
953
- font-weight: 600;
954
- line-height: 1.25rem;
955
- margin-bottom: 0.3125rem;
1008
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow:hover {
1009
+ background-color: var(--background-color-white-secondary);
956
1010
  }
957
- .json-editor-container .json-editor {
958
- display: flex;
959
- flex-direction: column;
960
- background-color: #142452;
1011
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer {
961
1012
  width: 100%;
962
- outline: 1px solid transparent;
963
- position: relative;
964
- overflow: hidden;
1013
+ height: 100%;
1014
+ color: var(--text-color-quaternary);
965
1015
  }
966
- .json-editor-container .json-editor .actions-container {
967
- width: 100%;
968
- height: 5rem;
969
- padding: 1.25rem;
970
- border-radius: 0 0 0.3125rem 0.3125rem;
971
- background: #101e47;
1016
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer {
972
1017
  display: flex;
973
1018
  flex-direction: row;
974
- gap: 1.25rem;
975
1019
  align-items: center;
976
- }
977
- .json-editor-container .json-editor .actions-container .validate {
978
- color: #fff;
979
- text-align: center;
980
- font-size: 1rem;
981
- font-style: normal;
982
- font-weight: 600;
983
- line-height: 1.25rem;
984
- width: 8.75rem;
985
- padding: 0.625rem 2.25rem;
986
- background-color: rgba(240, 248, 255, 0);
987
- border-radius: 0.3125rem;
988
- border: 0.0625rem solid #4d75d8;
989
- cursor: pointer;
990
- }
991
- .json-editor-container .json-editor .actions-container .validate:disabled {
992
- color: #babdcc;
993
- border-color: #a2a5b6;
994
- }
995
- .json-editor-container .json-editor .actions-container .beautify {
996
- color: #fff;
997
- text-align: center;
998
- font-size: 1rem;
999
- font-style: normal;
1000
- font-weight: 600;
1001
- line-height: 1.25rem;
1002
- width: 8.75rem;
1003
- padding: 0.625rem 2.25rem;
1004
- background-color: rgba(240, 248, 255, 0);
1005
- border-radius: 0.3125rem;
1006
- border: 1px solid #babdcc;
1007
- cursor: pointer;
1008
- }
1009
- .json-editor-container .json-editor .actions-container .beautify:disabled {
1010
- color: #a2a5b6;
1011
- border-color: #a2a5b6;
1012
- }
1013
- .json-editor-container .json-editor textarea {
1020
+ justify-content: center;
1014
1021
  width: 100%;
1015
- padding: 1.25rem;
1016
- font-size: 0.875rem;
1022
+ height: 100%;
1023
+ }
1024
+ .tableSectionContainer .tableContainer .table .tableBody .fallbackTableRow .fallbackContainer .fallbackTextContainer .fallbackText {
1017
1025
  font-style: normal;
1018
1026
  font-weight: 400;
1027
+ font-size: 0.875rem;
1019
1028
  line-height: 1.25rem;
1020
- color: white;
1021
- height: 25rem;
1022
- background-color: #142452;
1023
- border: none;
1024
- resize: none;
1025
1029
  }
1026
- .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 {
1027
- outline: none;
1028
- border: none;
1029
- }
1030
- .json-editor-container .json-editor textarea::-webkit-scrollbar {
1031
- width: 0.5rem;
1030
+ .tableSectionContainer .tableContainer .table th,
1031
+ .tableSectionContainer .tableContainer .table td {
1032
+ text-align: left;
1032
1033
  }
1033
- .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
1034
- background-color: #828699;
1035
- border: none;
1036
- border-color: transparent;
1037
- border-top-left-radius: 0;
1034
+ .tableSectionContainer .tableFooterContainer {
1035
+ display: flex;
1036
+ width: 100%;
1037
+ height: auto;
1038
1038
  }
1039
- .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
1040
- background-color: #d8dae5;
1041
- border: none;
1042
- border-color: transparent;
1043
- border-radius: 0;
1039
+ .tableSectionContainer .ascArrow {
1040
+ height: 0.8125rem;
1041
+ margin-bottom: 0.4375rem;
1042
+ cursor: pointer;
1044
1043
  }
1045
- .json-editor-container .json-editor.invalid {
1046
- outline: 1px solid #ce2828 !important;
1044
+ .tableSectionContainer .descArrow {
1045
+ height: 0.8125rem;
1046
+ margin-top: 0.4375rem;
1047
+ cursor: pointer;
1047
1048
  }
1048
- .json-editor-container .error-message {
1049
- color: #ce2828;
1050
- font-size: 0.75rem;
1051
- line-height: 1.25rem;
1052
- margin-top: 0.625rem;
1049
+ .tableSectionContainer .defaultSortArrow {
1050
+ height: 1.25rem;
1051
+ cursor: pointer;
1053
1052
  }
1054
- .json-editor-container.disabled .json-editor textarea {
1055
- background-color: white;
1056
- color: #12131a;
1053
+ .tableSectionContainer .ascArrow path,
1054
+ .tableSectionContainer .descArrow path,
1055
+ .tableSectionContainer .defaultSortArrow path {
1056
+ fill: var(--Gray-50);
1057
1057
  }