@e1011/es-kit 1.1.36 → 1.1.38

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 (31) hide show
  1. package/dist/hooks/esm/index.css +295 -295
  2. package/dist/hooks/index.css +295 -295
  3. package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js +1 -1
  4. package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js.map +1 -1
  5. package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js.map +1 -1
  6. package/dist/lib/cjs/src/index.js +1 -1
  7. package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js +1 -1
  8. package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
  9. package/dist/lib/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
  10. package/dist/lib/esm/src/index.js +1 -1
  11. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  12. package/dist/types/src/core/ui/components/atoms/button/Button.d.ts +3 -1
  13. package/dist/types/src/core/ui/components/atoms/button/Button.d.ts.map +1 -1
  14. package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts.map +1 -1
  15. package/dist/types/src/core/ui/components/atoms/button/button.types.d.ts +5 -1
  16. package/dist/types/src/core/ui/components/atoms/button/button.types.d.ts.map +1 -1
  17. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts +2 -2
  18. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts.map +1 -1
  19. package/dist/types/src/core/ui/components/icon/IconBase.d.ts +3 -3
  20. package/dist/types/src/core/ui/components/icon/IconBase.d.ts.map +1 -1
  21. package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js +1 -1
  22. package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
  23. package/dist/ui/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
  24. package/dist/ui/esm/src/core/ui/index.js +1 -1
  25. package/dist/ui/src/core/ui/components/atoms/button/Button.js +1 -1
  26. package/dist/ui/src/core/ui/components/atoms/button/Button.js.map +1 -1
  27. package/dist/ui/src/core/ui/components/icon/IconBase.js.map +1 -1
  28. package/dist/ui/src/core/ui/index.js +1 -1
  29. package/dist/utils/esm/index.css +295 -295
  30. package/dist/utils/index.css +295 -295
  31. 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,6 +31,45 @@
61
31
  max-width: var(--prop-value);
62
32
  opacity: 1;
63
33
  }
34
+ .icon-module_icon-base-parent__nOMvW {
35
+ line-height: 1px !important;
36
+ }
37
+
38
+ .icon-module_icon-base__S0tHf {
39
+ min-width: var(--min-width);
40
+ min-height: var(--min-height);
41
+ width: var(--width) !important;
42
+ height: var(--height) !important;
43
+ line-height: 1px !important;
44
+ background-color: var(--icon-color);
45
+ color: var(--icon-content-color);
46
+ background-repeat: no-repeat;
47
+ mask-image: var(--icon-url);
48
+ -webkit-mask-image: var(--icon-url);
49
+ mask-repeat: no-repeat;
50
+ -webkit-mask-repeat: no-repeat;
51
+ mask-size: contain;
52
+ -webkit-mask-size: contain;
53
+ mask-position: center;
54
+ -webkit-mask-position: center;
55
+ display: inline-block;
56
+ will-change: transform;
57
+ transform: translate3d(0, 0, 0);
58
+ }
59
+ .icon-module_icon-base__S0tHf svg {
60
+ fill: var(--icon-content-color);
61
+ width: var(--height);
62
+ height: var(--width);
63
+ }
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
+ }
64
73
  .field-module_field__UfKm3 {
65
74
  opacity: 1;
66
75
  pointer-events: auto;
@@ -135,15 +144,6 @@
135
144
  .field-module_field__UfKm3 label {
136
145
  text-align: left;
137
146
  }
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
147
  .divider-module_divider-line__6CesR {
148
148
  position: relative;
149
149
  display: block;
@@ -224,262 +224,11 @@
224
224
  50% {
225
225
  stroke-dasharray: 90, 150;
226
226
  stroke-dashoffset: -35;
227
- }
228
- 100% {
229
- stroke-dasharray: 90, 150;
230
- stroke-dashoffset: -124;
231
- }
232
- }
233
- :root {
234
- --divider-line: #4a4b4b;
235
- }
236
-
237
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
238
- overflow: hidden !important;
239
- }
240
-
241
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
242
- white-space: nowrap !important;
243
- }
244
-
245
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
246
- text-overflow: ellipsis !important;
247
- }
248
-
249
- .tooltip-module_popover-tooltip__sAhKa {
250
- position: fixed;
251
- z-index: 999;
252
- will-change: opacity;
253
- transition: opacity 450ms ease;
254
- opacity: 0;
255
- visibility: hidden;
256
- border-radius: 4px;
257
- background-color: #1B1D1D;
258
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
259
- }
260
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
261
- margin: 0;
262
- padding: 0;
263
- }
264
- .tooltip-module_popover-tooltip__sAhKa p {
265
- display: -webkit-box;
266
- -webkit-line-clamp: 4; /* number of lines to show */
267
- line-clamp: 4;
268
- -webkit-box-orient: vertical;
269
- margin: 0;
270
- width: 100%;
271
- white-space: normal;
272
- overflow: auto;
273
- }
274
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
275
- opacity: 1;
276
- visibility: visible;
277
- }
278
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
279
- opacity: 0;
280
- visibility: hidden;
281
- }
282
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
283
- bottom: -16px;
284
- }
285
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
286
- transform: rotate(0deg);
287
- }
288
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
289
- top: -16px;
290
- }
291
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
292
- transform: rotate(180deg);
293
- }
294
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
295
- right: -16px;
296
- }
297
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
298
- transform: rotate(-90deg);
299
- }
300
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
301
- left: -16px;
302
- }
303
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
304
- transform: rotate(90deg);
305
- }
306
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
307
- position: absolute;
308
- }
309
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
310
- content: "";
311
- border-width: 8px;
312
- border-style: solid;
313
- border-color: #1B1D1D transparent transparent transparent;
314
- }
315
-
316
- .tooltip-module_close-button__o8OBN {
317
- cursor: pointer;
318
- line-height: 1px;
319
- background-color: rgba(255, 255, 255, 0);
320
- }
321
- .tooltip-module_close-button__o8OBN .icon-base {
322
- background-color: #FDDA0D;
323
- width: 9px !important;
324
- height: 9px !important;
325
- line-height: 1px !important;
326
- }
327
- .tooltip-module_close-button__o8OBN:hover .icon-base {
328
- background-color: #FFEA00;
329
- }
330
-
331
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
332
- background-color: #1B1D1D;
333
- color: #F4F4F4;
334
- }
335
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
336
- border-color: #1B1D1D transparent transparent transparent;
337
- }
338
- .cui-theme-light {
339
- color: #1B1D1D;
340
- }
341
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
342
- background-color: #515757;
343
- }
344
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
345
- border-color: #515757 transparent transparent transparent;
346
- }
347
- :root {
348
- --divider-line: #4a4b4b;
349
- }
350
-
351
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
352
- overflow: hidden !important;
353
- }
354
-
355
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
356
- white-space: nowrap !important;
357
- }
358
-
359
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
360
- text-overflow: ellipsis !important;
361
- }
362
-
363
- .popup-module_popup-container__PJ0oQ {
364
- --popup-width: 60vw;
365
- --popup-height: 50vh;
366
- position: fixed;
367
- width: var(--popup-width);
368
- height: var(--popup-height);
369
- --slideXFrom: 0;
370
- --slideYFrom: 0;
371
- will-change: opacity;
372
- transition: opacity 300ms ease-in-out;
373
- opacity: 0;
374
- visibility: hidden;
375
- pointer-events: none;
376
- }
377
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
378
- position: relative;
379
- flex-direction: column;
380
- align-items: start;
381
- width: 100%;
382
- height: 100%;
383
- overflow-x: clip;
384
- background-color: #090A0A;
385
- border-radius: 4px;
386
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
387
- transition: transform 350ms ease-out;
388
- will-change: transform;
389
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
390
- }
391
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
392
- margin-bottom: 0;
393
- }
394
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
395
- cursor: pointer;
396
- line-height: 1px;
397
- background-color: rgba(255, 255, 255, 0);
398
- }
399
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
400
- background-color: #FDDA0D;
401
- width: 9px !important;
402
- height: 9px !important;
403
- line-height: 1px !important;
404
- }
405
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
406
- background-color: #FFEA00;
407
- }
408
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
409
- width: 100%;
410
- height: 100%;
411
- padding: 24px;
412
- overflow-y: auto;
413
- display: flex;
414
- }
415
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
416
- overflow-y: auto;
417
- }
418
- .popup-module_popup-container__PJ0oQ[data-show] {
419
- opacity: 1;
420
- visibility: visible;
421
- pointer-events: all;
422
- }
423
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
424
- transform: translateX(0) translateY(0);
425
- }
426
- .popup-module_popup-container__PJ0oQ[data-show=false] {
427
- opacity: 0;
428
- visibility: hidden;
429
- pointer-events: none;
430
- }
431
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
432
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
433
- }
434
-
435
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
436
- background-color: #090A0A;
437
- color: #F4F4F4;
438
- }
439
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
440
- background-color: #090A0A;
441
- color: #F4F4F4;
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;
478
- }
479
- .textAndContent-module_textAndContent__X5P1n {
480
- align-items: baseline;
481
- flex-shrink: 1;
482
- gap: 8px;
227
+ }
228
+ 100% {
229
+ stroke-dasharray: 90, 150;
230
+ stroke-dashoffset: -124;
231
+ }
483
232
  }
484
233
  :root {
485
234
  --divider-line: #4a4b4b;
@@ -595,6 +344,11 @@
595
344
  .cui-theme-light .button-module_button__NDMQS {
596
345
  color: #090A0A;
597
346
  }
347
+ .textAndContent-module_textAndContent__X5P1n {
348
+ align-items: baseline;
349
+ flex-shrink: 1;
350
+ gap: 8px;
351
+ }
598
352
  :root {
599
353
  --divider-line: #4a4b4b;
600
354
  }
@@ -661,6 +415,19 @@
661
415
  pointer-events: none;
662
416
  opacity: 0.6;
663
417
  }
418
+ .flowLayout-module_flowLayout__VHpnY {
419
+ overflow: auto;
420
+ }
421
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
422
+ display: flex;
423
+ width: 100%;
424
+ min-width: 0;
425
+ }
426
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
427
+ display: flex;
428
+ width: 100%;
429
+ min-width: 0;
430
+ }
664
431
  :root {
665
432
  --divider-line: #4a4b4b;
666
433
  }
@@ -825,6 +592,239 @@
825
592
  border-color: #FD8F3E;
826
593
  color: #632E03;
827
594
  }
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
  }