@e1011/es-kit 1.1.38 → 1.1.42

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 (40) hide show
  1. package/dist/hooks/esm/index.css +377 -377
  2. package/dist/hooks/esm/src/core/hooks/index.js +1 -1
  3. package/dist/hooks/esm/src/core/hooks/useSetTimeout.js +2 -0
  4. package/dist/hooks/esm/src/core/hooks/useSetTimeout.js.map +1 -0
  5. package/dist/hooks/index.css +377 -377
  6. package/dist/hooks/src/core/hooks/index.js +1 -1
  7. package/dist/hooks/src/core/hooks/useSetTimeout.js +2 -0
  8. package/dist/hooks/src/core/hooks/useSetTimeout.js.map +1 -0
  9. package/dist/lib/cjs/src/core/hooks/useSetTimeout.js +2 -0
  10. package/dist/lib/cjs/src/core/hooks/useSetTimeout.js.map +1 -0
  11. package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js.map +1 -1
  12. package/dist/lib/cjs/src/core/utils/helpers/other.js.map +1 -1
  13. package/dist/lib/cjs/src/index.js +1 -1
  14. package/dist/lib/esm/src/core/hooks/useSetTimeout.js +2 -0
  15. package/dist/lib/esm/src/core/hooks/useSetTimeout.js.map +1 -0
  16. package/dist/lib/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
  17. package/dist/lib/esm/src/core/utils/helpers/other.js.map +1 -1
  18. package/dist/lib/esm/src/index.js +1 -1
  19. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  20. package/dist/types/src/core/hooks/hooks.stories.d.ts +5 -0
  21. package/dist/types/src/core/hooks/hooks.stories.d.ts.map +1 -0
  22. package/dist/types/src/core/hooks/index.d.ts +1 -0
  23. package/dist/types/src/core/hooks/index.d.ts.map +1 -1
  24. package/dist/types/src/core/hooks/useSetTimeout.d.ts +5 -0
  25. package/dist/types/src/core/hooks/useSetTimeout.d.ts.map +1 -0
  26. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts +1 -1
  27. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts.map +1 -1
  28. package/dist/types/src/core/ui/components/icon/IconBase.d.ts +1 -1
  29. package/dist/types/src/core/ui/components/icon/IconBase.d.ts.map +1 -1
  30. package/dist/types/src/core/utils/helpers/other.d.ts +1 -1
  31. package/dist/types/src/core/utils/helpers/other.d.ts.map +1 -1
  32. package/dist/ui/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
  33. package/dist/ui/src/core/ui/components/icon/IconBase.js.map +1 -1
  34. package/dist/utils/esm/index.css +377 -377
  35. package/dist/utils/esm/src/core/utils/helpers/other.js.map +1 -1
  36. package/dist/utils/index.css +377 -377
  37. package/dist/utils/src/core/utils/helpers/other.js.map +1 -1
  38. package/package.json +1 -1
  39. package/dist/types/src/core/utils/appState/store/asyncFunc.spec.d.ts +0 -2
  40. package/dist/types/src/core/utils/appState/store/asyncFunc.spec.d.ts.map +0 -1
@@ -1,36 +1,3 @@
1
- .CollapsibleContainer-module_collapsible-container__u0Jmm {
2
- transform-origin: 0% 0%;
3
- opacity: 0;
4
- overflow: clip;
5
- }
6
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
7
- transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
8
- will-change: opacity, height, max-height;
9
- }
10
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
11
- height: 0;
12
- max-height: 0;
13
- opacity: 0;
14
- }
15
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
16
- height: var(--prop-value);
17
- max-height: var(--prop-value);
18
- opacity: 1;
19
- }
20
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
21
- transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
22
- will-change: opacity, width, max-width;
23
- }
24
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
25
- width: 0;
26
- max-width: 0;
27
- opacity: 0;
28
- }
29
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
30
- width: var(--prop-value);
31
- max-width: var(--prop-value);
32
- opacity: 1;
33
- }
34
1
  .icon-module_icon-base-parent__nOMvW {
35
2
  line-height: 1px !important;
36
3
  }
@@ -70,6 +37,58 @@
70
37
  .errorBoundary-module_StyledIcon__IYHiU {
71
38
  margin-right: 10px;
72
39
  }
40
+ .divider-module_divider-line__6CesR {
41
+ position: relative;
42
+ display: block;
43
+ transition: opacity, width, height 250ms ease-in-out;
44
+ background-color: var(--color);
45
+ opacity: var(--opacity);
46
+ }
47
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
48
+ height: var(--length);
49
+ left: var(--left);
50
+ width: var(--width);
51
+ margin: var(--margin);
52
+ }
53
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
54
+ width: var(--length);
55
+ left: var(--left);
56
+ height: var(--height);
57
+ margin: var(--margin);
58
+ }
59
+ .CollapsibleContainer-module_collapsible-container__u0Jmm {
60
+ transform-origin: 0% 0%;
61
+ opacity: 0;
62
+ overflow: clip;
63
+ }
64
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
65
+ transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
66
+ will-change: opacity, height, max-height;
67
+ }
68
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
69
+ height: 0;
70
+ max-height: 0;
71
+ opacity: 0;
72
+ }
73
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
74
+ height: var(--prop-value);
75
+ max-height: var(--prop-value);
76
+ opacity: 1;
77
+ }
78
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
79
+ transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
80
+ will-change: opacity, width, max-width;
81
+ }
82
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
83
+ width: 0;
84
+ max-width: 0;
85
+ opacity: 0;
86
+ }
87
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
88
+ width: var(--prop-value);
89
+ max-width: var(--prop-value);
90
+ opacity: 1;
91
+ }
73
92
  .field-module_field__UfKm3 {
74
93
  opacity: 1;
75
94
  pointer-events: auto;
@@ -144,25 +163,6 @@
144
163
  .field-module_field__UfKm3 label {
145
164
  text-align: left;
146
165
  }
147
- .divider-module_divider-line__6CesR {
148
- position: relative;
149
- display: block;
150
- transition: opacity, width, height 250ms ease-in-out;
151
- background-color: var(--color);
152
- opacity: var(--opacity);
153
- }
154
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
155
- height: var(--length);
156
- left: var(--left);
157
- width: var(--width);
158
- margin: var(--margin);
159
- }
160
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
161
- width: var(--length);
162
- left: var(--left);
163
- height: var(--height);
164
- margin: var(--margin);
165
- }
166
166
  .layoutBox-module_layout-box__ZIID8 {
167
167
  display: flex;
168
168
  position: relative;
@@ -230,119 +230,137 @@
230
230
  stroke-dashoffset: -124;
231
231
  }
232
232
  }
233
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
234
+ z-index: 1;
235
+ position: fixed;
236
+ width: 100%;
237
+ height: 100%;
238
+ top: 0;
239
+ left: 0;
240
+ background: rgba(40, 80, 120, 0.8) !important;
241
+ pointer-events: all;
242
+ user-select: none;
243
+ will-change: opacity;
244
+ transition: opacity 450ms ease-in-out;
245
+ opacity: 0;
246
+ visibility: hidden;
247
+ }
248
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
249
+ opacity: 1;
250
+ visibility: visible;
251
+ }
252
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
253
+ opacity: 0;
254
+ visibility: hidden;
255
+ }
256
+ .flowLayout-module_flowLayout__VHpnY {
257
+ overflow: auto;
258
+ }
259
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
260
+ display: flex;
261
+ width: 100%;
262
+ min-width: 0;
263
+ }
264
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
265
+ display: flex;
266
+ width: 100%;
267
+ min-width: 0;
268
+ }
233
269
  :root {
234
270
  --divider-line: #4a4b4b;
235
271
  }
236
272
 
237
- .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
273
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
238
274
  overflow: hidden !important;
239
275
  }
240
276
 
241
- .button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
277
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
242
278
  white-space: nowrap !important;
243
279
  }
244
280
 
245
- .button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
281
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
246
282
  text-overflow: ellipsis !important;
247
283
  }
248
284
 
249
- .button-module_button__NDMQS {
250
- border: none;
251
- color: #090A0A;
252
- padding: 0.5rem 1rem;
253
- text-align: center;
254
- text-decoration: none;
255
- font-size: 1rem;
256
- overflow: hidden;
257
- display: flex;
258
- align-items: center;
259
- justify-content: center;
260
- min-width: "auto";
261
- width: "auto";
262
- user-select: all;
263
- pointer-events: auto;
264
- cursor: pointer;
265
- }
266
- .button-module_button__NDMQS > span {
267
- overflow: hidden;
268
- white-space: nowrap;
269
- display: inline-block;
285
+ .popup-module_popup-container__PJ0oQ {
286
+ --popup-width: 60vw;
287
+ --popup-height: 50vh;
288
+ position: fixed;
289
+ width: var(--popup-width);
290
+ height: var(--popup-height);
291
+ --slideXFrom: 0;
292
+ --slideYFrom: 0;
293
+ will-change: opacity;
294
+ transition: opacity 300ms ease-in-out;
295
+ opacity: 0;
296
+ visibility: hidden;
297
+ pointer-events: none;
270
298
  }
271
- .button-module_button__NDMQS.button-module_info__O6gEW {
272
- background-color: #2D8EFF;
299
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
300
+ position: relative;
301
+ flex-direction: column;
302
+ align-items: start;
303
+ width: 100%;
304
+ height: 100%;
305
+ overflow-x: clip;
306
+ background-color: #090A0A;
307
+ border-radius: 4px;
308
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
309
+ transition: transform 350ms ease-out;
310
+ will-change: transform;
311
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
273
312
  }
274
- .button-module_button__NDMQS.button-module_info__O6gEW.button-module_transparent__zbeBu {
275
- border: 1px solid #2D8EFF !important;
313
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
314
+ margin-bottom: 0;
276
315
  }
277
- .button-module_button__NDMQS.button-module_success__gM25y {
278
- background-color: #13CE66;
316
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
317
+ cursor: pointer;
318
+ line-height: 1px;
319
+ background-color: rgba(255, 255, 255, 0);
279
320
  }
280
- .button-module_button__NDMQS.button-module_success__gM25y.button-module_transparent__zbeBu {
281
- border: 1px solid #13CE66 !important;
321
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
322
+ background-color: #FDDA0D;
323
+ width: 9px !important;
324
+ height: 9px !important;
325
+ line-height: 1px !important;
282
326
  }
283
- .button-module_button__NDMQS.button-module_error__q9qqo {
284
- background-color: #FF4949;
327
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
328
+ background-color: #FFEA00;
285
329
  }
286
- .button-module_button__NDMQS.button-module_error__q9qqo.button-module_transparent__zbeBu {
287
- border: 1px solid #FF4949 !important;
330
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
331
+ width: 100%;
332
+ height: 100%;
333
+ padding: 24px;
334
+ overflow-y: auto;
335
+ display: flex;
288
336
  }
289
- .button-module_button__NDMQS.button-module_warning__MdmiZ {
290
- background-color: #FFCC3D;
337
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
338
+ overflow-y: auto;
291
339
  }
292
- .button-module_button__NDMQS.button-module_warning__MdmiZ.button-module_transparent__zbeBu {
293
- border: 1px solid #FFCC3D !important;
340
+ .popup-module_popup-container__PJ0oQ[data-show] {
341
+ opacity: 1;
342
+ visibility: visible;
343
+ pointer-events: all;
294
344
  }
295
- .button-module_button__NDMQS.button-module_transparent__zbeBu {
296
- border: none !important;
297
- background-color: transparent !important;
298
- background: transparent !important;
345
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
346
+ transform: translateX(0) translateY(0);
299
347
  }
300
- .button-module_button__NDMQS.button-module_tiny__pBNwo {
301
- height: 1.4rem;
302
- min-width: 1.5rem;
303
- width: 1.5rem;
304
- padding: 0.2rem;
305
- font-size: 0.8rem;
348
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
349
+ opacity: 0;
350
+ visibility: hidden;
351
+ pointer-events: none;
306
352
  }
307
- .button-module_button__NDMQS.button-module_fluid__GXxID {
308
- width: 100%;
309
- }
310
- .button-module_button__NDMQS.button-module_truncate__c-G9k > span {
311
- overflow: hidden !important;
312
- white-space: nowrap !important;
313
- text-overflow: ellipsis !important;
314
- }
315
- .button-module_button__NDMQS.button-module_animated__gLwPl {
316
- transition: transform 250ms ease-out;
317
- }
318
- .button-module_button__NDMQS.button-module_hasShadow__42BQv {
319
- box-shadow: 0 5px 15px 0 rgba(28, 37, 39, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1);
320
- }
321
- .button-module_button__NDMQS.button-module_hasIcon__dXLlJ {
322
- padding: 0.4rem;
323
- border: none !important;
324
- line-height: 1px;
325
- }
326
- .button-module_button__NDMQS.button-module_hasIcon__dXLlJ.button-module_tiny__pBNwo {
327
- padding: 0px;
328
- }
329
- .button-module_button__NDMQS:hover {
330
- background-color: #c5c5c5 !important;
331
- }
332
- .button-module_button__NDMQS:hover.button-module_animated__gLwPl {
333
- transform: scale(1.2);
334
- }
335
- .button-module_button__NDMQS.button-module_disabled__hEydO {
336
- user-select: none;
337
- pointer-events: none;
338
- cursor: not-allowed;
353
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
354
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
339
355
  }
340
356
 
341
- .cui-theme-dark .button-module_button__NDMQS {
357
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
358
+ background-color: #090A0A;
342
359
  color: #F4F4F4;
343
360
  }
344
- .cui-theme-light .button-module_button__NDMQS {
345
- color: #090A0A;
361
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
362
+ background-color: #090A0A;
363
+ color: #F4F4F4;
346
364
  }
347
365
  .textAndContent-module_textAndContent__X5P1n {
348
366
  align-items: baseline;
@@ -415,18 +433,233 @@
415
433
  pointer-events: none;
416
434
  opacity: 0.6;
417
435
  }
418
- .flowLayout-module_flowLayout__VHpnY {
419
- overflow: auto;
436
+ :root {
437
+ --divider-line: #4a4b4b;
420
438
  }
421
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
439
+
440
+ .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
441
+ overflow: hidden !important;
442
+ }
443
+
444
+ .button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
445
+ white-space: nowrap !important;
446
+ }
447
+
448
+ .button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
449
+ text-overflow: ellipsis !important;
450
+ }
451
+
452
+ .button-module_button__NDMQS {
453
+ border: none;
454
+ color: #090A0A;
455
+ padding: 0.5rem 1rem;
456
+ text-align: center;
457
+ text-decoration: none;
458
+ font-size: 1rem;
459
+ overflow: hidden;
422
460
  display: flex;
461
+ align-items: center;
462
+ justify-content: center;
463
+ min-width: "auto";
464
+ width: "auto";
465
+ user-select: all;
466
+ pointer-events: auto;
467
+ cursor: pointer;
468
+ }
469
+ .button-module_button__NDMQS > span {
470
+ overflow: hidden;
471
+ white-space: nowrap;
472
+ display: inline-block;
473
+ }
474
+ .button-module_button__NDMQS.button-module_info__O6gEW {
475
+ background-color: #2D8EFF;
476
+ }
477
+ .button-module_button__NDMQS.button-module_info__O6gEW.button-module_transparent__zbeBu {
478
+ border: 1px solid #2D8EFF !important;
479
+ }
480
+ .button-module_button__NDMQS.button-module_success__gM25y {
481
+ background-color: #13CE66;
482
+ }
483
+ .button-module_button__NDMQS.button-module_success__gM25y.button-module_transparent__zbeBu {
484
+ border: 1px solid #13CE66 !important;
485
+ }
486
+ .button-module_button__NDMQS.button-module_error__q9qqo {
487
+ background-color: #FF4949;
488
+ }
489
+ .button-module_button__NDMQS.button-module_error__q9qqo.button-module_transparent__zbeBu {
490
+ border: 1px solid #FF4949 !important;
491
+ }
492
+ .button-module_button__NDMQS.button-module_warning__MdmiZ {
493
+ background-color: #FFCC3D;
494
+ }
495
+ .button-module_button__NDMQS.button-module_warning__MdmiZ.button-module_transparent__zbeBu {
496
+ border: 1px solid #FFCC3D !important;
497
+ }
498
+ .button-module_button__NDMQS.button-module_transparent__zbeBu {
499
+ border: none !important;
500
+ background-color: transparent !important;
501
+ background: transparent !important;
502
+ }
503
+ .button-module_button__NDMQS.button-module_tiny__pBNwo {
504
+ height: 1.4rem;
505
+ min-width: 1.5rem;
506
+ width: 1.5rem;
507
+ padding: 0.2rem;
508
+ font-size: 0.8rem;
509
+ }
510
+ .button-module_button__NDMQS.button-module_fluid__GXxID {
423
511
  width: 100%;
424
- min-width: 0;
425
512
  }
426
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
427
- display: flex;
513
+ .button-module_button__NDMQS.button-module_truncate__c-G9k > span {
514
+ overflow: hidden !important;
515
+ white-space: nowrap !important;
516
+ text-overflow: ellipsis !important;
517
+ }
518
+ .button-module_button__NDMQS.button-module_animated__gLwPl {
519
+ transition: transform 250ms ease-out;
520
+ }
521
+ .button-module_button__NDMQS.button-module_hasShadow__42BQv {
522
+ box-shadow: 0 5px 15px 0 rgba(28, 37, 39, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1);
523
+ }
524
+ .button-module_button__NDMQS.button-module_hasIcon__dXLlJ {
525
+ padding: 0.4rem;
526
+ border: none !important;
527
+ line-height: 1px;
528
+ }
529
+ .button-module_button__NDMQS.button-module_hasIcon__dXLlJ.button-module_tiny__pBNwo {
530
+ padding: 0px;
531
+ }
532
+ .button-module_button__NDMQS:hover {
533
+ background-color: #c5c5c5 !important;
534
+ }
535
+ .button-module_button__NDMQS:hover.button-module_animated__gLwPl {
536
+ transform: scale(1.2);
537
+ }
538
+ .button-module_button__NDMQS.button-module_disabled__hEydO {
539
+ user-select: none;
540
+ pointer-events: none;
541
+ cursor: not-allowed;
542
+ }
543
+
544
+ .cui-theme-dark .button-module_button__NDMQS {
545
+ color: #F4F4F4;
546
+ }
547
+ .cui-theme-light .button-module_button__NDMQS {
548
+ color: #090A0A;
549
+ }
550
+ :root {
551
+ --divider-line: #4a4b4b;
552
+ }
553
+
554
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
555
+ overflow: hidden !important;
556
+ }
557
+
558
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
559
+ white-space: nowrap !important;
560
+ }
561
+
562
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
563
+ text-overflow: ellipsis !important;
564
+ }
565
+
566
+ .tooltip-module_popover-tooltip__sAhKa {
567
+ position: fixed;
568
+ z-index: 999;
569
+ will-change: opacity;
570
+ transition: opacity 450ms ease;
571
+ opacity: 0;
572
+ visibility: hidden;
573
+ border-radius: 4px;
574
+ background-color: #1B1D1D;
575
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
576
+ }
577
+ .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
578
+ margin: 0;
579
+ padding: 0;
580
+ }
581
+ .tooltip-module_popover-tooltip__sAhKa p {
582
+ display: -webkit-box;
583
+ -webkit-line-clamp: 4; /* number of lines to show */
584
+ line-clamp: 4;
585
+ -webkit-box-orient: vertical;
586
+ margin: 0;
428
587
  width: 100%;
429
- min-width: 0;
588
+ white-space: normal;
589
+ overflow: auto;
590
+ }
591
+ .tooltip-module_popover-tooltip__sAhKa[data-show] {
592
+ opacity: 1;
593
+ visibility: visible;
594
+ }
595
+ .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
596
+ opacity: 0;
597
+ visibility: hidden;
598
+ }
599
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
600
+ bottom: -16px;
601
+ }
602
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
603
+ transform: rotate(0deg);
604
+ }
605
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
606
+ top: -16px;
607
+ }
608
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
609
+ transform: rotate(180deg);
610
+ }
611
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
612
+ right: -16px;
613
+ }
614
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
615
+ transform: rotate(-90deg);
616
+ }
617
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
618
+ left: -16px;
619
+ }
620
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
621
+ transform: rotate(90deg);
622
+ }
623
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
624
+ position: absolute;
625
+ }
626
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
627
+ content: "";
628
+ border-width: 8px;
629
+ border-style: solid;
630
+ border-color: #1B1D1D transparent transparent transparent;
631
+ }
632
+
633
+ .tooltip-module_close-button__o8OBN {
634
+ cursor: pointer;
635
+ line-height: 1px;
636
+ background-color: rgba(255, 255, 255, 0);
637
+ }
638
+ .tooltip-module_close-button__o8OBN .icon-base {
639
+ background-color: #FDDA0D;
640
+ width: 9px !important;
641
+ height: 9px !important;
642
+ line-height: 1px !important;
643
+ }
644
+ .tooltip-module_close-button__o8OBN:hover .icon-base {
645
+ background-color: #FFEA00;
646
+ }
647
+
648
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
649
+ background-color: #1B1D1D;
650
+ color: #F4F4F4;
651
+ }
652
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
653
+ border-color: #1B1D1D transparent transparent transparent;
654
+ }
655
+ .cui-theme-light {
656
+ color: #1B1D1D;
657
+ }
658
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
659
+ background-color: #515757;
660
+ }
661
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
662
+ border-color: #515757 transparent transparent transparent;
430
663
  }
431
664
  :root {
432
665
  --divider-line: #4a4b4b;
@@ -592,239 +825,6 @@
592
825
  border-color: #FD8F3E;
593
826
  color: #632E03;
594
827
  }
595
- .popup-overlay-module_popup-modal-overlay__dlJqM {
596
- z-index: 1;
597
- position: fixed;
598
- width: 100%;
599
- height: 100%;
600
- top: 0;
601
- left: 0;
602
- background: rgba(40, 80, 120, 0.8) !important;
603
- pointer-events: all;
604
- user-select: none;
605
- will-change: opacity;
606
- transition: opacity 450ms ease-in-out;
607
- opacity: 0;
608
- visibility: hidden;
609
- }
610
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
611
- opacity: 1;
612
- visibility: visible;
613
- }
614
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
615
- opacity: 0;
616
- visibility: hidden;
617
- }
618
- :root {
619
- --divider-line: #4a4b4b;
620
- }
621
-
622
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
623
- overflow: hidden !important;
624
- }
625
-
626
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
627
- white-space: nowrap !important;
628
- }
629
-
630
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
631
- text-overflow: ellipsis !important;
632
- }
633
-
634
- .popup-module_popup-container__PJ0oQ {
635
- --popup-width: 60vw;
636
- --popup-height: 50vh;
637
- position: fixed;
638
- width: var(--popup-width);
639
- height: var(--popup-height);
640
- --slideXFrom: 0;
641
- --slideYFrom: 0;
642
- will-change: opacity;
643
- transition: opacity 300ms ease-in-out;
644
- opacity: 0;
645
- visibility: hidden;
646
- pointer-events: none;
647
- }
648
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
649
- position: relative;
650
- flex-direction: column;
651
- align-items: start;
652
- width: 100%;
653
- height: 100%;
654
- overflow-x: clip;
655
- background-color: #090A0A;
656
- border-radius: 4px;
657
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
658
- transition: transform 350ms ease-out;
659
- will-change: transform;
660
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
661
- }
662
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
663
- margin-bottom: 0;
664
- }
665
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
666
- cursor: pointer;
667
- line-height: 1px;
668
- background-color: rgba(255, 255, 255, 0);
669
- }
670
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
671
- background-color: #FDDA0D;
672
- width: 9px !important;
673
- height: 9px !important;
674
- line-height: 1px !important;
675
- }
676
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
677
- background-color: #FFEA00;
678
- }
679
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
680
- width: 100%;
681
- height: 100%;
682
- padding: 24px;
683
- overflow-y: auto;
684
- display: flex;
685
- }
686
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
687
- overflow-y: auto;
688
- }
689
- .popup-module_popup-container__PJ0oQ[data-show] {
690
- opacity: 1;
691
- visibility: visible;
692
- pointer-events: all;
693
- }
694
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
695
- transform: translateX(0) translateY(0);
696
- }
697
- .popup-module_popup-container__PJ0oQ[data-show=false] {
698
- opacity: 0;
699
- visibility: hidden;
700
- pointer-events: none;
701
- }
702
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
703
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
704
- }
705
-
706
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
707
- background-color: #090A0A;
708
- color: #F4F4F4;
709
- }
710
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
711
- background-color: #090A0A;
712
- color: #F4F4F4;
713
- }
714
- :root {
715
- --divider-line: #4a4b4b;
716
- }
717
-
718
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
719
- overflow: hidden !important;
720
- }
721
-
722
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
723
- white-space: nowrap !important;
724
- }
725
-
726
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
727
- text-overflow: ellipsis !important;
728
- }
729
-
730
- .tooltip-module_popover-tooltip__sAhKa {
731
- position: fixed;
732
- z-index: 999;
733
- will-change: opacity;
734
- transition: opacity 450ms ease;
735
- opacity: 0;
736
- visibility: hidden;
737
- border-radius: 4px;
738
- background-color: #1B1D1D;
739
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
740
- }
741
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
742
- margin: 0;
743
- padding: 0;
744
- }
745
- .tooltip-module_popover-tooltip__sAhKa p {
746
- display: -webkit-box;
747
- -webkit-line-clamp: 4; /* number of lines to show */
748
- line-clamp: 4;
749
- -webkit-box-orient: vertical;
750
- margin: 0;
751
- width: 100%;
752
- white-space: normal;
753
- overflow: auto;
754
- }
755
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
756
- opacity: 1;
757
- visibility: visible;
758
- }
759
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
760
- opacity: 0;
761
- visibility: hidden;
762
- }
763
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
764
- bottom: -16px;
765
- }
766
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
767
- transform: rotate(0deg);
768
- }
769
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
770
- top: -16px;
771
- }
772
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
773
- transform: rotate(180deg);
774
- }
775
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
776
- right: -16px;
777
- }
778
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
779
- transform: rotate(-90deg);
780
- }
781
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
782
- left: -16px;
783
- }
784
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
785
- transform: rotate(90deg);
786
- }
787
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
788
- position: absolute;
789
- }
790
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
791
- content: "";
792
- border-width: 8px;
793
- border-style: solid;
794
- border-color: #1B1D1D transparent transparent transparent;
795
- }
796
-
797
- .tooltip-module_close-button__o8OBN {
798
- cursor: pointer;
799
- line-height: 1px;
800
- background-color: rgba(255, 255, 255, 0);
801
- }
802
- .tooltip-module_close-button__o8OBN .icon-base {
803
- background-color: #FDDA0D;
804
- width: 9px !important;
805
- height: 9px !important;
806
- line-height: 1px !important;
807
- }
808
- .tooltip-module_close-button__o8OBN:hover .icon-base {
809
- background-color: #FFEA00;
810
- }
811
-
812
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
813
- background-color: #1B1D1D;
814
- color: #F4F4F4;
815
- }
816
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
817
- border-color: #1B1D1D transparent transparent transparent;
818
- }
819
- .cui-theme-light {
820
- color: #1B1D1D;
821
- }
822
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
823
- background-color: #515757;
824
- }
825
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
826
- border-color: #515757 transparent transparent transparent;
827
- }
828
828
  :root {
829
829
  --divider-line: #4a4b4b;
830
830
  }