rn-css 1.8.6 → 1.8.7

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 (4) hide show
  1. package/dist/index.d.ts +42 -168
  2. package/dist/styleComponent.d.ts +1 -1
  3. package/package.json +1 -1
  4. package/src/styleComponent.tsx +1 -1
package/dist/index.d.ts CHANGED
@@ -55,19 +55,13 @@ declare const styled: {
55
55
  rnCSS?: string | undefined;
56
56
  shared: unknown;
57
57
  theme: import("./styleComponent").DefaultTheme;
58
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<InitialProps & {
58
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<InitialProps & {
59
59
  rnCSS?: `${string};` | undefined;
60
60
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
61
61
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
62
62
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
63
63
  children?: React.ReactNode;
64
- } & Part, Result> & Partial<InitialProps & {
65
- rnCSS?: `${string};` | undefined;
66
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
67
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
68
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
69
- children?: React.ReactNode;
70
- } & Part>> & React.RefAttributes<React.ComponentType<InitialProps & {
64
+ } & Part> & React.RefAttributes<React.ComponentType<InitialProps & {
71
65
  rnCSS?: `${string};` | undefined;
72
66
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
73
67
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -123,19 +117,13 @@ declare const styled: {
123
117
  rnCSS?: string | undefined;
124
118
  shared: unknown;
125
119
  theme: import("./styleComponent").DefaultTheme;
126
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.ActivityIndicatorProps & {
127
- rnCSS?: `${string};` | undefined;
128
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
129
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
130
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
131
- children?: React.ReactNode;
132
- } & Part_1, Result_1> & Partial<RN.ActivityIndicatorProps & {
120
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.ActivityIndicatorProps & {
133
121
  rnCSS?: `${string};` | undefined;
134
122
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
135
123
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
136
124
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
137
125
  children?: React.ReactNode;
138
- } & Part_1>> & React.RefAttributes<React.ComponentType<RN.ActivityIndicatorProps & {
126
+ } & Part_1> & React.RefAttributes<React.ComponentType<RN.ActivityIndicatorProps & {
139
127
  rnCSS?: `${string};` | undefined;
140
128
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
141
129
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -191,19 +179,13 @@ declare const styled: {
191
179
  rnCSS?: string | undefined;
192
180
  shared: unknown;
193
181
  theme: import("./styleComponent").DefaultTheme;
194
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.DrawerLayoutAndroidProps & {
182
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.DrawerLayoutAndroidProps & {
195
183
  rnCSS?: `${string};` | undefined;
196
184
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
197
185
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
198
186
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
199
187
  children?: React.ReactNode;
200
- } & Part_2, Result_2> & Partial<RN.DrawerLayoutAndroidProps & {
201
- rnCSS?: `${string};` | undefined;
202
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
203
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
204
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
205
- children?: React.ReactNode;
206
- } & Part_2>> & React.RefAttributes<React.ComponentType<RN.DrawerLayoutAndroidProps & {
188
+ } & Part_2> & React.RefAttributes<React.ComponentType<RN.DrawerLayoutAndroidProps & {
207
189
  rnCSS?: `${string};` | undefined;
208
190
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
209
191
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -259,19 +241,13 @@ declare const styled: {
259
241
  rnCSS?: string | undefined;
260
242
  shared: unknown;
261
243
  theme: import("./styleComponent").DefaultTheme;
262
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.ImageProps & {
244
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.ImageProps & {
263
245
  rnCSS?: `${string};` | undefined;
264
246
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
265
247
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
266
248
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
267
249
  children?: React.ReactNode;
268
- } & Part_3, Result_3> & Partial<RN.ImageProps & {
269
- rnCSS?: `${string};` | undefined;
270
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
271
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
272
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
273
- children?: React.ReactNode;
274
- } & Part_3>> & React.RefAttributes<React.ComponentType<RN.ImageProps & {
250
+ } & Part_3> & React.RefAttributes<React.ComponentType<RN.ImageProps & {
275
251
  rnCSS?: `${string};` | undefined;
276
252
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
277
253
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -327,19 +303,13 @@ declare const styled: {
327
303
  rnCSS?: string | undefined;
328
304
  shared: unknown;
329
305
  theme: import("./styleComponent").DefaultTheme;
330
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.ImageBackgroundProps & {
306
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.ImageBackgroundProps & {
331
307
  rnCSS?: `${string};` | undefined;
332
308
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
333
309
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
334
310
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
335
311
  children?: React.ReactNode;
336
- } & Part_4, Result_4> & Partial<RN.ImageBackgroundProps & {
337
- rnCSS?: `${string};` | undefined;
338
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
339
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
340
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
341
- children?: React.ReactNode;
342
- } & Part_4>> & React.RefAttributes<React.ComponentType<RN.ImageBackgroundProps & {
312
+ } & Part_4> & React.RefAttributes<React.ComponentType<RN.ImageBackgroundProps & {
343
313
  rnCSS?: `${string};` | undefined;
344
314
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
345
315
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -395,19 +365,13 @@ declare const styled: {
395
365
  rnCSS?: string | undefined;
396
366
  shared: unknown;
397
367
  theme: import("./styleComponent").DefaultTheme;
398
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.KeyboardAvoidingViewProps & {
368
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.KeyboardAvoidingViewProps & {
399
369
  rnCSS?: `${string};` | undefined;
400
370
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
401
371
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
402
372
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
403
373
  children?: React.ReactNode;
404
- } & Part_5, Result_5> & Partial<RN.KeyboardAvoidingViewProps & {
405
- rnCSS?: `${string};` | undefined;
406
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
407
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
408
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
409
- children?: React.ReactNode;
410
- } & Part_5>> & React.RefAttributes<React.ComponentType<RN.KeyboardAvoidingViewProps & {
374
+ } & Part_5> & React.RefAttributes<React.ComponentType<RN.KeyboardAvoidingViewProps & {
411
375
  rnCSS?: `${string};` | undefined;
412
376
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
413
377
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -463,19 +427,13 @@ declare const styled: {
463
427
  rnCSS?: string | undefined;
464
428
  shared: unknown;
465
429
  theme: import("./styleComponent").DefaultTheme;
466
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
430
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
467
431
  rnCSS?: `${string};` | undefined;
468
432
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
469
433
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
470
434
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
471
435
  children?: React.ReactNode;
472
- } & Part_6, Result_6> & Partial<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
473
- rnCSS?: `${string};` | undefined;
474
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
475
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
476
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
477
- children?: React.ReactNode;
478
- } & Part_6>> & React.RefAttributes<React.ComponentType<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
436
+ } & Part_6> & React.RefAttributes<React.ComponentType<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
479
437
  rnCSS?: `${string};` | undefined;
480
438
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
481
439
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -531,19 +489,13 @@ declare const styled: {
531
489
  rnCSS?: string | undefined;
532
490
  shared: unknown;
533
491
  theme: import("./styleComponent").DefaultTheme;
534
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.NavigatorIOSProps & {
535
- rnCSS?: `${string};` | undefined;
536
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
537
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
538
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
539
- children?: React.ReactNode;
540
- } & Part_7, Result_7> & Partial<RN.NavigatorIOSProps & {
492
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.NavigatorIOSProps & {
541
493
  rnCSS?: `${string};` | undefined;
542
494
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
543
495
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
544
496
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
545
497
  children?: React.ReactNode;
546
- } & Part_7>> & React.RefAttributes<React.ComponentType<RN.NavigatorIOSProps & {
498
+ } & Part_7> & React.RefAttributes<React.ComponentType<RN.NavigatorIOSProps & {
547
499
  rnCSS?: `${string};` | undefined;
548
500
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
549
501
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -599,19 +551,13 @@ declare const styled: {
599
551
  rnCSS?: string | undefined;
600
552
  shared: unknown;
601
553
  theme: import("./styleComponent").DefaultTheme;
602
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.ScrollViewProps & {
554
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.ScrollViewProps & {
603
555
  rnCSS?: `${string};` | undefined;
604
556
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
605
557
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
606
558
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
607
559
  children?: React.ReactNode;
608
- } & Part_8, Result_8> & Partial<RN.ScrollViewProps & {
609
- rnCSS?: `${string};` | undefined;
610
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
611
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
612
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
613
- children?: React.ReactNode;
614
- } & Part_8>> & React.RefAttributes<React.ComponentType<RN.ScrollViewProps & {
560
+ } & Part_8> & React.RefAttributes<React.ComponentType<RN.ScrollViewProps & {
615
561
  rnCSS?: `${string};` | undefined;
616
562
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
617
563
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -667,19 +613,13 @@ declare const styled: {
667
613
  rnCSS?: string | undefined;
668
614
  shared: unknown;
669
615
  theme: import("./styleComponent").DefaultTheme;
670
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.SnapshotViewIOSProps & {
616
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.SnapshotViewIOSProps & {
671
617
  rnCSS?: `${string};` | undefined;
672
618
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
673
619
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
674
620
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
675
621
  children?: React.ReactNode;
676
- } & Part_9, Result_9> & Partial<RN.SnapshotViewIOSProps & {
677
- rnCSS?: `${string};` | undefined;
678
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
679
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
680
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
681
- children?: React.ReactNode;
682
- } & Part_9>> & React.RefAttributes<React.ComponentType<RN.SnapshotViewIOSProps & {
622
+ } & Part_9> & React.RefAttributes<React.ComponentType<RN.SnapshotViewIOSProps & {
683
623
  rnCSS?: `${string};` | undefined;
684
624
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
685
625
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -735,19 +675,13 @@ declare const styled: {
735
675
  rnCSS?: string | undefined;
736
676
  shared: unknown;
737
677
  theme: import("./styleComponent").DefaultTheme;
738
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.SwitchProps & {
678
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.SwitchProps & {
739
679
  rnCSS?: `${string};` | undefined;
740
680
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
741
681
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
742
682
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
743
683
  children?: React.ReactNode;
744
- } & Part_10, Result_10> & Partial<RN.SwitchProps & {
745
- rnCSS?: `${string};` | undefined;
746
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
747
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
748
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
749
- children?: React.ReactNode;
750
- } & Part_10>> & React.RefAttributes<React.ComponentType<RN.SwitchProps & {
684
+ } & Part_10> & React.RefAttributes<React.ComponentType<RN.SwitchProps & {
751
685
  rnCSS?: `${string};` | undefined;
752
686
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
753
687
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -803,19 +737,13 @@ declare const styled: {
803
737
  rnCSS?: string | undefined;
804
738
  shared: unknown;
805
739
  theme: import("./styleComponent").DefaultTheme;
806
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.RecyclerViewBackedScrollViewProps & {
807
- rnCSS?: `${string};` | undefined;
808
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
809
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
810
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
811
- children?: React.ReactNode;
812
- } & Part_11, Result_11> & Partial<RN.RecyclerViewBackedScrollViewProps & {
740
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.RecyclerViewBackedScrollViewProps & {
813
741
  rnCSS?: `${string};` | undefined;
814
742
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
815
743
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
816
744
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
817
745
  children?: React.ReactNode;
818
- } & Part_11>> & React.RefAttributes<React.ComponentType<RN.RecyclerViewBackedScrollViewProps & {
746
+ } & Part_11> & React.RefAttributes<React.ComponentType<RN.RecyclerViewBackedScrollViewProps & {
819
747
  rnCSS?: `${string};` | undefined;
820
748
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
821
749
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -871,19 +799,13 @@ declare const styled: {
871
799
  rnCSS?: string | undefined;
872
800
  shared: unknown;
873
801
  theme: import("./styleComponent").DefaultTheme;
874
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.RefreshControlProps & {
802
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.RefreshControlProps & {
875
803
  rnCSS?: `${string};` | undefined;
876
804
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
877
805
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
878
806
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
879
807
  children?: React.ReactNode;
880
- } & Part_12, Result_12> & Partial<RN.RefreshControlProps & {
881
- rnCSS?: `${string};` | undefined;
882
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
883
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
884
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
885
- children?: React.ReactNode;
886
- } & Part_12>> & React.RefAttributes<React.ComponentType<RN.RefreshControlProps & {
808
+ } & Part_12> & React.RefAttributes<React.ComponentType<RN.RefreshControlProps & {
887
809
  rnCSS?: `${string};` | undefined;
888
810
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
889
811
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -939,19 +861,13 @@ declare const styled: {
939
861
  rnCSS?: string | undefined;
940
862
  shared: unknown;
941
863
  theme: import("./styleComponent").DefaultTheme;
942
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.ViewProps & {
943
- rnCSS?: `${string};` | undefined;
944
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
945
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
946
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
947
- children?: React.ReactNode;
948
- } & Part_13, Result_13> & Partial<RN.ViewProps & {
864
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.ViewProps & {
949
865
  rnCSS?: `${string};` | undefined;
950
866
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
951
867
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
952
868
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
953
869
  children?: React.ReactNode;
954
- } & Part_13>> & React.RefAttributes<React.ComponentType<RN.ViewProps & {
870
+ } & Part_13> & React.RefAttributes<React.ComponentType<RN.ViewProps & {
955
871
  rnCSS?: `${string};` | undefined;
956
872
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
957
873
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -1007,19 +923,13 @@ declare const styled: {
1007
923
  rnCSS?: string | undefined;
1008
924
  shared: unknown;
1009
925
  theme: import("./styleComponent").DefaultTheme;
1010
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.TextProps & {
926
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.TextProps & {
1011
927
  rnCSS?: `${string};` | undefined;
1012
928
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1013
929
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1014
930
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1015
931
  children?: React.ReactNode;
1016
- } & Part_14, Result_14> & Partial<RN.TextProps & {
1017
- rnCSS?: `${string};` | undefined;
1018
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1019
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1020
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1021
- children?: React.ReactNode;
1022
- } & Part_14>> & React.RefAttributes<React.ComponentType<RN.TextProps & {
932
+ } & Part_14> & React.RefAttributes<React.ComponentType<RN.TextProps & {
1023
933
  rnCSS?: `${string};` | undefined;
1024
934
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1025
935
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -1075,19 +985,13 @@ declare const styled: {
1075
985
  rnCSS?: string | undefined;
1076
986
  shared: unknown;
1077
987
  theme: import("./styleComponent").DefaultTheme;
1078
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.TextInputProps & {
1079
- rnCSS?: `${string};` | undefined;
1080
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1081
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1082
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1083
- children?: React.ReactNode;
1084
- } & Part_15, Result_15> & Partial<RN.TextInputProps & {
988
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.TextInputProps & {
1085
989
  rnCSS?: `${string};` | undefined;
1086
990
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1087
991
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1088
992
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1089
993
  children?: React.ReactNode;
1090
- } & Part_15>> & React.RefAttributes<React.ComponentType<RN.TextInputProps & {
994
+ } & Part_15> & React.RefAttributes<React.ComponentType<RN.TextInputProps & {
1091
995
  rnCSS?: `${string};` | undefined;
1092
996
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1093
997
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -1143,19 +1047,13 @@ declare const styled: {
1143
1047
  rnCSS?: string | undefined;
1144
1048
  shared: unknown;
1145
1049
  theme: import("./styleComponent").DefaultTheme;
1146
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.TouchableHighlightProps & {
1050
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.TouchableHighlightProps & {
1147
1051
  rnCSS?: `${string};` | undefined;
1148
1052
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1149
1053
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1150
1054
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1151
1055
  children?: React.ReactNode;
1152
- } & Part_16, Result_16> & Partial<RN.TouchableHighlightProps & {
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_16>> & React.RefAttributes<React.ComponentType<RN.TouchableHighlightProps & {
1056
+ } & Part_16> & React.RefAttributes<React.ComponentType<RN.TouchableHighlightProps & {
1159
1057
  rnCSS?: `${string};` | undefined;
1160
1058
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1161
1059
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -1211,19 +1109,13 @@ declare const styled: {
1211
1109
  rnCSS?: string | undefined;
1212
1110
  shared: unknown;
1213
1111
  theme: import("./styleComponent").DefaultTheme;
1214
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.TouchableNativeFeedbackProps & {
1112
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.TouchableNativeFeedbackProps & {
1215
1113
  rnCSS?: `${string};` | undefined;
1216
1114
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1217
1115
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1218
1116
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1219
1117
  children?: React.ReactNode;
1220
- } & Part_17, Result_17> & Partial<RN.TouchableNativeFeedbackProps & {
1221
- rnCSS?: `${string};` | undefined;
1222
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1223
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1224
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1225
- children?: React.ReactNode;
1226
- } & Part_17>> & React.RefAttributes<React.ComponentType<RN.TouchableNativeFeedbackProps & {
1118
+ } & Part_17> & React.RefAttributes<React.ComponentType<RN.TouchableNativeFeedbackProps & {
1227
1119
  rnCSS?: `${string};` | undefined;
1228
1120
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1229
1121
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -1279,19 +1171,13 @@ declare const styled: {
1279
1171
  rnCSS?: string | undefined;
1280
1172
  shared: unknown;
1281
1173
  theme: import("./styleComponent").DefaultTheme;
1282
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.TouchableOpacityProps & {
1283
- rnCSS?: `${string};` | undefined;
1284
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1285
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1286
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1287
- children?: React.ReactNode;
1288
- } & Part_18, Result_18> & Partial<RN.TouchableOpacityProps & {
1174
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.TouchableOpacityProps & {
1289
1175
  rnCSS?: `${string};` | undefined;
1290
1176
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1291
1177
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1292
1178
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1293
1179
  children?: React.ReactNode;
1294
- } & Part_18>> & React.RefAttributes<React.ComponentType<RN.TouchableOpacityProps & {
1180
+ } & Part_18> & React.RefAttributes<React.ComponentType<RN.TouchableOpacityProps & {
1295
1181
  rnCSS?: `${string};` | undefined;
1296
1182
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1297
1183
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -1347,19 +1233,13 @@ declare const styled: {
1347
1233
  rnCSS?: string | undefined;
1348
1234
  shared: unknown;
1349
1235
  theme: import("./styleComponent").DefaultTheme;
1350
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.TouchableWithoutFeedbackProps & {
1236
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.TouchableWithoutFeedbackProps & {
1351
1237
  rnCSS?: `${string};` | undefined;
1352
1238
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1353
1239
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1354
1240
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1355
1241
  children?: React.ReactNode;
1356
- } & Part_19, Result_19> & Partial<RN.TouchableWithoutFeedbackProps & {
1357
- rnCSS?: `${string};` | undefined;
1358
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1359
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1360
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1361
- children?: React.ReactNode;
1362
- } & Part_19>> & React.RefAttributes<React.ComponentType<RN.TouchableWithoutFeedbackProps & {
1242
+ } & Part_19> & React.RefAttributes<React.ComponentType<RN.TouchableWithoutFeedbackProps & {
1363
1243
  rnCSS?: `${string};` | undefined;
1364
1244
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1365
1245
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -1415,19 +1295,13 @@ declare const styled: {
1415
1295
  rnCSS?: string | undefined;
1416
1296
  shared: unknown;
1417
1297
  theme: import("./styleComponent").DefaultTheme;
1418
- }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<RN.ViewProps & {
1419
- rnCSS?: `${string};` | undefined;
1420
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1421
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1422
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1423
- children?: React.ReactNode;
1424
- } & Part_13, Result_13> & Partial<RN.ViewProps & {
1298
+ }) => string | number | boolean | import("./types").CompleteStyle | null | undefined))[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<RN.ViewProps & {
1425
1299
  rnCSS?: `${string};` | undefined;
1426
1300
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1427
1301
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1428
1302
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1429
1303
  children?: React.ReactNode;
1430
- } & Part_13>> & React.RefAttributes<React.ComponentType<RN.ViewProps & {
1304
+ } & Part_13> & React.RefAttributes<React.ComponentType<RN.ViewProps & {
1431
1305
  rnCSS?: `${string};` | undefined;
1432
1306
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1433
1307
  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<Part & Props> = Partial<Part & Props>>(opts: Result | ((props: Part & Props) => Result)): (chunks: TemplateStringsArray, ...functs: (Primitive | Functs<Part & Props>)[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Exclude<Props & Part, Result> & Partial<Props & Part>> & React.RefAttributes<React.ComponentType<Props & Part>>>;
29
+ attrs<Part, Result extends Partial<Part & Props> = Partial<Part & Props>>(opts: Result | ((props: Part & Props) => Result)): (chunks: TemplateStringsArray, ...functs: (Primitive | Functs<Part & Props>)[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Props & Part> & React.RefAttributes<React.ComponentType<Props & Part>>>;
30
30
  };
31
31
  export default styled;
32
32
  export declare const styledFlatList: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rn-css",
3
- "version": "1.8.6",
3
+ "version": "1.8.7",
4
4
  "scripts": {
5
5
  "test": "jest",
6
6
  "prepare": "tsc",
package/src/styleComponent.tsx CHANGED
@@ -150,7 +150,7 @@ const styled = <StyleType, InitialProps extends { style?: StyleProp<StyleType> }
150
150
  // provide styled(Comp).attrs({} | () => {}) feature
151
151
  styledComponent.attrs = <Part, Result extends Partial<Part & Props> = Partial<Part & Props>>(opts: Result | ((props: Part & Props) => Result)) => (chunks: TemplateStringsArray, ...functs: (Primitive | Functs<Part & Props>)[]) => {
152
152
  const ComponentWithAttrs = styledComponent(chunks, ...functs)
153
- const ForwardRefComponent = React.forwardRef<React.ComponentType<Props & Part>, Exclude<Props & Part, Result> & Partial<Props & Part>>((props, ref) => {
153
+ const ForwardRefComponent = React.forwardRef<React.ComponentType<Props & Part>, Props & Part>((props, ref) => {
154
154
  const attrs = (opts instanceof Function) ? opts(props) : opts
155
155
  return <ComponentWithAttrs ref={ref} {...props} {...attrs} />
156
156
  })