@e1011/es-kit 1.1.50 → 1.1.54

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 (64) hide show
  1. package/dist/hooks/esm/index.css +306 -199
  2. package/dist/hooks/index.css +306 -199
  3. package/dist/lib/cjs/index.css +107 -0
  4. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  5. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  6. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  7. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  8. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  9. package/dist/lib/cjs/src/core/ui/components/field/Field.js.map +1 -1
  10. package/dist/lib/cjs/src/index.js +1 -1
  11. package/dist/lib/esm/index.css +107 -0
  12. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  13. package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  14. package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  15. package/dist/lib/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  16. package/dist/lib/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  17. package/dist/lib/esm/src/core/ui/components/field/Field.js.map +1 -1
  18. package/dist/lib/esm/src/index.js +1 -1
  19. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  20. package/dist/types/src/core/index.d.ts +0 -1
  21. package/dist/types/src/core/index.d.ts.map +1 -1
  22. package/dist/types/src/core/ui/components/atoms/index.d.ts +1 -0
  23. package/dist/types/src/core/ui/components/atoms/index.d.ts.map +1 -1
  24. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts +1 -1
  25. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts.map +1 -1
  26. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts +1 -1
  27. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts.map +1 -1
  28. package/dist/types/src/core/ui/components/atoms/toggle/Toggle.d.ts +12 -0
  29. package/dist/types/src/core/ui/components/atoms/toggle/Toggle.d.ts.map +1 -0
  30. package/dist/types/src/core/ui/components/atoms/toggle/index.d.ts +2 -0
  31. package/dist/types/src/core/ui/components/atoms/toggle/index.d.ts.map +1 -0
  32. package/dist/types/src/core/ui/components/atoms/toggle/toggle.stories.d.ts +13 -0
  33. package/dist/types/src/core/ui/components/atoms/toggle/toggle.stories.d.ts.map +1 -0
  34. package/dist/types/src/core/ui/components/atoms/toggle/toggle.test.d.ts +5 -0
  35. package/dist/types/src/core/ui/components/atoms/toggle/toggle.test.d.ts.map +1 -0
  36. package/dist/types/src/core/ui/components/field/Field.d.ts +1 -0
  37. package/dist/types/src/core/ui/components/field/Field.d.ts.map +1 -1
  38. package/dist/types/src/core/ui/index.d.ts +1 -0
  39. package/dist/types/src/core/ui/index.d.ts.map +1 -1
  40. package/dist/types/src/core/ui/types/CommonProps.d.ts +4 -0
  41. package/dist/types/src/core/ui/types/CommonProps.d.ts.map +1 -1
  42. package/dist/types/src/core/ui/types/index.d.ts +2 -0
  43. package/dist/types/src/core/ui/types/index.d.ts.map +1 -0
  44. package/dist/ui/esm/index.css +107 -0
  45. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  46. package/dist/ui/esm/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  47. package/dist/ui/esm/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  48. package/dist/ui/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  49. package/dist/ui/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  50. package/dist/ui/esm/src/core/ui/components/field/Field.js.map +1 -1
  51. package/dist/ui/esm/src/core/ui/index.js +1 -1
  52. package/dist/ui/index.css +107 -0
  53. package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  54. package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  55. package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  56. package/dist/ui/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  57. package/dist/ui/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  58. package/dist/ui/src/core/ui/components/field/Field.js.map +1 -1
  59. package/dist/ui/src/core/ui/index.js +1 -1
  60. package/dist/utils/esm/index.css +306 -199
  61. package/dist/utils/index.css +306 -199
  62. package/package.json +1 -1
  63. package/dist/types/src/core/types/CommonProps.d.ts +0 -11
  64. 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,90 +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
- .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
233
  :root {
318
234
  --divider-line: #4a4b4b;
319
235
  }
@@ -428,6 +344,181 @@
428
344
  .cui-theme-light .button-module_button__NDMQS {
429
345
  color: #090A0A;
430
346
  }
347
+ .flowLayout-module_flowLayout__VHpnY {
348
+ overflow: auto;
349
+ }
350
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
351
+ display: flex;
352
+ width: 100%;
353
+ min-width: 0;
354
+ }
355
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
356
+ display: flex;
357
+ width: 100%;
358
+ min-width: 0;
359
+ }
360
+ :root {
361
+ --divider-line: #4a4b4b;
362
+ }
363
+
364
+ .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
365
+ overflow: hidden !important;
366
+ }
367
+
368
+ .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
369
+ white-space: nowrap !important;
370
+ }
371
+
372
+ .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
373
+ text-overflow: ellipsis !important;
374
+ }
375
+
376
+ .typography-module_headline__b0XlP {
377
+ font-size: 28px;
378
+ line-height: 32px;
379
+ }
380
+
381
+ .typography-module_headlineSecondary__IDnhT {
382
+ font-size: 24px;
383
+ line-height: 28px;
384
+ }
385
+
386
+ .typography-module_headlineTertiary__mlG-v {
387
+ font-size: 18px;
388
+ line-height: 24x;
389
+ }
390
+
391
+ .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
392
+ font-size: 14px;
393
+ line-height: 18px;
394
+ font-weight: 300;
395
+ }
396
+
397
+ .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
398
+ font-size: 12px;
399
+ }
400
+
401
+ .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
402
+ font-weight: 600;
403
+ }
404
+
405
+ .typography-module_link__DWurf {
406
+ overflow: hidden !important;
407
+ white-space: nowrap !important;
408
+ text-overflow: ellipsis !important;
409
+ text-decoration: none;
410
+ color: #65C5F6;
411
+ display: inline;
412
+ gap: 4px;
413
+ flex-grow: 0;
414
+ max-width: 400px;
415
+ position: relative;
416
+ vertical-align: center;
417
+ }
418
+ .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
419
+ text-decoration: underline;
420
+ color: #65C5F6;
421
+ }
422
+ .typography-module_link__DWurf.typography-module_disabled__hjK8C {
423
+ pointer-events: none;
424
+ opacity: 0.6;
425
+ }
426
+ :root {
427
+ --divider-line: #4a4b4b;
428
+ }
429
+
430
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
431
+ overflow: hidden !important;
432
+ }
433
+
434
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
435
+ white-space: nowrap !important;
436
+ }
437
+
438
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
439
+ text-overflow: ellipsis !important;
440
+ }
441
+
442
+ .popup-module_popup-container__PJ0oQ {
443
+ --popup-width: 60vw;
444
+ --popup-height: 50vh;
445
+ position: fixed;
446
+ width: var(--popup-width);
447
+ height: var(--popup-height);
448
+ --slideXFrom: 0;
449
+ --slideYFrom: 0;
450
+ will-change: opacity;
451
+ transition: opacity 300ms ease-in-out;
452
+ opacity: 0;
453
+ visibility: hidden;
454
+ pointer-events: none;
455
+ }
456
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
457
+ position: relative;
458
+ flex-direction: column;
459
+ align-items: start;
460
+ width: 100%;
461
+ height: 100%;
462
+ overflow-x: clip;
463
+ background-color: #090A0A;
464
+ border-radius: 4px;
465
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
466
+ transition: transform 350ms ease-out;
467
+ will-change: transform;
468
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
469
+ }
470
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
471
+ margin-bottom: 0;
472
+ }
473
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
474
+ cursor: pointer;
475
+ line-height: 1px;
476
+ background-color: rgba(255, 255, 255, 0);
477
+ }
478
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
479
+ background-color: #FDDA0D;
480
+ width: 9px !important;
481
+ height: 9px !important;
482
+ line-height: 1px !important;
483
+ }
484
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
485
+ background-color: #FFEA00;
486
+ }
487
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
488
+ width: 100%;
489
+ height: 100%;
490
+ padding: 24px;
491
+ overflow-y: auto;
492
+ display: flex;
493
+ }
494
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
495
+ overflow-y: auto;
496
+ }
497
+ .popup-module_popup-container__PJ0oQ[data-show] {
498
+ opacity: 1;
499
+ visibility: visible;
500
+ pointer-events: all;
501
+ }
502
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
503
+ transform: translateX(0) translateY(0);
504
+ }
505
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
506
+ opacity: 0;
507
+ visibility: hidden;
508
+ pointer-events: none;
509
+ }
510
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
511
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
512
+ }
513
+
514
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
515
+ background-color: #090A0A;
516
+ color: #F4F4F4;
517
+ }
518
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
519
+ background-color: #090A0A;
520
+ color: #F4F4F4;
521
+ }
431
522
  :root {
432
523
  --divider-line: #4a4b4b;
433
524
  }
@@ -706,124 +797,140 @@
706
797
  .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
707
798
  border-color: #515757 transparent transparent transparent;
708
799
  }
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;
800
+ .textAndContent-module_textAndContent__X5P1n {
801
+ align-items: baseline;
802
+ flex-shrink: 1;
803
+ gap: 8px;
731
804
  }
732
805
  :root {
733
806
  --divider-line: #4a4b4b;
734
807
  }
735
808
 
736
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
809
+ .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
737
810
  overflow: hidden !important;
738
811
  }
739
812
 
740
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
813
+ .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
741
814
  white-space: nowrap !important;
742
815
  }
743
816
 
744
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
817
+ .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
745
818
  text-overflow: ellipsis !important;
746
819
  }
747
820
 
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;
821
+ .toggle-module_toggle__p1Ep4 {
822
+ display: inline-block;
823
+ position: relative;
824
+ max-width: 48px;
825
+ max-height: 24px;
826
+ width: 48px;
827
+ height: 24px;
828
+ border-radius: 16px !important;
829
+ }
830
+ .toggle-module_toggle__p1Ep4 input {
758
831
  opacity: 0;
759
- visibility: hidden;
832
+ width: 0;
833
+ height: 0;
834
+ }
835
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
836
+ box-sizing: border-box;
837
+ position: absolute;
838
+ cursor: pointer;
839
+ width: 48px;
840
+ height: 24px;
841
+ top: 0;
842
+ left: 0;
843
+ right: 0;
844
+ bottom: 0;
845
+ background-color: transparent;
846
+ border: 1px solid #F4F4F4;
847
+ transition: transform, background-color 0.4s ease;
848
+ border-radius: 16px;
849
+ }
850
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
851
+ position: absolute;
852
+ content: "";
853
+ height: 20px;
854
+ width: 20px;
855
+ left: 1px;
856
+ bottom: 1px;
857
+ background-color: #F4F4F4;
858
+ transition: transform 0.4s ease;
859
+ border-radius: 50%;
860
+ }
861
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
862
+ background-color: #02B3E6;
863
+ border-color: #02B3E6;
864
+ }
865
+ .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
866
+ box-shadow: 0 0 1px 1px #02B3E6;
867
+ }
868
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
869
+ transform: translateX(24px);
870
+ }
871
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
872
+ opacity: 0.65;
873
+ }
874
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
760
875
  pointer-events: none;
761
876
  }
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%;
877
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
878
+ cursor: not-allowed;
879
+ }
880
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
881
+ content: " ";
882
+ z-index: -1;
883
+ display: block;
884
+ position: absolute;
767
885
  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));
886
+ top: 0;
887
+ left: 0;
888
+ right: 0;
775
889
  }
776
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
777
- margin-bottom: 0;
890
+
891
+ .theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
892
+ background-color: #003A4C;
778
893
  }
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);
894
+ .theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
895
+ background-color: #07a7d5;
783
896
  }
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;
897
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
898
+ border-color: #02a1cf;
789
899
  }
790
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
791
- background-color: #FFEA00;
900
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
901
+ background-color: rgba(2, 179, 230, 0.05);
792
902
  }
793
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
903
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
904
+ background-color: #02B3E6;
905
+ }
906
+ .theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
907
+ background-color: #F4F4F4;
908
+ }
909
+ .theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
910
+ background-color: #07c6fd;
911
+ }
912
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
913
+ z-index: 1;
914
+ position: fixed;
794
915
  width: 100%;
795
916
  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;
917
+ top: 0;
918
+ left: 0;
919
+ background: rgba(40, 80, 120, 0.8) !important;
920
+ pointer-events: all;
921
+ user-select: none;
922
+ will-change: opacity;
923
+ transition: opacity 450ms ease-in-out;
924
+ opacity: 0;
925
+ visibility: hidden;
802
926
  }
803
- .popup-module_popup-container__PJ0oQ[data-show] {
927
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
804
928
  opacity: 1;
805
929
  visibility: visible;
806
- pointer-events: all;
807
930
  }
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] {
931
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
812
932
  opacity: 0;
813
933
  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;
827
934
  }
828
935
  :root {
829
936
  --divider-line: #4a4b4b;
@@ -858,4 +858,111 @@
858
858
  background-color: #FD8F3E;
859
859
  border-color: #FD8F3E;
860
860
  color: #632E03;
861
+ }
862
+ :root {
863
+ --divider-line: #4a4b4b;
864
+ }
865
+
866
+ .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
867
+ overflow: hidden !important;
868
+ }
869
+
870
+ .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
871
+ white-space: nowrap !important;
872
+ }
873
+
874
+ .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
875
+ text-overflow: ellipsis !important;
876
+ }
877
+
878
+ .toggle-module_toggle__p1Ep4 {
879
+ display: inline-block;
880
+ position: relative;
881
+ max-width: 48px;
882
+ max-height: 24px;
883
+ width: 48px;
884
+ height: 24px;
885
+ border-radius: 16px !important;
886
+ }
887
+ .toggle-module_toggle__p1Ep4 input {
888
+ opacity: 0;
889
+ width: 0;
890
+ height: 0;
891
+ }
892
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
893
+ box-sizing: border-box;
894
+ position: absolute;
895
+ cursor: pointer;
896
+ width: 48px;
897
+ height: 24px;
898
+ top: 0;
899
+ left: 0;
900
+ right: 0;
901
+ bottom: 0;
902
+ background-color: transparent;
903
+ border: 1px solid #F4F4F4;
904
+ transition: transform, background-color 0.4s ease;
905
+ border-radius: 16px;
906
+ }
907
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
908
+ position: absolute;
909
+ content: "";
910
+ height: 20px;
911
+ width: 20px;
912
+ left: 1px;
913
+ bottom: 1px;
914
+ background-color: #F4F4F4;
915
+ transition: transform 0.4s ease;
916
+ border-radius: 50%;
917
+ }
918
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
919
+ background-color: #02B3E6;
920
+ border-color: #02B3E6;
921
+ }
922
+ .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
923
+ box-shadow: 0 0 1px 1px #02B3E6;
924
+ }
925
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
926
+ transform: translateX(24px);
927
+ }
928
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
929
+ opacity: 0.65;
930
+ }
931
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
932
+ pointer-events: none;
933
+ }
934
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
935
+ cursor: not-allowed;
936
+ }
937
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
938
+ content: " ";
939
+ z-index: -1;
940
+ display: block;
941
+ position: absolute;
942
+ height: 100%;
943
+ top: 0;
944
+ left: 0;
945
+ right: 0;
946
+ }
947
+
948
+ .theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
949
+ background-color: #003A4C;
950
+ }
951
+ .theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
952
+ background-color: #07a7d5;
953
+ }
954
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
955
+ border-color: #02a1cf;
956
+ }
957
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
958
+ background-color: rgba(2, 179, 230, 0.05);
959
+ }
960
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
961
+ background-color: #02B3E6;
962
+ }
963
+ .theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
964
+ background-color: #F4F4F4;
965
+ }
966
+ .theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
967
+ background-color: #07c6fd;
861
968
  }
@@ -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"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),s=require("react"),a=require("./toggle.module.scss.js"),r=require("../../../../utils/helpers/ui.js"),l=require("../../../../hooks/useParseProps.js");const t=s.forwardRef(((t,o)=>{let{id:d,checked:c=!1,disabled:i=!1,className:u="",invalid:n,onChange:m,...g}=t;const p=s.useId(),h=s.useMemo((()=>r.classNames(a.default.toggle,i&&a.default.disabled,u)),[i,u]),{dataProps:P,restProps:b}=l.useParseProps(g);return React.createElement("label",e.extends({htmlFor:d??p,className:h},P,{style:b}),React.createElement("input",e.extends({},g,{id:d??p,ref:o,role:"switch",type:"checkbox",disabled:i,checked:c,onChange:m})),React.createElement("span",{className:a.default.slider}))}));t.displayName="ToggleForwarded";const o=s.memo(t);o.displayName="Toggle",exports.Toggle=o;
2
+ //# sourceMappingURL=Toggle.js.map