@e1011/es-kit 1.1.82 → 1.1.84

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 (21) hide show
  1. package/dist/hooks/esm/index.css +420 -420
  2. package/dist/hooks/index.css +420 -420
  3. package/dist/lib/cjs/src/core/ui/components/container/layoutBox/LayoutBox.js +1 -1
  4. package/dist/lib/cjs/src/core/ui/components/container/layoutBox/LayoutBox.js.map +1 -1
  5. package/dist/lib/cjs/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  6. package/dist/lib/esm/src/core/ui/components/container/layoutBox/LayoutBox.js +1 -1
  7. package/dist/lib/esm/src/core/ui/components/container/layoutBox/LayoutBox.js.map +1 -1
  8. package/dist/lib/esm/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  9. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  10. package/dist/types/src/core/ui/components/container/layoutBox/LayoutBox.d.ts.map +1 -1
  11. package/dist/types/src/core/ui/components/container/layoutBox/layoutBox.types.d.ts +2 -4
  12. package/dist/types/src/core/ui/components/container/layoutBox/layoutBox.types.d.ts.map +1 -1
  13. package/dist/ui/esm/src/core/ui/components/container/layoutBox/LayoutBox.js +1 -1
  14. package/dist/ui/esm/src/core/ui/components/container/layoutBox/LayoutBox.js.map +1 -1
  15. package/dist/ui/esm/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  16. package/dist/ui/src/core/ui/components/container/layoutBox/LayoutBox.js +1 -1
  17. package/dist/ui/src/core/ui/components/container/layoutBox/LayoutBox.js.map +1 -1
  18. package/dist/ui/src/core/ui/components/container/layoutBox/layoutBox.types.js.map +1 -1
  19. package/dist/utils/esm/index.css +420 -420
  20. package/dist/utils/index.css +420 -420
  21. package/package.json +1 -1
@@ -1,3 +1,52 @@
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
+ .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
+ }
1
50
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
2
51
  transform-origin: 0% 0%;
3
52
  opacity: 0;
@@ -31,55 +80,6 @@
31
80
  max-width: var(--prop-value);
32
81
  opacity: 1;
33
82
  }
34
- .divider-module_divider-line__6CesR {
35
- position: relative;
36
- display: block;
37
- transition: opacity, width, height 250ms ease-in-out;
38
- background-color: var(--color);
39
- opacity: var(--opacity);
40
- }
41
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
42
- height: var(--length);
43
- left: var(--left);
44
- width: var(--width);
45
- margin: var(--margin);
46
- }
47
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
48
- width: var(--length);
49
- left: var(--left);
50
- height: var(--height);
51
- margin: var(--margin);
52
- }
53
- .icon-module_icon-base-parent__nOMvW {
54
- line-height: 1px !important;
55
- }
56
-
57
- .icon-module_icon-base__S0tHf {
58
- min-width: var(--min-width);
59
- min-height: var(--min-height);
60
- width: var(--width) !important;
61
- height: var(--height) !important;
62
- line-height: 1px !important;
63
- background-color: var(--icon-color);
64
- color: var(--icon-content-color);
65
- background-repeat: no-repeat;
66
- mask-image: var(--icon-url);
67
- -webkit-mask-image: var(--icon-url);
68
- mask-repeat: no-repeat;
69
- -webkit-mask-repeat: no-repeat;
70
- mask-size: contain;
71
- -webkit-mask-size: contain;
72
- mask-position: center;
73
- -webkit-mask-position: center;
74
- display: inline-block;
75
- will-change: transform;
76
- transform: translate3d(0, 0, 0);
77
- }
78
- .icon-module_icon-base__S0tHf svg {
79
- fill: var(--icon-content-color);
80
- width: var(--height);
81
- height: var(--width);
82
- }
83
83
  .field-module_field__UfKm3 {
84
84
  opacity: 1;
85
85
  pointer-events: auto;
@@ -163,6 +163,30 @@
163
163
  .errorBoundary-module_StyledIcon__IYHiU {
164
164
  margin-right: 10px;
165
165
  }
166
+ .layoutBox-module_layout-box__ZIID8 {
167
+ display: flex;
168
+ position: relative;
169
+ flex-direction: row;
170
+ flex: 0;
171
+ flex-grow: 0;
172
+ flex-shrink: 0;
173
+ flex-basis: auto;
174
+ flex-wrap: nowrap;
175
+ gap: 0;
176
+ text-align: left;
177
+ justify-content: flex-start;
178
+ align-items: flex-start;
179
+ align-self: auto;
180
+ margin: 0;
181
+ padding: 0;
182
+ width: auto;
183
+ height: auto;
184
+ max-width: none;
185
+ max-height: none;
186
+ min-width: 0;
187
+ min-height: 0;
188
+ border-radius: initial;
189
+ }
166
190
  .lazyComponent-module_loader__brMEW {
167
191
  position: relative;
168
192
  width: 100px;
@@ -206,275 +230,76 @@
206
230
  stroke-dashoffset: -124;
207
231
  }
208
232
  }
209
- .layoutBox-module_layout-box__ZIID8 {
210
- display: flex;
211
- position: relative;
212
- flex-direction: row;
213
- flex: 0;
214
- flex-grow: 0;
215
- flex-shrink: 0;
216
- flex-basis: auto;
217
- flex-wrap: nowrap;
218
- gap: 0;
219
- text-align: left;
220
- justify-content: flex-start;
221
- align-items: flex-start;
222
- align-self: auto;
223
- margin: 0;
224
- padding: 0;
225
- width: auto;
226
- height: auto;
227
- max-width: none;
228
- max-height: none;
229
- min-width: 0;
230
- min-height: 0;
231
- border-radius: initial;
232
- }
233
233
  :root {
234
234
  --divider-line: #4a4b4b;
235
235
  }
236
236
 
237
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
237
+ .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
238
238
  overflow: hidden !important;
239
239
  }
240
240
 
241
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
241
+ .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
242
242
  white-space: nowrap !important;
243
243
  }
244
244
 
245
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
245
+ .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
246
246
  text-overflow: ellipsis !important;
247
247
  }
248
248
 
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;
262
- }
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));
276
- }
277
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
278
- margin-bottom: 0;
279
- }
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);
284
- }
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;
290
- }
291
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
292
- background-color: #FFEA00;
293
- }
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;
300
- }
301
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
302
- overflow-y: auto;
303
- }
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;
315
- pointer-events: none;
316
- }
317
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
318
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
249
+ .typography-module_headline__b0XlP {
250
+ font-size: 28px;
251
+ line-height: 32px;
319
252
  }
320
253
 
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;
254
+ .typography-module_headlineSecondary__IDnhT {
255
+ font-size: 24px;
256
+ line-height: 28px;
328
257
  }
329
- :root {
330
- --divider-line: #4a4b4b;
258
+
259
+ .typography-module_headlineTertiary__mlG-v {
260
+ font-size: 18px;
261
+ line-height: 24x;
331
262
  }
332
263
 
333
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
334
- overflow: hidden !important;
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;
335
268
  }
336
269
 
337
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
338
- white-space: nowrap !important;
270
+ .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
271
+ font-size: 12px;
339
272
  }
340
273
 
341
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
342
- text-overflow: ellipsis !important;
274
+ .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
275
+ font-weight: 600;
343
276
  }
344
277
 
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);
355
- }
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;
359
- }
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;
369
- }
370
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
371
- opacity: 1;
372
- visibility: visible;
373
- }
374
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
375
- opacity: 0;
376
- visibility: hidden;
377
- }
378
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
379
- bottom: -16px;
380
- }
381
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
382
- transform: rotate(0deg);
383
- }
384
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
385
- top: -16px;
386
- }
387
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
388
- transform: rotate(180deg);
389
- }
390
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
391
- right: -16px;
392
- }
393
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
394
- transform: rotate(-90deg);
395
- }
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
- .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;
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;
455
290
  }
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;
291
+ .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
292
+ text-decoration: underline;
293
+ color: #65C5F6;
470
294
  }
471
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
472
- opacity: 1;
473
- visibility: visible;
295
+ .typography-module_link__DWurf.typography-module_disabled__hjK8C {
296
+ pointer-events: none;
297
+ opacity: 0.6;
474
298
  }
475
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
476
- opacity: 0;
477
- visibility: hidden;
299
+ .textAndContent-module_textAndContent__X5P1n {
300
+ align-items: baseline;
301
+ flex-shrink: 1;
302
+ gap: 8px;
478
303
  }
479
304
  :root {
480
305
  --divider-line: #4a4b4b;
@@ -610,80 +435,121 @@
610
435
  --divider-line: #4a4b4b;
611
436
  }
612
437
 
613
- .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
438
+ .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
614
439
  overflow: hidden !important;
615
440
  }
616
441
 
617
- .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
442
+ .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
618
443
  white-space: nowrap !important;
619
444
  }
620
445
 
621
- .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
446
+ .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
622
447
  text-overflow: ellipsis !important;
623
448
  }
624
449
 
625
- .typography-module_headline__b0XlP {
626
- font-size: 28px;
627
- line-height: 32px;
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;
628
458
  }
629
-
630
- .typography-module_headlineSecondary__IDnhT {
631
- font-size: 24px;
632
- line-height: 28px;
459
+ .toggle-module_toggle__p1Ep4 input {
460
+ opacity: 0;
461
+ width: 0;
462
+ height: 0;
633
463
  }
634
-
635
- .typography-module_headlineTertiary__mlG-v {
636
- font-size: 18px;
637
- line-height: 24x;
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;
638
478
  }
639
-
640
- .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
641
- font-size: 14px;
642
- line-height: 18px;
643
- font-weight: 300;
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%;
644
489
  }
645
-
646
- .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
647
- font-size: 12px;
490
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
491
+ background-color: #282A2A;
492
+ border-color: #282A2A;
648
493
  }
649
-
650
- .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
651
- font-weight: 600;
494
+ .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
495
+ box-shadow: 0 0 1px 1px #282A2A;
652
496
  }
653
-
654
- .typography-module_link__DWurf {
655
- overflow: hidden !important;
656
- white-space: nowrap !important;
657
- text-overflow: ellipsis !important;
658
- text-decoration: none;
659
- color: #65C5F6;
660
- display: inline;
661
- gap: 4px;
662
- flex-grow: 0;
663
- max-width: 400px;
664
- position: relative;
665
- vertical-align: center;
497
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
498
+ transform: translateX(24px);
666
499
  }
667
- .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
668
- text-decoration: underline;
669
- color: #65C5F6;
500
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
501
+ opacity: 0.65;
670
502
  }
671
- .typography-module_link__DWurf.typography-module_disabled__hjK8C {
503
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
672
504
  pointer-events: none;
673
- opacity: 0.6;
674
- }
675
- :root {
676
- --divider-line: #4a4b4b;
677
- }
678
-
679
- .tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
680
- overflow: hidden !important;
681
505
  }
682
-
683
- .tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
684
- white-space: nowrap !important;
506
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
507
+ cursor: not-allowed;
685
508
  }
686
-
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;
514
+ height: 100%;
515
+ top: 0;
516
+ 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;
534
+ }
535
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
536
+ background-color: #F4F4F4;
537
+ }
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);
540
+ }
541
+ :root {
542
+ --divider-line: #4a4b4b;
543
+ }
544
+
545
+ .tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
546
+ overflow: hidden !important;
547
+ }
548
+
549
+ .tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
550
+ white-space: nowrap !important;
551
+ }
552
+
687
553
  .tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
688
554
  text-overflow: ellipsis !important;
689
555
  }
@@ -836,117 +702,251 @@
836
702
  border-color: #FD8F3E;
837
703
  color: #632E03;
838
704
  }
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;
727
+ }
839
728
  :root {
840
729
  --divider-line: #4a4b4b;
841
730
  }
842
731
 
843
- .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
732
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
844
733
  overflow: hidden !important;
845
734
  }
846
735
 
847
- .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
736
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
848
737
  white-space: nowrap !important;
849
738
  }
850
739
 
851
- .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
740
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
852
741
  text-overflow: ellipsis !important;
853
742
  }
854
743
 
855
- .toggle-module_toggle__p1Ep4 {
856
- display: inline-block;
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 {
857
759
  position: relative;
858
- max-width: 48px;
859
- max-height: 24px;
860
- width: 48px;
861
- height: 24px;
862
- border-radius: 16px !important;
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));
863
771
  }
864
- .toggle-module_toggle__p1Ep4 input {
865
- opacity: 0;
866
- width: 0;
867
- height: 0;
772
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
773
+ margin-bottom: 0;
868
774
  }
869
- .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
870
- box-sizing: border-box;
871
- position: absolute;
775
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
872
776
  cursor: pointer;
873
- width: 48px;
874
- height: 24px;
875
- top: 0;
876
- left: 0;
877
- right: 0;
878
- bottom: 0;
879
- background-color: transparent;
880
- border: 1px solid #F4F4F4;
881
- transition: transform, background-color 0.4s ease;
882
- border-radius: 16px;
777
+ line-height: 1px;
778
+ background-color: rgba(255, 255, 255, 0);
883
779
  }
884
- .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
885
- position: absolute;
886
- content: "";
887
- height: 20px;
888
- width: 20px;
889
- left: 1px;
890
- bottom: 1px;
891
- background-color: #F4F4F4;
892
- transition: transform 0.4s ease;
893
- border-radius: 50%;
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;
894
785
  }
895
- .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
896
- background-color: #282A2A;
897
- border-color: #282A2A;
786
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
787
+ background-color: #FFEA00;
898
788
  }
899
- .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
900
- box-shadow: 0 0 1px 1px #282A2A;
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;
901
795
  }
902
- .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
903
- transform: translateX(24px);
796
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
797
+ overflow-y: auto;
904
798
  }
905
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
906
- opacity: 0.65;
799
+ .popup-module_popup-container__PJ0oQ[data-show] {
800
+ opacity: 1;
801
+ visibility: visible;
802
+ pointer-events: all;
907
803
  }
908
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
804
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
805
+ transform: translateX(0) translateY(0);
806
+ }
807
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
808
+ opacity: 0;
809
+ visibility: hidden;
909
810
  pointer-events: none;
910
811
  }
911
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
912
- cursor: not-allowed;
812
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
813
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
913
814
  }
914
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
915
- content: " ";
916
- z-index: -1;
917
- display: block;
815
+
816
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
817
+ background-color: #090A0A;
818
+ color: #F4F4F4;
819
+ }
820
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
821
+ background-color: #090A0A;
822
+ color: #F4F4F4;
823
+ }
824
+ .flowLayout-module_flowLayout__VHpnY {
825
+ overflow: auto;
826
+ }
827
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
828
+ display: flex;
829
+ width: 100%;
830
+ min-width: 0;
831
+ }
832
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
833
+ display: flex;
834
+ width: 100%;
835
+ min-width: 0;
836
+ }
837
+ :root {
838
+ --divider-line: #4a4b4b;
839
+ }
840
+
841
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
842
+ overflow: hidden !important;
843
+ }
844
+
845
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
846
+ white-space: nowrap !important;
847
+ }
848
+
849
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
850
+ text-overflow: ellipsis !important;
851
+ }
852
+
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;
881
+ }
882
+ .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
883
+ opacity: 0;
884
+ visibility: hidden;
885
+ }
886
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
887
+ bottom: -16px;
888
+ }
889
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
890
+ transform: rotate(0deg);
891
+ }
892
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
893
+ top: -16px;
894
+ }
895
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
896
+ transform: rotate(180deg);
897
+ }
898
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
899
+ right: -16px;
900
+ }
901
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
902
+ transform: rotate(-90deg);
903
+ }
904
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
905
+ left: -16px;
906
+ }
907
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
908
+ transform: rotate(90deg);
909
+ }
910
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
918
911
  position: absolute;
919
- height: 100%;
920
- top: 0;
921
- left: 0;
922
- right: 0;
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;
923
918
  }
924
919
 
925
- .cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
926
- background-color: #003A4C;
920
+ .tooltip-module_close-button__o8OBN {
921
+ cursor: pointer;
922
+ line-height: 1px;
923
+ background-color: rgba(255, 255, 255, 0);
927
924
  }
928
- .cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
929
- background-color: rgb(38.0475, 39.8525, 39.8525);
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
930
  }
931
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
932
- border-color: rgb(32.4, 41.4, 41.4);
931
+ .tooltip-module_close-button__o8OBN:hover .icon-base {
932
+ background-color: #FFEA00;
933
933
  }
934
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
935
- background-color: rgba(40, 42, 42, 0.05);
934
+
935
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
936
+ background-color: #1B1D1D;
937
+ color: #F4F4F4;
936
938
  }
937
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
938
- background-color: #282A2A;
939
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
940
+ border-color: #1B1D1D transparent transparent transparent;
939
941
  }
940
- .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
941
- background-color: #F4F4F4;
942
+ .cui-theme-light {
943
+ color: #1B1D1D;
942
944
  }
943
- .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
944
- background-color: rgb(54.7902439024, 70.0097560976, 70.0097560976);
945
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
946
+ background-color: #515757;
945
947
  }
946
- .textAndContent-module_textAndContent__X5P1n {
947
- align-items: baseline;
948
- flex-shrink: 1;
949
- gap: 8px;
948
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
949
+ border-color: #515757 transparent transparent transparent;
950
950
  }
951
951
  :root {
952
952
  --divider-line: #4a4b4b;