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

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