@digi-frontend/dgate-api-documentation 1.4.4 → 1.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -39,237 +39,247 @@
39
39
  grid-row: 2;
40
40
  grid-column: 2;
41
41
  background-color: white;
42
- }.containerTitleDrawer {
43
- height: 64px;
44
- min-height: 64px;
42
+ }.methodAccordion {
43
+ border: none !important;
44
+ box-shadow: none !important;
45
+ margin-bottom: 0 !important;
46
+ }
47
+ .methodAccordion :global(.accordion-header) {
48
+ padding: 0 !important;
49
+ margin: 1.25rem 1.875rem 0 1.875rem !important;
50
+ height: 2.625rem;
51
+ border: none !important;
52
+ background-color: transparent !important;
53
+ }
54
+ .methodAccordion :global(.iconContainer .dropdownIcon) {
55
+ display: none !important;
56
+ }
57
+ .methodAccordion :global(.accordion-details.expanded) {
58
+ border: none !important;
59
+ padding: 0 !important;
60
+ }
61
+ .methodAccordion :global(.enumText) {
62
+ font-family: "Cairo";
63
+ font-weight: 400;
64
+ font-size: 0.875rem;
65
+ line-height: 1.25rem;
66
+ max-width: 5.5625rem;
67
+ white-space: normal;
68
+ }
69
+ .methodAccordion .methodSummaryContainer {
45
70
  display: flex;
46
- flex-direction: row;
47
- justify-content: space-between;
48
71
  align-items: center;
49
- background-color: #f1f2f6;
50
- padding: 0 30px 0 30px;
72
+ gap: 0.9375rem;
73
+ margin-bottom: 1.25rem;
74
+ }
75
+ .methodAccordion .methodSummaryContainer .methodSummary {
76
+ display: flex;
77
+ align-items: center;
78
+ gap: 0.3125rem;
79
+ background-color: #f8f9fb;
51
80
  width: 100%;
81
+ padding: 0.3125rem;
82
+ border-radius: 0.3125rem;
83
+ font-size: 0.875rem;
52
84
  }
53
- .containerTitleDrawer span {
54
- color: #12131a;
85
+ .methodAccordion .methodSummaryContainer .methodSummary .methodLabel {
86
+ display: grid;
87
+ place-content: center;
88
+ width: 5rem;
89
+ height: 2rem;
90
+ color: white;
91
+ border-radius: 0.1875rem;
92
+ text-transform: capitalize;
93
+ }
94
+ .methodAccordion .methodSummaryContainer .methodSummary .methodPath {
95
+ display: block;
96
+ line-height: 1.25rem !important;
97
+ }
98
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer {
99
+ display: grid;
100
+ place-content: center;
101
+ width: 2.25rem;
102
+ aspect-ratio: 1/1;
103
+ border-radius: 100%;
104
+ background-color: #f8f9fb;
105
+ margin-left: auto;
106
+ }
107
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer.expanded svg {
108
+ rotate: 180deg;
109
+ }
110
+ .methodAccordion .methodSummaryContainer .methodExpandArrowContainer svg {
111
+ transition: rotate 0.3s ease-in-out;
112
+ }
113
+ .methodAccordion .methodAccordionContent {
114
+ display: flex;
115
+ flex-direction: column;
116
+ padding-inline: 1.875rem;
117
+ }
118
+ .methodAccordion .methodAccordionContent .multiLineText {
119
+ word-break: break-word;
120
+ }
121
+ .methodAccordion .methodAccordionContent .methodDesc {
122
+ margin-top: 1.25rem;
123
+ }
124
+ .methodAccordion .methodAccordionContent .paramsTable {
125
+ margin-top: 1.875rem;
126
+ }
127
+ .methodAccordion .methodAccordionContent .paramsTable .paramsTableBodyHead {
55
128
  font-weight: 600;
56
- font-size: 18px;
57
- line-height: 25px;
58
- letter-spacing: 0em;
129
+ font-family: "Cairo";
130
+ font-size: 1.875rem;
131
+ line-height: 2.5rem;
132
+ margin: 0;
133
+ margin-bottom: 1.25rem;
59
134
  }
60
- .containerTitleDrawer svg path {
61
- stroke: #000 !important;
135
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader {
136
+ display: flex;
137
+ flex-direction: row;
138
+ justify-content: space-between;
139
+ align-items: center;
140
+ display: flex;
141
+ align-items: center;
62
142
  }
63
- .containerTitleDrawer .closeIcon {
64
- cursor: pointer;
65
- }.apiInfoForm {
143
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup .optionsList) {
144
+ width: 8rem !important;
145
+ min-width: 8rem !important;
146
+ }
147
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup) {
148
+ width: 8rem;
149
+ margin-left: auto;
150
+ }
151
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup) :global(.selectDisplay) {
152
+ height: 2.0625rem !important;
153
+ min-height: 2.0625rem !important;
154
+ padding: 0;
155
+ padding-left: 0.625rem;
156
+ }
157
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader .statusCodeOptionContainer {
66
158
  display: grid;
67
- padding: 1.25rem 1.875rem;
68
- gap: 1.25rem;
159
+ grid-template-columns: min-content min-content;
160
+ align-items: center;
161
+ gap: 0.625rem;
69
162
  }
70
- .apiInfoForm .paramsTable .paramDescContainer {
163
+ .methodAccordion .methodAccordionContent .paramsTable .responseHeader .statusCodeOptionContainer .statusCodeOptionCircle {
164
+ width: 0.625rem;
165
+ aspect-ratio: 1/1;
166
+ border-radius: 100%;
167
+ }
168
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer {
71
169
  display: flex;
72
170
  }
73
- .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
171
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer .paramDescContainer_separator {
74
172
  height: inherit;
75
173
  width: 1px;
76
174
  background-color: #d8dae5;
77
175
  }
78
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
176
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn) svg path {
79
177
  stroke-width: 0.1;
80
178
  }
81
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
179
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
82
180
  padding: 0;
83
181
  margin-right: 1.25rem;
84
182
  }
85
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
183
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
86
184
  display: flex;
87
185
  align-items: center;
88
186
  padding: 0;
89
- font-size: 0.875rem;
187
+ color: #12131a;
90
188
  }
91
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
189
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
92
190
  margin-block: auto;
93
191
  }
94
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
192
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
193
+ align-self: center;
194
+ }
195
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
95
196
  fill: #12131a;
96
197
  }
97
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
198
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
98
199
  padding: 0;
99
- border-width: 0 !important;
100
200
  }
101
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
201
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
102
202
  margin-block: auto;
103
203
  }
104
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
204
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
105
205
  width: 1.125rem;
106
206
  }
107
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
207
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
108
208
  margin-block: auto;
109
209
  }
110
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
210
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
111
211
  width: 1.125rem;
112
212
  }
113
- .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
213
+ .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
114
214
  fill: #3aaa35;
115
215
  }
116
- .apiInfoForm .paramsTable .externalDocsLink {
117
- font-size: 0.875rem;
118
- line-height: 1.25rem;
119
- cursor: pointer;
120
- align-self: center;
121
- margin-right: 2rem;
122
- }
123
- .apiInfoForm .paramsTable .editExternalDocs {
124
- display: flex;
125
- align-items: center;
126
- padding-right: 0.625rem;
127
- }
128
- .apiInfoForm .paramsTable .editExternalDocs svg {
129
- cursor: pointer;
130
- }
131
- .apiInfoForm .paramsTable .editExternalDocs svg path {
132
- fill: #12131a;
133
- }
134
- .apiInfoForm .paramsTable .editDescTooltipContent {
216
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent {
135
217
  display: flex;
136
218
  flex-direction: column;
137
219
  gap: 0.625rem;
138
220
  padding-bottom: 0.625rem;
139
221
  }
140
- .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
222
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
141
223
  margin-inline: 0.625rem;
142
224
  }
143
- .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
225
+ .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
144
226
  font-weight: 600;
145
227
  font-size: 0.875rem;
146
228
  line-height: 1.25rem;
147
229
  padding: 0.75rem 1.25rem;
148
230
  border-bottom: 1px solid #d8dae5;
149
231
  }
150
- .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
232
+ .methodAccordion .methodAccordionContent .paramsTable :global(.requiredParam) :global(.headContainer)::after {
151
233
  content: "*";
152
234
  color: red;
153
235
  transform: translateX(0.125rem);
154
236
  }
155
- .apiInfoForm .apiDocRow {
156
- display: grid;
157
- grid-template-columns: 1fr 1fr;
158
- gap: 1.25rem;
159
- }
160
- .apiInfoForm .apiInfoForm_tagsChips {
161
- margin-top: -1.25rem;
237
+ .methodAccordion .methodAccordionContent .requestAccordion,
238
+ .methodAccordion .methodAccordionContent .responseAccordion {
239
+ border: 1px solid #babdcc;
240
+ border-radius: 0.3125rem !important;
241
+ box-shadow: none !important;
242
+ margin-bottom: 0 !important;
243
+ cursor: default !important;
244
+ margin-top: 1.25rem;
162
245
  }
163
- .apiInfoForm .editDescTooltipContent {
246
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
247
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
164
248
  display: flex;
165
- flex-direction: column;
166
- gap: 0.625rem;
167
- padding-bottom: 0.625rem;
249
+ align-items: center;
250
+ justify-content: space-between;
251
+ margin: 0 !important;
252
+ padding: 0 !important;
253
+ height: 4.0625rem !important;
254
+ border-radius: 0.3125rem !important;
255
+ background-color: white !important;
168
256
  }
169
- .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
170
- margin-inline: 0.625rem;
257
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded),
258
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) {
259
+ border-top: 1px solid #babdcc !important;
260
+ padding: 1.25rem !important;
261
+ padding: 0 !important;
171
262
  }
172
- .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
173
- font-weight: 600;
174
- font-size: 0.875rem;
175
- line-height: 1.25rem;
176
- padding: 0.75rem 1.25rem;
177
- border-bottom: 1px solid #d8dae5;
263
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
264
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
265
+ border-top-right-radius: 0;
266
+ border-top-left-radius: 0;
267
+ height: 10rem;
178
268
  }
179
- .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
180
- content: "*";
181
- color: red;
182
- transform: translateX(0.125rem);
183
- }.livePreviewContainer .titleContainer {
184
- margin-top: 1.875rem;
269
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
270
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
185
271
  display: flex;
186
- justify-content: space-between;
187
- align-items: center;
188
- flex-wrap: wrap;
189
- max-width: 100%;
190
- gap: 1.25rem;
191
272
  }
192
- .livePreviewContainer .titleContainer p.apiName {
193
- font-size: 40px;
194
- line-height: 30px;
195
- font-weight: 500;
196
- word-wrap: break-word;
197
- overflow-wrap: break-word;
198
- word-break: break-all;
199
- }
200
- .livePreviewContainer .titleContainer .livePreviewChip {
201
- background-color: #ebecf2;
202
- color: #12131a;
203
- }
204
- .livePreviewContainer .description_preview {
205
- word-break: break-all;
206
- }
207
-
208
- .requestAccordion,
209
- .responseAccordion {
210
- background-color: #f4c5c5;
211
- border: 1px solid #da3f3f;
212
- border-radius: 0.3125rem !important;
213
- box-shadow: none !important;
214
- margin-bottom: 0 !important;
215
- cursor: default !important;
216
- margin-top: 0.625rem;
217
- }
218
- .requestAccordion :global(.accordion-header),
219
- .responseAccordion :global(.accordion-header) {
220
- background-color: #f4c5c5;
221
- display: flex;
222
- align-items: center;
223
- justify-content: space-between;
224
- margin: 0 !important;
225
- padding: 0 !important;
226
- height: 4.0625rem !important;
227
- border-radius: 0.3125rem !important;
228
- }
229
- .requestAccordion :global(.accordion-details.expanded),
230
- .responseAccordion :global(.accordion-details.expanded) {
231
- border-top: 1px solid #000 !important;
232
- padding: 1.25rem !important;
233
- padding: 0 !important;
234
- background-color: #f4c5c5;
235
- }
236
- .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
237
- .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
238
- border-top-right-radius: 0;
239
- border-top-left-radius: 0;
240
- height: 10rem;
241
- }
242
- .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
243
- .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
244
- display: flex;
245
- }
246
- .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
247
- .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
273
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
274
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
248
275
  height: 100%;
249
276
  padding: 1.25rem;
250
277
  }
251
- .requestAccordion .accordionContent,
252
- .responseAccordion .accordionContent {
253
- max-width: 100%;
254
- padding-left: 0.625rem;
255
- padding-right: 0.625rem;
256
- padding-top: 0.9375rem;
257
- }
258
- .requestAccordion .accordionContent ol,
259
- .responseAccordion .accordionContent ol {
260
- padding-left: 1.7rem;
261
- }
262
- .requestAccordion .accordionContent ol li,
263
- .responseAccordion .accordionContent ol li {
264
- max-width: 100%;
265
- word-break: break-all;
266
- }
267
- .requestAccordion .requestAccordionSummary,
268
- .requestAccordion .responseAccordionSummary,
269
- .responseAccordion .requestAccordionSummary,
270
- .responseAccordion .responseAccordionSummary {
278
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary,
279
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary,
280
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary,
281
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
271
282
  width: 100%;
272
- cursor: pointer;
273
283
  display: flex;
274
284
  justify-content: space-between;
275
285
  font-weight: 700;
@@ -277,174 +287,112 @@
277
287
  line-height: 1.5rem;
278
288
  display: flex;
279
289
  align-items: center;
290
+ cursor: default !important;
280
291
  margin-inline: 0.625rem 1.25rem;
281
292
  }
282
- .requestAccordion .responseAccordionSummary_title,
283
- .requestAccordion .requestAccordionSummary_title,
284
- .requestAccordion .responseAccordionSummary,
285
- .responseAccordion .responseAccordionSummary_title,
286
- .responseAccordion .requestAccordionSummary_title,
287
- .responseAccordion .responseAccordionSummary {
293
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title,
294
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title,
295
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title,
296
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title {
288
297
  display: flex;
289
298
  align-items: center;
299
+ cursor: pointer;
290
300
  }
291
- .requestAccordion .responseAccordionSummary_title svg,
292
- .requestAccordion .requestAccordionSummary_title svg,
293
- .requestAccordion .responseAccordionSummary svg,
294
- .responseAccordion .responseAccordionSummary_title svg,
295
- .responseAccordion .requestAccordionSummary_title svg,
296
- .responseAccordion .responseAccordionSummary svg {
301
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title svg,
302
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title svg,
303
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title svg,
304
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title svg {
297
305
  transition: rotate 0.2s ease-in-out;
298
306
  }
299
- .requestAccordion .responseAccordionSummary_title .expanded,
300
- .requestAccordion .requestAccordionSummary_title .expanded,
301
- .requestAccordion .responseAccordionSummary .expanded,
302
- .responseAccordion .responseAccordionSummary_title .expanded,
303
- .responseAccordion .requestAccordionSummary_title .expanded,
304
- .responseAccordion .responseAccordionSummary .expanded {
307
+ .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title .expanded,
308
+ .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title .expanded,
309
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title .expanded,
310
+ .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title .expanded {
305
311
  rotate: 180deg;
306
312
  }
307
- .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
308
- .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
313
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
314
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
309
315
  padding: 0;
310
316
  border: none;
311
317
  }
312
- .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
313
- .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
318
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
319
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
314
320
  display: none !important;
315
321
  }
316
- .requestAccordion :global(.accordion-header),
317
- .responseAccordion :global(.accordion-header) {
322
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
323
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
318
324
  cursor: default;
319
325
  }
320
-
321
- .responseAccordion .responseAccordionSummary {
326
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
322
327
  display: flex;
323
328
  align-items: center;
324
329
  }
325
- .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
330
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
326
331
  width: 8rem !important;
327
332
  min-width: 8rem !important;
328
333
  }
329
- .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
334
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
330
335
  width: 8rem;
331
336
  margin-left: auto;
332
337
  }
333
- .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
338
+ .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
334
339
  height: 2.0625rem !important;
335
340
  min-height: 2.0625rem !important;
336
341
  padding: 0;
337
342
  padding-left: 0.625rem;
338
343
  }
339
- .responseAccordion :global(.accordion-header) {
344
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
340
345
  overflow: visible;
341
346
  cursor: default;
342
347
  }
343
- .responseAccordion .statusCodeOptionContainer {
348
+ .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer {
344
349
  display: grid;
345
350
  grid-template-columns: min-content min-content;
346
351
  align-items: center;
347
352
  gap: 0.625rem;
348
353
  }
349
- .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
354
+ .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
350
355
  width: 0.625rem;
351
356
  aspect-ratio: 1/1;
352
357
  border-radius: 100%;
353
- }.tooltip-custom-wrapper {
354
- display: flex;
355
- }
356
-
357
- [data-tippy-root] {
358
- z-index: 2 !important;
359
- }
360
-
361
- .tippy-box {
362
- background-color: #202f5b;
363
- font-size: 0.875rem;
364
- border-radius: 0.3125rem;
365
- width: max-content;
366
- max-width: 100%;
367
- overflow-wrap: break-word;
368
- word-break: break-word;
369
- position: relative;
370
- border: 1px solid #d8dae5;
371
- z-index: 2;
372
- }
373
- .tippy-box.function .tippy-content {
374
- background-color: #fff !important;
375
- color: #000 !important;
376
- }
377
- .tippy-box.function[data-placement] > .tippy-arrow:before {
378
- color: #fff !important;
379
- }
380
- .tippy-box.info .tippy-arrow {
381
- color: #202f5b;
382
- }
383
- .tippy-box.success {
384
- border-radius: 1.875rem;
385
- background-color: #3aaa35;
386
- padding-inline: 0.625rem;
387
- }
388
- .tippy-box .tippy-content {
389
- text-align: justify;
390
- font-size: 0.875rem;
391
- line-height: 1.25rem;
392
- padding: 0.625rem;
393
- }
394
- .tippy-box .tippy-arrow {
395
- position: relative;
396
- width: 1rem;
397
- height: 1rem;
398
- }
399
- .tippy-box[data-placement^=top] .tippy-arrow:before {
400
- bottom: -0.4375rem;
401
- border-width: 0.5rem 0.5rem 0 !important;
402
- }
403
- .tippy-box[data-placement^=right] .tippy-arrow:before {
404
- left: -0.4375rem;
405
- border-width: 0.5rem 0.5rem 0.5rem 0 !important;
406
358
  }
407
- .tippy-box[data-placement^=bottom] .tippy-arrow:before {
408
- top: -0.4375rem;
409
- border-width: 0 0.5rem 0.5rem !important;
410
- }
411
- .tippy-box[data-placement^=left] .tippy-arrow:before {
412
- right: -0.4375rem;
413
- border-width: 0.5rem 0 0.5rem 0.5rem !important;
359
+ .methodAccordion.readOnly .methodAccordionContent {
360
+ padding: 0;
414
361
  }
415
- .tippy-box[data-placement^=bottom-start] .tippy-arrow {
416
- transform: translate(0.937rem, 0) !important;
362
+ .methodAccordion.readOnly :global(.accordion-header) {
363
+ margin: 1.25rem 0 0 0 !important;
417
364
  }
418
- .tippy-box[data-placement^=bottom-end] .tippy-arrow {
419
- margin-left: calc(100% - 1.937rem);
420
- transform: translate(0, 0) !important;
365
+ .methodAccordion.readOnly :global(.accordion-details) {
366
+ background-color: transparent !important;
421
367
  }
422
- .tippy-box[data-placement^=top-start] .tippy-arrow {
423
- transform: translate(0.937rem, 0) !important;
368
+ .methodAccordion.readOnly .methodSummaryContainer .methodSummary {
369
+ background-color: #ebecf2;
424
370
  }
425
- .tippy-box[data-placement^=top-end] .tippy-arrow {
426
- transform: translate(0.937rem, 0) !important;
371
+ .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
372
+ background-color: #ebecf2;
373
+ }.containerTitleDrawer {
374
+ height: 64px;
375
+ min-height: 64px;
376
+ display: flex;
377
+ flex-direction: row;
378
+ justify-content: space-between;
379
+ align-items: center;
380
+ background-color: #f1f2f6;
381
+ padding: 0 30px 0 30px;
382
+ width: 100%;
427
383
  }
428
- .tippy-box.arrow-with-border {
429
- border: 1px solid #d8dae5;
384
+ .containerTitleDrawer span {
385
+ color: #12131a;
386
+ font-weight: 600;
387
+ font-size: 18px;
388
+ line-height: 25px;
389
+ letter-spacing: 0em;
430
390
  }
431
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
432
- top: 1px;
433
- background-color: white;
434
- z-index: 2;
435
- height: 1px;
391
+ .containerTitleDrawer svg path {
392
+ stroke: #000 !important;
436
393
  }
437
- .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
438
- width: 0.625rem;
439
- height: 0.625rem;
440
- background-color: white;
441
- transform: rotate(45deg);
442
- border: none;
443
- border-left: 1px solid #d8dae5 !important;
444
- border-top: 1px solid #d8dae5 !important;
445
- z-index: 2;
446
- top: -0.45rem;
447
- transform-origin: center !important;
394
+ .containerTitleDrawer .closeIcon {
395
+ cursor: pointer;
448
396
  }#common-dialog.dialog-content-wrapper {
449
397
  overflow: visible !important;
450
398
  max-height: 100%;
@@ -586,6 +534,219 @@
586
534
  display: flex;
587
535
  gap: 1.25rem;
588
536
  margin-top: 1.875rem;
537
+ }.tooltip-custom-wrapper {
538
+ display: flex;
539
+ }
540
+
541
+ [data-tippy-root] {
542
+ z-index: 2 !important;
543
+ }
544
+
545
+ .tippy-box {
546
+ background-color: #202f5b;
547
+ font-size: 0.875rem;
548
+ border-radius: 0.3125rem;
549
+ width: max-content;
550
+ max-width: 100%;
551
+ overflow-wrap: break-word;
552
+ word-break: break-word;
553
+ position: relative;
554
+ border: 1px solid #d8dae5;
555
+ z-index: 2;
556
+ }
557
+ .tippy-box.function .tippy-content {
558
+ background-color: #fff !important;
559
+ color: #000 !important;
560
+ }
561
+ .tippy-box.function[data-placement] > .tippy-arrow:before {
562
+ color: #fff !important;
563
+ }
564
+ .tippy-box.info .tippy-arrow {
565
+ color: #202f5b;
566
+ }
567
+ .tippy-box.success {
568
+ border-radius: 1.875rem;
569
+ background-color: #3aaa35;
570
+ padding-inline: 0.625rem;
571
+ }
572
+ .tippy-box .tippy-content {
573
+ text-align: justify;
574
+ font-size: 0.875rem;
575
+ line-height: 1.25rem;
576
+ padding: 0.625rem;
577
+ }
578
+ .tippy-box .tippy-arrow {
579
+ position: relative;
580
+ width: 1rem;
581
+ height: 1rem;
582
+ }
583
+ .tippy-box[data-placement^=top] .tippy-arrow:before {
584
+ bottom: -0.4375rem;
585
+ border-width: 0.5rem 0.5rem 0 !important;
586
+ }
587
+ .tippy-box[data-placement^=right] .tippy-arrow:before {
588
+ left: -0.4375rem;
589
+ border-width: 0.5rem 0.5rem 0.5rem 0 !important;
590
+ }
591
+ .tippy-box[data-placement^=bottom] .tippy-arrow:before {
592
+ top: -0.4375rem;
593
+ border-width: 0 0.5rem 0.5rem !important;
594
+ }
595
+ .tippy-box[data-placement^=left] .tippy-arrow:before {
596
+ right: -0.4375rem;
597
+ border-width: 0.5rem 0 0.5rem 0.5rem !important;
598
+ }
599
+ .tippy-box[data-placement^=bottom-start] .tippy-arrow {
600
+ transform: translate(0.937rem, 0) !important;
601
+ }
602
+ .tippy-box[data-placement^=bottom-end] .tippy-arrow {
603
+ margin-left: calc(100% - 1.937rem);
604
+ transform: translate(0, 0) !important;
605
+ }
606
+ .tippy-box[data-placement^=top-start] .tippy-arrow {
607
+ transform: translate(0.937rem, 0) !important;
608
+ }
609
+ .tippy-box[data-placement^=top-end] .tippy-arrow {
610
+ transform: translate(0.937rem, 0) !important;
611
+ }
612
+ .tippy-box.arrow-with-border {
613
+ border: 1px solid #d8dae5;
614
+ }
615
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow {
616
+ top: 1px;
617
+ background-color: white;
618
+ z-index: 2;
619
+ height: 1px;
620
+ }
621
+ .tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
622
+ width: 0.625rem;
623
+ height: 0.625rem;
624
+ background-color: white;
625
+ transform: rotate(45deg);
626
+ border: none;
627
+ border-left: 1px solid #d8dae5 !important;
628
+ border-top: 1px solid #d8dae5 !important;
629
+ z-index: 2;
630
+ top: -0.45rem;
631
+ transform-origin: center !important;
632
+ }.apiInfoForm {
633
+ display: grid;
634
+ padding: 1.25rem 1.875rem;
635
+ gap: 1.25rem;
636
+ }
637
+ .apiInfoForm .paramsTable .paramDescContainer {
638
+ display: flex;
639
+ }
640
+ .apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
641
+ height: inherit;
642
+ width: 1px;
643
+ background-color: #d8dae5;
644
+ }
645
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
646
+ stroke-width: 0.1;
647
+ }
648
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
649
+ padding: 0;
650
+ margin-right: 1.25rem;
651
+ }
652
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
653
+ display: flex;
654
+ align-items: center;
655
+ padding: 0;
656
+ font-size: 0.875rem;
657
+ }
658
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
659
+ margin-block: auto;
660
+ }
661
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
662
+ fill: #12131a;
663
+ }
664
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
665
+ padding: 0;
666
+ border-width: 0 !important;
667
+ }
668
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
669
+ margin-block: auto;
670
+ }
671
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
672
+ width: 1.125rem;
673
+ }
674
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
675
+ margin-block: auto;
676
+ }
677
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
678
+ width: 1.125rem;
679
+ }
680
+ .apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
681
+ fill: #3aaa35;
682
+ }
683
+ .apiInfoForm .paramsTable .externalDocsLink {
684
+ font-size: 0.875rem;
685
+ line-height: 1.25rem;
686
+ cursor: pointer;
687
+ align-self: center;
688
+ margin-right: 2rem;
689
+ }
690
+ .apiInfoForm .paramsTable .editExternalDocs {
691
+ display: flex;
692
+ align-items: center;
693
+ padding-right: 0.625rem;
694
+ }
695
+ .apiInfoForm .paramsTable .editExternalDocs svg {
696
+ cursor: pointer;
697
+ }
698
+ .apiInfoForm .paramsTable .editExternalDocs svg path {
699
+ fill: #12131a;
700
+ }
701
+ .apiInfoForm .paramsTable .editDescTooltipContent {
702
+ display: flex;
703
+ flex-direction: column;
704
+ gap: 0.625rem;
705
+ padding-bottom: 0.625rem;
706
+ }
707
+ .apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
708
+ margin-inline: 0.625rem;
709
+ }
710
+ .apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
711
+ font-weight: 600;
712
+ font-size: 0.875rem;
713
+ line-height: 1.25rem;
714
+ padding: 0.75rem 1.25rem;
715
+ border-bottom: 1px solid #d8dae5;
716
+ }
717
+ .apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
718
+ content: "*";
719
+ color: red;
720
+ transform: translateX(0.125rem);
721
+ }
722
+ .apiInfoForm .apiDocRow {
723
+ display: grid;
724
+ grid-template-columns: 1fr 1fr;
725
+ gap: 1.25rem;
726
+ }
727
+ .apiInfoForm .apiInfoForm_tagsChips {
728
+ margin-top: -1.25rem;
729
+ }
730
+ .apiInfoForm .editDescTooltipContent {
731
+ display: flex;
732
+ flex-direction: column;
733
+ gap: 0.625rem;
734
+ padding-bottom: 0.625rem;
735
+ }
736
+ .apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
737
+ margin-inline: 0.625rem;
738
+ }
739
+ .apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
740
+ font-weight: 600;
741
+ font-size: 0.875rem;
742
+ line-height: 1.25rem;
743
+ padding: 0.75rem 1.25rem;
744
+ border-bottom: 1px solid #d8dae5;
745
+ }
746
+ .apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
747
+ content: "*";
748
+ color: red;
749
+ transform: translateX(0.125rem);
589
750
  }.json-editor-container {
590
751
  overflow: hidden;
591
752
  border-bottom-right-radius: 0.3125rem;
@@ -697,317 +858,44 @@
697
858
  .json-editor-container.disabled .json-editor textarea {
698
859
  background-color: white;
699
860
  color: #12131a;
700
- }:root {
701
- --white: #fff;
702
- --Gray-5: #f1f2f6;
703
- --Gray-10: #ebecf2;
704
- --Gray-20: #d8dae5;
705
- --Gray-30: #babdcc;
706
- --Gray-40: #9a9eb2;
707
- --Gray-50: #828699;
708
- --Gray-60: #696c80;
709
- --Gray-100: #12131a;
710
- --black: #000;
711
- --primary-static: #4d75d8;
712
- --primary-hover: #7c9bea;
713
- --primary-active: #2c4fa4;
714
- --primary-disabled: #9a9eb2;
715
- --secondary-static: #40e0d0;
716
- --secondary-hover: #9efcf2;
717
- --secondary-active: #2fa599;
718
- --error-static: #da3f3f;
719
- --error-hover: #e75d5d;
720
- --error-active: #bb3232;
721
- --success-static: #3aaa35;
722
- --success-hover: #5cda56;
723
- --success-active: #2a8a25;
724
- --info-static: #c6c6c6;
725
- --info-hover: #e4e4e4;
726
- --info-active: #979797;
727
- --warning-static: #faad14;
728
- --warning-hover: #f9be4a;
729
- --warning-active: #db9711;
730
- --action-static: #142452;
731
- --action-hover: #21387d;
732
- --action-active: #000000;
733
- --color-info-primary: #3a6cd1;
734
- --primary-font-color: #142452;
735
- --placeholder-font-color: #babdcc;
736
- --warning-font-color: #ce2828;
737
- --alert-error: #da3f3f;
738
- --alert-light-error: #f4c5c5;
739
- --alert-success: #3aaa35;
740
- --alert-light-success: #c4e5c2;
741
- --alert-info: #8eaaf1;
742
- --alert-light-info: #c4d3f1;
743
- --alert-warning: #faad14;
744
- --alert-light-warning: #fde6b8;
745
- --border-focus: #3a6cd1;
746
- --tooltip-background-color: #202f5b;
747
- --text-color-primary: #142452;
748
- --text-color-secondary: #ffff;
749
- --text-color-neutral: #828699;
750
- --text-color-tertiary: #808080;
751
- --text-color-note: #242424;
752
- --text-color-quaternary: #142452;
753
- --text-color-disabled: #ffff;
754
- --background-color-white-primary: #fff;
755
- --background-color-light-primary: #8eaaf1;
756
- --background-color-white-secondary: #fff;
757
- --background-color-primary-dark: #142452;
758
- --background-color-gray-5: #f1f2f6;
759
- --background-color-gray-30: #ebecf2;
760
- --background-color-tertiary-light: #2c4fa4;
761
- --background-color-gray-10: #f1f2f6;
762
- --background-color-gray-40: #ebecf2;
763
- --background-color-light-blue: #dfe7f8;
764
- --border-color-primary: #babdcc;
765
- --border-color-secondary: #d8dae5;
766
- --border-color-neutral: #ebecf2;
767
- --border-color-tertiary: #ebecf2;
768
- --border-color-gray: #ebecf2;
769
- --border-color-hover: #142452;
770
- --border-color-active: #3a6cd1;
771
- --icon-color-main: #142452;
772
- --icon-color-secondary: #000;
773
- --icon-color-quaternary: #babdcc;
774
- --icon-color-disabled: #9a9eb2;
775
- --link-btn-primary-color: #3a6cd1;
776
- --button-color-static: #4d75d8;
777
- --button-color-hover: #7c9bea;
778
- --button-color-active: #2c4fa4;
779
- --alert-natural: #c4d3f1;
780
- }
781
-
782
- .drawerItemContainer {
783
- display: flex;
784
- flex-direction: column;
785
- }
786
- .drawerItemContainer .title {
787
- color: #000;
788
- font-weight: 600;
789
- font-size: 24px;
790
- line-height: 35px;
791
- margin-bottom: 3px;
792
- margin-top: 1.5rem;
793
- }
794
- .drawerItemContainer .text {
795
- color: #000;
796
- font-weight: 400;
797
- font-size: 24px;
798
- line-height: 25px;
799
- }
800
- .drawerItemContainer .color-green {
801
- color: var(--color-success);
802
- }
803
- .drawerItemContainer .color-red {
804
- color: var(--color-error);
805
- }.methodAccordion {
806
- border: none !important;
807
- box-shadow: none !important;
808
- margin-bottom: 0 !important;
809
- }
810
- .methodAccordion :global(.accordion-header) {
811
- padding: 0 !important;
812
- margin: 1.25rem 1.875rem 0 1.875rem !important;
813
- height: 2.625rem;
814
- border: none !important;
815
- background-color: transparent !important;
816
- }
817
- .methodAccordion :global(.iconContainer .dropdownIcon) {
818
- display: none !important;
819
- }
820
- .methodAccordion :global(.accordion-details.expanded) {
821
- border: none !important;
822
- padding: 0 !important;
823
- }
824
- .methodAccordion :global(.enumText) {
825
- font-family: "Cairo";
826
- font-weight: 400;
827
- font-size: 0.875rem;
828
- line-height: 1.25rem;
829
- max-width: 5.5625rem;
830
- white-space: normal;
831
- }
832
- .methodAccordion .methodSummaryContainer {
833
- display: flex;
834
- align-items: center;
835
- gap: 0.9375rem;
836
- margin-bottom: 1.25rem;
837
- }
838
- .methodAccordion .methodSummaryContainer .methodSummary {
839
- display: flex;
840
- align-items: center;
841
- gap: 0.3125rem;
842
- background-color: #f8f9fb;
843
- width: 100%;
844
- padding: 0.3125rem;
845
- border-radius: 0.3125rem;
846
- font-size: 0.875rem;
847
- }
848
- .methodAccordion .methodSummaryContainer .methodSummary .methodLabel {
849
- display: grid;
850
- place-content: center;
851
- width: 5rem;
852
- height: 2rem;
853
- color: white;
854
- border-radius: 0.1875rem;
855
- text-transform: capitalize;
856
- }
857
- .methodAccordion .methodSummaryContainer .methodSummary .methodPath {
858
- display: block;
859
- line-height: 1.25rem !important;
860
- }
861
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer {
862
- display: grid;
863
- place-content: center;
864
- width: 2.25rem;
865
- aspect-ratio: 1/1;
866
- border-radius: 100%;
867
- background-color: #f8f9fb;
868
- margin-left: auto;
869
- }
870
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer.expanded svg {
871
- rotate: 180deg;
872
- }
873
- .methodAccordion .methodSummaryContainer .methodExpandArrowContainer svg {
874
- transition: rotate 0.3s ease-in-out;
875
- }
876
- .methodAccordion .methodAccordionContent {
877
- display: flex;
878
- flex-direction: column;
879
- padding-inline: 1.875rem;
880
- }
881
- .methodAccordion .methodAccordionContent .multiLineText {
882
- word-break: break-word;
883
- }
884
- .methodAccordion .methodAccordionContent .methodDesc {
885
- margin-top: 1.25rem;
886
- }
887
- .methodAccordion .methodAccordionContent .paramsTable {
861
+ }.livePreviewContainer .titleContainer {
888
862
  margin-top: 1.875rem;
889
- }
890
- .methodAccordion .methodAccordionContent .paramsTable .paramsTableBodyHead {
891
- font-weight: 600;
892
- font-family: "Cairo";
893
- font-size: 1.875rem;
894
- line-height: 2.5rem;
895
- margin: 0;
896
- margin-bottom: 1.25rem;
897
- }
898
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader {
899
863
  display: flex;
900
- flex-direction: row;
901
864
  justify-content: space-between;
902
865
  align-items: center;
903
- display: flex;
904
- align-items: center;
905
- }
906
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup .optionsList) {
907
- width: 8rem !important;
908
- min-width: 8rem !important;
909
- }
910
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup) {
911
- width: 8rem;
912
- margin-left: auto;
913
- }
914
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader :global(.multiSelectGroup) :global(.selectDisplay) {
915
- height: 2.0625rem !important;
916
- min-height: 2.0625rem !important;
917
- padding: 0;
918
- padding-left: 0.625rem;
919
- }
920
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader .statusCodeOptionContainer {
921
- display: grid;
922
- grid-template-columns: min-content min-content;
923
- align-items: center;
924
- gap: 0.625rem;
925
- }
926
- .methodAccordion .methodAccordionContent .paramsTable .responseHeader .statusCodeOptionContainer .statusCodeOptionCircle {
927
- width: 0.625rem;
928
- aspect-ratio: 1/1;
929
- border-radius: 100%;
930
- }
931
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer {
932
- display: flex;
933
- }
934
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer .paramDescContainer_separator {
935
- height: inherit;
936
- width: 1px;
937
- background-color: #d8dae5;
938
- }
939
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn) svg path {
940
- stroke-width: 0.1;
866
+ flex-wrap: wrap;
867
+ max-width: 100%;
868
+ gap: 1.25rem;
941
869
  }
942
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
943
- padding: 0;
944
- margin-right: 1.25rem;
870
+ .livePreviewContainer .titleContainer p.apiName {
871
+ font-size: 40px;
872
+ line-height: 30px;
873
+ font-weight: 500;
874
+ word-wrap: break-word;
875
+ overflow-wrap: break-word;
876
+ word-break: break-all;
945
877
  }
946
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
947
- display: flex;
948
- align-items: center;
949
- padding: 0;
878
+ .livePreviewContainer .titleContainer .livePreviewChip {
879
+ background-color: #ebecf2;
950
880
  color: #12131a;
951
881
  }
952
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
953
- margin-block: auto;
954
- }
955
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
956
- align-self: center;
957
- }
958
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
959
- fill: #12131a;
960
- }
961
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
962
- padding: 0;
963
- }
964
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
965
- margin-block: auto;
966
- }
967
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
968
- width: 1.125rem;
969
- }
970
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
971
- margin-block: auto;
972
- }
973
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
974
- width: 1.125rem;
975
- }
976
- .methodAccordion .methodAccordionContent .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn:not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
977
- fill: #3aaa35;
978
- }
979
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent {
980
- display: flex;
981
- flex-direction: column;
982
- gap: 0.625rem;
983
- padding-bottom: 0.625rem;
984
- }
985
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
986
- margin-inline: 0.625rem;
987
- }
988
- .methodAccordion .methodAccordionContent .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
989
- font-weight: 600;
990
- font-size: 0.875rem;
991
- line-height: 1.25rem;
992
- padding: 0.75rem 1.25rem;
993
- border-bottom: 1px solid #d8dae5;
994
- }
995
- .methodAccordion .methodAccordionContent .paramsTable :global(.requiredParam) :global(.headContainer)::after {
996
- content: "*";
997
- color: red;
998
- transform: translateX(0.125rem);
882
+ .livePreviewContainer .description_preview {
883
+ word-break: break-all;
999
884
  }
1000
- .methodAccordion .methodAccordionContent .requestAccordion,
1001
- .methodAccordion .methodAccordionContent .responseAccordion {
1002
- border: 1px solid #babdcc;
885
+
886
+ .requestAccordion,
887
+ .responseAccordion {
888
+ background-color: #f4c5c5;
889
+ border: 1px solid #da3f3f;
1003
890
  border-radius: 0.3125rem !important;
1004
891
  box-shadow: none !important;
1005
892
  margin-bottom: 0 !important;
1006
893
  cursor: default !important;
1007
- margin-top: 1.25rem;
894
+ margin-top: 0.625rem;
1008
895
  }
1009
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
1010
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
896
+ .requestAccordion :global(.accordion-header),
897
+ .responseAccordion :global(.accordion-header) {
898
+ background-color: #f4c5c5;
1011
899
  display: flex;
1012
900
  align-items: center;
1013
901
  justify-content: space-between;
@@ -1015,34 +903,51 @@
1015
903
  padding: 0 !important;
1016
904
  height: 4.0625rem !important;
1017
905
  border-radius: 0.3125rem !important;
1018
- background-color: white !important;
1019
906
  }
1020
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded),
1021
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) {
1022
- border-top: 1px solid #babdcc !important;
907
+ .requestAccordion :global(.accordion-details.expanded),
908
+ .responseAccordion :global(.accordion-details.expanded) {
909
+ border-top: 1px solid #000 !important;
1023
910
  padding: 1.25rem !important;
1024
911
  padding: 0 !important;
912
+ background-color: #f4c5c5;
1025
913
  }
1026
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
1027
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
914
+ .requestAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea,
915
+ .responseAccordion :global(.accordion-details.expanded) :global(.jsonField) div textarea {
1028
916
  border-top-right-radius: 0;
1029
917
  border-top-left-radius: 0;
1030
918
  height: 10rem;
1031
919
  }
1032
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
1033
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
920
+ .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea),
921
+ .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea) {
1034
922
  display: flex;
1035
923
  }
1036
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
1037
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
924
+ .requestAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField),
925
+ .responseAccordion :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
1038
926
  height: 100%;
1039
927
  padding: 1.25rem;
1040
928
  }
1041
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary,
1042
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary,
1043
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary,
1044
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
929
+ .requestAccordion .accordionContent,
930
+ .responseAccordion .accordionContent {
931
+ max-width: 100%;
932
+ padding-left: 0.625rem;
933
+ padding-right: 0.625rem;
934
+ padding-top: 0.9375rem;
935
+ }
936
+ .requestAccordion .accordionContent ol,
937
+ .responseAccordion .accordionContent ol {
938
+ padding-left: 1.7rem;
939
+ }
940
+ .requestAccordion .accordionContent ol li,
941
+ .responseAccordion .accordionContent ol li {
942
+ max-width: 100%;
943
+ word-break: break-all;
944
+ }
945
+ .requestAccordion .requestAccordionSummary,
946
+ .requestAccordion .responseAccordionSummary,
947
+ .responseAccordion .requestAccordionSummary,
948
+ .responseAccordion .responseAccordionSummary {
1045
949
  width: 100%;
950
+ cursor: pointer;
1046
951
  display: flex;
1047
952
  justify-content: space-between;
1048
953
  font-weight: 700;
@@ -1050,89 +955,184 @@
1050
955
  line-height: 1.5rem;
1051
956
  display: flex;
1052
957
  align-items: center;
1053
- cursor: default !important;
1054
958
  margin-inline: 0.625rem 1.25rem;
1055
959
  }
1056
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title,
1057
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title,
1058
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title,
1059
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title {
960
+ .requestAccordion .responseAccordionSummary_title,
961
+ .requestAccordion .requestAccordionSummary_title,
962
+ .requestAccordion .responseAccordionSummary,
963
+ .responseAccordion .responseAccordionSummary_title,
964
+ .responseAccordion .requestAccordionSummary_title,
965
+ .responseAccordion .responseAccordionSummary {
1060
966
  display: flex;
1061
967
  align-items: center;
1062
- cursor: pointer;
1063
968
  }
1064
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title svg,
1065
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title svg,
1066
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title svg,
1067
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title svg {
969
+ .requestAccordion .responseAccordionSummary_title svg,
970
+ .requestAccordion .requestAccordionSummary_title svg,
971
+ .requestAccordion .responseAccordionSummary svg,
972
+ .responseAccordion .responseAccordionSummary_title svg,
973
+ .responseAccordion .requestAccordionSummary_title svg,
974
+ .responseAccordion .responseAccordionSummary svg {
1068
975
  transition: rotate 0.2s ease-in-out;
1069
976
  }
1070
- .methodAccordion .methodAccordionContent .requestAccordion .responseAccordionSummary_title .expanded,
1071
- .methodAccordion .methodAccordionContent .requestAccordion .requestAccordionSummary_title .expanded,
1072
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary_title .expanded,
1073
- .methodAccordion .methodAccordionContent .responseAccordion .requestAccordionSummary_title .expanded {
977
+ .requestAccordion .responseAccordionSummary_title .expanded,
978
+ .requestAccordion .requestAccordionSummary_title .expanded,
979
+ .requestAccordion .responseAccordionSummary .expanded,
980
+ .responseAccordion .responseAccordionSummary_title .expanded,
981
+ .responseAccordion .requestAccordionSummary_title .expanded,
982
+ .responseAccordion .responseAccordionSummary .expanded {
1074
983
  rotate: 180deg;
1075
984
  }
1076
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
1077
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
985
+ .requestAccordion :global(.accordion-details) :global(.textArea .inputField),
986
+ .responseAccordion :global(.accordion-details) :global(.textArea .inputField) {
1078
987
  padding: 0;
1079
988
  border: none;
1080
989
  }
1081
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
1082
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
990
+ .requestAccordion :global(.accordion-header .iconContainer .dropdownIcon),
991
+ .responseAccordion :global(.accordion-header .iconContainer .dropdownIcon) {
1083
992
  display: none !important;
1084
993
  }
1085
- .methodAccordion .methodAccordionContent .requestAccordion :global(.accordion-header),
1086
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
994
+ .requestAccordion :global(.accordion-header),
995
+ .responseAccordion :global(.accordion-header) {
1087
996
  cursor: default;
1088
997
  }
1089
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary {
998
+
999
+ .responseAccordion .responseAccordionSummary {
1000
+ display: flex;
1001
+ align-items: center;
1002
+ }
1003
+ .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
1004
+ width: 8rem !important;
1005
+ min-width: 8rem !important;
1006
+ }
1007
+ .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
1008
+ width: 8rem;
1009
+ margin-left: auto;
1010
+ }
1011
+ .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
1012
+ height: 2.0625rem !important;
1013
+ min-height: 2.0625rem !important;
1014
+ padding: 0;
1015
+ padding-left: 0.625rem;
1016
+ }
1017
+ .responseAccordion :global(.accordion-header) {
1018
+ overflow: visible;
1019
+ cursor: default;
1020
+ }
1021
+ .responseAccordion .statusCodeOptionContainer {
1022
+ display: grid;
1023
+ grid-template-columns: min-content min-content;
1024
+ align-items: center;
1025
+ gap: 0.625rem;
1026
+ }
1027
+ .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
1028
+ width: 0.625rem;
1029
+ aspect-ratio: 1/1;
1030
+ border-radius: 100%;
1031
+ }:root {
1032
+ --white: #fff;
1033
+ --Gray-5: #f1f2f6;
1034
+ --Gray-10: #ebecf2;
1035
+ --Gray-20: #d8dae5;
1036
+ --Gray-30: #babdcc;
1037
+ --Gray-40: #9a9eb2;
1038
+ --Gray-50: #828699;
1039
+ --Gray-60: #696c80;
1040
+ --Gray-100: #12131a;
1041
+ --black: #000;
1042
+ --primary-static: #4d75d8;
1043
+ --primary-hover: #7c9bea;
1044
+ --primary-active: #2c4fa4;
1045
+ --primary-disabled: #9a9eb2;
1046
+ --secondary-static: #40e0d0;
1047
+ --secondary-hover: #9efcf2;
1048
+ --secondary-active: #2fa599;
1049
+ --error-static: #da3f3f;
1050
+ --error-hover: #e75d5d;
1051
+ --error-active: #bb3232;
1052
+ --success-static: #3aaa35;
1053
+ --success-hover: #5cda56;
1054
+ --success-active: #2a8a25;
1055
+ --info-static: #c6c6c6;
1056
+ --info-hover: #e4e4e4;
1057
+ --info-active: #979797;
1058
+ --warning-static: #faad14;
1059
+ --warning-hover: #f9be4a;
1060
+ --warning-active: #db9711;
1061
+ --action-static: #142452;
1062
+ --action-hover: #21387d;
1063
+ --action-active: #000000;
1064
+ --color-info-primary: #3a6cd1;
1065
+ --primary-font-color: #142452;
1066
+ --placeholder-font-color: #babdcc;
1067
+ --warning-font-color: #ce2828;
1068
+ --alert-error: #da3f3f;
1069
+ --alert-light-error: #f4c5c5;
1070
+ --alert-success: #3aaa35;
1071
+ --alert-light-success: #c4e5c2;
1072
+ --alert-info: #8eaaf1;
1073
+ --alert-light-info: #c4d3f1;
1074
+ --alert-warning: #faad14;
1075
+ --alert-light-warning: #fde6b8;
1076
+ --border-focus: #3a6cd1;
1077
+ --tooltip-background-color: #202f5b;
1078
+ --text-color-primary: #142452;
1079
+ --text-color-secondary: #ffff;
1080
+ --text-color-neutral: #828699;
1081
+ --text-color-tertiary: #808080;
1082
+ --text-color-note: #242424;
1083
+ --text-color-quaternary: #142452;
1084
+ --text-color-disabled: #ffff;
1085
+ --background-color-white-primary: #fff;
1086
+ --background-color-light-primary: #8eaaf1;
1087
+ --background-color-white-secondary: #fff;
1088
+ --background-color-primary-dark: #142452;
1089
+ --background-color-gray-5: #f1f2f6;
1090
+ --background-color-gray-30: #ebecf2;
1091
+ --background-color-tertiary-light: #2c4fa4;
1092
+ --background-color-gray-10: #f1f2f6;
1093
+ --background-color-gray-40: #ebecf2;
1094
+ --background-color-light-blue: #dfe7f8;
1095
+ --border-color-primary: #babdcc;
1096
+ --border-color-secondary: #d8dae5;
1097
+ --border-color-neutral: #ebecf2;
1098
+ --border-color-tertiary: #ebecf2;
1099
+ --border-color-gray: #ebecf2;
1100
+ --border-color-hover: #142452;
1101
+ --border-color-active: #3a6cd1;
1102
+ --icon-color-main: #142452;
1103
+ --icon-color-secondary: #000;
1104
+ --icon-color-quaternary: #babdcc;
1105
+ --icon-color-disabled: #9a9eb2;
1106
+ --link-btn-primary-color: #3a6cd1;
1107
+ --button-color-static: #4d75d8;
1108
+ --button-color-hover: #7c9bea;
1109
+ --button-color-active: #2c4fa4;
1110
+ --alert-natural: #c4d3f1;
1111
+ }
1112
+
1113
+ .drawerItemContainer {
1090
1114
  display: flex;
1091
- align-items: center;
1092
- }
1093
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup .optionsList) {
1094
- width: 8rem !important;
1095
- min-width: 8rem !important;
1096
- }
1097
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) {
1098
- width: 8rem;
1099
- margin-left: auto;
1100
- }
1101
- .methodAccordion .methodAccordionContent .responseAccordion .responseAccordionSummary :global(.multiSelectGroup) :global(.selectDisplay) {
1102
- height: 2.0625rem !important;
1103
- min-height: 2.0625rem !important;
1104
- padding: 0;
1105
- padding-left: 0.625rem;
1106
- }
1107
- .methodAccordion .methodAccordionContent .responseAccordion :global(.accordion-header) {
1108
- overflow: visible;
1109
- cursor: default;
1110
- }
1111
- .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer {
1112
- display: grid;
1113
- grid-template-columns: min-content min-content;
1114
- align-items: center;
1115
- gap: 0.625rem;
1116
- }
1117
- .methodAccordion .methodAccordionContent .responseAccordion .statusCodeOptionContainer .statusCodeOptionCircle {
1118
- width: 0.625rem;
1119
- aspect-ratio: 1/1;
1120
- border-radius: 100%;
1121
- }
1122
- .methodAccordion.readOnly .methodAccordionContent {
1123
- padding: 0;
1115
+ flex-direction: column;
1124
1116
  }
1125
- .methodAccordion.readOnly :global(.accordion-header) {
1126
- margin: 1.25rem 0 0 0 !important;
1117
+ .drawerItemContainer .title {
1118
+ color: #000;
1119
+ font-weight: 600;
1120
+ font-size: 24px;
1121
+ line-height: 35px;
1122
+ margin-bottom: 3px;
1123
+ margin-top: 1.5rem;
1127
1124
  }
1128
- .methodAccordion.readOnly :global(.accordion-details) {
1129
- background-color: transparent !important;
1125
+ .drawerItemContainer .text {
1126
+ color: #000;
1127
+ font-weight: 400;
1128
+ font-size: 24px;
1129
+ line-height: 25px;
1130
1130
  }
1131
- .methodAccordion.readOnly .methodSummaryContainer .methodSummary {
1132
- background-color: #ebecf2;
1131
+ .drawerItemContainer .color-green {
1132
+ color: var(--color-success);
1133
1133
  }
1134
- .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
1135
- background-color: #ebecf2;
1134
+ .drawerItemContainer .color-red {
1135
+ color: var(--color-error);
1136
1136
  }:root {
1137
1137
  --white: #fff;
1138
1138
  --Gray-5: #f1f2f6;
@@ -1402,92 +1402,166 @@ div.endBtnIcon {
1402
1402
  .tableSectionContainer .descArrow path,
1403
1403
  .tableSectionContainer .defaultSortArrow path {
1404
1404
  fill: var(--Gray-50);
1405
- }.apiDocsAside {
1406
- width: 22.5rem;
1407
- padding: 3rem 1.5rem;
1405
+ }.api-docs-api-tree {
1406
+ width: 100%;
1407
+ max-width: 12.5rem;
1408
+ padding: 3rem 1.25rem;
1409
+ box-sizing: border-box;
1410
+ }
1411
+ .api-docs-api-tree > * {
1412
+ box-sizing: border-box;
1413
+ }
1414
+ .api-docs-api-tree__section-header {
1415
+ display: flex;
1416
+ align-items: center;
1417
+ gap: 0.25rem;
1418
+ padding-inline: 0.5rem;
1419
+ cursor: pointer;
1420
+ user-select: none;
1421
+ height: 2.5rem;
1422
+ }
1423
+ .api-docs-api-tree__section-header:hover {
1424
+ background-color: #f3f4f6;
1425
+ width: 100%;
1426
+ }
1427
+ .api-docs-api-tree__section-header svg {
1428
+ min-width: 1rem;
1429
+ }
1430
+ .api-docs-api-tree__section-header svg:first-child path {
1431
+ stroke: #bbbec5;
1432
+ }
1433
+ .api-docs-api-tree__section-title {
1434
+ font-size: 0.75rem;
1435
+ line-height: 0.875rem;
1436
+ font-weight: 500;
1437
+ color: #000;
1438
+ margin-left: 0.25rem;
1439
+ word-break: break-all;
1440
+ line-height: 0.9375rem;
1441
+ }
1442
+ .api-docs-api-tree__section__overview {
1443
+ display: flex;
1444
+ align-items: center;
1445
+ gap: 0.5rem;
1446
+ padding: 0.5rem 1.75rem;
1447
+ border-radius: 0.25rem;
1448
+ cursor: pointer;
1449
+ }
1450
+ .api-docs-api-tree__section__overview:hover {
1451
+ background-color: #f3f4f6;
1452
+ }
1453
+ .api-docs-api-tree__section__overview span {
1454
+ font-size: 0.75rem;
1455
+ line-height: 0.875rem;
1456
+ color: #000000;
1457
+ }
1458
+ .api-docs-api-tree__section__overview[data-active=true] {
1408
1459
  background-color: #f0f1f2;
1409
1460
  }
1410
- .apiDocsAside_title {
1411
- font-size: 1.5rem;
1412
- line-height: 2rem;
1413
- font-weight: 600;
1414
- color: #12131a;
1415
- margin-bottom: 0.5rem;
1461
+ .api-docs-api-tree__section__endpoints {
1462
+ display: flex;
1463
+ align-items: center;
1464
+ height: 1.5rem;
1465
+ gap: 0.5rem;
1466
+ border-radius: 0.25rem;
1467
+ padding-inline: 1.75rem;
1468
+ cursor: pointer;
1416
1469
  }
1417
- .apiDocsAside_subtitle {
1418
- margin-bottom: 2rem;
1470
+ .api-docs-api-tree__section__endpoints span {
1471
+ font-size: 0.75rem;
1472
+ line-height: 0.875rem;
1473
+ color: #000000;
1419
1474
  }
1420
- .apiDocsAside_subtitle > span {
1421
- font-size: 1.25rem;
1422
- line-height: 1.75rem;
1475
+ .api-docs-api-tree__section__endpoints[data-active=true] {
1476
+ background-color: #f0f1f2;
1477
+ }
1478
+ .api-docs-api-tree__section[data-active=true] .api-docs-api-tree__section-title {
1479
+ color: #616874;
1480
+ }
1481
+ .api-docs-api-tree__endpoints {
1482
+ display: flex;
1483
+ flex-direction: column;
1484
+ align-items: start;
1485
+ gap: 0.5rem;
1486
+ border-radius: 0.25rem;
1487
+ cursor: pointer;
1488
+ }
1489
+ .api-docs-api-tree__endpoints span {
1490
+ font-size: 0.75rem;
1491
+ line-height: 0.875rem;
1492
+ color: #000000;
1493
+ }
1494
+ .api-docs-api-tree__endpoints[data-active=true] {
1495
+ background-color: #f0f1f2;
1496
+ }
1497
+ .api-docs-api-tree__subsection-header {
1498
+ height: 2rem;
1499
+ display: flex;
1500
+ align-items: center;
1501
+ gap: 0.875rem;
1502
+ padding-inline: 0.5rem;
1503
+ cursor: pointer;
1504
+ user-select: none;
1505
+ }
1506
+ .api-docs-api-tree__subsection-header svg {
1507
+ color: #6b7280;
1508
+ }
1509
+ .api-docs-api-tree__subsection-title {
1510
+ font-size: 0.75rem;
1511
+ line-height: 0.875rem;
1512
+ color: #616874;
1513
+ }
1514
+ .api-docs-api-tree__endpoint {
1515
+ display: flex;
1516
+ align-items: center;
1517
+ gap: 0.25rem;
1518
+ padding: 0.5rem 0.75rem;
1519
+ text-transform: capitalize;
1520
+ width: 100%;
1521
+ cursor: pointer;
1522
+ }
1523
+ .api-docs-api-tree__endpoint[data-active=true] {
1524
+ background-color: #f0f1f2;
1525
+ }
1526
+ .api-docs-api-tree__endpoint:hover {
1527
+ background-color: #f3f4f6;
1528
+ }
1529
+ .api-docs-api-tree__endpoint-method {
1530
+ font-size: 0.75rem;
1531
+ line-height: 0.875rem;
1423
1532
  font-weight: 400;
1533
+ text-align: start;
1424
1534
  }
1425
- .apiDocsAside_subtitle_method[data-method=get] {
1535
+ .api-docs-api-tree__endpoint-name {
1536
+ font-size: 0.75rem;
1537
+ line-height: 0.875rem;
1538
+ color: #3b3f46;
1539
+ display: -webkit-box;
1540
+ -webkit-box-orient: vertical;
1541
+ -webkit-line-clamp: 1;
1542
+ overflow: hidden;
1543
+ text-overflow: ellipsis;
1544
+ }
1545
+ .api-docs-api-tree__endpoint--get .api-docs-api-tree__endpoint-method {
1426
1546
  color: #3a6cd1;
1427
1547
  }
1428
- .apiDocsAside_subtitle_method[data-method=post] {
1548
+ .api-docs-api-tree__endpoint--post .api-docs-api-tree__endpoint-method {
1429
1549
  color: #3aaa35;
1430
1550
  }
1431
- .apiDocsAside_subtitle_method[data-method=put] {
1551
+ .api-docs-api-tree__endpoint--put .api-docs-api-tree__endpoint-method {
1432
1552
  color: #faad14;
1433
1553
  }
1434
- .apiDocsAside_subtitle_method[data-method=delete] {
1554
+ .api-docs-api-tree__endpoint--delete .api-docs-api-tree__endpoint-method {
1435
1555
  color: #da3f3f;
1436
1556
  }
1437
- .apiDocsAside_subtitle_method[data-method=option] {
1557
+ .api-docs-api-tree__endpoint--option .api-docs-api-tree__endpoint-method {
1438
1558
  color: #495d97;
1439
1559
  }
1440
- .apiDocsAside_subtitle_method[data-method=head] {
1560
+ .api-docs-api-tree__endpoint--head .api-docs-api-tree__endpoint-method {
1441
1561
  color: #9461c9;
1442
1562
  }
1443
- .apiDocsAside_subtitle_method[data-method=patch] {
1563
+ .api-docs-api-tree__endpoint--patch .api-docs-api-tree__endpoint-method {
1444
1564
  color: #58e2c2;
1445
- }
1446
- .apiDocsAside .codeboxSection .codeboxHeader {
1447
- height: 2rem;
1448
- display: flex;
1449
- justify-content: space-between;
1450
- margin-bottom: 0.25rem;
1451
- }
1452
- .apiDocsAside .codeboxSection .codeboxHeader h6 {
1453
- font-size: 1rem;
1454
- line-height: 1.25rem;
1455
- font-weight: 500;
1456
- color: #616874;
1457
- }
1458
- .apiDocsAside .codeboxSection:nth-of-type(2) {
1459
- margin-top: 3rem;
1460
- }
1461
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) {
1462
- padding: 0;
1463
- }
1464
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) :global(.select-label-container) {
1465
- min-width: 100%;
1466
- padding: 0;
1467
- }
1468
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.optionsList .option) {
1469
- height: 1.5rem;
1470
- padding: 0;
1471
- }
1472
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer {
1473
- display: flex;
1474
- align-items: center;
1475
- gap: 0.625rem;
1476
- padding-left: 0.75rem;
1477
- }
1478
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer .statusCodeOptionCircle {
1479
- width: 0.625rem;
1480
- min-width: 0.625rem;
1481
- aspect-ratio: 1/1;
1482
- border-radius: 100%;
1483
- }
1484
- .apiDocsAside :global(.multiSelectGroup .selectDisplay),
1485
- .apiDocsAside :global(.multiSelectGroup) {
1486
- width: 6.25rem !important;
1487
- height: 1.5rem !important;
1488
- }
1489
- .apiDocsAside :global(.multiSelectGroup .selectDisplay .displayValueContainer .iconsContainer) {
1490
- padding-right: 0.75rem !important;
1491
1565
  }.api_docs_header {
1492
1566
  height: 3.125rem;
1493
1567
  background-color: #f0f1f2;
@@ -1776,166 +1850,92 @@ div.endBtnIcon {
1776
1850
  .codebox :global(.custom-code-line),
1777
1851
  .codebox :global(.custom-code-line span) {
1778
1852
  font-family: "Cascadia Code", sans-serif;
1779
- }.api-docs-api-tree {
1780
- width: 100%;
1781
- max-width: 12.5rem;
1782
- padding: 3rem 1.25rem;
1783
- box-sizing: border-box;
1853
+ }.apiDocsAside {
1854
+ width: 22.5rem;
1855
+ padding: 3rem 1.5rem;
1856
+ background-color: #f0f1f2;
1784
1857
  }
1785
- .api-docs-api-tree > * {
1786
- box-sizing: border-box;
1858
+ .apiDocsAside_title {
1859
+ font-size: 1.5rem;
1860
+ line-height: 2rem;
1861
+ font-weight: 600;
1862
+ color: #12131a;
1863
+ margin-bottom: 0.5rem;
1787
1864
  }
1788
- .api-docs-api-tree__section-header {
1789
- display: flex;
1790
- align-items: center;
1791
- gap: 0.25rem;
1792
- padding-inline: 0.5rem;
1793
- cursor: pointer;
1794
- user-select: none;
1795
- height: 2.5rem;
1865
+ .apiDocsAside_subtitle {
1866
+ margin-bottom: 2rem;
1796
1867
  }
1797
- .api-docs-api-tree__section-header:hover {
1798
- background-color: #f3f4f6;
1799
- width: 100%;
1868
+ .apiDocsAside_subtitle > span {
1869
+ font-size: 1.25rem;
1870
+ line-height: 1.75rem;
1871
+ font-weight: 400;
1800
1872
  }
1801
- .api-docs-api-tree__section-header svg {
1802
- min-width: 1rem;
1873
+ .apiDocsAside_subtitle_method[data-method=get] {
1874
+ color: #3a6cd1;
1803
1875
  }
1804
- .api-docs-api-tree__section-header svg:first-child path {
1805
- stroke: #bbbec5;
1876
+ .apiDocsAside_subtitle_method[data-method=post] {
1877
+ color: #3aaa35;
1806
1878
  }
1807
- .api-docs-api-tree__section-title {
1808
- font-size: 0.75rem;
1809
- line-height: 0.875rem;
1810
- font-weight: 500;
1811
- color: #000;
1812
- margin-left: 0.25rem;
1813
- word-break: break-all;
1814
- line-height: 0.9375rem;
1879
+ .apiDocsAside_subtitle_method[data-method=put] {
1880
+ color: #faad14;
1815
1881
  }
1816
- .api-docs-api-tree__section__overview {
1817
- display: flex;
1818
- align-items: center;
1819
- gap: 0.5rem;
1820
- padding: 0.5rem 1.75rem;
1821
- border-radius: 0.25rem;
1822
- cursor: pointer;
1882
+ .apiDocsAside_subtitle_method[data-method=delete] {
1883
+ color: #da3f3f;
1823
1884
  }
1824
- .api-docs-api-tree__section__overview:hover {
1825
- background-color: #f3f4f6;
1885
+ .apiDocsAside_subtitle_method[data-method=option] {
1886
+ color: #495d97;
1826
1887
  }
1827
- .api-docs-api-tree__section__overview span {
1828
- font-size: 0.75rem;
1829
- line-height: 0.875rem;
1830
- color: #000000;
1888
+ .apiDocsAside_subtitle_method[data-method=head] {
1889
+ color: #9461c9;
1831
1890
  }
1832
- .api-docs-api-tree__section__overview[data-active=true] {
1833
- background-color: #f0f1f2;
1891
+ .apiDocsAside_subtitle_method[data-method=patch] {
1892
+ color: #58e2c2;
1834
1893
  }
1835
- .api-docs-api-tree__section__endpoints {
1894
+ .apiDocsAside .codeboxSection .codeboxHeader {
1895
+ height: 2rem;
1836
1896
  display: flex;
1837
- align-items: center;
1838
- height: 1.5rem;
1839
- gap: 0.5rem;
1840
- border-radius: 0.25rem;
1841
- padding-inline: 1.75rem;
1842
- cursor: pointer;
1843
- }
1844
- .api-docs-api-tree__section__endpoints span {
1845
- font-size: 0.75rem;
1846
- line-height: 0.875rem;
1847
- color: #000000;
1848
- }
1849
- .api-docs-api-tree__section__endpoints[data-active=true] {
1850
- background-color: #f0f1f2;
1897
+ justify-content: space-between;
1898
+ margin-bottom: 0.25rem;
1851
1899
  }
1852
- .api-docs-api-tree__section[data-active=true] .api-docs-api-tree__section-title {
1900
+ .apiDocsAside .codeboxSection .codeboxHeader h6 {
1901
+ font-size: 1rem;
1902
+ line-height: 1.25rem;
1903
+ font-weight: 500;
1853
1904
  color: #616874;
1854
1905
  }
1855
- .api-docs-api-tree__endpoints {
1856
- display: flex;
1857
- flex-direction: column;
1858
- align-items: start;
1859
- gap: 0.5rem;
1860
- border-radius: 0.25rem;
1861
- cursor: pointer;
1862
- }
1863
- .api-docs-api-tree__endpoints span {
1864
- font-size: 0.75rem;
1865
- line-height: 0.875rem;
1866
- color: #000000;
1867
- }
1868
- .api-docs-api-tree__endpoints[data-active=true] {
1869
- background-color: #f0f1f2;
1906
+ .apiDocsAside .codeboxSection:nth-of-type(2) {
1907
+ margin-top: 3rem;
1870
1908
  }
1871
- .api-docs-api-tree__subsection-header {
1872
- height: 2rem;
1873
- display: flex;
1874
- align-items: center;
1875
- gap: 0.875rem;
1876
- padding-inline: 0.5rem;
1877
- cursor: pointer;
1878
- user-select: none;
1909
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) {
1910
+ padding: 0;
1879
1911
  }
1880
- .api-docs-api-tree__subsection-header svg {
1881
- color: #6b7280;
1912
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) :global(.select-label-container) {
1913
+ min-width: 100%;
1914
+ padding: 0;
1882
1915
  }
1883
- .api-docs-api-tree__subsection-title {
1884
- font-size: 0.75rem;
1885
- line-height: 0.875rem;
1886
- color: #616874;
1916
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.optionsList .option) {
1917
+ height: 1.5rem;
1918
+ padding: 0;
1887
1919
  }
1888
- .api-docs-api-tree__endpoint {
1920
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer {
1889
1921
  display: flex;
1890
1922
  align-items: center;
1891
- gap: 0.25rem;
1892
- padding: 0.5rem 0.75rem;
1893
- text-transform: capitalize;
1894
- width: 100%;
1895
- cursor: pointer;
1896
- }
1897
- .api-docs-api-tree__endpoint[data-active=true] {
1898
- background-color: #f0f1f2;
1899
- }
1900
- .api-docs-api-tree__endpoint:hover {
1901
- background-color: #f3f4f6;
1902
- }
1903
- .api-docs-api-tree__endpoint-method {
1904
- font-size: 0.75rem;
1905
- line-height: 0.875rem;
1906
- font-weight: 400;
1907
- text-align: start;
1908
- }
1909
- .api-docs-api-tree__endpoint-name {
1910
- font-size: 0.75rem;
1911
- line-height: 0.875rem;
1912
- color: #3b3f46;
1913
- display: -webkit-box;
1914
- -webkit-box-orient: vertical;
1915
- -webkit-line-clamp: 1;
1916
- overflow: hidden;
1917
- text-overflow: ellipsis;
1918
- }
1919
- .api-docs-api-tree__endpoint--get .api-docs-api-tree__endpoint-method {
1920
- color: #3a6cd1;
1921
- }
1922
- .api-docs-api-tree__endpoint--post .api-docs-api-tree__endpoint-method {
1923
- color: #3aaa35;
1924
- }
1925
- .api-docs-api-tree__endpoint--put .api-docs-api-tree__endpoint-method {
1926
- color: #faad14;
1927
- }
1928
- .api-docs-api-tree__endpoint--delete .api-docs-api-tree__endpoint-method {
1929
- color: #da3f3f;
1923
+ gap: 0.625rem;
1924
+ padding-left: 0.75rem;
1930
1925
  }
1931
- .api-docs-api-tree__endpoint--option .api-docs-api-tree__endpoint-method {
1932
- color: #495d97;
1926
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer .statusCodeOptionCircle {
1927
+ width: 0.625rem;
1928
+ min-width: 0.625rem;
1929
+ aspect-ratio: 1/1;
1930
+ border-radius: 100%;
1933
1931
  }
1934
- .api-docs-api-tree__endpoint--head .api-docs-api-tree__endpoint-method {
1935
- color: #9461c9;
1932
+ .apiDocsAside :global(.multiSelectGroup .selectDisplay),
1933
+ .apiDocsAside :global(.multiSelectGroup) {
1934
+ width: 6.25rem !important;
1935
+ height: 1.5rem !important;
1936
1936
  }
1937
- .api-docs-api-tree__endpoint--patch .api-docs-api-tree__endpoint-method {
1938
- color: #58e2c2;
1937
+ .apiDocsAside :global(.multiSelectGroup .selectDisplay .displayValueContainer .iconsContainer) {
1938
+ padding-right: 0.75rem !important;
1939
1939
  }.api-details-page {
1940
1940
  padding: 2rem;
1941
1941
  }