@e1011/es-kit 1.1.78 → 1.1.82

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 (39) hide show
  1. package/dist/hooks/esm/index.css +311 -311
  2. package/dist/hooks/index.css +311 -311
  3. package/dist/lib/cjs/src/core/ui/components/container/ResizableContainer.js.map +1 -1
  4. package/dist/lib/cjs/src/core/ui/components/container/layoutBox/LayoutBox.js +1 -1
  5. package/dist/lib/cjs/src/core/ui/components/container/layoutBox/LayoutBox.js.map +1 -1
  6. package/dist/lib/cjs/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  7. package/dist/lib/cjs/src/core/ui/components/molecules/popup/Popup.js +1 -1
  8. package/dist/lib/cjs/src/core/ui/components/molecules/popup/Popup.js.map +1 -1
  9. package/dist/lib/cjs/src/index.js +1 -1
  10. package/dist/lib/esm/src/core/ui/components/container/ResizableContainer.js.map +1 -1
  11. package/dist/lib/esm/src/core/ui/components/container/layoutBox/LayoutBox.js +1 -1
  12. package/dist/lib/esm/src/core/ui/components/container/layoutBox/LayoutBox.js.map +1 -1
  13. package/dist/lib/esm/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  14. package/dist/lib/esm/src/core/ui/components/molecules/popup/Popup.js +1 -1
  15. package/dist/lib/esm/src/core/ui/components/molecules/popup/Popup.js.map +1 -1
  16. package/dist/lib/esm/src/index.js +1 -1
  17. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  18. package/dist/types/src/core/ui/components/container/ResizableContainer.d.ts.map +1 -1
  19. package/dist/types/src/core/ui/components/container/layoutBox/LayoutBox.d.ts +1 -0
  20. package/dist/types/src/core/ui/components/container/layoutBox/LayoutBox.d.ts.map +1 -1
  21. package/dist/types/src/core/ui/components/container/layoutBox/layoutBox.types.d.ts +21 -17
  22. package/dist/types/src/core/ui/components/container/layoutBox/layoutBox.types.d.ts.map +1 -1
  23. package/dist/ui/esm/src/core/ui/components/container/ResizableContainer.js.map +1 -1
  24. package/dist/ui/esm/src/core/ui/components/container/layoutBox/LayoutBox.js +1 -1
  25. package/dist/ui/esm/src/core/ui/components/container/layoutBox/LayoutBox.js.map +1 -1
  26. package/dist/ui/esm/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  27. package/dist/ui/esm/src/core/ui/components/molecules/popup/Popup.js +1 -1
  28. package/dist/ui/esm/src/core/ui/components/molecules/popup/Popup.js.map +1 -1
  29. package/dist/ui/esm/src/core/ui/index.js +1 -1
  30. package/dist/ui/src/core/ui/components/container/ResizableContainer.js.map +1 -1
  31. package/dist/ui/src/core/ui/components/container/layoutBox/LayoutBox.js +1 -1
  32. package/dist/ui/src/core/ui/components/container/layoutBox/LayoutBox.js.map +1 -1
  33. package/dist/ui/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  34. package/dist/ui/src/core/ui/components/molecules/popup/Popup.js +1 -1
  35. package/dist/ui/src/core/ui/components/molecules/popup/Popup.js.map +1 -1
  36. package/dist/ui/src/core/ui/index.js +1 -1
  37. package/dist/utils/esm/index.css +311 -311
  38. package/dist/utils/index.css +311 -311
  39. package/package.json +1 -1
@@ -1,33 +1,3 @@
1
- .icon-module_icon-base-parent__nOMvW {
2
- line-height: 1px !important;
3
- }
4
-
5
- .icon-module_icon-base__S0tHf {
6
- min-width: var(--min-width);
7
- min-height: var(--min-height);
8
- width: var(--width) !important;
9
- height: var(--height) !important;
10
- line-height: 1px !important;
11
- background-color: var(--icon-color);
12
- color: var(--icon-content-color);
13
- background-repeat: no-repeat;
14
- mask-image: var(--icon-url);
15
- -webkit-mask-image: var(--icon-url);
16
- mask-repeat: no-repeat;
17
- -webkit-mask-repeat: no-repeat;
18
- mask-size: contain;
19
- -webkit-mask-size: contain;
20
- mask-position: center;
21
- -webkit-mask-position: center;
22
- display: inline-block;
23
- will-change: transform;
24
- transform: translate3d(0, 0, 0);
25
- }
26
- .icon-module_icon-base__S0tHf svg {
27
- fill: var(--icon-content-color);
28
- width: var(--height);
29
- height: var(--width);
30
- }
31
1
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
32
2
  transform-origin: 0% 0%;
33
3
  opacity: 0;
@@ -61,15 +31,6 @@
61
31
  max-width: var(--prop-value);
62
32
  opacity: 1;
63
33
  }
64
- .errorBoundary-module_errorBoundary__gk9ps {
65
- background: #EFEFEF;
66
- width: 100%;
67
- height: 100%;
68
- }
69
-
70
- .errorBoundary-module_StyledIcon__IYHiU {
71
- margin-right: 10px;
72
- }
73
34
  .divider-module_divider-line__6CesR {
74
35
  position: relative;
75
36
  display: block;
@@ -89,6 +50,36 @@
89
50
  height: var(--height);
90
51
  margin: var(--margin);
91
52
  }
53
+ .icon-module_icon-base-parent__nOMvW {
54
+ line-height: 1px !important;
55
+ }
56
+
57
+ .icon-module_icon-base__S0tHf {
58
+ min-width: var(--min-width);
59
+ min-height: var(--min-height);
60
+ width: var(--width) !important;
61
+ height: var(--height) !important;
62
+ line-height: 1px !important;
63
+ background-color: var(--icon-color);
64
+ color: var(--icon-content-color);
65
+ background-repeat: no-repeat;
66
+ mask-image: var(--icon-url);
67
+ -webkit-mask-image: var(--icon-url);
68
+ mask-repeat: no-repeat;
69
+ -webkit-mask-repeat: no-repeat;
70
+ mask-size: contain;
71
+ -webkit-mask-size: contain;
72
+ mask-position: center;
73
+ -webkit-mask-position: center;
74
+ display: inline-block;
75
+ will-change: transform;
76
+ transform: translate3d(0, 0, 0);
77
+ }
78
+ .icon-module_icon-base__S0tHf svg {
79
+ fill: var(--icon-content-color);
80
+ width: var(--height);
81
+ height: var(--width);
82
+ }
92
83
  .field-module_field__UfKm3 {
93
84
  opacity: 1;
94
85
  pointer-events: auto;
@@ -163,29 +154,14 @@
163
154
  .field-module_field__UfKm3 label {
164
155
  text-align: left;
165
156
  }
166
- .layoutBox-module_layout-box__ZIID8 {
167
- display: flex;
168
- position: relative;
169
- flex-direction: row;
170
- flex: 0;
171
- flex-grow: 0;
172
- flex-shrink: 0;
173
- flex-basis: auto;
174
- flex-wrap: nowrap;
175
- gap: 0;
176
- text-align: left;
177
- justify-content: flex-start;
178
- align-items: flex-start;
179
- align-self: auto;
180
- margin: 0;
181
- padding: 0;
182
- width: auto;
183
- height: auto;
184
- max-width: none;
185
- max-height: none;
186
- min-width: 0;
187
- min-height: 0;
188
- border-radius: initial;
157
+ .errorBoundary-module_errorBoundary__gk9ps {
158
+ background: #EFEFEF;
159
+ width: 100%;
160
+ height: 100%;
161
+ }
162
+
163
+ .errorBoundary-module_StyledIcon__IYHiU {
164
+ margin-right: 10px;
189
165
  }
190
166
  .lazyComponent-module_loader__brMEW {
191
167
  position: relative;
@@ -230,10 +206,275 @@
230
206
  stroke-dashoffset: -124;
231
207
  }
232
208
  }
233
- .textAndContent-module_textAndContent__X5P1n {
234
- align-items: baseline;
235
- flex-shrink: 1;
236
- gap: 8px;
209
+ .layoutBox-module_layout-box__ZIID8 {
210
+ display: flex;
211
+ position: relative;
212
+ flex-direction: row;
213
+ flex: 0;
214
+ flex-grow: 0;
215
+ flex-shrink: 0;
216
+ flex-basis: auto;
217
+ flex-wrap: nowrap;
218
+ gap: 0;
219
+ text-align: left;
220
+ justify-content: flex-start;
221
+ align-items: flex-start;
222
+ align-self: auto;
223
+ margin: 0;
224
+ padding: 0;
225
+ width: auto;
226
+ height: auto;
227
+ max-width: none;
228
+ max-height: none;
229
+ min-width: 0;
230
+ min-height: 0;
231
+ border-radius: initial;
232
+ }
233
+ :root {
234
+ --divider-line: #4a4b4b;
235
+ }
236
+
237
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
238
+ overflow: hidden !important;
239
+ }
240
+
241
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
242
+ white-space: nowrap !important;
243
+ }
244
+
245
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
246
+ text-overflow: ellipsis !important;
247
+ }
248
+
249
+ .popup-module_popup-container__PJ0oQ {
250
+ --popup-width: 60vw;
251
+ --popup-height: 50vh;
252
+ position: fixed;
253
+ width: var(--popup-width);
254
+ height: var(--popup-height);
255
+ --slideXFrom: 0;
256
+ --slideYFrom: 0;
257
+ will-change: opacity;
258
+ transition: opacity 300ms ease-in-out;
259
+ opacity: 0;
260
+ visibility: hidden;
261
+ pointer-events: none;
262
+ }
263
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
264
+ position: relative;
265
+ flex-direction: column;
266
+ align-items: start;
267
+ width: 100%;
268
+ height: 100%;
269
+ overflow-x: clip;
270
+ background-color: #090A0A;
271
+ border-radius: 4px;
272
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
273
+ transition: transform 350ms ease-out;
274
+ will-change: transform;
275
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
276
+ }
277
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
278
+ margin-bottom: 0;
279
+ }
280
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
281
+ cursor: pointer;
282
+ line-height: 1px;
283
+ background-color: rgba(255, 255, 255, 0);
284
+ }
285
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
286
+ background-color: #FDDA0D;
287
+ width: 9px !important;
288
+ height: 9px !important;
289
+ line-height: 1px !important;
290
+ }
291
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
292
+ background-color: #FFEA00;
293
+ }
294
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
295
+ width: 100%;
296
+ height: 100%;
297
+ padding: 24px;
298
+ overflow-y: auto;
299
+ display: flex;
300
+ }
301
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
302
+ overflow-y: auto;
303
+ }
304
+ .popup-module_popup-container__PJ0oQ[data-show] {
305
+ opacity: 1;
306
+ visibility: visible;
307
+ pointer-events: all;
308
+ }
309
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
310
+ transform: translateX(0) translateY(0);
311
+ }
312
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
313
+ opacity: 0;
314
+ visibility: hidden;
315
+ pointer-events: none;
316
+ }
317
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
318
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
319
+ }
320
+
321
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
322
+ background-color: #090A0A;
323
+ color: #F4F4F4;
324
+ }
325
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
326
+ background-color: #090A0A;
327
+ color: #F4F4F4;
328
+ }
329
+ :root {
330
+ --divider-line: #4a4b4b;
331
+ }
332
+
333
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
334
+ overflow: hidden !important;
335
+ }
336
+
337
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
338
+ white-space: nowrap !important;
339
+ }
340
+
341
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
342
+ text-overflow: ellipsis !important;
343
+ }
344
+
345
+ .tooltip-module_popover-tooltip__sAhKa {
346
+ position: fixed;
347
+ z-index: 999;
348
+ will-change: opacity;
349
+ transition: opacity 450ms ease;
350
+ opacity: 0;
351
+ visibility: hidden;
352
+ border-radius: 4px;
353
+ background-color: #1B1D1D;
354
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
355
+ }
356
+ .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
357
+ margin: 0;
358
+ padding: 0;
359
+ }
360
+ .tooltip-module_popover-tooltip__sAhKa p {
361
+ display: -webkit-box;
362
+ -webkit-line-clamp: 4; /* number of lines to show */
363
+ line-clamp: 4;
364
+ -webkit-box-orient: vertical;
365
+ margin: 0;
366
+ width: 100%;
367
+ white-space: normal;
368
+ overflow: auto;
369
+ }
370
+ .tooltip-module_popover-tooltip__sAhKa[data-show] {
371
+ opacity: 1;
372
+ visibility: visible;
373
+ }
374
+ .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
375
+ opacity: 0;
376
+ visibility: hidden;
377
+ }
378
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
379
+ bottom: -16px;
380
+ }
381
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
382
+ transform: rotate(0deg);
383
+ }
384
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
385
+ top: -16px;
386
+ }
387
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
388
+ transform: rotate(180deg);
389
+ }
390
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
391
+ right: -16px;
392
+ }
393
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
394
+ transform: rotate(-90deg);
395
+ }
396
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
397
+ left: -16px;
398
+ }
399
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
400
+ transform: rotate(90deg);
401
+ }
402
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
403
+ position: absolute;
404
+ }
405
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
406
+ content: "";
407
+ border-width: 8px;
408
+ border-style: solid;
409
+ border-color: #1B1D1D transparent transparent transparent;
410
+ }
411
+
412
+ .tooltip-module_close-button__o8OBN {
413
+ cursor: pointer;
414
+ line-height: 1px;
415
+ background-color: rgba(255, 255, 255, 0);
416
+ }
417
+ .tooltip-module_close-button__o8OBN .icon-base {
418
+ background-color: #FDDA0D;
419
+ width: 9px !important;
420
+ height: 9px !important;
421
+ line-height: 1px !important;
422
+ }
423
+ .tooltip-module_close-button__o8OBN:hover .icon-base {
424
+ background-color: #FFEA00;
425
+ }
426
+
427
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
428
+ background-color: #1B1D1D;
429
+ color: #F4F4F4;
430
+ }
431
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
432
+ border-color: #1B1D1D transparent transparent transparent;
433
+ }
434
+ .cui-theme-light {
435
+ color: #1B1D1D;
436
+ }
437
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
438
+ background-color: #515757;
439
+ }
440
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
441
+ border-color: #515757 transparent transparent transparent;
442
+ }
443
+ .flowLayout-module_flowLayout__VHpnY {
444
+ overflow: auto;
445
+ }
446
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
447
+ display: flex;
448
+ width: 100%;
449
+ min-width: 0;
450
+ }
451
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
452
+ display: flex;
453
+ width: 100%;
454
+ min-width: 0;
455
+ }
456
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
457
+ z-index: 1;
458
+ position: fixed;
459
+ width: 100%;
460
+ height: 100%;
461
+ top: 0;
462
+ left: 0;
463
+ background: rgba(40, 80, 120, 0.8) !important;
464
+ pointer-events: all;
465
+ user-select: none;
466
+ will-change: opacity;
467
+ transition: opacity 450ms ease-in-out;
468
+ opacity: 0;
469
+ visibility: hidden;
470
+ }
471
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
472
+ opacity: 1;
473
+ visibility: visible;
474
+ }
475
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
476
+ opacity: 0;
477
+ visibility: hidden;
237
478
  }
238
479
  :root {
239
480
  --divider-line: #4a4b4b;
@@ -431,19 +672,6 @@
431
672
  pointer-events: none;
432
673
  opacity: 0.6;
433
674
  }
434
- .flowLayout-module_flowLayout__VHpnY {
435
- overflow: auto;
436
- }
437
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
438
- display: flex;
439
- width: 100%;
440
- min-width: 0;
441
- }
442
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
443
- display: flex;
444
- width: 100%;
445
- min-width: 0;
446
- }
447
675
  :root {
448
676
  --divider-line: #4a4b4b;
449
677
  }
@@ -715,238 +943,10 @@
715
943
  .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
716
944
  background-color: rgb(54.7902439024, 70.0097560976, 70.0097560976);
717
945
  }
718
- .popup-overlay-module_popup-modal-overlay__dlJqM {
719
- z-index: 1;
720
- position: fixed;
721
- width: 100%;
722
- height: 100%;
723
- top: 0;
724
- left: 0;
725
- background: rgba(40, 80, 120, 0.8) !important;
726
- pointer-events: all;
727
- user-select: none;
728
- will-change: opacity;
729
- transition: opacity 450ms ease-in-out;
730
- opacity: 0;
731
- visibility: hidden;
732
- }
733
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
734
- opacity: 1;
735
- visibility: visible;
736
- }
737
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
738
- opacity: 0;
739
- visibility: hidden;
740
- }
741
- :root {
742
- --divider-line: #4a4b4b;
743
- }
744
-
745
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
746
- overflow: hidden !important;
747
- }
748
-
749
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
750
- white-space: nowrap !important;
751
- }
752
-
753
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
754
- text-overflow: ellipsis !important;
755
- }
756
-
757
- .popup-module_popup-container__PJ0oQ {
758
- --popup-width: 60vw;
759
- --popup-height: 50vh;
760
- position: fixed;
761
- width: var(--popup-width);
762
- height: var(--popup-height);
763
- --slideXFrom: 0;
764
- --slideYFrom: 0;
765
- will-change: opacity;
766
- transition: opacity 300ms ease-in-out;
767
- opacity: 0;
768
- visibility: hidden;
769
- pointer-events: none;
770
- }
771
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
772
- position: relative;
773
- flex-direction: column;
774
- align-items: start;
775
- width: 100%;
776
- height: 100%;
777
- overflow-x: clip;
778
- background-color: #090A0A;
779
- border-radius: 4px;
780
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
781
- transition: transform 350ms ease-out;
782
- will-change: transform;
783
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
784
- }
785
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
786
- margin-bottom: 0;
787
- }
788
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
789
- cursor: pointer;
790
- line-height: 1px;
791
- background-color: rgba(255, 255, 255, 0);
792
- }
793
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
794
- background-color: #FDDA0D;
795
- width: 9px !important;
796
- height: 9px !important;
797
- line-height: 1px !important;
798
- }
799
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
800
- background-color: #FFEA00;
801
- }
802
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
803
- width: 100%;
804
- height: 100%;
805
- padding: 24px;
806
- overflow-y: auto;
807
- display: flex;
808
- }
809
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
810
- overflow-y: auto;
811
- }
812
- .popup-module_popup-container__PJ0oQ[data-show] {
813
- opacity: 1;
814
- visibility: visible;
815
- pointer-events: all;
816
- }
817
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
818
- transform: translateX(0) translateY(0);
819
- }
820
- .popup-module_popup-container__PJ0oQ[data-show=false] {
821
- opacity: 0;
822
- visibility: hidden;
823
- pointer-events: none;
824
- }
825
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
826
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
827
- }
828
-
829
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
830
- background-color: #090A0A;
831
- color: #F4F4F4;
832
- }
833
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
834
- background-color: #090A0A;
835
- color: #F4F4F4;
836
- }
837
- :root {
838
- --divider-line: #4a4b4b;
839
- }
840
-
841
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
842
- overflow: hidden !important;
843
- }
844
-
845
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
846
- white-space: nowrap !important;
847
- }
848
-
849
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
850
- text-overflow: ellipsis !important;
851
- }
852
-
853
- .tooltip-module_popover-tooltip__sAhKa {
854
- position: fixed;
855
- z-index: 999;
856
- will-change: opacity;
857
- transition: opacity 450ms ease;
858
- opacity: 0;
859
- visibility: hidden;
860
- border-radius: 4px;
861
- background-color: #1B1D1D;
862
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
863
- }
864
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
865
- margin: 0;
866
- padding: 0;
867
- }
868
- .tooltip-module_popover-tooltip__sAhKa p {
869
- display: -webkit-box;
870
- -webkit-line-clamp: 4; /* number of lines to show */
871
- line-clamp: 4;
872
- -webkit-box-orient: vertical;
873
- margin: 0;
874
- width: 100%;
875
- white-space: normal;
876
- overflow: auto;
877
- }
878
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
879
- opacity: 1;
880
- visibility: visible;
881
- }
882
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
883
- opacity: 0;
884
- visibility: hidden;
885
- }
886
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
887
- bottom: -16px;
888
- }
889
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
890
- transform: rotate(0deg);
891
- }
892
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
893
- top: -16px;
894
- }
895
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
896
- transform: rotate(180deg);
897
- }
898
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
899
- right: -16px;
900
- }
901
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
902
- transform: rotate(-90deg);
903
- }
904
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
905
- left: -16px;
906
- }
907
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
908
- transform: rotate(90deg);
909
- }
910
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
911
- position: absolute;
912
- }
913
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
914
- content: "";
915
- border-width: 8px;
916
- border-style: solid;
917
- border-color: #1B1D1D transparent transparent transparent;
918
- }
919
-
920
- .tooltip-module_close-button__o8OBN {
921
- cursor: pointer;
922
- line-height: 1px;
923
- background-color: rgba(255, 255, 255, 0);
924
- }
925
- .tooltip-module_close-button__o8OBN .icon-base {
926
- background-color: #FDDA0D;
927
- width: 9px !important;
928
- height: 9px !important;
929
- line-height: 1px !important;
930
- }
931
- .tooltip-module_close-button__o8OBN:hover .icon-base {
932
- background-color: #FFEA00;
933
- }
934
-
935
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
936
- background-color: #1B1D1D;
937
- color: #F4F4F4;
938
- }
939
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
940
- border-color: #1B1D1D transparent transparent transparent;
941
- }
942
- .cui-theme-light {
943
- color: #1B1D1D;
944
- }
945
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
946
- background-color: #515757;
947
- }
948
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
949
- border-color: #515757 transparent transparent transparent;
946
+ .textAndContent-module_textAndContent__X5P1n {
947
+ align-items: baseline;
948
+ flex-shrink: 1;
949
+ gap: 8px;
950
950
  }
951
951
  :root {
952
952
  --divider-line: #4a4b4b;