@e1011/es-kit 1.1.46 → 1.1.48

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 (46) hide show
  1. package/dist/hooks/esm/index.css +191 -191
  2. package/dist/hooks/index.css +191 -191
  3. package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js +1 -1
  4. package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js.map +1 -1
  5. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/index.js +1 -1
  6. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
  7. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js +1 -1
  8. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
  9. package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.js +1 -1
  10. package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  11. package/dist/lib/esm/src/core/ui/components/icon/IconBase.js +1 -1
  12. package/dist/lib/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
  13. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/index.js +1 -1
  14. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
  15. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js +1 -1
  16. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
  17. package/dist/lib/esm/src/core/utils/appState/store/store.vanillajs.js +1 -1
  18. package/dist/lib/esm/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  19. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  20. package/dist/types/src/core/ui/components/icon/IconBase.d.ts +2 -1
  21. package/dist/types/src/core/ui/components/icon/IconBase.d.ts.map +1 -1
  22. package/dist/types/src/core/utils/appState/peregrineMQ/index.d.ts +0 -1
  23. package/dist/types/src/core/utils/appState/peregrineMQ/index.d.ts.map +1 -1
  24. package/dist/types/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.d.ts +1 -3
  25. package/dist/types/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.d.ts.map +1 -1
  26. package/dist/types/src/core/utils/appState/store/store.stories.d.ts.map +1 -1
  27. package/dist/types/src/core/utils/appState/store/store.vanillajs.d.ts.map +1 -1
  28. package/dist/ui/esm/src/core/ui/components/icon/IconBase.js +1 -1
  29. package/dist/ui/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
  30. package/dist/ui/src/core/ui/components/icon/IconBase.js +1 -1
  31. package/dist/ui/src/core/ui/components/icon/IconBase.js.map +1 -1
  32. package/dist/utils/esm/index.css +191 -191
  33. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/index.js +1 -1
  34. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
  35. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js +1 -1
  36. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
  37. package/dist/utils/esm/src/core/utils/appState/store/store.vanillajs.js +1 -1
  38. package/dist/utils/esm/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  39. package/dist/utils/index.css +191 -191
  40. package/dist/utils/src/core/utils/appState/peregrineMQ/index.js +1 -1
  41. package/dist/utils/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
  42. package/dist/utils/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js +1 -1
  43. package/dist/utils/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
  44. package/dist/utils/src/core/utils/appState/store/store.vanillajs.js +1 -1
  45. package/dist/utils/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  46. package/package.json +2 -1
@@ -1,11 +1,32 @@
1
- .errorBoundary-module_errorBoundary__gk9ps {
2
- background: #EFEFEF;
3
- width: 100%;
4
- height: 100%;
1
+ .icon-module_icon-base-parent__nOMvW {
2
+ line-height: 1px !important;
5
3
  }
6
4
 
7
- .errorBoundary-module_StyledIcon__IYHiU {
8
- margin-right: 10px;
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);
9
30
  }
10
31
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
11
32
  transform-origin: 0% 0%;
@@ -40,55 +61,6 @@
40
61
  max-width: var(--prop-value);
41
62
  opacity: 1;
42
63
  }
43
- .icon-module_icon-base-parent__nOMvW {
44
- line-height: 1px !important;
45
- }
46
-
47
- .icon-module_icon-base__S0tHf {
48
- min-width: var(--min-width);
49
- min-height: var(--min-height);
50
- width: var(--width) !important;
51
- height: var(--height) !important;
52
- line-height: 1px !important;
53
- background-color: var(--icon-color);
54
- color: var(--icon-content-color);
55
- background-repeat: no-repeat;
56
- mask-image: var(--icon-url);
57
- -webkit-mask-image: var(--icon-url);
58
- mask-repeat: no-repeat;
59
- -webkit-mask-repeat: no-repeat;
60
- mask-size: contain;
61
- -webkit-mask-size: contain;
62
- mask-position: center;
63
- -webkit-mask-position: center;
64
- display: inline-block;
65
- will-change: transform;
66
- transform: translate3d(0, 0, 0);
67
- }
68
- .icon-module_icon-base__S0tHf svg {
69
- fill: var(--icon-content-color);
70
- width: var(--height);
71
- height: var(--width);
72
- }
73
- .divider-module_divider-line__6CesR {
74
- position: relative;
75
- display: block;
76
- transition: opacity, width, height 250ms ease-in-out;
77
- background-color: var(--color);
78
- opacity: var(--opacity);
79
- }
80
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
81
- height: var(--length);
82
- left: var(--left);
83
- width: var(--width);
84
- margin: var(--margin);
85
- }
86
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
87
- width: var(--length);
88
- left: var(--left);
89
- height: var(--height);
90
- margin: var(--margin);
91
- }
92
64
  .field-module_field__UfKm3 {
93
65
  opacity: 1;
94
66
  pointer-events: auto;
@@ -163,6 +135,34 @@
163
135
  .field-module_field__UfKm3 label {
164
136
  text-align: left;
165
137
  }
138
+ .errorBoundary-module_errorBoundary__gk9ps {
139
+ background: #EFEFEF;
140
+ width: 100%;
141
+ height: 100%;
142
+ }
143
+
144
+ .errorBoundary-module_StyledIcon__IYHiU {
145
+ margin-right: 10px;
146
+ }
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;
@@ -432,97 +432,115 @@
432
432
  --divider-line: #4a4b4b;
433
433
  }
434
434
 
435
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
435
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
436
436
  overflow: hidden !important;
437
437
  }
438
438
 
439
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
439
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
440
440
  white-space: nowrap !important;
441
441
  }
442
442
 
443
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
443
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
444
444
  text-overflow: ellipsis !important;
445
445
  }
446
446
 
447
- .popup-module_popup-container__PJ0oQ {
448
- --popup-width: 60vw;
449
- --popup-height: 50vh;
447
+ .tooltip-module_popover-tooltip__sAhKa {
450
448
  position: fixed;
451
- width: var(--popup-width);
452
- height: var(--popup-height);
453
- --slideXFrom: 0;
454
- --slideYFrom: 0;
449
+ z-index: 999;
455
450
  will-change: opacity;
456
- transition: opacity 300ms ease-in-out;
451
+ transition: opacity 450ms ease;
457
452
  opacity: 0;
458
453
  visibility: hidden;
459
- pointer-events: none;
454
+ border-radius: 4px;
455
+ background-color: #1B1D1D;
456
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
460
457
  }
461
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
462
- position: relative;
463
- flex-direction: column;
464
- align-items: start;
458
+ .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
459
+ margin: 0;
460
+ padding: 0;
461
+ }
462
+ .tooltip-module_popover-tooltip__sAhKa p {
463
+ display: -webkit-box;
464
+ -webkit-line-clamp: 4; /* number of lines to show */
465
+ line-clamp: 4;
466
+ -webkit-box-orient: vertical;
467
+ margin: 0;
465
468
  width: 100%;
466
- height: 100%;
467
- overflow-x: clip;
468
- background-color: #090A0A;
469
- border-radius: 4px;
470
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
471
- transition: transform 350ms ease-out;
472
- will-change: transform;
473
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
469
+ white-space: normal;
470
+ overflow: auto;
474
471
  }
475
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
476
- margin-bottom: 0;
472
+ .tooltip-module_popover-tooltip__sAhKa[data-show] {
473
+ opacity: 1;
474
+ visibility: visible;
477
475
  }
478
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
476
+ .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
477
+ opacity: 0;
478
+ visibility: hidden;
479
+ }
480
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
481
+ bottom: -16px;
482
+ }
483
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
484
+ transform: rotate(0deg);
485
+ }
486
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
487
+ top: -16px;
488
+ }
489
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
490
+ transform: rotate(180deg);
491
+ }
492
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
493
+ right: -16px;
494
+ }
495
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
496
+ transform: rotate(-90deg);
497
+ }
498
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
499
+ left: -16px;
500
+ }
501
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
502
+ transform: rotate(90deg);
503
+ }
504
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
505
+ position: absolute;
506
+ }
507
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
508
+ content: "";
509
+ border-width: 8px;
510
+ border-style: solid;
511
+ border-color: #1B1D1D transparent transparent transparent;
512
+ }
513
+
514
+ .tooltip-module_close-button__o8OBN {
479
515
  cursor: pointer;
480
516
  line-height: 1px;
481
517
  background-color: rgba(255, 255, 255, 0);
482
518
  }
483
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
519
+ .tooltip-module_close-button__o8OBN .icon-base {
484
520
  background-color: #FDDA0D;
485
521
  width: 9px !important;
486
522
  height: 9px !important;
487
523
  line-height: 1px !important;
488
524
  }
489
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
525
+ .tooltip-module_close-button__o8OBN:hover .icon-base {
490
526
  background-color: #FFEA00;
491
527
  }
492
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
493
- width: 100%;
494
- height: 100%;
495
- padding: 24px;
496
- overflow-y: auto;
497
- display: flex;
498
- }
499
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
500
- overflow-y: auto;
501
- }
502
- .popup-module_popup-container__PJ0oQ[data-show] {
503
- opacity: 1;
504
- visibility: visible;
505
- pointer-events: all;
506
- }
507
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
508
- transform: translateX(0) translateY(0);
528
+
529
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
530
+ background-color: #1B1D1D;
531
+ color: #F4F4F4;
509
532
  }
510
- .popup-module_popup-container__PJ0oQ[data-show=false] {
511
- opacity: 0;
512
- visibility: hidden;
513
- pointer-events: none;
533
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
534
+ border-color: #1B1D1D transparent transparent transparent;
514
535
  }
515
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
516
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
536
+ .cui-theme-light {
537
+ color: #1B1D1D;
517
538
  }
518
-
519
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
520
- background-color: #090A0A;
521
- color: #F4F4F4;
539
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
540
+ background-color: #515757;
522
541
  }
523
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
524
- background-color: #090A0A;
525
- color: #F4F4F4;
542
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
543
+ border-color: #515757 transparent transparent transparent;
526
544
  }
527
545
  :root {
528
546
  --divider-line: #4a4b4b;
@@ -715,115 +733,97 @@
715
733
  --divider-line: #4a4b4b;
716
734
  }
717
735
 
718
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
736
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
719
737
  overflow: hidden !important;
720
738
  }
721
739
 
722
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
740
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
723
741
  white-space: nowrap !important;
724
742
  }
725
743
 
726
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
744
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
727
745
  text-overflow: ellipsis !important;
728
746
  }
729
747
 
730
- .tooltip-module_popover-tooltip__sAhKa {
748
+ .popup-module_popup-container__PJ0oQ {
749
+ --popup-width: 60vw;
750
+ --popup-height: 50vh;
731
751
  position: fixed;
732
- z-index: 999;
752
+ width: var(--popup-width);
753
+ height: var(--popup-height);
754
+ --slideXFrom: 0;
755
+ --slideYFrom: 0;
733
756
  will-change: opacity;
734
- transition: opacity 450ms ease;
757
+ transition: opacity 300ms ease-in-out;
735
758
  opacity: 0;
736
759
  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;
760
+ pointer-events: none;
744
761
  }
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;
762
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
763
+ position: relative;
764
+ flex-direction: column;
765
+ align-items: start;
751
766
  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;
767
+ height: 100%;
768
+ overflow-x: clip;
769
+ background-color: #090A0A;
770
+ border-radius: 4px;
771
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
772
+ transition: transform 350ms ease-out;
773
+ will-change: transform;
774
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
789
775
  }
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;
776
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
777
+ margin-bottom: 0;
795
778
  }
796
-
797
- .tooltip-module_close-button__o8OBN {
779
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
798
780
  cursor: pointer;
799
781
  line-height: 1px;
800
782
  background-color: rgba(255, 255, 255, 0);
801
783
  }
802
- .tooltip-module_close-button__o8OBN .icon-base {
784
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
803
785
  background-color: #FDDA0D;
804
786
  width: 9px !important;
805
787
  height: 9px !important;
806
788
  line-height: 1px !important;
807
789
  }
808
- .tooltip-module_close-button__o8OBN:hover .icon-base {
790
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
809
791
  background-color: #FFEA00;
810
792
  }
811
-
812
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
813
- background-color: #1B1D1D;
814
- color: #F4F4F4;
793
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
794
+ width: 100%;
795
+ height: 100%;
796
+ padding: 24px;
797
+ overflow-y: auto;
798
+ display: flex;
815
799
  }
816
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
817
- border-color: #1B1D1D transparent transparent transparent;
800
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
801
+ overflow-y: auto;
818
802
  }
819
- .cui-theme-light {
820
- color: #1B1D1D;
803
+ .popup-module_popup-container__PJ0oQ[data-show] {
804
+ opacity: 1;
805
+ visibility: visible;
806
+ pointer-events: all;
821
807
  }
822
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
823
- background-color: #515757;
808
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
809
+ transform: translateX(0) translateY(0);
824
810
  }
825
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
826
- border-color: #515757 transparent transparent transparent;
811
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
812
+ opacity: 0;
813
+ visibility: hidden;
814
+ pointer-events: none;
815
+ }
816
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
817
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
818
+ }
819
+
820
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
821
+ background-color: #090A0A;
822
+ color: #F4F4F4;
823
+ }
824
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
825
+ background-color: #090A0A;
826
+ color: #F4F4F4;
827
827
  }
828
828
  :root {
829
829
  --divider-line: #4a4b4b;