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