rn-css 1.8.8 → 1.8.9
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/index.d.ts +147 -21
- package/dist/styleComponent.d.ts +1 -1
- package/dist/styleComponent.js +0 -1
- package/package.json +1 -1
- package/src/styleComponent.tsx +1 -2
package/dist/index.d.ts
CHANGED
|
@@ -33,7 +33,13 @@ declare const styled: {
|
|
|
33
33
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
34
34
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
35
35
|
children?: React.ReactNode;
|
|
36
|
-
} & Part> =
|
|
36
|
+
} & Part> = Partial<InitialProps & {
|
|
37
|
+
rnCSS?: `${string};` | undefined;
|
|
38
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
39
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
40
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
41
|
+
children?: React.ReactNode;
|
|
42
|
+
} & Part>>(opts: Partial<InitialProps & {
|
|
37
43
|
rnCSS?: `${string};` | undefined;
|
|
38
44
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
39
45
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -89,7 +95,13 @@ declare const styled: {
|
|
|
89
95
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
90
96
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
91
97
|
children?: React.ReactNode;
|
|
92
|
-
} & Part_1> =
|
|
98
|
+
} & Part_1> = Partial<RN.ActivityIndicatorProps & {
|
|
99
|
+
rnCSS?: `${string};` | undefined;
|
|
100
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
101
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
102
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
103
|
+
children?: React.ReactNode;
|
|
104
|
+
} & Part_1>>(opts: Partial<RN.ActivityIndicatorProps & {
|
|
93
105
|
rnCSS?: `${string};` | undefined;
|
|
94
106
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
95
107
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -145,7 +157,13 @@ declare const styled: {
|
|
|
145
157
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
146
158
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
147
159
|
children?: React.ReactNode;
|
|
148
|
-
} & Part_2> =
|
|
160
|
+
} & Part_2> = Partial<RN.DrawerLayoutAndroidProps & {
|
|
161
|
+
rnCSS?: `${string};` | undefined;
|
|
162
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
163
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
164
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
165
|
+
children?: React.ReactNode;
|
|
166
|
+
} & Part_2>>(opts: Partial<RN.DrawerLayoutAndroidProps & {
|
|
149
167
|
rnCSS?: `${string};` | undefined;
|
|
150
168
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
151
169
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -201,7 +219,13 @@ declare const styled: {
|
|
|
201
219
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
202
220
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
203
221
|
children?: React.ReactNode;
|
|
204
|
-
} & Part_3> =
|
|
222
|
+
} & Part_3> = Partial<RN.ImageProps & {
|
|
223
|
+
rnCSS?: `${string};` | undefined;
|
|
224
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
225
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
226
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
227
|
+
children?: React.ReactNode;
|
|
228
|
+
} & Part_3>>(opts: Partial<RN.ImageProps & {
|
|
205
229
|
rnCSS?: `${string};` | undefined;
|
|
206
230
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
207
231
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -257,7 +281,13 @@ declare const styled: {
|
|
|
257
281
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
258
282
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
259
283
|
children?: React.ReactNode;
|
|
260
|
-
} & Part_4> =
|
|
284
|
+
} & Part_4> = Partial<RN.ImageBackgroundProps & {
|
|
285
|
+
rnCSS?: `${string};` | undefined;
|
|
286
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
287
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
288
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
289
|
+
children?: React.ReactNode;
|
|
290
|
+
} & Part_4>>(opts: Partial<RN.ImageBackgroundProps & {
|
|
261
291
|
rnCSS?: `${string};` | undefined;
|
|
262
292
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
263
293
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -313,7 +343,13 @@ declare const styled: {
|
|
|
313
343
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
314
344
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
315
345
|
children?: React.ReactNode;
|
|
316
|
-
} & Part_5> =
|
|
346
|
+
} & Part_5> = Partial<RN.KeyboardAvoidingViewProps & {
|
|
347
|
+
rnCSS?: `${string};` | undefined;
|
|
348
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
349
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
350
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
351
|
+
children?: React.ReactNode;
|
|
352
|
+
} & Part_5>>(opts: Partial<RN.KeyboardAvoidingViewProps & {
|
|
317
353
|
rnCSS?: `${string};` | undefined;
|
|
318
354
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
319
355
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -369,7 +405,13 @@ declare const styled: {
|
|
|
369
405
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
370
406
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
371
407
|
children?: React.ReactNode;
|
|
372
|
-
} & Part_6> =
|
|
408
|
+
} & Part_6> = Partial<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
|
|
409
|
+
rnCSS?: `${string};` | undefined;
|
|
410
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
411
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
412
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
413
|
+
children?: React.ReactNode;
|
|
414
|
+
} & Part_6>>(opts: Partial<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
|
|
373
415
|
rnCSS?: `${string};` | undefined;
|
|
374
416
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
375
417
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -425,7 +467,13 @@ declare const styled: {
|
|
|
425
467
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
426
468
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
427
469
|
children?: React.ReactNode;
|
|
428
|
-
} & Part_7> =
|
|
470
|
+
} & Part_7> = Partial<RN.NavigatorIOSProps & {
|
|
471
|
+
rnCSS?: `${string};` | undefined;
|
|
472
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
473
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
474
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
475
|
+
children?: React.ReactNode;
|
|
476
|
+
} & Part_7>>(opts: Partial<RN.NavigatorIOSProps & {
|
|
429
477
|
rnCSS?: `${string};` | undefined;
|
|
430
478
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
431
479
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -481,7 +529,13 @@ declare const styled: {
|
|
|
481
529
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
482
530
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
483
531
|
children?: React.ReactNode;
|
|
484
|
-
} & Part_8> =
|
|
532
|
+
} & Part_8> = Partial<RN.ScrollViewProps & {
|
|
533
|
+
rnCSS?: `${string};` | undefined;
|
|
534
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
535
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
536
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
537
|
+
children?: React.ReactNode;
|
|
538
|
+
} & Part_8>>(opts: Partial<RN.ScrollViewProps & {
|
|
485
539
|
rnCSS?: `${string};` | undefined;
|
|
486
540
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
487
541
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -537,7 +591,13 @@ declare const styled: {
|
|
|
537
591
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
538
592
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
539
593
|
children?: React.ReactNode;
|
|
540
|
-
} & Part_9> =
|
|
594
|
+
} & Part_9> = Partial<RN.SnapshotViewIOSProps & {
|
|
595
|
+
rnCSS?: `${string};` | undefined;
|
|
596
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
597
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
598
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
599
|
+
children?: React.ReactNode;
|
|
600
|
+
} & Part_9>>(opts: Partial<RN.SnapshotViewIOSProps & {
|
|
541
601
|
rnCSS?: `${string};` | undefined;
|
|
542
602
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
543
603
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -593,7 +653,13 @@ declare const styled: {
|
|
|
593
653
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
594
654
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
595
655
|
children?: React.ReactNode;
|
|
596
|
-
} & Part_10> =
|
|
656
|
+
} & Part_10> = Partial<RN.SwitchProps & {
|
|
657
|
+
rnCSS?: `${string};` | undefined;
|
|
658
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
659
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
660
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
661
|
+
children?: React.ReactNode;
|
|
662
|
+
} & Part_10>>(opts: Partial<RN.SwitchProps & {
|
|
597
663
|
rnCSS?: `${string};` | undefined;
|
|
598
664
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
599
665
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -649,7 +715,13 @@ declare const styled: {
|
|
|
649
715
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
650
716
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
651
717
|
children?: React.ReactNode;
|
|
652
|
-
} & Part_11> =
|
|
718
|
+
} & Part_11> = Partial<RN.RecyclerViewBackedScrollViewProps & {
|
|
719
|
+
rnCSS?: `${string};` | undefined;
|
|
720
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
721
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
722
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
723
|
+
children?: React.ReactNode;
|
|
724
|
+
} & Part_11>>(opts: Partial<RN.RecyclerViewBackedScrollViewProps & {
|
|
653
725
|
rnCSS?: `${string};` | undefined;
|
|
654
726
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
655
727
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -705,7 +777,13 @@ declare const styled: {
|
|
|
705
777
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
706
778
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
707
779
|
children?: React.ReactNode;
|
|
708
|
-
} & Part_12> =
|
|
780
|
+
} & Part_12> = Partial<RN.RefreshControlProps & {
|
|
781
|
+
rnCSS?: `${string};` | undefined;
|
|
782
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
783
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
784
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
785
|
+
children?: React.ReactNode;
|
|
786
|
+
} & Part_12>>(opts: Partial<RN.RefreshControlProps & {
|
|
709
787
|
rnCSS?: `${string};` | undefined;
|
|
710
788
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
711
789
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -761,7 +839,13 @@ declare const styled: {
|
|
|
761
839
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
762
840
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
763
841
|
children?: React.ReactNode;
|
|
764
|
-
} & Part_13> =
|
|
842
|
+
} & Part_13> = Partial<RN.ViewProps & {
|
|
843
|
+
rnCSS?: `${string};` | undefined;
|
|
844
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
845
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
846
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
847
|
+
children?: React.ReactNode;
|
|
848
|
+
} & Part_13>>(opts: Partial<RN.ViewProps & {
|
|
765
849
|
rnCSS?: `${string};` | undefined;
|
|
766
850
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
767
851
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -817,7 +901,13 @@ declare const styled: {
|
|
|
817
901
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
818
902
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
819
903
|
children?: React.ReactNode;
|
|
820
|
-
} & Part_14> =
|
|
904
|
+
} & Part_14> = Partial<RN.TextProps & {
|
|
905
|
+
rnCSS?: `${string};` | undefined;
|
|
906
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
907
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
908
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
909
|
+
children?: React.ReactNode;
|
|
910
|
+
} & Part_14>>(opts: Partial<RN.TextProps & {
|
|
821
911
|
rnCSS?: `${string};` | undefined;
|
|
822
912
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
823
913
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -873,7 +963,13 @@ declare const styled: {
|
|
|
873
963
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
874
964
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
875
965
|
children?: React.ReactNode;
|
|
876
|
-
} & Part_15> =
|
|
966
|
+
} & Part_15> = Partial<RN.TextInputProps & {
|
|
967
|
+
rnCSS?: `${string};` | undefined;
|
|
968
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
969
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
970
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
971
|
+
children?: React.ReactNode;
|
|
972
|
+
} & Part_15>>(opts: Partial<RN.TextInputProps & {
|
|
877
973
|
rnCSS?: `${string};` | undefined;
|
|
878
974
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
879
975
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -929,7 +1025,13 @@ declare const styled: {
|
|
|
929
1025
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
930
1026
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
931
1027
|
children?: React.ReactNode;
|
|
932
|
-
} & Part_16> =
|
|
1028
|
+
} & Part_16> = Partial<RN.TouchableHighlightProps & {
|
|
1029
|
+
rnCSS?: `${string};` | undefined;
|
|
1030
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1031
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1032
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
1033
|
+
children?: React.ReactNode;
|
|
1034
|
+
} & Part_16>>(opts: Partial<RN.TouchableHighlightProps & {
|
|
933
1035
|
rnCSS?: `${string};` | undefined;
|
|
934
1036
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
935
1037
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -985,7 +1087,13 @@ declare const styled: {
|
|
|
985
1087
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
986
1088
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
987
1089
|
children?: React.ReactNode;
|
|
988
|
-
} & Part_17> =
|
|
1090
|
+
} & Part_17> = Partial<RN.TouchableNativeFeedbackProps & {
|
|
1091
|
+
rnCSS?: `${string};` | undefined;
|
|
1092
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1093
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1094
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
1095
|
+
children?: React.ReactNode;
|
|
1096
|
+
} & Part_17>>(opts: Partial<RN.TouchableNativeFeedbackProps & {
|
|
989
1097
|
rnCSS?: `${string};` | undefined;
|
|
990
1098
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
991
1099
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -1041,7 +1149,13 @@ declare const styled: {
|
|
|
1041
1149
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1042
1150
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
1043
1151
|
children?: React.ReactNode;
|
|
1044
|
-
} & Part_18> =
|
|
1152
|
+
} & Part_18> = Partial<RN.TouchableOpacityProps & {
|
|
1153
|
+
rnCSS?: `${string};` | undefined;
|
|
1154
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1155
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1156
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
1157
|
+
children?: React.ReactNode;
|
|
1158
|
+
} & Part_18>>(opts: Partial<RN.TouchableOpacityProps & {
|
|
1045
1159
|
rnCSS?: `${string};` | undefined;
|
|
1046
1160
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1047
1161
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -1097,7 +1211,13 @@ declare const styled: {
|
|
|
1097
1211
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1098
1212
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
1099
1213
|
children?: React.ReactNode;
|
|
1100
|
-
} & Part_19> =
|
|
1214
|
+
} & Part_19> = Partial<RN.TouchableWithoutFeedbackProps & {
|
|
1215
|
+
rnCSS?: `${string};` | undefined;
|
|
1216
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1217
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1218
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
1219
|
+
children?: React.ReactNode;
|
|
1220
|
+
} & Part_19>>(opts: Partial<RN.TouchableWithoutFeedbackProps & {
|
|
1101
1221
|
rnCSS?: `${string};` | undefined;
|
|
1102
1222
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1103
1223
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -1153,7 +1273,13 @@ declare const styled: {
|
|
|
1153
1273
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1154
1274
|
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
1155
1275
|
children?: React.ReactNode;
|
|
1156
|
-
} & Part_13> =
|
|
1276
|
+
} & Part_13> = Partial<RN.ViewProps & {
|
|
1277
|
+
rnCSS?: `${string};` | undefined;
|
|
1278
|
+
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1279
|
+
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1280
|
+
onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
|
|
1281
|
+
children?: React.ReactNode;
|
|
1282
|
+
} & Part_13>>(opts: Partial<RN.ViewProps & {
|
|
1157
1283
|
rnCSS?: `${string};` | undefined;
|
|
1158
1284
|
onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
1159
1285
|
onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
|
package/dist/styleComponent.d.ts
CHANGED
|
@@ -26,7 +26,7 @@ declare const styled: <StyleType, InitialProps extends {
|
|
|
26
26
|
<S>(chunks: TemplateStringsArray, ...functs: (Primitive | Functs<S & Props>)[]): React.ForwardRefExoticComponent<Props & S & {
|
|
27
27
|
ref?: React.Ref<any> | undefined;
|
|
28
28
|
}>;
|
|
29
|
-
attrs<Part, Result extends Partial<Props & Part> =
|
|
29
|
+
attrs<Part, Result extends Partial<Props & Part> = Partial<Props & Part>>(opts: Partial<Props & Part> | ((props: Props & Part) => Partial<Props & Part>)): (chunks: TemplateStringsArray, ...functs: (Primitive | Functs<Part & Props>)[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Result> & React.RefAttributes<any>>;
|
|
30
30
|
};
|
|
31
31
|
export default styled;
|
|
32
32
|
export declare const styledFlatList: {
|
package/dist/styleComponent.js
CHANGED
|
@@ -129,7 +129,6 @@ const styled = (Component) => {
|
|
|
129
129
|
return ForwardRefComponent;
|
|
130
130
|
};
|
|
131
131
|
// provide styled(Comp).attrs({} | () => {}) feature
|
|
132
|
-
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
133
132
|
styledComponent.attrs = (opts) => (chunks, ...functs) => {
|
|
134
133
|
const ComponentWithAttrs = styledComponent(chunks, ...functs);
|
|
135
134
|
const ForwardRefComponent = react_1.default.forwardRef((props, ref) => {
|
package/package.json
CHANGED
package/src/styleComponent.tsx
CHANGED
|
@@ -148,8 +148,7 @@ const styled = <StyleType, InitialProps extends { style?: StyleProp<StyleType> }
|
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
// provide styled(Comp).attrs({} | () => {}) feature
|
|
151
|
-
|
|
152
|
-
styledComponent.attrs = <Part, Result extends Partial<Props & Part> = {}>(opts: Partial<Props & Part> | ((props: Props & Part) => Partial<Props & Part>)) => (chunks: TemplateStringsArray, ...functs: (Primitive | Functs<Part & Props>)[]) => {
|
|
151
|
+
styledComponent.attrs = <Part, Result extends Partial<Props & Part> = Partial<Props & Part>>(opts: Partial<Props & Part> | ((props: Props & Part) => Partial<Props & Part>)) => (chunks: TemplateStringsArray, ...functs: (Primitive | Functs<Part & Props>)[]) => {
|
|
153
152
|
const ComponentWithAttrs = styledComponent(chunks, ...functs)
|
|
154
153
|
const ForwardRefComponent = React.forwardRef<any, Result>((props, ref) => {
|
|
155
154
|
const attrs = (opts instanceof Function) ? opts(props as unknown as Props & Part) : opts
|