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

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