@e1011/es-kit 1.1.50 → 1.1.52

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 (36) hide show
  1. package/dist/hooks/esm/index.css +277 -277
  2. package/dist/hooks/index.css +277 -277
  3. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  4. package/dist/lib/cjs/src/core/ui/components/field/Field.js.map +1 -1
  5. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  6. package/dist/lib/esm/src/core/ui/components/field/Field.js.map +1 -1
  7. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  8. package/dist/types/src/core/index.d.ts +0 -1
  9. package/dist/types/src/core/index.d.ts.map +1 -1
  10. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts +1 -1
  11. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts.map +1 -1
  12. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts +1 -1
  13. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts.map +1 -1
  14. package/dist/types/src/core/ui/components/atoms/toggle/Toggle.d.ts +12 -0
  15. package/dist/types/src/core/ui/components/atoms/toggle/Toggle.d.ts.map +1 -0
  16. package/dist/types/src/core/ui/components/atoms/toggle/toggle.stories.d.ts +13 -0
  17. package/dist/types/src/core/ui/components/atoms/toggle/toggle.stories.d.ts.map +1 -0
  18. package/dist/types/src/core/ui/components/atoms/toggle/toggle.test.d.ts +5 -0
  19. package/dist/types/src/core/ui/components/atoms/toggle/toggle.test.d.ts.map +1 -0
  20. package/dist/types/src/core/ui/components/field/Field.d.ts +1 -0
  21. package/dist/types/src/core/ui/components/field/Field.d.ts.map +1 -1
  22. package/dist/types/src/core/ui/index.d.ts +1 -0
  23. package/dist/types/src/core/ui/index.d.ts.map +1 -1
  24. package/dist/types/src/core/ui/types/CommonProps.d.ts +4 -0
  25. package/dist/types/src/core/ui/types/CommonProps.d.ts.map +1 -1
  26. package/dist/types/src/core/ui/types/index.d.ts +2 -0
  27. package/dist/types/src/core/ui/types/index.d.ts.map +1 -0
  28. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  29. package/dist/ui/esm/src/core/ui/components/field/Field.js.map +1 -1
  30. package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  31. package/dist/ui/src/core/ui/components/field/Field.js.map +1 -1
  32. package/dist/utils/esm/index.css +277 -277
  33. package/dist/utils/index.css +277 -277
  34. package/package.json +1 -1
  35. package/dist/types/src/core/types/CommonProps.d.ts +0 -11
  36. package/dist/types/src/core/types/CommonProps.d.ts.map +0 -1
@@ -1,12 +1,3 @@
1
- .errorBoundary-module_errorBoundary__gk9ps {
2
- background: #EFEFEF;
3
- width: 100%;
4
- height: 100%;
5
- }
6
-
7
- .errorBoundary-module_StyledIcon__IYHiU {
8
- margin-right: 10px;
9
- }
10
1
  .icon-module_icon-base-parent__nOMvW {
11
2
  line-height: 1px !important;
12
3
  }
@@ -37,6 +28,34 @@
37
28
  width: var(--height);
38
29
  height: var(--width);
39
30
  }
31
+ .divider-module_divider-line__6CesR {
32
+ position: relative;
33
+ display: block;
34
+ transition: opacity, width, height 250ms ease-in-out;
35
+ background-color: var(--color);
36
+ opacity: var(--opacity);
37
+ }
38
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
39
+ height: var(--length);
40
+ left: var(--left);
41
+ width: var(--width);
42
+ margin: var(--margin);
43
+ }
44
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
45
+ width: var(--length);
46
+ left: var(--left);
47
+ height: var(--height);
48
+ margin: var(--margin);
49
+ }
50
+ .errorBoundary-module_errorBoundary__gk9ps {
51
+ background: #EFEFEF;
52
+ width: 100%;
53
+ height: 100%;
54
+ }
55
+
56
+ .errorBoundary-module_StyledIcon__IYHiU {
57
+ margin-right: 10px;
58
+ }
40
59
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
41
60
  transform-origin: 0% 0%;
42
61
  opacity: 0;
@@ -70,25 +89,6 @@
70
89
  max-width: var(--prop-value);
71
90
  opacity: 1;
72
91
  }
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
92
  .field-module_field__UfKm3 {
93
93
  opacity: 1;
94
94
  pointer-events: auto;
@@ -230,10 +230,251 @@
230
230
  stroke-dashoffset: -124;
231
231
  }
232
232
  }
233
- .textAndContent-module_textAndContent__X5P1n {
234
- align-items: baseline;
235
- flex-shrink: 1;
236
- gap: 8px;
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
+ :root {
257
+ --divider-line: #4a4b4b;
258
+ }
259
+
260
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
261
+ overflow: hidden !important;
262
+ }
263
+
264
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
265
+ white-space: nowrap !important;
266
+ }
267
+
268
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
269
+ text-overflow: ellipsis !important;
270
+ }
271
+
272
+ .popup-module_popup-container__PJ0oQ {
273
+ --popup-width: 60vw;
274
+ --popup-height: 50vh;
275
+ position: fixed;
276
+ width: var(--popup-width);
277
+ height: var(--popup-height);
278
+ --slideXFrom: 0;
279
+ --slideYFrom: 0;
280
+ will-change: opacity;
281
+ transition: opacity 300ms ease-in-out;
282
+ opacity: 0;
283
+ visibility: hidden;
284
+ pointer-events: none;
285
+ }
286
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
287
+ position: relative;
288
+ flex-direction: column;
289
+ align-items: start;
290
+ width: 100%;
291
+ height: 100%;
292
+ overflow-x: clip;
293
+ background-color: #090A0A;
294
+ border-radius: 4px;
295
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
296
+ transition: transform 350ms ease-out;
297
+ will-change: transform;
298
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
299
+ }
300
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
301
+ margin-bottom: 0;
302
+ }
303
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
304
+ cursor: pointer;
305
+ line-height: 1px;
306
+ background-color: rgba(255, 255, 255, 0);
307
+ }
308
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
309
+ background-color: #FDDA0D;
310
+ width: 9px !important;
311
+ height: 9px !important;
312
+ line-height: 1px !important;
313
+ }
314
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
315
+ background-color: #FFEA00;
316
+ }
317
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
318
+ width: 100%;
319
+ height: 100%;
320
+ padding: 24px;
321
+ overflow-y: auto;
322
+ display: flex;
323
+ }
324
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
325
+ overflow-y: auto;
326
+ }
327
+ .popup-module_popup-container__PJ0oQ[data-show] {
328
+ opacity: 1;
329
+ visibility: visible;
330
+ pointer-events: all;
331
+ }
332
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
333
+ transform: translateX(0) translateY(0);
334
+ }
335
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
336
+ opacity: 0;
337
+ visibility: hidden;
338
+ pointer-events: none;
339
+ }
340
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
341
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
342
+ }
343
+
344
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
345
+ background-color: #090A0A;
346
+ color: #F4F4F4;
347
+ }
348
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
349
+ background-color: #090A0A;
350
+ color: #F4F4F4;
351
+ }
352
+ :root {
353
+ --divider-line: #4a4b4b;
354
+ }
355
+
356
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
357
+ overflow: hidden !important;
358
+ }
359
+
360
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
361
+ white-space: nowrap !important;
362
+ }
363
+
364
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
365
+ text-overflow: ellipsis !important;
366
+ }
367
+
368
+ .tooltip-module_popover-tooltip__sAhKa {
369
+ position: fixed;
370
+ z-index: 999;
371
+ will-change: opacity;
372
+ transition: opacity 450ms ease;
373
+ opacity: 0;
374
+ visibility: hidden;
375
+ border-radius: 4px;
376
+ background-color: #1B1D1D;
377
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
378
+ }
379
+ .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
380
+ margin: 0;
381
+ padding: 0;
382
+ }
383
+ .tooltip-module_popover-tooltip__sAhKa p {
384
+ display: -webkit-box;
385
+ -webkit-line-clamp: 4; /* number of lines to show */
386
+ line-clamp: 4;
387
+ -webkit-box-orient: vertical;
388
+ margin: 0;
389
+ width: 100%;
390
+ white-space: normal;
391
+ overflow: auto;
392
+ }
393
+ .tooltip-module_popover-tooltip__sAhKa[data-show] {
394
+ opacity: 1;
395
+ visibility: visible;
396
+ }
397
+ .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
398
+ opacity: 0;
399
+ visibility: hidden;
400
+ }
401
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
402
+ bottom: -16px;
403
+ }
404
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
405
+ transform: rotate(0deg);
406
+ }
407
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
408
+ top: -16px;
409
+ }
410
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
411
+ transform: rotate(180deg);
412
+ }
413
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
414
+ right: -16px;
415
+ }
416
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
417
+ transform: rotate(-90deg);
418
+ }
419
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
420
+ left: -16px;
421
+ }
422
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
423
+ transform: rotate(90deg);
424
+ }
425
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
426
+ position: absolute;
427
+ }
428
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
429
+ content: "";
430
+ border-width: 8px;
431
+ border-style: solid;
432
+ border-color: #1B1D1D transparent transparent transparent;
433
+ }
434
+
435
+ .tooltip-module_close-button__o8OBN {
436
+ cursor: pointer;
437
+ line-height: 1px;
438
+ background-color: rgba(255, 255, 255, 0);
439
+ }
440
+ .tooltip-module_close-button__o8OBN .icon-base {
441
+ background-color: #FDDA0D;
442
+ width: 9px !important;
443
+ height: 9px !important;
444
+ line-height: 1px !important;
445
+ }
446
+ .tooltip-module_close-button__o8OBN:hover .icon-base {
447
+ background-color: #FFEA00;
448
+ }
449
+
450
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
451
+ background-color: #1B1D1D;
452
+ color: #F4F4F4;
453
+ }
454
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
455
+ border-color: #1B1D1D transparent transparent transparent;
456
+ }
457
+ .cui-theme-light {
458
+ color: #1B1D1D;
459
+ }
460
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
461
+ background-color: #515757;
462
+ }
463
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
464
+ border-color: #515757 transparent transparent transparent;
465
+ }
466
+ .flowLayout-module_flowLayout__VHpnY {
467
+ overflow: auto;
468
+ }
469
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
470
+ display: flex;
471
+ width: 100%;
472
+ min-width: 0;
473
+ }
474
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
475
+ display: flex;
476
+ width: 100%;
477
+ min-width: 0;
237
478
  }
238
479
  :root {
239
480
  --divider-line: #4a4b4b;
@@ -301,19 +542,6 @@
301
542
  pointer-events: none;
302
543
  opacity: 0.6;
303
544
  }
304
- .flowLayout-module_flowLayout__VHpnY {
305
- overflow: auto;
306
- }
307
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
308
- display: flex;
309
- width: 100%;
310
- min-width: 0;
311
- }
312
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
313
- display: flex;
314
- width: 100%;
315
- min-width: 0;
316
- }
317
545
  :root {
318
546
  --divider-line: #4a4b4b;
319
547
  }
@@ -592,238 +820,10 @@
592
820
  border-color: #FD8F3E;
593
821
  color: #632E03;
594
822
  }
595
- :root {
596
- --divider-line: #4a4b4b;
597
- }
598
-
599
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
600
- overflow: hidden !important;
601
- }
602
-
603
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
604
- white-space: nowrap !important;
605
- }
606
-
607
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
608
- text-overflow: ellipsis !important;
609
- }
610
-
611
- .tooltip-module_popover-tooltip__sAhKa {
612
- position: fixed;
613
- z-index: 999;
614
- will-change: opacity;
615
- transition: opacity 450ms ease;
616
- opacity: 0;
617
- visibility: hidden;
618
- border-radius: 4px;
619
- background-color: #1B1D1D;
620
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
621
- }
622
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
623
- margin: 0;
624
- padding: 0;
625
- }
626
- .tooltip-module_popover-tooltip__sAhKa p {
627
- display: -webkit-box;
628
- -webkit-line-clamp: 4; /* number of lines to show */
629
- line-clamp: 4;
630
- -webkit-box-orient: vertical;
631
- margin: 0;
632
- width: 100%;
633
- white-space: normal;
634
- overflow: auto;
635
- }
636
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
637
- opacity: 1;
638
- visibility: visible;
639
- }
640
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
641
- opacity: 0;
642
- visibility: hidden;
643
- }
644
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
645
- bottom: -16px;
646
- }
647
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
648
- transform: rotate(0deg);
649
- }
650
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
651
- top: -16px;
652
- }
653
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
654
- transform: rotate(180deg);
655
- }
656
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
657
- right: -16px;
658
- }
659
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
660
- transform: rotate(-90deg);
661
- }
662
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
663
- left: -16px;
664
- }
665
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
666
- transform: rotate(90deg);
667
- }
668
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
669
- position: absolute;
670
- }
671
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
672
- content: "";
673
- border-width: 8px;
674
- border-style: solid;
675
- border-color: #1B1D1D transparent transparent transparent;
676
- }
677
-
678
- .tooltip-module_close-button__o8OBN {
679
- cursor: pointer;
680
- line-height: 1px;
681
- background-color: rgba(255, 255, 255, 0);
682
- }
683
- .tooltip-module_close-button__o8OBN .icon-base {
684
- background-color: #FDDA0D;
685
- width: 9px !important;
686
- height: 9px !important;
687
- line-height: 1px !important;
688
- }
689
- .tooltip-module_close-button__o8OBN:hover .icon-base {
690
- background-color: #FFEA00;
691
- }
692
-
693
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
694
- background-color: #1B1D1D;
695
- color: #F4F4F4;
696
- }
697
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
698
- border-color: #1B1D1D transparent transparent transparent;
699
- }
700
- .cui-theme-light {
701
- color: #1B1D1D;
702
- }
703
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
704
- background-color: #515757;
705
- }
706
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
707
- border-color: #515757 transparent transparent transparent;
708
- }
709
- .popup-overlay-module_popup-modal-overlay__dlJqM {
710
- z-index: 1;
711
- position: fixed;
712
- width: 100%;
713
- height: 100%;
714
- top: 0;
715
- left: 0;
716
- background: rgba(40, 80, 120, 0.8) !important;
717
- pointer-events: all;
718
- user-select: none;
719
- will-change: opacity;
720
- transition: opacity 450ms ease-in-out;
721
- opacity: 0;
722
- visibility: hidden;
723
- }
724
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
725
- opacity: 1;
726
- visibility: visible;
727
- }
728
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
729
- opacity: 0;
730
- visibility: hidden;
731
- }
732
- :root {
733
- --divider-line: #4a4b4b;
734
- }
735
-
736
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
737
- overflow: hidden !important;
738
- }
739
-
740
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
741
- white-space: nowrap !important;
742
- }
743
-
744
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
745
- text-overflow: ellipsis !important;
746
- }
747
-
748
- .popup-module_popup-container__PJ0oQ {
749
- --popup-width: 60vw;
750
- --popup-height: 50vh;
751
- position: fixed;
752
- width: var(--popup-width);
753
- height: var(--popup-height);
754
- --slideXFrom: 0;
755
- --slideYFrom: 0;
756
- will-change: opacity;
757
- transition: opacity 300ms ease-in-out;
758
- opacity: 0;
759
- visibility: hidden;
760
- pointer-events: none;
761
- }
762
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
763
- position: relative;
764
- flex-direction: column;
765
- align-items: start;
766
- width: 100%;
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));
775
- }
776
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
777
- margin-bottom: 0;
778
- }
779
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
780
- cursor: pointer;
781
- line-height: 1px;
782
- background-color: rgba(255, 255, 255, 0);
783
- }
784
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
785
- background-color: #FDDA0D;
786
- width: 9px !important;
787
- height: 9px !important;
788
- line-height: 1px !important;
789
- }
790
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
791
- background-color: #FFEA00;
792
- }
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;
799
- }
800
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
801
- overflow-y: auto;
802
- }
803
- .popup-module_popup-container__PJ0oQ[data-show] {
804
- opacity: 1;
805
- visibility: visible;
806
- pointer-events: all;
807
- }
808
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
809
- transform: translateX(0) translateY(0);
810
- }
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;
823
+ .textAndContent-module_textAndContent__X5P1n {
824
+ align-items: baseline;
825
+ flex-shrink: 1;
826
+ gap: 8px;
827
827
  }
828
828
  :root {
829
829
  --divider-line: #4a4b4b;