@e1011/es-kit 1.1.28 → 1.1.34

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 (52) hide show
  1. package/dist/hooks/esm/index.css +359 -195
  2. package/dist/hooks/index.css +359 -195
  3. package/dist/lib/cjs/index.css +164 -0
  4. package/dist/lib/cjs/src/core/ui/components/atoms/tag/Tag.js +2 -0
  5. package/dist/lib/cjs/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
  6. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
  7. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
  8. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.types.js +2 -0
  9. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
  10. package/dist/lib/cjs/src/index.js +1 -1
  11. package/dist/lib/esm/index.css +164 -0
  12. package/dist/lib/esm/src/core/ui/components/atoms/tag/Tag.js +2 -0
  13. package/dist/lib/esm/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
  14. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
  15. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
  16. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js +2 -0
  17. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
  18. package/dist/lib/esm/src/index.js +1 -1
  19. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  20. package/dist/types/src/core/ui/components/atoms/index.d.ts +1 -0
  21. package/dist/types/src/core/ui/components/atoms/index.d.ts.map +1 -1
  22. package/dist/types/src/core/ui/components/atoms/tag/Tag.d.ts +2 -30
  23. package/dist/types/src/core/ui/components/atoms/tag/Tag.d.ts.map +1 -1
  24. package/dist/types/src/core/ui/components/atoms/tag/index.d.ts +3 -0
  25. package/dist/types/src/core/ui/components/atoms/tag/index.d.ts.map +1 -0
  26. package/dist/types/src/core/ui/components/atoms/tag/tag.stories.d.ts +1 -1
  27. package/dist/types/src/core/ui/components/atoms/tag/tag.stories.d.ts.map +1 -1
  28. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts +31 -0
  29. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts.map +1 -0
  30. package/dist/ui/esm/index.css +164 -0
  31. package/dist/ui/esm/src/core/hooks/useClassNames.js +2 -0
  32. package/dist/ui/esm/src/core/hooks/useClassNames.js.map +1 -0
  33. package/dist/ui/esm/src/core/ui/components/atoms/tag/Tag.js +2 -0
  34. package/dist/ui/esm/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
  35. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
  36. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
  37. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.types.js +2 -0
  38. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
  39. package/dist/ui/esm/src/core/ui/index.js +1 -1
  40. package/dist/ui/index.css +164 -0
  41. package/dist/ui/src/core/hooks/useClassNames.js +2 -0
  42. package/dist/ui/src/core/hooks/useClassNames.js.map +1 -0
  43. package/dist/ui/src/core/ui/components/atoms/tag/Tag.js +2 -0
  44. package/dist/ui/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
  45. package/dist/ui/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
  46. package/dist/ui/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
  47. package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js +2 -0
  48. package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
  49. package/dist/ui/src/core/ui/index.js +1 -1
  50. package/dist/utils/esm/index.css +359 -195
  51. package/dist/utils/index.css +359 -195
  52. package/package.json +2 -1
@@ -28,34 +28,6 @@
28
28
  width: var(--height);
29
29
  height: var(--width);
30
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
- }
59
31
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
60
32
  transform-origin: 0% 0%;
61
33
  opacity: 0;
@@ -89,6 +61,15 @@
89
61
  max-width: var(--prop-value);
90
62
  opacity: 1;
91
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
+ }
92
73
  .field-module_field__UfKm3 {
93
74
  opacity: 1;
94
75
  pointer-events: auto;
@@ -163,6 +144,25 @@
163
144
  .field-module_field__UfKm3 label {
164
145
  text-align: left;
165
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;
@@ -230,18 +230,76 @@
230
230
  stroke-dashoffset: -124;
231
231
  }
232
232
  }
233
- .flowLayout-module_flowLayout__VHpnY {
234
- overflow: auto;
233
+ .textAndContent-module_textAndContent__X5P1n {
234
+ align-items: baseline;
235
+ flex-shrink: 1;
236
+ gap: 8px;
235
237
  }
236
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
237
- display: flex;
238
- width: 100%;
239
- min-width: 0;
238
+ :root {
239
+ --divider-line: #4a4b4b;
240
240
  }
241
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
242
- display: flex;
243
- width: 100%;
244
- min-width: 0;
241
+
242
+ .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
243
+ overflow: hidden !important;
244
+ }
245
+
246
+ .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
247
+ white-space: nowrap !important;
248
+ }
249
+
250
+ .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
251
+ text-overflow: ellipsis !important;
252
+ }
253
+
254
+ .typography-module_headline__b0XlP {
255
+ font-size: 28px;
256
+ line-height: 32px;
257
+ }
258
+
259
+ .typography-module_headlineSecondary__IDnhT {
260
+ font-size: 24px;
261
+ line-height: 28px;
262
+ }
263
+
264
+ .typography-module_headlineTertiary__mlG-v {
265
+ font-size: 18px;
266
+ line-height: 24x;
267
+ }
268
+
269
+ .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
270
+ font-size: 14px;
271
+ line-height: 18px;
272
+ font-weight: 300;
273
+ }
274
+
275
+ .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
276
+ font-size: 12px;
277
+ }
278
+
279
+ .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
280
+ font-weight: 600;
281
+ }
282
+
283
+ .typography-module_link__DWurf {
284
+ overflow: hidden !important;
285
+ white-space: nowrap !important;
286
+ text-overflow: ellipsis !important;
287
+ text-decoration: none;
288
+ color: #65C5F6;
289
+ display: inline;
290
+ gap: 4px;
291
+ flex-grow: 0;
292
+ max-width: 400px;
293
+ position: relative;
294
+ vertical-align: center;
295
+ }
296
+ .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
297
+ text-decoration: underline;
298
+ color: #65C5F6;
299
+ }
300
+ .typography-module_link__DWurf.typography-module_disabled__hjK8C {
301
+ pointer-events: none;
302
+ opacity: 0.6;
245
303
  }
246
304
  :root {
247
305
  --divider-line: #4a4b4b;
@@ -357,142 +415,192 @@
357
415
  .cui-theme-light .button-module_button__NDMQS {
358
416
  color: #090A0A;
359
417
  }
360
- :root {
361
- --divider-line: #4a4b4b;
362
- }
363
-
364
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
365
- overflow: hidden !important;
366
- }
367
-
368
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
369
- white-space: nowrap !important;
370
- }
371
-
372
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
373
- text-overflow: ellipsis !important;
374
- }
375
-
376
- .tooltip-module_popover-tooltip__sAhKa {
418
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
419
+ z-index: 1;
377
420
  position: fixed;
378
- z-index: 999;
421
+ width: 100%;
422
+ height: 100%;
423
+ top: 0;
424
+ left: 0;
425
+ background: rgba(40, 80, 120, 0.8) !important;
426
+ pointer-events: all;
427
+ user-select: none;
379
428
  will-change: opacity;
380
- transition: opacity 450ms ease;
429
+ transition: opacity 450ms ease-in-out;
381
430
  opacity: 0;
382
431
  visibility: hidden;
383
- border-radius: 4px;
384
- background-color: #1B1D1D;
385
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
386
- }
387
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
388
- margin: 0;
389
- padding: 0;
390
432
  }
391
- .tooltip-module_popover-tooltip__sAhKa p {
392
- display: -webkit-box;
393
- -webkit-line-clamp: 4; /* number of lines to show */
394
- line-clamp: 4;
395
- -webkit-box-orient: vertical;
396
- margin: 0;
397
- width: 100%;
398
- white-space: normal;
399
- overflow: auto;
400
- }
401
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
433
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
402
434
  opacity: 1;
403
435
  visibility: visible;
404
436
  }
405
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
437
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
406
438
  opacity: 0;
407
439
  visibility: hidden;
408
440
  }
409
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
410
- bottom: -16px;
411
- }
412
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
413
- transform: rotate(0deg);
414
- }
415
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
416
- top: -16px;
417
- }
418
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
419
- transform: rotate(180deg);
420
- }
421
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
422
- right: -16px;
423
- }
424
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
425
- transform: rotate(-90deg);
441
+ :root {
442
+ --divider-line: #4a4b4b;
426
443
  }
427
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
428
- left: -16px;
444
+
445
+ .tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
446
+ overflow: hidden !important;
429
447
  }
430
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
431
- transform: rotate(90deg);
448
+
449
+ .tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
450
+ white-space: nowrap !important;
432
451
  }
433
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
434
- position: absolute;
452
+
453
+ .tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
454
+ text-overflow: ellipsis !important;
435
455
  }
436
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
437
- content: "";
438
- border-width: 8px;
456
+
457
+ .tag-module_tag__rGA-E {
458
+ display: inline-flex;
459
+ flex-direction: row;
460
+ flex-shrink: 1;
461
+ padding: 4px 8px;
462
+ gap: 4px;
463
+ min-height: 18px;
464
+ border-radius: 4px;
465
+ border-width: 1px;
439
466
  border-style: solid;
440
- border-color: #1B1D1D transparent transparent transparent;
467
+ align-items: center;
441
468
  }
442
-
443
- .tooltip-module_close-button__o8OBN {
444
- cursor: pointer;
445
- line-height: 1px;
446
- background-color: rgba(255, 255, 255, 0);
469
+ .tag-module_tag__rGA-E .icon-base {
470
+ color: #E2E369 !important;
447
471
  }
448
- .tooltip-module_close-button__o8OBN .icon-base {
449
- background-color: #FDDA0D;
450
- width: 9px !important;
451
- height: 9px !important;
452
- line-height: 1px !important;
472
+ .tag-module_tag__rGA-E .tag-module_text__WpK6w {
473
+ white-space: nowrap;
453
474
  }
454
- .tooltip-module_close-button__o8OBN:hover .icon-base {
455
- background-color: #FFEA00;
475
+ .tag-module_tag__rGA-E.tag-module_in-table__cWTuJ {
476
+ justify-content: center;
477
+ align-items: center;
478
+ overflow: hidden !important;
479
+ white-space: nowrap !important;
480
+ text-overflow: ellipsis !important;
456
481
  }
457
-
458
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
459
- background-color: #1B1D1D;
482
+ .tag-module_tag__rGA-E.tag-module_default__6cv6k {
483
+ background-color: #434747;
484
+ border-color: #515757;
460
485
  color: #F4F4F4;
461
486
  }
462
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
463
- border-color: #1B1D1D transparent transparent transparent;
464
- }
465
- .cui-theme-light {
466
- color: #1B1D1D;
487
+ .tag-module_tag__rGA-E.tag-module_clickable__W6arw {
488
+ cursor: pointer;
489
+ transition: background-color 0.25s ease;
467
490
  }
468
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
491
+ .tag-module_tag__rGA-E.tag-module_clickable__W6arw.tag-module_default__6cv6k:hover {
469
492
  background-color: #515757;
470
493
  }
471
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
472
- border-color: #515757 transparent transparent transparent;
473
- }
474
- .popup-overlay-module_popup-modal-overlay__dlJqM {
475
- z-index: 1;
476
- position: fixed;
477
- width: 100%;
478
- height: 100%;
479
- top: 0;
480
- left: 0;
481
- background: rgba(40, 80, 120, 0.8) !important;
482
- pointer-events: all;
483
- user-select: none;
484
- will-change: opacity;
485
- transition: opacity 450ms ease-in-out;
486
- opacity: 0;
487
- visibility: hidden;
488
- }
489
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
490
- opacity: 1;
491
- visibility: visible;
492
- }
493
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
494
- opacity: 0;
495
- visibility: hidden;
494
+
495
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_info__PMCQH {
496
+ background-color: #203439;
497
+ border-color: #80D9F3;
498
+ color: #80D9F3;
499
+ }
500
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
501
+ background-color: #212A04;
502
+ border-color: #B1E02C;
503
+ color: #B1E02C;
504
+ }
505
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_low__57msG {
506
+ background-color: #353505;
507
+ border-color: #E2E369;
508
+ color: #E2E369;
509
+ }
510
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
511
+ background-color: #632E03;
512
+ border-color: #FD8F3E;
513
+ color: #FD8F3E;
514
+ }
515
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
516
+ background-color: #371A1A;
517
+ border-color: #FD553E;
518
+ color: #FD553E;
519
+ }
520
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
521
+ background-color: #311616;
522
+ border-color: #EC515B;
523
+ color: #EC515B;
524
+ }
525
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_information__gjuZe {
526
+ background-color: #203439;
527
+ border-color: #02B3E6;
528
+ color: #02B3E6;
529
+ }
530
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_success__M-mEI {
531
+ background-color: #212A04;
532
+ border-color: #30D136;
533
+ color: #30D136;
534
+ }
535
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
536
+ background-color: #311616;
537
+ border-color: #FD553E;
538
+ color: #FD553E;
539
+ }
540
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_error__fo8QB {
541
+ background-color: #311616;
542
+ border-color: #FD553E;
543
+ color: #FD553E;
544
+ }
545
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_warning__29pni {
546
+ background-color: #632E03;
547
+ border-color: #FD8F3E;
548
+ color: #FD8F3E;
549
+ }
550
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_info__PMCQH {
551
+ background-color: #80D9F3;
552
+ border-color: #80D9F3;
553
+ color: #203439;
554
+ }
555
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
556
+ background-color: #B1E02C;
557
+ border-color: #B1E02C;
558
+ color: #212A04;
559
+ }
560
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_low__57msG {
561
+ background-color: #E2E369;
562
+ border-color: #E2E369;
563
+ color: #353505;
564
+ }
565
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
566
+ background-color: #FD8F3E;
567
+ border-color: #FD8F3E;
568
+ color: #632E03;
569
+ }
570
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
571
+ background-color: #FD553E;
572
+ border-color: #FD553E;
573
+ color: #371A1A;
574
+ }
575
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
576
+ background-color: #EC515B;
577
+ border-color: #EC515B;
578
+ color: #311616;
579
+ }
580
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_information__gjuZe {
581
+ background-color: #02B3E6;
582
+ border-color: #02B3E6;
583
+ color: #203439;
584
+ }
585
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_success__M-mEI {
586
+ background-color: #30D136;
587
+ border-color: #30D136;
588
+ color: #212A04;
589
+ }
590
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
591
+ background-color: #FD553E;
592
+ border-color: #FD553E;
593
+ color: #311616;
594
+ }
595
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_error__fo8QB {
596
+ background-color: #FD553E;
597
+ border-color: #FD553E;
598
+ color: #311616;
599
+ }
600
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_warning__29pni {
601
+ background-color: #FD8F3E;
602
+ border-color: #FD8F3E;
603
+ color: #632E03;
496
604
  }
497
605
  :root {
498
606
  --divider-line: #4a4b4b;
@@ -590,76 +698,132 @@
590
698
  background-color: #090A0A;
591
699
  color: #F4F4F4;
592
700
  }
701
+ .flowLayout-module_flowLayout__VHpnY {
702
+ overflow: auto;
703
+ }
704
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
705
+ display: flex;
706
+ width: 100%;
707
+ min-width: 0;
708
+ }
709
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
710
+ display: flex;
711
+ width: 100%;
712
+ min-width: 0;
713
+ }
593
714
  :root {
594
715
  --divider-line: #4a4b4b;
595
716
  }
596
717
 
597
- .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
718
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
598
719
  overflow: hidden !important;
599
720
  }
600
721
 
601
- .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
722
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
602
723
  white-space: nowrap !important;
603
724
  }
604
725
 
605
- .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
726
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
606
727
  text-overflow: ellipsis !important;
607
728
  }
608
729
 
609
- .typography-module_headline__b0XlP {
610
- font-size: 28px;
611
- line-height: 32px;
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);
612
740
  }
613
-
614
- .typography-module_headlineSecondary__IDnhT {
615
- font-size: 24px;
616
- line-height: 28px;
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;
617
744
  }
618
-
619
- .typography-module_headlineTertiary__mlG-v {
620
- font-size: 18px;
621
- line-height: 24x;
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;
622
754
  }
623
-
624
- .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
625
- font-size: 14px;
626
- line-height: 18px;
627
- font-weight: 300;
755
+ .tooltip-module_popover-tooltip__sAhKa[data-show] {
756
+ opacity: 1;
757
+ visibility: visible;
628
758
  }
629
-
630
- .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
631
- font-size: 12px;
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;
632
795
  }
633
796
 
634
- .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
635
- font-weight: 600;
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;
636
810
  }
637
811
 
638
- .typography-module_link__DWurf {
639
- overflow: hidden !important;
640
- white-space: nowrap !important;
641
- text-overflow: ellipsis !important;
642
- text-decoration: none;
643
- color: #65C5F6;
644
- display: inline;
645
- gap: 4px;
646
- flex-grow: 0;
647
- max-width: 400px;
648
- position: relative;
649
- vertical-align: center;
812
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
813
+ background-color: #1B1D1D;
814
+ color: #F4F4F4;
650
815
  }
651
- .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
652
- text-decoration: underline;
653
- color: #65C5F6;
816
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
817
+ border-color: #1B1D1D transparent transparent transparent;
654
818
  }
655
- .typography-module_link__DWurf.typography-module_disabled__hjK8C {
656
- pointer-events: none;
657
- opacity: 0.6;
819
+ .cui-theme-light {
820
+ color: #1B1D1D;
658
821
  }
659
- .textAndContent-module_textAndContent__X5P1n {
660
- align-items: baseline;
661
- flex-shrink: 1;
662
- gap: 8px;
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;
663
827
  }
664
828
  :root {
665
829
  --divider-line: #4a4b4b;