@e1011/es-kit 1.1.50 → 1.1.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/hooks/esm/index.css +277 -277
  2. package/dist/hooks/index.css +277 -277
  3. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  4. package/dist/lib/cjs/src/core/ui/components/field/Field.js.map +1 -1
  5. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  6. package/dist/lib/esm/src/core/ui/components/field/Field.js.map +1 -1
  7. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  8. package/dist/types/src/core/index.d.ts +0 -1
  9. package/dist/types/src/core/index.d.ts.map +1 -1
  10. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts +1 -1
  11. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts.map +1 -1
  12. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts +1 -1
  13. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts.map +1 -1
  14. package/dist/types/src/core/ui/components/atoms/toggle/Toggle.d.ts +12 -0
  15. package/dist/types/src/core/ui/components/atoms/toggle/Toggle.d.ts.map +1 -0
  16. package/dist/types/src/core/ui/components/atoms/toggle/toggle.stories.d.ts +13 -0
  17. package/dist/types/src/core/ui/components/atoms/toggle/toggle.stories.d.ts.map +1 -0
  18. package/dist/types/src/core/ui/components/atoms/toggle/toggle.test.d.ts +5 -0
  19. package/dist/types/src/core/ui/components/atoms/toggle/toggle.test.d.ts.map +1 -0
  20. package/dist/types/src/core/ui/components/field/Field.d.ts +1 -0
  21. package/dist/types/src/core/ui/components/field/Field.d.ts.map +1 -1
  22. package/dist/types/src/core/ui/index.d.ts +1 -0
  23. package/dist/types/src/core/ui/index.d.ts.map +1 -1
  24. package/dist/types/src/core/ui/types/CommonProps.d.ts +4 -0
  25. package/dist/types/src/core/ui/types/CommonProps.d.ts.map +1 -1
  26. package/dist/types/src/core/ui/types/index.d.ts +2 -0
  27. package/dist/types/src/core/ui/types/index.d.ts.map +1 -0
  28. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  29. package/dist/ui/esm/src/core/ui/components/field/Field.js.map +1 -1
  30. package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  31. package/dist/ui/src/core/ui/components/field/Field.js.map +1 -1
  32. package/dist/utils/esm/index.css +277 -277
  33. package/dist/utils/index.css +277 -277
  34. package/package.json +1 -1
  35. package/dist/types/src/core/types/CommonProps.d.ts +0 -11
  36. package/dist/types/src/core/types/CommonProps.d.ts.map +0 -1
@@ -1,12 +1,3 @@
1
- .errorBoundary-module_errorBoundary__gk9ps {
2
- background: #EFEFEF;
3
- width: 100%;
4
- height: 100%;
5
- }
6
-
7
- .errorBoundary-module_StyledIcon__IYHiU {
8
- margin-right: 10px;
9
- }
10
1
  .icon-module_icon-base-parent__nOMvW {
11
2
  line-height: 1px !important;
12
3
  }
@@ -37,6 +28,34 @@
37
28
  width: var(--height);
38
29
  height: var(--width);
39
30
  }
31
+ .divider-module_divider-line__6CesR {
32
+ position: relative;
33
+ display: block;
34
+ transition: opacity, width, height 250ms ease-in-out;
35
+ background-color: var(--color);
36
+ opacity: var(--opacity);
37
+ }
38
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
39
+ height: var(--length);
40
+ left: var(--left);
41
+ width: var(--width);
42
+ margin: var(--margin);
43
+ }
44
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
45
+ width: var(--length);
46
+ left: var(--left);
47
+ height: var(--height);
48
+ margin: var(--margin);
49
+ }
50
+ .errorBoundary-module_errorBoundary__gk9ps {
51
+ background: #EFEFEF;
52
+ width: 100%;
53
+ height: 100%;
54
+ }
55
+
56
+ .errorBoundary-module_StyledIcon__IYHiU {
57
+ margin-right: 10px;
58
+ }
40
59
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
41
60
  transform-origin: 0% 0%;
42
61
  opacity: 0;
@@ -70,25 +89,6 @@
70
89
  max-width: var(--prop-value);
71
90
  opacity: 1;
72
91
  }
73
- .divider-module_divider-line__6CesR {
74
- position: relative;
75
- display: block;
76
- transition: opacity, width, height 250ms ease-in-out;
77
- background-color: var(--color);
78
- opacity: var(--opacity);
79
- }
80
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
81
- height: var(--length);
82
- left: var(--left);
83
- width: var(--width);
84
- margin: var(--margin);
85
- }
86
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
87
- width: var(--length);
88
- left: var(--left);
89
- height: var(--height);
90
- margin: var(--margin);
91
- }
92
92
  .field-module_field__UfKm3 {
93
93
  opacity: 1;
94
94
  pointer-events: auto;
@@ -230,10 +230,251 @@
230
230
  stroke-dashoffset: -124;
231
231
  }
232
232
  }
233
- .textAndContent-module_textAndContent__X5P1n {
234
- align-items: baseline;
235
- flex-shrink: 1;
236
- gap: 8px;
233
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
234
+ z-index: 1;
235
+ position: fixed;
236
+ width: 100%;
237
+ height: 100%;
238
+ top: 0;
239
+ left: 0;
240
+ background: rgba(40, 80, 120, 0.8) !important;
241
+ pointer-events: all;
242
+ user-select: none;
243
+ will-change: opacity;
244
+ transition: opacity 450ms ease-in-out;
245
+ opacity: 0;
246
+ visibility: hidden;
247
+ }
248
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
249
+ opacity: 1;
250
+ visibility: visible;
251
+ }
252
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
253
+ opacity: 0;
254
+ visibility: hidden;
255
+ }
256
+ :root {
257
+ --divider-line: #4a4b4b;
258
+ }
259
+
260
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
261
+ overflow: hidden !important;
262
+ }
263
+
264
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
265
+ white-space: nowrap !important;
266
+ }
267
+
268
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
269
+ text-overflow: ellipsis !important;
270
+ }
271
+
272
+ .popup-module_popup-container__PJ0oQ {
273
+ --popup-width: 60vw;
274
+ --popup-height: 50vh;
275
+ position: fixed;
276
+ width: var(--popup-width);
277
+ height: var(--popup-height);
278
+ --slideXFrom: 0;
279
+ --slideYFrom: 0;
280
+ will-change: opacity;
281
+ transition: opacity 300ms ease-in-out;
282
+ opacity: 0;
283
+ visibility: hidden;
284
+ pointer-events: none;
285
+ }
286
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
287
+ position: relative;
288
+ flex-direction: column;
289
+ align-items: start;
290
+ width: 100%;
291
+ height: 100%;
292
+ overflow-x: clip;
293
+ background-color: #090A0A;
294
+ border-radius: 4px;
295
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
296
+ transition: transform 350ms ease-out;
297
+ will-change: transform;
298
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
299
+ }
300
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
301
+ margin-bottom: 0;
302
+ }
303
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
304
+ cursor: pointer;
305
+ line-height: 1px;
306
+ background-color: rgba(255, 255, 255, 0);
307
+ }
308
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
309
+ background-color: #FDDA0D;
310
+ width: 9px !important;
311
+ height: 9px !important;
312
+ line-height: 1px !important;
313
+ }
314
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
315
+ background-color: #FFEA00;
316
+ }
317
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
318
+ width: 100%;
319
+ height: 100%;
320
+ padding: 24px;
321
+ overflow-y: auto;
322
+ display: flex;
323
+ }
324
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
325
+ overflow-y: auto;
326
+ }
327
+ .popup-module_popup-container__PJ0oQ[data-show] {
328
+ opacity: 1;
329
+ visibility: visible;
330
+ pointer-events: all;
331
+ }
332
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
333
+ transform: translateX(0) translateY(0);
334
+ }
335
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
336
+ opacity: 0;
337
+ visibility: hidden;
338
+ pointer-events: none;
339
+ }
340
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
341
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
342
+ }
343
+
344
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
345
+ background-color: #090A0A;
346
+ color: #F4F4F4;
347
+ }
348
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
349
+ background-color: #090A0A;
350
+ color: #F4F4F4;
351
+ }
352
+ :root {
353
+ --divider-line: #4a4b4b;
354
+ }
355
+
356
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
357
+ overflow: hidden !important;
358
+ }
359
+
360
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
361
+ white-space: nowrap !important;
362
+ }
363
+
364
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
365
+ text-overflow: ellipsis !important;
366
+ }
367
+
368
+ .tooltip-module_popover-tooltip__sAhKa {
369
+ position: fixed;
370
+ z-index: 999;
371
+ will-change: opacity;
372
+ transition: opacity 450ms ease;
373
+ opacity: 0;
374
+ visibility: hidden;
375
+ border-radius: 4px;
376
+ background-color: #1B1D1D;
377
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
378
+ }
379
+ .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
380
+ margin: 0;
381
+ padding: 0;
382
+ }
383
+ .tooltip-module_popover-tooltip__sAhKa p {
384
+ display: -webkit-box;
385
+ -webkit-line-clamp: 4; /* number of lines to show */
386
+ line-clamp: 4;
387
+ -webkit-box-orient: vertical;
388
+ margin: 0;
389
+ width: 100%;
390
+ white-space: normal;
391
+ overflow: auto;
392
+ }
393
+ .tooltip-module_popover-tooltip__sAhKa[data-show] {
394
+ opacity: 1;
395
+ visibility: visible;
396
+ }
397
+ .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
398
+ opacity: 0;
399
+ visibility: hidden;
400
+ }
401
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
402
+ bottom: -16px;
403
+ }
404
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
405
+ transform: rotate(0deg);
406
+ }
407
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
408
+ top: -16px;
409
+ }
410
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
411
+ transform: rotate(180deg);
412
+ }
413
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
414
+ right: -16px;
415
+ }
416
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
417
+ transform: rotate(-90deg);
418
+ }
419
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
420
+ left: -16px;
421
+ }
422
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
423
+ transform: rotate(90deg);
424
+ }
425
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
426
+ position: absolute;
427
+ }
428
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
429
+ content: "";
430
+ border-width: 8px;
431
+ border-style: solid;
432
+ border-color: #1B1D1D transparent transparent transparent;
433
+ }
434
+
435
+ .tooltip-module_close-button__o8OBN {
436
+ cursor: pointer;
437
+ line-height: 1px;
438
+ background-color: rgba(255, 255, 255, 0);
439
+ }
440
+ .tooltip-module_close-button__o8OBN .icon-base {
441
+ background-color: #FDDA0D;
442
+ width: 9px !important;
443
+ height: 9px !important;
444
+ line-height: 1px !important;
445
+ }
446
+ .tooltip-module_close-button__o8OBN:hover .icon-base {
447
+ background-color: #FFEA00;
448
+ }
449
+
450
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
451
+ background-color: #1B1D1D;
452
+ color: #F4F4F4;
453
+ }
454
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
455
+ border-color: #1B1D1D transparent transparent transparent;
456
+ }
457
+ .cui-theme-light {
458
+ color: #1B1D1D;
459
+ }
460
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
461
+ background-color: #515757;
462
+ }
463
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
464
+ border-color: #515757 transparent transparent transparent;
465
+ }
466
+ .flowLayout-module_flowLayout__VHpnY {
467
+ overflow: auto;
468
+ }
469
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
470
+ display: flex;
471
+ width: 100%;
472
+ min-width: 0;
473
+ }
474
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
475
+ display: flex;
476
+ width: 100%;
477
+ min-width: 0;
237
478
  }
238
479
  :root {
239
480
  --divider-line: #4a4b4b;
@@ -301,19 +542,6 @@
301
542
  pointer-events: none;
302
543
  opacity: 0.6;
303
544
  }
304
- .flowLayout-module_flowLayout__VHpnY {
305
- overflow: auto;
306
- }
307
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
308
- display: flex;
309
- width: 100%;
310
- min-width: 0;
311
- }
312
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
313
- display: flex;
314
- width: 100%;
315
- min-width: 0;
316
- }
317
545
  :root {
318
546
  --divider-line: #4a4b4b;
319
547
  }
@@ -592,238 +820,10 @@
592
820
  border-color: #FD8F3E;
593
821
  color: #632E03;
594
822
  }
595
- :root {
596
- --divider-line: #4a4b4b;
597
- }
598
-
599
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
600
- overflow: hidden !important;
601
- }
602
-
603
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
604
- white-space: nowrap !important;
605
- }
606
-
607
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
608
- text-overflow: ellipsis !important;
609
- }
610
-
611
- .tooltip-module_popover-tooltip__sAhKa {
612
- position: fixed;
613
- z-index: 999;
614
- will-change: opacity;
615
- transition: opacity 450ms ease;
616
- opacity: 0;
617
- visibility: hidden;
618
- border-radius: 4px;
619
- background-color: #1B1D1D;
620
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
621
- }
622
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
623
- margin: 0;
624
- padding: 0;
625
- }
626
- .tooltip-module_popover-tooltip__sAhKa p {
627
- display: -webkit-box;
628
- -webkit-line-clamp: 4; /* number of lines to show */
629
- line-clamp: 4;
630
- -webkit-box-orient: vertical;
631
- margin: 0;
632
- width: 100%;
633
- white-space: normal;
634
- overflow: auto;
635
- }
636
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
637
- opacity: 1;
638
- visibility: visible;
639
- }
640
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
641
- opacity: 0;
642
- visibility: hidden;
643
- }
644
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
645
- bottom: -16px;
646
- }
647
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
648
- transform: rotate(0deg);
649
- }
650
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
651
- top: -16px;
652
- }
653
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
654
- transform: rotate(180deg);
655
- }
656
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
657
- right: -16px;
658
- }
659
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
660
- transform: rotate(-90deg);
661
- }
662
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
663
- left: -16px;
664
- }
665
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
666
- transform: rotate(90deg);
667
- }
668
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
669
- position: absolute;
670
- }
671
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
672
- content: "";
673
- border-width: 8px;
674
- border-style: solid;
675
- border-color: #1B1D1D transparent transparent transparent;
676
- }
677
-
678
- .tooltip-module_close-button__o8OBN {
679
- cursor: pointer;
680
- line-height: 1px;
681
- background-color: rgba(255, 255, 255, 0);
682
- }
683
- .tooltip-module_close-button__o8OBN .icon-base {
684
- background-color: #FDDA0D;
685
- width: 9px !important;
686
- height: 9px !important;
687
- line-height: 1px !important;
688
- }
689
- .tooltip-module_close-button__o8OBN:hover .icon-base {
690
- background-color: #FFEA00;
691
- }
692
-
693
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
694
- background-color: #1B1D1D;
695
- color: #F4F4F4;
696
- }
697
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
698
- border-color: #1B1D1D transparent transparent transparent;
699
- }
700
- .cui-theme-light {
701
- color: #1B1D1D;
702
- }
703
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
704
- background-color: #515757;
705
- }
706
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
707
- border-color: #515757 transparent transparent transparent;
708
- }
709
- .popup-overlay-module_popup-modal-overlay__dlJqM {
710
- z-index: 1;
711
- position: fixed;
712
- width: 100%;
713
- height: 100%;
714
- top: 0;
715
- left: 0;
716
- background: rgba(40, 80, 120, 0.8) !important;
717
- pointer-events: all;
718
- user-select: none;
719
- will-change: opacity;
720
- transition: opacity 450ms ease-in-out;
721
- opacity: 0;
722
- visibility: hidden;
723
- }
724
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
725
- opacity: 1;
726
- visibility: visible;
727
- }
728
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
729
- opacity: 0;
730
- visibility: hidden;
731
- }
732
- :root {
733
- --divider-line: #4a4b4b;
734
- }
735
-
736
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
737
- overflow: hidden !important;
738
- }
739
-
740
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
741
- white-space: nowrap !important;
742
- }
743
-
744
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
745
- text-overflow: ellipsis !important;
746
- }
747
-
748
- .popup-module_popup-container__PJ0oQ {
749
- --popup-width: 60vw;
750
- --popup-height: 50vh;
751
- position: fixed;
752
- width: var(--popup-width);
753
- height: var(--popup-height);
754
- --slideXFrom: 0;
755
- --slideYFrom: 0;
756
- will-change: opacity;
757
- transition: opacity 300ms ease-in-out;
758
- opacity: 0;
759
- visibility: hidden;
760
- pointer-events: none;
761
- }
762
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
763
- position: relative;
764
- flex-direction: column;
765
- align-items: start;
766
- width: 100%;
767
- height: 100%;
768
- overflow-x: clip;
769
- background-color: #090A0A;
770
- border-radius: 4px;
771
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
772
- transition: transform 350ms ease-out;
773
- will-change: transform;
774
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
775
- }
776
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
777
- margin-bottom: 0;
778
- }
779
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
780
- cursor: pointer;
781
- line-height: 1px;
782
- background-color: rgba(255, 255, 255, 0);
783
- }
784
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
785
- background-color: #FDDA0D;
786
- width: 9px !important;
787
- height: 9px !important;
788
- line-height: 1px !important;
789
- }
790
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
791
- background-color: #FFEA00;
792
- }
793
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
794
- width: 100%;
795
- height: 100%;
796
- padding: 24px;
797
- overflow-y: auto;
798
- display: flex;
799
- }
800
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
801
- overflow-y: auto;
802
- }
803
- .popup-module_popup-container__PJ0oQ[data-show] {
804
- opacity: 1;
805
- visibility: visible;
806
- pointer-events: all;
807
- }
808
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
809
- transform: translateX(0) translateY(0);
810
- }
811
- .popup-module_popup-container__PJ0oQ[data-show=false] {
812
- opacity: 0;
813
- visibility: hidden;
814
- pointer-events: none;
815
- }
816
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
817
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
818
- }
819
-
820
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
821
- background-color: #090A0A;
822
- color: #F4F4F4;
823
- }
824
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
825
- background-color: #090A0A;
826
- color: #F4F4F4;
823
+ .textAndContent-module_textAndContent__X5P1n {
824
+ align-items: baseline;
825
+ flex-shrink: 1;
826
+ gap: 8px;
827
827
  }
828
828
  :root {
829
829
  --divider-line: #4a4b4b;
@@ -1 +1 @@
1
- {"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n info = 'info',\n veryLow = 'very-low',\n low = 'low',\n medium = 'medium',\n high = 'high',\n critical = 'critical',\n information = 'information',\n success = 'success',\n alert = 'alert',\n error = 'error',\n warning = 'warning',\n default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n variant?: TagVariant\n text?: string\n hashtag?: boolean\n inTable?: boolean\n components?: {\n TextComponent?: FC<TextProps>\n }\n onClick?: (event?: MouseEvent) => void\n className?: string\n}\n"],"names":["TagVariant"],"mappings":"aAQYA,IAAAA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
1
+ {"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n info = 'info',\n veryLow = 'very-low',\n low = 'low',\n medium = 'medium',\n high = 'high',\n critical = 'critical',\n information = 'information',\n success = 'success',\n alert = 'alert',\n error = 'error',\n warning = 'warning',\n default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n variant?: TagVariant\n text?: string\n hashtag?: boolean\n inTable?: boolean\n components?: {\n TextComponent?: FC<TextProps>\n }\n onClick?: (event?: MouseEvent) => void\n className?: string\n}\n"],"names":["TagVariant"],"mappings":"aAQYA,IAAAA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number | string | Date | any\n max?: number | string | Date | any\n value?: string | number | readonly string[] | undefined\n defaultValue?: string | number | readonly string[] | undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string | number) => string | number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType | undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] | null\n creatable?: boolean\n async?: boolean\n style?: CSSProperties\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n style,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event | EventType | undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <div\n className={classNames(\n classes.field,\n (disabled || userDisabled) && classes.disable,\n className,\n )}\n // TODO fix\n // error={error}\n style={style}\n >\n <label htmlFor={name} className='label'>{label}</label>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' || options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </div>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","default","field","disable","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}
1
+ {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number | string | Date | any\n max?: number | string | Date | any\n value?: string | number | readonly string[] | undefined\n defaultValue?: string | number | readonly string[] | undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n checked?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string | number) => string | number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType | undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] | null\n creatable?: boolean\n async?: boolean\n style?: CSSProperties\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n style,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event | EventType | undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <div\n className={classNames(\n classes.field,\n (disabled || userDisabled) && classes.disable,\n className,\n )}\n // TODO fix\n // error={error}\n style={style}\n >\n <label htmlFor={name} className='label'>{label}</label>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' || options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </div>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","default","field","disable","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n info = 'info',\n veryLow = 'very-low',\n low = 'low',\n medium = 'medium',\n high = 'high',\n critical = 'critical',\n information = 'information',\n success = 'success',\n alert = 'alert',\n error = 'error',\n warning = 'warning',\n default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n variant?: TagVariant\n text?: string\n hashtag?: boolean\n inTable?: boolean\n components?: {\n TextComponent?: FC<TextProps>\n }\n onClick?: (event?: MouseEvent) => void\n className?: string\n}\n"],"names":["TagVariant"],"mappings":"AAQYA,IAAAA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
1
+ {"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n info = 'info',\n veryLow = 'very-low',\n low = 'low',\n medium = 'medium',\n high = 'high',\n critical = 'critical',\n information = 'information',\n success = 'success',\n alert = 'alert',\n error = 'error',\n warning = 'warning',\n default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n variant?: TagVariant\n text?: string\n hashtag?: boolean\n inTable?: boolean\n components?: {\n TextComponent?: FC<TextProps>\n }\n onClick?: (event?: MouseEvent) => void\n className?: string\n}\n"],"names":["TagVariant"],"mappings":"AAQYA,IAAAA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}