@e1011/es-kit 1.1.84 → 1.1.86

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 (39) hide show
  1. package/dist/hooks/esm/index.css +403 -403
  2. package/dist/hooks/index.css +403 -403
  3. package/dist/lib/cjs/src/core/ui/components/atoms/icons.js +1 -1
  4. package/dist/lib/cjs/src/core/ui/components/atoms/icons.js.map +1 -1
  5. package/dist/lib/cjs/src/core/ui/components/atoms/text/Text.js +1 -1
  6. package/dist/lib/cjs/src/core/ui/components/atoms/text/Text.js.map +1 -1
  7. package/dist/lib/cjs/src/core/ui/components/error/ErrorBoundary.js.map +1 -1
  8. package/dist/lib/cjs/src/core/ui/components/molecules/popover/PopoverLite.js +1 -1
  9. package/dist/lib/cjs/src/core/ui/components/molecules/popover/PopoverLite.js.map +1 -1
  10. package/dist/lib/esm/src/core/ui/components/atoms/icons.js +1 -1
  11. package/dist/lib/esm/src/core/ui/components/atoms/icons.js.map +1 -1
  12. package/dist/lib/esm/src/core/ui/components/atoms/text/Text.js +1 -1
  13. package/dist/lib/esm/src/core/ui/components/atoms/text/Text.js.map +1 -1
  14. package/dist/lib/esm/src/core/ui/components/error/ErrorBoundary.js.map +1 -1
  15. package/dist/lib/esm/src/core/ui/components/molecules/popover/PopoverLite.js +1 -1
  16. package/dist/lib/esm/src/core/ui/components/molecules/popover/PopoverLite.js.map +1 -1
  17. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  18. package/dist/types/src/core/ui/components/atoms/icons.d.ts.map +1 -1
  19. package/dist/types/src/core/ui/components/atoms/text/Text.d.ts.map +1 -1
  20. package/dist/types/src/core/ui/components/error/ErrorBoundary.d.ts +2 -2
  21. package/dist/types/src/core/ui/components/error/ErrorBoundary.d.ts.map +1 -1
  22. package/dist/types/src/core/ui/components/molecules/popover/PopoverLite.d.ts.map +1 -1
  23. package/dist/ui/esm/src/core/ui/components/atoms/icons.js +1 -1
  24. package/dist/ui/esm/src/core/ui/components/atoms/icons.js.map +1 -1
  25. package/dist/ui/esm/src/core/ui/components/atoms/text/Text.js +1 -1
  26. package/dist/ui/esm/src/core/ui/components/atoms/text/Text.js.map +1 -1
  27. package/dist/ui/esm/src/core/ui/components/error/ErrorBoundary.js.map +1 -1
  28. package/dist/ui/esm/src/core/ui/components/molecules/popover/PopoverLite.js +1 -1
  29. package/dist/ui/esm/src/core/ui/components/molecules/popover/PopoverLite.js.map +1 -1
  30. package/dist/ui/src/core/ui/components/atoms/icons.js +1 -1
  31. package/dist/ui/src/core/ui/components/atoms/icons.js.map +1 -1
  32. package/dist/ui/src/core/ui/components/atoms/text/Text.js +1 -1
  33. package/dist/ui/src/core/ui/components/atoms/text/Text.js.map +1 -1
  34. package/dist/ui/src/core/ui/components/error/ErrorBoundary.js.map +1 -1
  35. package/dist/ui/src/core/ui/components/molecules/popover/PopoverLite.js +1 -1
  36. package/dist/ui/src/core/ui/components/molecules/popover/PopoverLite.js.map +1 -1
  37. package/dist/utils/esm/index.css +403 -403
  38. package/dist/utils/index.css +403 -403
  39. package/package.json +3 -4
@@ -28,24 +28,14 @@
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);
31
+ .errorBoundary-module_errorBoundary__gk9ps {
32
+ background: #EFEFEF;
33
+ width: 100%;
34
+ height: 100%;
43
35
  }
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);
36
+
37
+ .errorBoundary-module_StyledIcon__IYHiU {
38
+ margin-right: 10px;
49
39
  }
50
40
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
51
41
  transform-origin: 0% 0%;
@@ -154,14 +144,24 @@
154
144
  .field-module_field__UfKm3 label {
155
145
  text-align: left;
156
146
  }
157
- .errorBoundary-module_errorBoundary__gk9ps {
158
- background: #EFEFEF;
159
- width: 100%;
160
- height: 100%;
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);
161
153
  }
162
-
163
- .errorBoundary-module_StyledIcon__IYHiU {
164
- margin-right: 10px;
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
165
  }
166
166
  .layoutBox-module_layout-box__ZIID8 {
167
167
  display: flex;
@@ -234,143 +234,282 @@
234
234
  --divider-line: #4a4b4b;
235
235
  }
236
236
 
237
- .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
237
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
238
238
  overflow: hidden !important;
239
239
  }
240
240
 
241
- .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
241
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
242
242
  white-space: nowrap !important;
243
243
  }
244
244
 
245
- .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
245
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
246
246
  text-overflow: ellipsis !important;
247
247
  }
248
248
 
249
- .typography-module_headline__b0XlP {
250
- font-size: 28px;
251
- line-height: 32px;
249
+ .popup-module_popup-container__PJ0oQ {
250
+ --popup-width: 60vw;
251
+ --popup-height: 50vh;
252
+ position: fixed;
253
+ width: var(--popup-width);
254
+ height: var(--popup-height);
255
+ --slideXFrom: 0;
256
+ --slideYFrom: 0;
257
+ will-change: opacity;
258
+ transition: opacity 300ms ease-in-out;
259
+ opacity: 0;
260
+ visibility: hidden;
261
+ pointer-events: none;
252
262
  }
253
-
254
- .typography-module_headlineSecondary__IDnhT {
255
- font-size: 24px;
256
- line-height: 28px;
263
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
264
+ position: relative;
265
+ flex-direction: column;
266
+ align-items: start;
267
+ width: 100%;
268
+ height: 100%;
269
+ overflow-x: clip;
270
+ background-color: #090A0A;
271
+ border-radius: 4px;
272
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
273
+ transition: transform 350ms ease-out;
274
+ will-change: transform;
275
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
257
276
  }
258
-
259
- .typography-module_headlineTertiary__mlG-v {
260
- font-size: 18px;
261
- line-height: 24x;
277
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
278
+ margin-bottom: 0;
262
279
  }
263
-
264
- .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
265
- font-size: 14px;
266
- line-height: 18px;
267
- font-weight: 300;
280
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
281
+ cursor: pointer;
282
+ line-height: 1px;
283
+ background-color: rgba(255, 255, 255, 0);
268
284
  }
269
-
270
- .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
271
- font-size: 12px;
285
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
286
+ background-color: #FDDA0D;
287
+ width: 9px !important;
288
+ height: 9px !important;
289
+ line-height: 1px !important;
272
290
  }
273
-
274
- .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
275
- font-weight: 600;
291
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
292
+ background-color: #FFEA00;
276
293
  }
277
-
278
- .typography-module_link__DWurf {
279
- overflow: hidden !important;
280
- white-space: nowrap !important;
281
- text-overflow: ellipsis !important;
282
- text-decoration: none;
283
- color: #65C5F6;
284
- display: inline;
285
- gap: 4px;
286
- flex-grow: 0;
287
- max-width: 400px;
288
- position: relative;
289
- vertical-align: center;
294
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
295
+ width: 100%;
296
+ height: 100%;
297
+ padding: 24px;
298
+ overflow-y: auto;
299
+ display: flex;
290
300
  }
291
- .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
292
- text-decoration: underline;
293
- color: #65C5F6;
301
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
302
+ overflow-y: auto;
294
303
  }
295
- .typography-module_link__DWurf.typography-module_disabled__hjK8C {
304
+ .popup-module_popup-container__PJ0oQ[data-show] {
305
+ opacity: 1;
306
+ visibility: visible;
307
+ pointer-events: all;
308
+ }
309
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
310
+ transform: translateX(0) translateY(0);
311
+ }
312
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
313
+ opacity: 0;
314
+ visibility: hidden;
296
315
  pointer-events: none;
297
- opacity: 0.6;
298
316
  }
299
- .textAndContent-module_textAndContent__X5P1n {
300
- align-items: baseline;
301
- flex-shrink: 1;
302
- gap: 8px;
317
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
318
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
319
+ }
320
+
321
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
322
+ background-color: #090A0A;
323
+ color: #F4F4F4;
324
+ }
325
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
326
+ background-color: #090A0A;
327
+ color: #F4F4F4;
303
328
  }
304
329
  :root {
305
330
  --divider-line: #4a4b4b;
306
331
  }
307
332
 
308
- .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
333
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
309
334
  overflow: hidden !important;
310
335
  }
311
336
 
312
- .button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
337
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
313
338
  white-space: nowrap !important;
314
339
  }
315
340
 
316
- .button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
341
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
317
342
  text-overflow: ellipsis !important;
318
343
  }
319
344
 
320
- .button-module_button__NDMQS {
321
- border: none;
322
- color: #090A0A;
323
- padding: 0.5rem 1rem;
324
- text-align: center;
325
- text-decoration: none;
326
- font-size: 1rem;
327
- overflow: hidden;
328
- display: flex;
329
- align-items: center;
330
- justify-content: center;
331
- min-width: "auto";
332
- width: "auto";
333
- user-select: all;
334
- pointer-events: auto;
335
- cursor: pointer;
345
+ .tooltip-module_popover-tooltip__sAhKa {
346
+ position: fixed;
347
+ z-index: 999;
348
+ will-change: opacity;
349
+ transition: opacity 450ms ease;
350
+ opacity: 0;
351
+ visibility: hidden;
352
+ border-radius: 4px;
353
+ background-color: #1B1D1D;
354
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
336
355
  }
337
- .button-module_button__NDMQS > span {
338
- overflow: hidden;
339
- white-space: nowrap;
340
- display: inline-block;
356
+ .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
357
+ margin: 0;
358
+ padding: 0;
341
359
  }
342
- .button-module_button__NDMQS.button-module_info__O6gEW {
343
- background-color: #2D8EFF;
360
+ .tooltip-module_popover-tooltip__sAhKa p {
361
+ display: -webkit-box;
362
+ -webkit-line-clamp: 4; /* number of lines to show */
363
+ line-clamp: 4;
364
+ -webkit-box-orient: vertical;
365
+ margin: 0;
366
+ width: 100%;
367
+ white-space: normal;
368
+ overflow: auto;
344
369
  }
345
- .button-module_button__NDMQS.button-module_info__O6gEW.button-module_transparent__zbeBu {
346
- border: 1px solid #2D8EFF !important;
370
+ .tooltip-module_popover-tooltip__sAhKa[data-show] {
371
+ opacity: 1;
372
+ visibility: visible;
347
373
  }
348
- .button-module_button__NDMQS.button-module_success__gM25y {
349
- background-color: #13CE66;
374
+ .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
375
+ opacity: 0;
376
+ visibility: hidden;
350
377
  }
351
- .button-module_button__NDMQS.button-module_success__gM25y.button-module_transparent__zbeBu {
352
- border: 1px solid #13CE66 !important;
378
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
379
+ bottom: -16px;
353
380
  }
354
- .button-module_button__NDMQS.button-module_error__q9qqo {
355
- background-color: #FF4949;
381
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
382
+ transform: rotate(0deg);
356
383
  }
357
- .button-module_button__NDMQS.button-module_error__q9qqo.button-module_transparent__zbeBu {
358
- border: 1px solid #FF4949 !important;
384
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
385
+ top: -16px;
359
386
  }
360
- .button-module_button__NDMQS.button-module_warning__MdmiZ {
361
- background-color: #FFCC3D;
387
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
388
+ transform: rotate(180deg);
362
389
  }
363
- .button-module_button__NDMQS.button-module_warning__MdmiZ.button-module_transparent__zbeBu {
364
- border: 1px solid #FFCC3D !important;
390
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
391
+ right: -16px;
365
392
  }
366
- .button-module_button__NDMQS.button-module_link__e-4Fu {
367
- border: none !important;
368
- background-color: transparent !important;
369
- background: transparent !important;
393
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
394
+ transform: rotate(-90deg);
370
395
  }
371
- .button-module_button__NDMQS.button-module_link__e-4Fu:hover {
372
- border: none !important;
373
- background-color: transparent !important;
396
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
397
+ left: -16px;
398
+ }
399
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
400
+ transform: rotate(90deg);
401
+ }
402
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
403
+ position: absolute;
404
+ }
405
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
406
+ content: "";
407
+ border-width: 8px;
408
+ border-style: solid;
409
+ border-color: #1B1D1D transparent transparent transparent;
410
+ }
411
+
412
+ .tooltip-module_close-button__o8OBN {
413
+ cursor: pointer;
414
+ line-height: 1px;
415
+ background-color: rgba(255, 255, 255, 0);
416
+ }
417
+ .tooltip-module_close-button__o8OBN .icon-base {
418
+ background-color: #FDDA0D;
419
+ width: 9px !important;
420
+ height: 9px !important;
421
+ line-height: 1px !important;
422
+ }
423
+ .tooltip-module_close-button__o8OBN:hover .icon-base {
424
+ background-color: #FFEA00;
425
+ }
426
+
427
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
428
+ background-color: #1B1D1D;
429
+ color: #F4F4F4;
430
+ }
431
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
432
+ border-color: #1B1D1D transparent transparent transparent;
433
+ }
434
+ .cui-theme-light {
435
+ color: #1B1D1D;
436
+ }
437
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
438
+ background-color: #515757;
439
+ }
440
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
441
+ border-color: #515757 transparent transparent transparent;
442
+ }
443
+ :root {
444
+ --divider-line: #4a4b4b;
445
+ }
446
+
447
+ .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
448
+ overflow: hidden !important;
449
+ }
450
+
451
+ .button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
452
+ white-space: nowrap !important;
453
+ }
454
+
455
+ .button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
456
+ text-overflow: ellipsis !important;
457
+ }
458
+
459
+ .button-module_button__NDMQS {
460
+ border: none;
461
+ color: #090A0A;
462
+ padding: 0.5rem 1rem;
463
+ text-align: center;
464
+ text-decoration: none;
465
+ font-size: 1rem;
466
+ overflow: hidden;
467
+ display: flex;
468
+ align-items: center;
469
+ justify-content: center;
470
+ min-width: "auto";
471
+ width: "auto";
472
+ user-select: all;
473
+ pointer-events: auto;
474
+ cursor: pointer;
475
+ }
476
+ .button-module_button__NDMQS > span {
477
+ overflow: hidden;
478
+ white-space: nowrap;
479
+ display: inline-block;
480
+ }
481
+ .button-module_button__NDMQS.button-module_info__O6gEW {
482
+ background-color: #2D8EFF;
483
+ }
484
+ .button-module_button__NDMQS.button-module_info__O6gEW.button-module_transparent__zbeBu {
485
+ border: 1px solid #2D8EFF !important;
486
+ }
487
+ .button-module_button__NDMQS.button-module_success__gM25y {
488
+ background-color: #13CE66;
489
+ }
490
+ .button-module_button__NDMQS.button-module_success__gM25y.button-module_transparent__zbeBu {
491
+ border: 1px solid #13CE66 !important;
492
+ }
493
+ .button-module_button__NDMQS.button-module_error__q9qqo {
494
+ background-color: #FF4949;
495
+ }
496
+ .button-module_button__NDMQS.button-module_error__q9qqo.button-module_transparent__zbeBu {
497
+ border: 1px solid #FF4949 !important;
498
+ }
499
+ .button-module_button__NDMQS.button-module_warning__MdmiZ {
500
+ background-color: #FFCC3D;
501
+ }
502
+ .button-module_button__NDMQS.button-module_warning__MdmiZ.button-module_transparent__zbeBu {
503
+ border: 1px solid #FFCC3D !important;
504
+ }
505
+ .button-module_button__NDMQS.button-module_link__e-4Fu {
506
+ border: none !important;
507
+ background-color: transparent !important;
508
+ background: transparent !important;
509
+ }
510
+ .button-module_button__NDMQS.button-module_link__e-4Fu:hover {
511
+ border: none !important;
512
+ background-color: transparent !important;
374
513
  background: transparent !important;
375
514
  }
376
515
  .button-module_button__NDMQS.button-module_link__e-4Fu:hover * {
@@ -431,112 +570,41 @@
431
570
  .cui-theme-light .button-module_button__NDMQS {
432
571
  color: #090A0A;
433
572
  }
434
- :root {
435
- --divider-line: #4a4b4b;
436
- }
437
-
438
- .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
439
- overflow: hidden !important;
440
- }
441
-
442
- .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
443
- white-space: nowrap !important;
444
- }
445
-
446
- .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
447
- text-overflow: ellipsis !important;
448
- }
449
-
450
- .toggle-module_toggle__p1Ep4 {
451
- display: inline-block;
452
- position: relative;
453
- max-width: 48px;
454
- max-height: 24px;
455
- width: 48px;
456
- height: 24px;
457
- border-radius: 16px !important;
458
- }
459
- .toggle-module_toggle__p1Ep4 input {
460
- opacity: 0;
461
- width: 0;
462
- height: 0;
463
- }
464
- .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
465
- box-sizing: border-box;
466
- position: absolute;
467
- cursor: pointer;
468
- width: 48px;
469
- height: 24px;
470
- top: 0;
471
- left: 0;
472
- right: 0;
473
- bottom: 0;
474
- background-color: transparent;
475
- border: 1px solid #F4F4F4;
476
- transition: transform, background-color 0.4s ease;
477
- border-radius: 16px;
478
- }
479
- .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
480
- position: absolute;
481
- content: "";
482
- height: 20px;
483
- width: 20px;
484
- left: 1px;
485
- bottom: 1px;
486
- background-color: #F4F4F4;
487
- transition: transform 0.4s ease;
488
- border-radius: 50%;
489
- }
490
- .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
491
- background-color: #282A2A;
492
- border-color: #282A2A;
493
- }
494
- .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
495
- box-shadow: 0 0 1px 1px #282A2A;
496
- }
497
- .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
498
- transform: translateX(24px);
499
- }
500
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
501
- opacity: 0.65;
573
+ .flowLayout-module_flowLayout__VHpnY {
574
+ overflow: auto;
502
575
  }
503
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
504
- pointer-events: none;
576
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
577
+ display: flex;
578
+ width: 100%;
579
+ min-width: 0;
505
580
  }
506
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
507
- cursor: not-allowed;
581
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
582
+ display: flex;
583
+ width: 100%;
584
+ min-width: 0;
508
585
  }
509
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
510
- content: " ";
511
- z-index: -1;
512
- display: block;
513
- position: absolute;
586
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
587
+ z-index: 1;
588
+ position: fixed;
589
+ width: 100%;
514
590
  height: 100%;
515
591
  top: 0;
516
592
  left: 0;
517
- right: 0;
518
- }
519
-
520
- .cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
521
- background-color: #003A4C;
522
- }
523
- .cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
524
- background-color: rgb(38.0475, 39.8525, 39.8525);
525
- }
526
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
527
- border-color: rgb(32.4, 41.4, 41.4);
528
- }
529
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
530
- background-color: rgba(40, 42, 42, 0.05);
531
- }
532
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
533
- background-color: #282A2A;
593
+ background: rgba(40, 80, 120, 0.8) !important;
594
+ pointer-events: all;
595
+ user-select: none;
596
+ will-change: opacity;
597
+ transition: opacity 450ms ease-in-out;
598
+ opacity: 0;
599
+ visibility: hidden;
534
600
  }
535
- .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
536
- background-color: #F4F4F4;
601
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
602
+ opacity: 1;
603
+ visibility: visible;
537
604
  }
538
- .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
539
- background-color: rgb(54.7902439024, 70.0097560976, 70.0097560976);
605
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
606
+ opacity: 0;
607
+ visibility: hidden;
540
608
  }
541
609
  :root {
542
610
  --divider-line: #4a4b4b;
@@ -702,251 +770,183 @@
702
770
  border-color: #FD8F3E;
703
771
  color: #632E03;
704
772
  }
705
- .popup-overlay-module_popup-modal-overlay__dlJqM {
706
- z-index: 1;
707
- position: fixed;
708
- width: 100%;
709
- height: 100%;
710
- top: 0;
711
- left: 0;
712
- background: rgba(40, 80, 120, 0.8) !important;
713
- pointer-events: all;
714
- user-select: none;
715
- will-change: opacity;
716
- transition: opacity 450ms ease-in-out;
717
- opacity: 0;
718
- visibility: hidden;
719
- }
720
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
721
- opacity: 1;
722
- visibility: visible;
723
- }
724
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
725
- opacity: 0;
726
- visibility: hidden;
773
+ .textAndContent-module_textAndContent__X5P1n {
774
+ align-items: baseline;
775
+ flex-shrink: 1;
776
+ gap: 8px;
727
777
  }
728
778
  :root {
729
779
  --divider-line: #4a4b4b;
730
780
  }
731
781
 
732
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
782
+ .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
733
783
  overflow: hidden !important;
734
784
  }
735
785
 
736
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
786
+ .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
737
787
  white-space: nowrap !important;
738
788
  }
739
789
 
740
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
790
+ .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
741
791
  text-overflow: ellipsis !important;
742
792
  }
743
793
 
744
- .popup-module_popup-container__PJ0oQ {
745
- --popup-width: 60vw;
746
- --popup-height: 50vh;
747
- position: fixed;
748
- width: var(--popup-width);
749
- height: var(--popup-height);
750
- --slideXFrom: 0;
751
- --slideYFrom: 0;
752
- will-change: opacity;
753
- transition: opacity 300ms ease-in-out;
754
- opacity: 0;
755
- visibility: hidden;
756
- pointer-events: none;
757
- }
758
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
759
- position: relative;
760
- flex-direction: column;
761
- align-items: start;
762
- width: 100%;
763
- height: 100%;
764
- overflow-x: clip;
765
- background-color: #090A0A;
766
- border-radius: 4px;
767
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
768
- transition: transform 350ms ease-out;
769
- will-change: transform;
770
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
771
- }
772
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
773
- margin-bottom: 0;
774
- }
775
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
776
- cursor: pointer;
777
- line-height: 1px;
778
- background-color: rgba(255, 255, 255, 0);
779
- }
780
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
781
- background-color: #FDDA0D;
782
- width: 9px !important;
783
- height: 9px !important;
784
- line-height: 1px !important;
785
- }
786
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
787
- background-color: #FFEA00;
788
- }
789
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
790
- width: 100%;
791
- height: 100%;
792
- padding: 24px;
793
- overflow-y: auto;
794
- display: flex;
795
- }
796
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
797
- overflow-y: auto;
798
- }
799
- .popup-module_popup-container__PJ0oQ[data-show] {
800
- opacity: 1;
801
- visibility: visible;
802
- pointer-events: all;
794
+ .typography-module_headline__b0XlP {
795
+ font-size: 28px;
796
+ line-height: 32px;
803
797
  }
804
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
805
- transform: translateX(0) translateY(0);
798
+
799
+ .typography-module_headlineSecondary__IDnhT {
800
+ font-size: 24px;
801
+ line-height: 28px;
806
802
  }
807
- .popup-module_popup-container__PJ0oQ[data-show=false] {
808
- opacity: 0;
809
- visibility: hidden;
810
- pointer-events: none;
803
+
804
+ .typography-module_headlineTertiary__mlG-v {
805
+ font-size: 18px;
806
+ line-height: 24x;
811
807
  }
812
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
813
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
808
+
809
+ .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
810
+ font-size: 14px;
811
+ line-height: 18px;
812
+ font-weight: 300;
814
813
  }
815
814
 
816
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
817
- background-color: #090A0A;
818
- color: #F4F4F4;
815
+ .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
816
+ font-size: 12px;
819
817
  }
820
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
821
- background-color: #090A0A;
822
- color: #F4F4F4;
818
+
819
+ .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
820
+ font-weight: 600;
823
821
  }
824
- .flowLayout-module_flowLayout__VHpnY {
825
- overflow: auto;
822
+
823
+ .typography-module_link__DWurf {
824
+ overflow: hidden !important;
825
+ white-space: nowrap !important;
826
+ text-overflow: ellipsis !important;
827
+ text-decoration: none;
828
+ color: #65C5F6;
829
+ display: inline;
830
+ gap: 4px;
831
+ flex-grow: 0;
832
+ max-width: 400px;
833
+ position: relative;
834
+ vertical-align: center;
826
835
  }
827
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
828
- display: flex;
829
- width: 100%;
830
- min-width: 0;
836
+ .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
837
+ text-decoration: underline;
838
+ color: #65C5F6;
831
839
  }
832
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
833
- display: flex;
834
- width: 100%;
835
- min-width: 0;
840
+ .typography-module_link__DWurf.typography-module_disabled__hjK8C {
841
+ pointer-events: none;
842
+ opacity: 0.6;
836
843
  }
837
844
  :root {
838
845
  --divider-line: #4a4b4b;
839
846
  }
840
847
 
841
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
848
+ .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
842
849
  overflow: hidden !important;
843
850
  }
844
851
 
845
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
852
+ .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
846
853
  white-space: nowrap !important;
847
854
  }
848
855
 
849
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
856
+ .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
850
857
  text-overflow: ellipsis !important;
851
858
  }
852
859
 
853
- .tooltip-module_popover-tooltip__sAhKa {
854
- position: fixed;
855
- z-index: 999;
856
- will-change: opacity;
857
- transition: opacity 450ms ease;
858
- opacity: 0;
859
- visibility: hidden;
860
- border-radius: 4px;
861
- background-color: #1B1D1D;
862
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
863
- }
864
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
865
- margin: 0;
866
- padding: 0;
867
- }
868
- .tooltip-module_popover-tooltip__sAhKa p {
869
- display: -webkit-box;
870
- -webkit-line-clamp: 4; /* number of lines to show */
871
- line-clamp: 4;
872
- -webkit-box-orient: vertical;
873
- margin: 0;
874
- width: 100%;
875
- white-space: normal;
876
- overflow: auto;
877
- }
878
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
879
- opacity: 1;
880
- visibility: visible;
860
+ .toggle-module_toggle__p1Ep4 {
861
+ display: inline-block;
862
+ position: relative;
863
+ max-width: 48px;
864
+ max-height: 24px;
865
+ width: 48px;
866
+ height: 24px;
867
+ border-radius: 16px !important;
881
868
  }
882
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
869
+ .toggle-module_toggle__p1Ep4 input {
883
870
  opacity: 0;
884
- visibility: hidden;
871
+ width: 0;
872
+ height: 0;
885
873
  }
886
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
887
- bottom: -16px;
874
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
875
+ box-sizing: border-box;
876
+ position: absolute;
877
+ cursor: pointer;
878
+ width: 48px;
879
+ height: 24px;
880
+ top: 0;
881
+ left: 0;
882
+ right: 0;
883
+ bottom: 0;
884
+ background-color: transparent;
885
+ border: 1px solid #F4F4F4;
886
+ transition: transform, background-color 0.4s ease;
887
+ border-radius: 16px;
888
888
  }
889
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
890
- transform: rotate(0deg);
889
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
890
+ position: absolute;
891
+ content: "";
892
+ height: 20px;
893
+ width: 20px;
894
+ left: 1px;
895
+ bottom: 1px;
896
+ background-color: #F4F4F4;
897
+ transition: transform 0.4s ease;
898
+ border-radius: 50%;
891
899
  }
892
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
893
- top: -16px;
900
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
901
+ background-color: #282A2A;
902
+ border-color: #282A2A;
894
903
  }
895
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
896
- transform: rotate(180deg);
904
+ .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
905
+ box-shadow: 0 0 1px 1px #282A2A;
897
906
  }
898
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
899
- right: -16px;
907
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
908
+ transform: translateX(24px);
900
909
  }
901
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
902
- transform: rotate(-90deg);
910
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
911
+ opacity: 0.65;
903
912
  }
904
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
905
- left: -16px;
913
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
914
+ pointer-events: none;
906
915
  }
907
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
908
- transform: rotate(90deg);
916
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
917
+ cursor: not-allowed;
909
918
  }
910
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
919
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
920
+ content: " ";
921
+ z-index: -1;
922
+ display: block;
911
923
  position: absolute;
912
- }
913
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
914
- content: "";
915
- border-width: 8px;
916
- border-style: solid;
917
- border-color: #1B1D1D transparent transparent transparent;
924
+ height: 100%;
925
+ top: 0;
926
+ left: 0;
927
+ right: 0;
918
928
  }
919
929
 
920
- .tooltip-module_close-button__o8OBN {
921
- cursor: pointer;
922
- line-height: 1px;
923
- background-color: rgba(255, 255, 255, 0);
924
- }
925
- .tooltip-module_close-button__o8OBN .icon-base {
926
- background-color: #FDDA0D;
927
- width: 9px !important;
928
- height: 9px !important;
929
- line-height: 1px !important;
930
+ .cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
931
+ background-color: #003A4C;
930
932
  }
931
- .tooltip-module_close-button__o8OBN:hover .icon-base {
932
- background-color: #FFEA00;
933
+ .cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
934
+ background-color: rgb(38.0475, 39.8525, 39.8525);
933
935
  }
934
-
935
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
936
- background-color: #1B1D1D;
937
- color: #F4F4F4;
936
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
937
+ border-color: rgb(32.4, 41.4, 41.4);
938
938
  }
939
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
940
- border-color: #1B1D1D transparent transparent transparent;
939
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
940
+ background-color: rgba(40, 42, 42, 0.05);
941
941
  }
942
- .cui-theme-light {
943
- color: #1B1D1D;
942
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
943
+ background-color: #282A2A;
944
944
  }
945
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
946
- background-color: #515757;
945
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
946
+ background-color: #F4F4F4;
947
947
  }
948
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
949
- border-color: #515757 transparent transparent transparent;
948
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
949
+ background-color: rgb(54.7902439024, 70.0097560976, 70.0097560976);
950
950
  }
951
951
  :root {
952
952
  --divider-line: #4a4b4b;