@e1011/es-kit 1.1.58 → 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 (49) hide show
  1. package/dist/hooks/esm/index.css +252 -236
  2. package/dist/hooks/esm/src/core/hooks/index.js +1 -1
  3. package/dist/hooks/esm/src/core/hooks/useToggle2.js +2 -0
  4. package/dist/hooks/esm/src/core/hooks/useToggle2.js.map +1 -0
  5. package/dist/hooks/index.css +252 -236
  6. package/dist/hooks/src/core/hooks/index.js +1 -1
  7. package/dist/hooks/src/core/hooks/useToggle2.js +2 -0
  8. package/dist/hooks/src/core/hooks/useToggle2.js.map +1 -0
  9. package/dist/lib/cjs/index.css +16 -0
  10. package/dist/lib/cjs/src/core/hooks/useToggle2.js +2 -0
  11. package/dist/lib/cjs/src/core/hooks/useToggle2.js.map +1 -0
  12. package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js +1 -1
  13. package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js.map +1 -1
  14. package/dist/lib/cjs/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
  15. package/dist/lib/cjs/src/core/ui/components/field/Field.js +1 -1
  16. package/dist/lib/cjs/src/core/ui/components/field/Field.js.map +1 -1
  17. package/dist/lib/cjs/src/index.js +1 -1
  18. package/dist/lib/esm/index.css +16 -0
  19. package/dist/lib/esm/src/core/hooks/useToggle2.js +2 -0
  20. package/dist/lib/esm/src/core/hooks/useToggle2.js.map +1 -0
  21. package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js +1 -1
  22. package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
  23. package/dist/lib/esm/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
  24. package/dist/lib/esm/src/core/ui/components/field/Field.js +1 -1
  25. package/dist/lib/esm/src/core/ui/components/field/Field.js.map +1 -1
  26. package/dist/lib/esm/src/index.js +1 -1
  27. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  28. package/dist/types/src/core/hooks/index.d.ts +1 -0
  29. package/dist/types/src/core/hooks/index.d.ts.map +1 -1
  30. package/dist/types/src/core/hooks/useToggle2.d.ts +22 -0
  31. package/dist/types/src/core/hooks/useToggle2.d.ts.map +1 -0
  32. package/dist/types/src/core/ui/components/atoms/button/Button.d.ts.map +1 -1
  33. package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts.map +1 -1
  34. package/dist/types/src/core/ui/components/atoms/text/Typography.stories.d.ts.map +1 -1
  35. package/dist/ui/esm/index.css +16 -0
  36. package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js +1 -1
  37. package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
  38. package/dist/ui/esm/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
  39. package/dist/ui/esm/src/core/ui/components/field/Field.js +1 -1
  40. package/dist/ui/esm/src/core/ui/components/field/Field.js.map +1 -1
  41. package/dist/ui/index.css +16 -0
  42. package/dist/ui/src/core/ui/components/atoms/button/Button.js +1 -1
  43. package/dist/ui/src/core/ui/components/atoms/button/Button.js.map +1 -1
  44. package/dist/ui/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
  45. package/dist/ui/src/core/ui/components/field/Field.js +1 -1
  46. package/dist/ui/src/core/ui/components/field/Field.js.map +1 -1
  47. package/dist/utils/esm/index.css +252 -236
  48. package/dist/utils/index.css +252 -236
  49. package/package.json +1 -1
@@ -1,42 +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
- .icon-module_icon-base-parent__nOMvW {
11
- line-height: 1px !important;
12
- }
13
-
14
- .icon-module_icon-base__S0tHf {
15
- min-width: var(--min-width);
16
- min-height: var(--min-height);
17
- width: var(--width) !important;
18
- height: var(--height) !important;
19
- line-height: 1px !important;
20
- background-color: var(--icon-color);
21
- color: var(--icon-content-color);
22
- background-repeat: no-repeat;
23
- mask-image: var(--icon-url);
24
- -webkit-mask-image: var(--icon-url);
25
- mask-repeat: no-repeat;
26
- -webkit-mask-repeat: no-repeat;
27
- mask-size: contain;
28
- -webkit-mask-size: contain;
29
- mask-position: center;
30
- -webkit-mask-position: center;
31
- display: inline-block;
32
- will-change: transform;
33
- transform: translate3d(0, 0, 0);
34
- }
35
- .icon-module_icon-base__S0tHf svg {
36
- fill: var(--icon-content-color);
37
- width: var(--height);
38
- height: var(--width);
39
- }
40
1
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
41
2
  transform-origin: 0% 0%;
42
3
  opacity: 0;
@@ -70,25 +31,6 @@
70
31
  max-width: var(--prop-value);
71
32
  opacity: 1;
72
33
  }
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
34
  .field-module_field__UfKm3 {
93
35
  opacity: 1;
94
36
  pointer-events: auto;
@@ -163,6 +105,64 @@
163
105
  .field-module_field__UfKm3 label {
164
106
  text-align: left;
165
107
  }
108
+ .errorBoundary-module_errorBoundary__gk9ps {
109
+ background: #EFEFEF;
110
+ width: 100%;
111
+ height: 100%;
112
+ }
113
+
114
+ .errorBoundary-module_StyledIcon__IYHiU {
115
+ margin-right: 10px;
116
+ }
117
+ .divider-module_divider-line__6CesR {
118
+ position: relative;
119
+ display: block;
120
+ transition: opacity, width, height 250ms ease-in-out;
121
+ background-color: var(--color);
122
+ opacity: var(--opacity);
123
+ }
124
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
125
+ height: var(--length);
126
+ left: var(--left);
127
+ width: var(--width);
128
+ margin: var(--margin);
129
+ }
130
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
131
+ width: var(--length);
132
+ left: var(--left);
133
+ height: var(--height);
134
+ margin: var(--margin);
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,6 +360,11 @@
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
  }
@@ -579,113 +529,6 @@
579
529
  border-color: #FD8F3E;
580
530
  color: #632E03;
581
531
  }
582
- :root {
583
- --divider-line: #4a4b4b;
584
- }
585
-
586
- .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
587
- overflow: hidden !important;
588
- }
589
-
590
- .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
591
- white-space: nowrap !important;
592
- }
593
-
594
- .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
595
- text-overflow: ellipsis !important;
596
- }
597
-
598
- .toggle-module_toggle__p1Ep4 {
599
- display: inline-block;
600
- position: relative;
601
- max-width: 48px;
602
- max-height: 24px;
603
- width: 48px;
604
- height: 24px;
605
- border-radius: 16px !important;
606
- }
607
- .toggle-module_toggle__p1Ep4 input {
608
- opacity: 0;
609
- width: 0;
610
- height: 0;
611
- }
612
- .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
613
- box-sizing: border-box;
614
- position: absolute;
615
- cursor: pointer;
616
- width: 48px;
617
- height: 24px;
618
- top: 0;
619
- left: 0;
620
- right: 0;
621
- bottom: 0;
622
- background-color: transparent;
623
- border: 1px solid #F4F4F4;
624
- transition: transform, background-color 0.4s ease;
625
- border-radius: 16px;
626
- }
627
- .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
628
- position: absolute;
629
- content: "";
630
- height: 20px;
631
- width: 20px;
632
- left: 1px;
633
- bottom: 1px;
634
- background-color: #F4F4F4;
635
- transition: transform 0.4s ease;
636
- border-radius: 50%;
637
- }
638
- .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
639
- background-color: #282A2A;
640
- border-color: #282A2A;
641
- }
642
- .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
643
- box-shadow: 0 0 1px 1px #282A2A;
644
- }
645
- .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
646
- transform: translateX(24px);
647
- }
648
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
649
- opacity: 0.65;
650
- }
651
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
652
- pointer-events: none;
653
- }
654
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
655
- cursor: not-allowed;
656
- }
657
- .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
658
- content: " ";
659
- z-index: -1;
660
- display: block;
661
- position: absolute;
662
- height: 100%;
663
- top: 0;
664
- left: 0;
665
- right: 0;
666
- }
667
-
668
- .cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
669
- background-color: #003A4C;
670
- }
671
- .cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
672
- background-color: #262828;
673
- }
674
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
675
- border-color: #202929;
676
- }
677
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
678
- background-color: rgba(40, 42, 42, 0.05);
679
- }
680
- .cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
681
- background-color: #282A2A;
682
- }
683
- .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
684
- background-color: #F4F4F4;
685
- }
686
- .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
687
- background-color: #374646;
688
- }
689
532
  .flowLayout-module_flowLayout__VHpnY {
690
533
  overflow: auto;
691
534
  }
@@ -799,6 +642,72 @@
799
642
  --divider-line: #4a4b4b;
800
643
  }
801
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
+
802
711
  .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
803
712
  overflow: hidden !important;
804
713
  }
@@ -936,6 +845,113 @@
936
845
  --divider-line: #4a4b4b;
937
846
  }
938
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
+ }
951
+ :root {
952
+ --divider-line: #4a4b4b;
953
+ }
954
+
939
955
  .anchorLink-module_overflow-hidden__-MElA, .anchorLink-module_text-truncate__62t8P {
940
956
  overflow: hidden !important;
941
957
  }
@@ -1,2 +1,2 @@
1
- export{useApi}from"./useApi.js";export{useToggle}from"./useToggle.js";export{outsideClickHandler,useOutsideClick}from"./useOutsideClick.js";export{useResize}from"./useResize.js";export{useClassNames}from"./useClassNames.js";export{useParseProps}from"./useParseProps.js";export{getBaseThemes,observeThemePreference,setThemeClassNames,switchColorTheme,updateColorTheme,useThemePreference}from"./useThemePreference.js";export{useAnimation}from"./useAnimation.js";export{useIntersectionObserver}from"./useIntersectionObserver.js";export{useTimeoutFn}from"./useSetTimeout.js";
1
+ export{useApi}from"./useApi.js";export{useToggle}from"./useToggle.js";export{useToggle2}from"./useToggle2.js";export{outsideClickHandler,useOutsideClick}from"./useOutsideClick.js";export{useResize}from"./useResize.js";export{useClassNames}from"./useClassNames.js";export{useParseProps}from"./useParseProps.js";export{getBaseThemes,observeThemePreference,setThemeClassNames,switchColorTheme,updateColorTheme,useThemePreference}from"./useThemePreference.js";export{useAnimation}from"./useAnimation.js";export{useIntersectionObserver}from"./useIntersectionObserver.js";export{useTimeoutFn}from"./useSetTimeout.js";
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,2 @@
1
+ import{useState as o,useCallback as t}from"react";const r=r=>{const[e,n]=o(r),c=t((o=>{n((t=>"boolean"==typeof o?o:!t))}),[]),i=t((o=>c(void 0===o||o)),[c]),p=t((o=>c(void 0!==o&&o)),[c]);return[e,c,i,p]};export{r as useToggle2};
2
+ //# sourceMappingURL=useToggle2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useToggle2.js","sources":["../../../../../../src/core/hooks/useToggle2.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType2 = [\n boolean,\n (value?: any | boolean) => void,\n (value?: any | boolean) => void,\n (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n * @returns {useToggleReturnType2} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle2 = (defaultValue: boolean): useToggleReturnType2 => {\n const [toggled, setToggled] = useState(defaultValue)\n\n /**\n * Function to toggle the state.\n * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n */\n const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n }, [])\n\n /**\n * Function to set the state to true.\n * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n * If not provided, the state will be set to true.\n */\n const handleToggleTrue = useCallback(\n (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n )\n\n /**\n * Function to set the state to false.\n * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n * If not provided, the state will be set to false.\n */\n const handleToggleFalse = useCallback(\n (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n )\n\n return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle2","defaultValue","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","undefined","handleToggleFalse"],"mappings":"kDAuBaA,MAAAA,EAAcC,IACzB,MAAOC,EAASC,GAAcC,EAASH,GAMjCI,EAAgDC,GAAaC,IACjEJ,GAAYK,GAAoC,kBAAXD,EAAuBA,GAASC,GAAa,GACjF,IAOGC,EAAmBH,GACtBI,GAAyBL,OAA4BM,IAAfD,GAAkCA,IAAa,CAACL,IAQnFO,EAAoBN,GACvBI,GAAyBL,OAA4BM,IAAfD,GAAmCA,IAAa,CAACL,IAG1F,MAAO,CAACH,EAASG,EAAcI,EAAkBG,EAAkB"}