@e1011/es-kit 1.1.60 → 1.1.62

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 (33) hide show
  1. package/dist/hooks/esm/index.css +413 -397
  2. package/dist/hooks/index.css +413 -397
  3. package/dist/lib/cjs/index.css +16 -0
  4. package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js +1 -1
  5. package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js.map +1 -1
  6. package/dist/lib/cjs/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
  7. package/dist/lib/cjs/src/core/ui/components/field/Field.js +1 -1
  8. package/dist/lib/cjs/src/core/ui/components/field/Field.js.map +1 -1
  9. package/dist/lib/esm/index.css +16 -0
  10. package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js +1 -1
  11. package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
  12. package/dist/lib/esm/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
  13. package/dist/lib/esm/src/core/ui/components/field/Field.js +1 -1
  14. package/dist/lib/esm/src/core/ui/components/field/Field.js.map +1 -1
  15. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  16. package/dist/types/src/core/ui/components/atoms/button/Button.d.ts.map +1 -1
  17. package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts.map +1 -1
  18. package/dist/types/src/core/ui/components/atoms/text/Typography.stories.d.ts.map +1 -1
  19. package/dist/ui/esm/index.css +16 -0
  20. package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js +1 -1
  21. package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
  22. package/dist/ui/esm/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
  23. package/dist/ui/esm/src/core/ui/components/field/Field.js +1 -1
  24. package/dist/ui/esm/src/core/ui/components/field/Field.js.map +1 -1
  25. package/dist/ui/index.css +16 -0
  26. package/dist/ui/src/core/ui/components/atoms/button/Button.js +1 -1
  27. package/dist/ui/src/core/ui/components/atoms/button/Button.js.map +1 -1
  28. package/dist/ui/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
  29. package/dist/ui/src/core/ui/components/field/Field.js +1 -1
  30. package/dist/ui/src/core/ui/components/field/Field.js.map +1 -1
  31. package/dist/utils/esm/index.css +413 -397
  32. package/dist/utils/index.css +413 -397
  33. package/package.json +1 -1
@@ -1,32 +1,35 @@
1
- .icon-module_icon-base-parent__nOMvW {
2
- line-height: 1px !important;
1
+ .CollapsibleContainer-module_collapsible-container__u0Jmm {
2
+ transform-origin: 0% 0%;
3
+ opacity: 0;
4
+ overflow: clip;
3
5
  }
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);
6
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
7
+ transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
8
+ will-change: opacity, height, max-height;
25
9
  }
26
- .icon-module_icon-base__S0tHf svg {
27
- fill: var(--icon-content-color);
28
- width: var(--height);
29
- height: var(--width);
10
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
11
+ height: 0;
12
+ max-height: 0;
13
+ opacity: 0;
14
+ }
15
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
16
+ height: var(--prop-value);
17
+ max-height: var(--prop-value);
18
+ opacity: 1;
19
+ }
20
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
21
+ transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
22
+ will-change: opacity, width, max-width;
23
+ }
24
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
25
+ width: 0;
26
+ max-width: 0;
27
+ opacity: 0;
28
+ }
29
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
30
+ width: var(--prop-value);
31
+ max-width: var(--prop-value);
32
+ opacity: 1;
30
33
  }
31
34
  .field-module_field__UfKm3 {
32
35
  opacity: 1;
@@ -102,39 +105,6 @@
102
105
  .field-module_field__UfKm3 label {
103
106
  text-align: left;
104
107
  }
105
- .CollapsibleContainer-module_collapsible-container__u0Jmm {
106
- transform-origin: 0% 0%;
107
- opacity: 0;
108
- overflow: clip;
109
- }
110
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
111
- transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
112
- will-change: opacity, height, max-height;
113
- }
114
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
115
- height: 0;
116
- max-height: 0;
117
- opacity: 0;
118
- }
119
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
120
- height: var(--prop-value);
121
- max-height: var(--prop-value);
122
- opacity: 1;
123
- }
124
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
125
- transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
126
- will-change: opacity, width, max-width;
127
- }
128
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
129
- width: 0;
130
- max-width: 0;
131
- opacity: 0;
132
- }
133
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
134
- width: var(--prop-value);
135
- max-width: var(--prop-value);
136
- opacity: 1;
137
- }
138
108
  .errorBoundary-module_errorBoundary__gk9ps {
139
109
  background: #EFEFEF;
140
110
  width: 100%;
@@ -163,6 +133,36 @@
163
133
  height: var(--height);
164
134
  margin: var(--margin);
165
135
  }
136
+ .icon-module_icon-base-parent__nOMvW {
137
+ line-height: 1px !important;
138
+ }
139
+
140
+ .icon-module_icon-base__S0tHf {
141
+ min-width: var(--min-width);
142
+ min-height: var(--min-height);
143
+ width: var(--width) !important;
144
+ height: var(--height) !important;
145
+ line-height: 1px !important;
146
+ background-color: var(--icon-color);
147
+ color: var(--icon-content-color);
148
+ background-repeat: no-repeat;
149
+ mask-image: var(--icon-url);
150
+ -webkit-mask-image: var(--icon-url);
151
+ mask-repeat: no-repeat;
152
+ -webkit-mask-repeat: no-repeat;
153
+ mask-size: contain;
154
+ -webkit-mask-size: contain;
155
+ mask-position: center;
156
+ -webkit-mask-position: center;
157
+ display: inline-block;
158
+ will-change: transform;
159
+ transform: translate3d(0, 0, 0);
160
+ }
161
+ .icon-module_icon-base__S0tHf svg {
162
+ fill: var(--icon-content-color);
163
+ width: var(--height);
164
+ height: var(--width);
165
+ }
166
166
  .layoutBox-module_layout-box__ZIID8 {
167
167
  display: flex;
168
168
  position: relative;
@@ -230,77 +230,6 @@
230
230
  stroke-dashoffset: -124;
231
231
  }
232
232
  }
233
- .textAndContent-module_textAndContent__X5P1n {
234
- align-items: baseline;
235
- flex-shrink: 1;
236
- gap: 8px;
237
- }
238
- :root {
239
- --divider-line: #4a4b4b;
240
- }
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;
303
- }
304
233
  :root {
305
234
  --divider-line: #4a4b4b;
306
235
  }
@@ -363,6 +292,19 @@
363
292
  .button-module_button__NDMQS.button-module_warning__MdmiZ.button-module_transparent__zbeBu {
364
293
  border: 1px solid #FFCC3D !important;
365
294
  }
295
+ .button-module_button__NDMQS.button-module_link__e-4Fu {
296
+ border: none !important;
297
+ background-color: transparent !important;
298
+ background: transparent !important;
299
+ }
300
+ .button-module_button__NDMQS.button-module_link__e-4Fu:hover {
301
+ border: none !important;
302
+ background-color: transparent !important;
303
+ background: transparent !important;
304
+ }
305
+ .button-module_button__NDMQS.button-module_link__e-4Fu:hover * {
306
+ text-decoration: underline !important;
307
+ }
366
308
  .button-module_button__NDMQS.button-module_transparent__zbeBu {
367
309
  border: none !important;
368
310
  background-color: transparent !important;
@@ -403,6 +345,9 @@
403
345
  .button-module_button__NDMQS:hover.button-module_animated__gLwPl {
404
346
  transform: scale(1.2);
405
347
  }
348
+ .button-module_button__NDMQS:hover.button-module_transparent__zbeBu {
349
+ background-color: rgba(197, 197, 197, 0.1254901961) !important;
350
+ }
406
351
  .button-module_button__NDMQS.button-module_disabled__hEydO {
407
352
  user-select: none;
408
353
  pointer-events: none;
@@ -415,275 +360,41 @@
415
360
  .cui-theme-light .button-module_button__NDMQS {
416
361
  color: #090A0A;
417
362
  }
363
+ .textAndContent-module_textAndContent__X5P1n {
364
+ align-items: baseline;
365
+ flex-shrink: 1;
366
+ gap: 8px;
367
+ }
418
368
  :root {
419
369
  --divider-line: #4a4b4b;
420
370
  }
421
371
 
422
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
372
+ .tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
423
373
  overflow: hidden !important;
424
374
  }
425
375
 
426
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
376
+ .tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
427
377
  white-space: nowrap !important;
428
378
  }
429
379
 
430
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
380
+ .tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
431
381
  text-overflow: ellipsis !important;
432
382
  }
433
383
 
434
- .popup-module_popup-container__PJ0oQ {
435
- --popup-width: 60vw;
436
- --popup-height: 50vh;
437
- position: fixed;
438
- width: var(--popup-width);
439
- height: var(--popup-height);
440
- --slideXFrom: 0;
441
- --slideYFrom: 0;
442
- will-change: opacity;
443
- transition: opacity 300ms ease-in-out;
444
- opacity: 0;
445
- visibility: hidden;
446
- pointer-events: none;
447
- }
448
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
449
- position: relative;
450
- flex-direction: column;
451
- align-items: start;
452
- width: 100%;
453
- height: 100%;
454
- overflow-x: clip;
455
- background-color: #090A0A;
384
+ .tag-module_tag__rGA-E {
385
+ display: inline-flex;
386
+ flex-direction: row;
387
+ flex-shrink: 1;
388
+ padding: 4px 8px;
389
+ gap: 4px;
390
+ min-height: 18px;
456
391
  border-radius: 4px;
457
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
458
- transition: transform 350ms ease-out;
459
- will-change: transform;
460
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
392
+ border-width: 1px;
393
+ border-style: solid;
394
+ align-items: center;
461
395
  }
462
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
463
- margin-bottom: 0;
464
- }
465
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
466
- cursor: pointer;
467
- line-height: 1px;
468
- background-color: rgba(255, 255, 255, 0);
469
- }
470
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
471
- background-color: #FDDA0D;
472
- width: 9px !important;
473
- height: 9px !important;
474
- line-height: 1px !important;
475
- }
476
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
477
- background-color: #FFEA00;
478
- }
479
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
480
- width: 100%;
481
- height: 100%;
482
- padding: 24px;
483
- overflow-y: auto;
484
- display: flex;
485
- }
486
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
487
- overflow-y: auto;
488
- }
489
- .popup-module_popup-container__PJ0oQ[data-show] {
490
- opacity: 1;
491
- visibility: visible;
492
- pointer-events: all;
493
- }
494
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
495
- transform: translateX(0) translateY(0);
496
- }
497
- .popup-module_popup-container__PJ0oQ[data-show=false] {
498
- opacity: 0;
499
- visibility: hidden;
500
- pointer-events: none;
501
- }
502
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
503
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
504
- }
505
-
506
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
507
- background-color: #090A0A;
508
- color: #F4F4F4;
509
- }
510
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
511
- background-color: #090A0A;
512
- color: #F4F4F4;
513
- }
514
- .popup-overlay-module_popup-modal-overlay__dlJqM {
515
- z-index: 1;
516
- position: fixed;
517
- width: 100%;
518
- height: 100%;
519
- top: 0;
520
- left: 0;
521
- background: rgba(40, 80, 120, 0.8) !important;
522
- pointer-events: all;
523
- user-select: none;
524
- will-change: opacity;
525
- transition: opacity 450ms ease-in-out;
526
- opacity: 0;
527
- visibility: hidden;
528
- }
529
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
530
- opacity: 1;
531
- visibility: visible;
532
- }
533
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
534
- opacity: 0;
535
- visibility: hidden;
536
- }
537
- :root {
538
- --divider-line: #4a4b4b;
539
- }
540
-
541
- .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
542
- overflow: hidden !important;
543
- }
544
-
545
- .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
546
- white-space: nowrap !important;
547
- }
548
-
549
- .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
550
- text-overflow: ellipsis !important;
551
- }
552
-
553
- .toggle-module_toggle__p1Ep4 {
554
- display: inline-block;
555
- position: relative;
556
- max-width: 48px;
557
- max-height: 24px;
558
- width: 48px;
559
- height: 24px;
560
- border-radius: 16px !important;
561
- }
562
- .toggle-module_toggle__p1Ep4 input {
563
- opacity: 0;
564
- width: 0;
565
- height: 0;
566
- }
567
- .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
568
- box-sizing: border-box;
569
- position: absolute;
570
- cursor: pointer;
571
- width: 48px;
572
- height: 24px;
573
- top: 0;
574
- left: 0;
575
- right: 0;
576
- bottom: 0;
577
- background-color: transparent;
578
- border: 1px solid #F4F4F4;
579
- transition: transform, background-color 0.4s ease;
580
- border-radius: 16px;
581
- }
582
- .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
583
- position: absolute;
584
- content: "";
585
- height: 20px;
586
- width: 20px;
587
- left: 1px;
588
- bottom: 1px;
589
- background-color: #F4F4F4;
590
- transition: transform 0.4s ease;
591
- border-radius: 50%;
592
- }
593
- .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
594
- background-color: #282A2A;
595
- border-color: #282A2A;
596
- }
597
- .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
598
- box-shadow: 0 0 1px 1px #282A2A;
599
- }
600
- .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
601
- transform: translateX(24px);
602
- }
603
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
604
- opacity: 0.65;
605
- }
606
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
607
- pointer-events: none;
608
- }
609
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
610
- cursor: not-allowed;
611
- }
612
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
613
- content: " ";
614
- z-index: -1;
615
- display: block;
616
- position: absolute;
617
- height: 100%;
618
- top: 0;
619
- left: 0;
620
- right: 0;
621
- }
622
-
623
- .cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
624
- background-color: #003A4C;
625
- }
626
- .cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
627
- background-color: #262828;
628
- }
629
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
630
- border-color: #202929;
631
- }
632
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
633
- background-color: rgba(40, 42, 42, 0.05);
634
- }
635
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
636
- background-color: #282A2A;
637
- }
638
- .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
639
- background-color: #F4F4F4;
640
- }
641
- .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
642
- background-color: #374646;
643
- }
644
- .flowLayout-module_flowLayout__VHpnY {
645
- overflow: auto;
646
- }
647
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
648
- display: flex;
649
- width: 100%;
650
- min-width: 0;
651
- }
652
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
653
- display: flex;
654
- width: 100%;
655
- min-width: 0;
656
- }
657
- :root {
658
- --divider-line: #4a4b4b;
659
- }
660
-
661
- .tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
662
- overflow: hidden !important;
663
- }
664
-
665
- .tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
666
- white-space: nowrap !important;
667
- }
668
-
669
- .tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
670
- text-overflow: ellipsis !important;
671
- }
672
-
673
- .tag-module_tag__rGA-E {
674
- display: inline-flex;
675
- flex-direction: row;
676
- flex-shrink: 1;
677
- padding: 4px 8px;
678
- gap: 4px;
679
- min-height: 18px;
680
- border-radius: 4px;
681
- border-width: 1px;
682
- border-style: solid;
683
- align-items: center;
684
- }
685
- .tag-module_tag__rGA-E .icon-base {
686
- color: #E2E369 !important;
396
+ .tag-module_tag__rGA-E .icon-base {
397
+ color: #E2E369 !important;
687
398
  }
688
399
  .tag-module_tag__rGA-E .tag-module_text__WpK6w {
689
400
  white-space: nowrap;
@@ -818,36 +529,211 @@
818
529
  border-color: #FD8F3E;
819
530
  color: #632E03;
820
531
  }
532
+ .flowLayout-module_flowLayout__VHpnY {
533
+ overflow: auto;
534
+ }
535
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
536
+ display: flex;
537
+ width: 100%;
538
+ min-width: 0;
539
+ }
540
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
541
+ display: flex;
542
+ width: 100%;
543
+ min-width: 0;
544
+ }
821
545
  :root {
822
546
  --divider-line: #4a4b4b;
823
547
  }
824
548
 
825
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
549
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
826
550
  overflow: hidden !important;
827
551
  }
828
552
 
829
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
553
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
830
554
  white-space: nowrap !important;
831
555
  }
832
556
 
833
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
557
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
834
558
  text-overflow: ellipsis !important;
835
559
  }
836
560
 
837
- .tooltip-module_popover-tooltip__sAhKa {
561
+ .popup-module_popup-container__PJ0oQ {
562
+ --popup-width: 60vw;
563
+ --popup-height: 50vh;
838
564
  position: fixed;
839
- z-index: 999;
565
+ width: var(--popup-width);
566
+ height: var(--popup-height);
567
+ --slideXFrom: 0;
568
+ --slideYFrom: 0;
840
569
  will-change: opacity;
841
- transition: opacity 450ms ease;
570
+ transition: opacity 300ms ease-in-out;
842
571
  opacity: 0;
843
572
  visibility: hidden;
844
- border-radius: 4px;
845
- background-color: #1B1D1D;
846
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
573
+ pointer-events: none;
847
574
  }
848
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
849
- margin: 0;
850
- padding: 0;
575
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
576
+ position: relative;
577
+ flex-direction: column;
578
+ align-items: start;
579
+ width: 100%;
580
+ height: 100%;
581
+ overflow-x: clip;
582
+ background-color: #090A0A;
583
+ border-radius: 4px;
584
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
585
+ transition: transform 350ms ease-out;
586
+ will-change: transform;
587
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
588
+ }
589
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
590
+ margin-bottom: 0;
591
+ }
592
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
593
+ cursor: pointer;
594
+ line-height: 1px;
595
+ background-color: rgba(255, 255, 255, 0);
596
+ }
597
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
598
+ background-color: #FDDA0D;
599
+ width: 9px !important;
600
+ height: 9px !important;
601
+ line-height: 1px !important;
602
+ }
603
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
604
+ background-color: #FFEA00;
605
+ }
606
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
607
+ width: 100%;
608
+ height: 100%;
609
+ padding: 24px;
610
+ overflow-y: auto;
611
+ display: flex;
612
+ }
613
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
614
+ overflow-y: auto;
615
+ }
616
+ .popup-module_popup-container__PJ0oQ[data-show] {
617
+ opacity: 1;
618
+ visibility: visible;
619
+ pointer-events: all;
620
+ }
621
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
622
+ transform: translateX(0) translateY(0);
623
+ }
624
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
625
+ opacity: 0;
626
+ visibility: hidden;
627
+ pointer-events: none;
628
+ }
629
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
630
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
631
+ }
632
+
633
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
634
+ background-color: #090A0A;
635
+ color: #F4F4F4;
636
+ }
637
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
638
+ background-color: #090A0A;
639
+ color: #F4F4F4;
640
+ }
641
+ :root {
642
+ --divider-line: #4a4b4b;
643
+ }
644
+
645
+ .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
646
+ overflow: hidden !important;
647
+ }
648
+
649
+ .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
650
+ white-space: nowrap !important;
651
+ }
652
+
653
+ .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
654
+ text-overflow: ellipsis !important;
655
+ }
656
+
657
+ .typography-module_headline__b0XlP {
658
+ font-size: 28px;
659
+ line-height: 32px;
660
+ }
661
+
662
+ .typography-module_headlineSecondary__IDnhT {
663
+ font-size: 24px;
664
+ line-height: 28px;
665
+ }
666
+
667
+ .typography-module_headlineTertiary__mlG-v {
668
+ font-size: 18px;
669
+ line-height: 24x;
670
+ }
671
+
672
+ .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
673
+ font-size: 14px;
674
+ line-height: 18px;
675
+ font-weight: 300;
676
+ }
677
+
678
+ .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
679
+ font-size: 12px;
680
+ }
681
+
682
+ .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
683
+ font-weight: 600;
684
+ }
685
+
686
+ .typography-module_link__DWurf {
687
+ overflow: hidden !important;
688
+ white-space: nowrap !important;
689
+ text-overflow: ellipsis !important;
690
+ text-decoration: none;
691
+ color: #65C5F6;
692
+ display: inline;
693
+ gap: 4px;
694
+ flex-grow: 0;
695
+ max-width: 400px;
696
+ position: relative;
697
+ vertical-align: center;
698
+ }
699
+ .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
700
+ text-decoration: underline;
701
+ color: #65C5F6;
702
+ }
703
+ .typography-module_link__DWurf.typography-module_disabled__hjK8C {
704
+ pointer-events: none;
705
+ opacity: 0.6;
706
+ }
707
+ :root {
708
+ --divider-line: #4a4b4b;
709
+ }
710
+
711
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
712
+ overflow: hidden !important;
713
+ }
714
+
715
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
716
+ white-space: nowrap !important;
717
+ }
718
+
719
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
720
+ text-overflow: ellipsis !important;
721
+ }
722
+
723
+ .tooltip-module_popover-tooltip__sAhKa {
724
+ position: fixed;
725
+ z-index: 999;
726
+ will-change: opacity;
727
+ transition: opacity 450ms ease;
728
+ opacity: 0;
729
+ visibility: hidden;
730
+ border-radius: 4px;
731
+ background-color: #1B1D1D;
732
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
733
+ }
734
+ .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
735
+ margin: 0;
736
+ padding: 0;
851
737
  }
852
738
  .tooltip-module_popover-tooltip__sAhKa p {
853
739
  display: -webkit-box;
@@ -932,6 +818,136 @@
932
818
  .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
933
819
  border-color: #515757 transparent transparent transparent;
934
820
  }
821
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
822
+ z-index: 1;
823
+ position: fixed;
824
+ width: 100%;
825
+ height: 100%;
826
+ top: 0;
827
+ left: 0;
828
+ background: rgba(40, 80, 120, 0.8) !important;
829
+ pointer-events: all;
830
+ user-select: none;
831
+ will-change: opacity;
832
+ transition: opacity 450ms ease-in-out;
833
+ opacity: 0;
834
+ visibility: hidden;
835
+ }
836
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
837
+ opacity: 1;
838
+ visibility: visible;
839
+ }
840
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
841
+ opacity: 0;
842
+ visibility: hidden;
843
+ }
844
+ :root {
845
+ --divider-line: #4a4b4b;
846
+ }
847
+
848
+ .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
849
+ overflow: hidden !important;
850
+ }
851
+
852
+ .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
853
+ white-space: nowrap !important;
854
+ }
855
+
856
+ .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
857
+ text-overflow: ellipsis !important;
858
+ }
859
+
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;
868
+ }
869
+ .toggle-module_toggle__p1Ep4 input {
870
+ opacity: 0;
871
+ width: 0;
872
+ height: 0;
873
+ }
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
+ }
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%;
899
+ }
900
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
901
+ background-color: #282A2A;
902
+ border-color: #282A2A;
903
+ }
904
+ .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
905
+ box-shadow: 0 0 1px 1px #282A2A;
906
+ }
907
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
908
+ transform: translateX(24px);
909
+ }
910
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
911
+ opacity: 0.65;
912
+ }
913
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
914
+ pointer-events: none;
915
+ }
916
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
917
+ cursor: not-allowed;
918
+ }
919
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
920
+ content: " ";
921
+ z-index: -1;
922
+ display: block;
923
+ position: absolute;
924
+ height: 100%;
925
+ top: 0;
926
+ left: 0;
927
+ right: 0;
928
+ }
929
+
930
+ .cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
931
+ background-color: #003A4C;
932
+ }
933
+ .cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
934
+ background-color: #262828;
935
+ }
936
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
937
+ border-color: #202929;
938
+ }
939
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
940
+ background-color: rgba(40, 42, 42, 0.05);
941
+ }
942
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
943
+ background-color: #282A2A;
944
+ }
945
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
946
+ background-color: #F4F4F4;
947
+ }
948
+ .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
949
+ background-color: #374646;
950
+ }
935
951
  :root {
936
952
  --divider-line: #4a4b4b;
937
953
  }