@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.
- package/dist/hooks/esm/index.css +252 -236
- package/dist/hooks/esm/src/core/hooks/index.js +1 -1
- package/dist/hooks/esm/src/core/hooks/useToggle2.js +2 -0
- package/dist/hooks/esm/src/core/hooks/useToggle2.js.map +1 -0
- package/dist/hooks/index.css +252 -236
- package/dist/hooks/src/core/hooks/index.js +1 -1
- package/dist/hooks/src/core/hooks/useToggle2.js +2 -0
- package/dist/hooks/src/core/hooks/useToggle2.js.map +1 -0
- package/dist/lib/cjs/index.css +16 -0
- package/dist/lib/cjs/src/core/hooks/useToggle2.js +2 -0
- package/dist/lib/cjs/src/core/hooks/useToggle2.js.map +1 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
- package/dist/lib/cjs/src/core/ui/components/field/Field.js +1 -1
- package/dist/lib/cjs/src/core/ui/components/field/Field.js.map +1 -1
- package/dist/lib/cjs/src/index.js +1 -1
- package/dist/lib/esm/index.css +16 -0
- package/dist/lib/esm/src/core/hooks/useToggle2.js +2 -0
- package/dist/lib/esm/src/core/hooks/useToggle2.js.map +1 -0
- package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
- package/dist/lib/esm/src/core/ui/components/field/Field.js +1 -1
- package/dist/lib/esm/src/core/ui/components/field/Field.js.map +1 -1
- package/dist/lib/esm/src/index.js +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/core/hooks/index.d.ts +1 -0
- package/dist/types/src/core/hooks/index.d.ts.map +1 -1
- package/dist/types/src/core/hooks/useToggle2.d.ts +22 -0
- package/dist/types/src/core/hooks/useToggle2.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/button/Button.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Typography.stories.d.ts.map +1 -1
- package/dist/ui/esm/index.css +16 -0
- package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
- package/dist/ui/esm/src/core/ui/components/field/Field.js +1 -1
- package/dist/ui/esm/src/core/ui/components/field/Field.js.map +1 -1
- package/dist/ui/index.css +16 -0
- package/dist/ui/src/core/ui/components/atoms/button/Button.js +1 -1
- package/dist/ui/src/core/ui/components/atoms/button/Button.js.map +1 -1
- package/dist/ui/src/core/ui/components/atoms/button/button.module.scss.js +1 -1
- package/dist/ui/src/core/ui/components/field/Field.js +1 -1
- package/dist/ui/src/core/ui/components/field/Field.js.map +1 -1
- package/dist/utils/esm/index.css +252 -236
- package/dist/utils/index.css +252 -236
- package/package.json +1 -1
package/dist/hooks/esm/index.css
CHANGED
|
@@ -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 @@
|
|
|
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"}
|