rn-css 1.7.0 → 1.8.0

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 (10) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +13 -2
  3. package/dist/index.d.ts +156 -156
  4. package/dist/rnToCss.d.ts +3 -0
  5. package/dist/rnToCss.js +8 -0
  6. package/dist/styleComponent.d.ts +3 -3
  7. package/dist/styleComponent.js +9 -1
  8. package/package.json +1 -1
  9. package/src/rnToCss.ts +11 -0
  10. package/src/styleComponent.tsx +13 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # Changelog
2
2
 
3
+ ## Version 1.8
4
+
5
+ * Accept returning an RN Style object in the tagged template string
6
+ * Fix a type issue in the style prop of the components
7
+
8
+ ## Version 1.7
9
+
10
+ * Improve type support for the Theming system
11
+
3
12
  ## Version 1.6
4
13
 
5
14
  * Creation of RemContext to control rem units value
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  This is basically [styled-components](https://github.com/styled-components/styled-components) with a much better support for React-Native, and some awesome additional features. You can check the docs of [styled-components](https://github.com/styled-components/styled-components) for more details about the basic API. I'll focus here on the differences.
4
4
 
5
- **Current version: 1.5** [See the Changelog](./CHANGELOG.md)
5
+ **Current version: 1.8** [See the Changelog](./CHANGELOG.md)
6
6
 
7
7
  ---
8
8
 
@@ -91,6 +91,17 @@ const View = styled.View<{ color: string }>`
91
91
  `
92
92
  ```
93
93
 
94
+ Here is an example returning directly a Style object:
95
+
96
+ ```javascript
97
+ const View = styled.View`
98
+ color: black;
99
+ ${props => ({ justifyContent: props.center })}
100
+ `
101
+ ```
102
+
103
+
104
+
94
105
  ---
95
106
 
96
107
  ### <ins>attrs:</ins>
@@ -323,7 +334,7 @@ const View = styled.View`
323
334
 
324
335
  ### <ins>Typescript:</ins>
325
336
 
326
- For Typescript, `shared` will always be typed with `unknown`. You need to manually declare the type of your shared object. Be careful: you won't have typecheck this way. We don't have any better way for now.
337
+ For Typescript, `shared` will always be typed with `unknown`. You need to manually declare the type of your shared object. Read the Theming section to learn more about workarounds.
327
338
 
328
339
  ```typescript
329
340
  // Create your theme
package/dist/index.d.ts CHANGED
@@ -6,771 +6,771 @@ export { SharedValue, FontSizeContext, RemContext, DefaultTheme } from './styleC
6
6
  export * from './useTheme';
7
7
  declare const styled: {
8
8
  <T>(Component: React.ComponentType<T>): {
9
- <S>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S & T & {
9
+ <S>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S & T & {
10
10
  rnCSS?: string | undefined;
11
11
  shared: unknown;
12
12
  theme: import("./styleComponent").DefaultTheme;
13
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<T & S & {
13
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<T & S & {
14
14
  rnCSS?: `${string};` | undefined;
15
15
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
16
16
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
17
17
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
18
18
  children?: React.ReactNode;
19
- style?: any;
19
+ style?: unknown;
20
20
  } & {
21
21
  ref?: React.Ref<any> | undefined;
22
22
  }>;
23
- attrs<S_1>(opts: Partial<S_1 & T> | ((props: S_1 & T) => Partial<S_1 & T>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_1 & T & {
23
+ attrs<S_1>(opts: Partial<S_1 & T> | ((props: S_1 & T) => Partial<S_1 & T>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_1 & T & {
24
24
  rnCSS?: string | undefined;
25
25
  shared: unknown;
26
26
  theme: import("./styleComponent").DefaultTheme;
27
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(T | S_1) & {
27
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(T | S_1) & {
28
28
  rnCSS?: `${string};` | undefined;
29
29
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
30
30
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
31
31
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
32
32
  children?: React.ReactNode;
33
- style?: any;
33
+ style?: unknown;
34
34
  } & {
35
35
  ref?: React.Ref<any> | undefined;
36
36
  }>;
37
37
  };
38
38
  ActivityIndicator: {
39
- <S_2>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_2 & RN.ActivityIndicatorProps & {
39
+ <S_2>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_2 & RN.ActivityIndicatorProps & {
40
40
  rnCSS?: string | undefined;
41
41
  shared: unknown;
42
42
  theme: import("./styleComponent").DefaultTheme;
43
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ActivityIndicatorProps & S_2 & {
43
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.ActivityIndicatorProps & S_2 & {
44
44
  rnCSS?: `${string};` | undefined;
45
45
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
46
46
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
47
47
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
48
48
  children?: React.ReactNode;
49
- style?: any;
49
+ style?: unknown;
50
50
  } & {
51
51
  ref?: React.Ref<any> | undefined;
52
52
  }>;
53
- attrs<S_3>(opts: Partial<S_3 & RN.ActivityIndicatorProps> | ((props: S_3 & RN.ActivityIndicatorProps) => Partial<S_3 & RN.ActivityIndicatorProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_3 & RN.ActivityIndicatorProps & {
53
+ attrs<S_3>(opts: Partial<S_3 & RN.ActivityIndicatorProps> | ((props: S_3 & RN.ActivityIndicatorProps) => Partial<S_3 & RN.ActivityIndicatorProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_3 & RN.ActivityIndicatorProps & {
54
54
  rnCSS?: string | undefined;
55
55
  shared: unknown;
56
56
  theme: import("./styleComponent").DefaultTheme;
57
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ActivityIndicatorProps | S_3) & {
57
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ActivityIndicatorProps | S_3) & {
58
58
  rnCSS?: `${string};` | undefined;
59
59
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
60
60
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
61
61
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
62
62
  children?: React.ReactNode;
63
- style?: any;
63
+ style?: unknown;
64
64
  } & {
65
65
  ref?: React.Ref<any> | undefined;
66
66
  }>;
67
67
  };
68
68
  Button: {
69
- <S_4>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_4 & RN.ButtonProps & {
69
+ <S_4>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_4 & RN.ButtonProps & {
70
70
  rnCSS?: string | undefined;
71
71
  shared: unknown;
72
72
  theme: import("./styleComponent").DefaultTheme;
73
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ButtonProps & S_4 & {
73
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.ButtonProps & S_4 & {
74
74
  rnCSS?: `${string};` | undefined;
75
75
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
76
76
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
77
77
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
78
78
  children?: React.ReactNode;
79
- style?: any;
79
+ style?: unknown;
80
80
  } & {
81
81
  ref?: React.Ref<any> | undefined;
82
82
  }>;
83
- attrs<S_5>(opts: Partial<S_5 & RN.ButtonProps> | ((props: S_5 & RN.ButtonProps) => Partial<S_5 & RN.ButtonProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_5 & RN.ButtonProps & {
83
+ attrs<S_5>(opts: Partial<S_5 & RN.ButtonProps> | ((props: S_5 & RN.ButtonProps) => Partial<S_5 & RN.ButtonProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_5 & RN.ButtonProps & {
84
84
  rnCSS?: string | undefined;
85
85
  shared: unknown;
86
86
  theme: import("./styleComponent").DefaultTheme;
87
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ButtonProps | S_5) & {
87
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ButtonProps | S_5) & {
88
88
  rnCSS?: `${string};` | undefined;
89
89
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
90
90
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
91
91
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
92
92
  children?: React.ReactNode;
93
- style?: any;
93
+ style?: unknown;
94
94
  } & {
95
95
  ref?: React.Ref<any> | undefined;
96
96
  }>;
97
97
  };
98
98
  DrawerLayoutAndroid: {
99
- <S_6>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_6 & RN.DrawerLayoutAndroidProps & {
99
+ <S_6>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_6 & RN.DrawerLayoutAndroidProps & {
100
100
  rnCSS?: string | undefined;
101
101
  shared: unknown;
102
102
  theme: import("./styleComponent").DefaultTheme;
103
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.DrawerLayoutAndroidProps & S_6 & {
103
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.DrawerLayoutAndroidProps & S_6 & {
104
104
  rnCSS?: `${string};` | undefined;
105
105
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
106
106
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
107
107
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
108
108
  children?: React.ReactNode;
109
- style?: any;
109
+ style?: unknown;
110
110
  } & {
111
111
  ref?: React.Ref<any> | undefined;
112
112
  }>;
113
- attrs<S_7>(opts: Partial<S_7 & RN.DrawerLayoutAndroidProps> | ((props: S_7 & RN.DrawerLayoutAndroidProps) => Partial<S_7 & RN.DrawerLayoutAndroidProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_7 & RN.DrawerLayoutAndroidProps & {
113
+ attrs<S_7>(opts: Partial<S_7 & RN.DrawerLayoutAndroidProps> | ((props: S_7 & RN.DrawerLayoutAndroidProps) => Partial<S_7 & RN.DrawerLayoutAndroidProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_7 & RN.DrawerLayoutAndroidProps & {
114
114
  rnCSS?: string | undefined;
115
115
  shared: unknown;
116
116
  theme: import("./styleComponent").DefaultTheme;
117
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.DrawerLayoutAndroidProps | S_7) & {
117
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.DrawerLayoutAndroidProps | S_7) & {
118
118
  rnCSS?: `${string};` | undefined;
119
119
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
120
120
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
121
121
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
122
122
  children?: React.ReactNode;
123
- style?: any;
123
+ style?: unknown;
124
124
  } & {
125
125
  ref?: React.Ref<any> | undefined;
126
126
  }>;
127
127
  };
128
128
  Image: {
129
- <S_8>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_8 & RN.ImageProps & {
129
+ <S_8>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_8 & RN.ImageProps & {
130
130
  rnCSS?: string | undefined;
131
131
  shared: unknown;
132
132
  theme: import("./styleComponent").DefaultTheme;
133
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ImageProps & S_8 & {
133
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.ImageProps & S_8 & {
134
134
  rnCSS?: `${string};` | undefined;
135
135
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
136
136
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
137
137
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
138
138
  children?: React.ReactNode;
139
- style?: any;
139
+ style?: unknown;
140
140
  } & {
141
141
  ref?: React.Ref<any> | undefined;
142
142
  }>;
143
- attrs<S_9>(opts: Partial<S_9 & RN.ImageProps> | ((props: S_9 & RN.ImageProps) => Partial<S_9 & RN.ImageProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_9 & RN.ImageProps & {
143
+ attrs<S_9>(opts: Partial<S_9 & RN.ImageProps> | ((props: S_9 & RN.ImageProps) => Partial<S_9 & RN.ImageProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_9 & RN.ImageProps & {
144
144
  rnCSS?: string | undefined;
145
145
  shared: unknown;
146
146
  theme: import("./styleComponent").DefaultTheme;
147
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ImageProps | S_9) & {
147
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ImageProps | S_9) & {
148
148
  rnCSS?: `${string};` | undefined;
149
149
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
150
150
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
151
151
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
152
152
  children?: React.ReactNode;
153
- style?: any;
153
+ style?: unknown;
154
154
  } & {
155
155
  ref?: React.Ref<any> | undefined;
156
156
  }>;
157
157
  };
158
158
  ImageBackground: {
159
- <S_10>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_10 & RN.ImageBackgroundProps & {
159
+ <S_10>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_10 & RN.ImageBackgroundProps & {
160
160
  rnCSS?: string | undefined;
161
161
  shared: unknown;
162
162
  theme: import("./styleComponent").DefaultTheme;
163
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ImageBackgroundProps & S_10 & {
163
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.ImageBackgroundProps & S_10 & {
164
164
  rnCSS?: `${string};` | undefined;
165
165
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
166
166
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
167
167
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
168
168
  children?: React.ReactNode;
169
- style?: any;
169
+ style?: unknown;
170
170
  } & {
171
171
  ref?: React.Ref<any> | undefined;
172
172
  }>;
173
- attrs<S_11>(opts: Partial<S_11 & RN.ImageBackgroundProps> | ((props: S_11 & RN.ImageBackgroundProps) => Partial<S_11 & RN.ImageBackgroundProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_11 & RN.ImageBackgroundProps & {
173
+ attrs<S_11>(opts: Partial<S_11 & RN.ImageBackgroundProps> | ((props: S_11 & RN.ImageBackgroundProps) => Partial<S_11 & RN.ImageBackgroundProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_11 & RN.ImageBackgroundProps & {
174
174
  rnCSS?: string | undefined;
175
175
  shared: unknown;
176
176
  theme: import("./styleComponent").DefaultTheme;
177
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ImageBackgroundProps | S_11) & {
177
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ImageBackgroundProps | S_11) & {
178
178
  rnCSS?: `${string};` | undefined;
179
179
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
180
180
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
181
181
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
182
182
  children?: React.ReactNode;
183
- style?: any;
183
+ style?: unknown;
184
184
  } & {
185
185
  ref?: React.Ref<any> | undefined;
186
186
  }>;
187
187
  };
188
188
  KeyboardAvoidingView: {
189
- <S_12>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_12 & RN.KeyboardAvoidingViewProps & {
189
+ <S_12>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_12 & RN.KeyboardAvoidingViewProps & {
190
190
  rnCSS?: string | undefined;
191
191
  shared: unknown;
192
192
  theme: import("./styleComponent").DefaultTheme;
193
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.KeyboardAvoidingViewProps & S_12 & {
193
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.KeyboardAvoidingViewProps & S_12 & {
194
194
  rnCSS?: `${string};` | undefined;
195
195
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
196
196
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
197
197
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
198
198
  children?: React.ReactNode;
199
- style?: any;
199
+ style?: unknown;
200
200
  } & {
201
201
  ref?: React.Ref<any> | undefined;
202
202
  }>;
203
- attrs<S_13>(opts: Partial<S_13 & RN.KeyboardAvoidingViewProps> | ((props: S_13 & RN.KeyboardAvoidingViewProps) => Partial<S_13 & RN.KeyboardAvoidingViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_13 & RN.KeyboardAvoidingViewProps & {
203
+ attrs<S_13>(opts: Partial<S_13 & RN.KeyboardAvoidingViewProps> | ((props: S_13 & RN.KeyboardAvoidingViewProps) => Partial<S_13 & RN.KeyboardAvoidingViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_13 & RN.KeyboardAvoidingViewProps & {
204
204
  rnCSS?: string | undefined;
205
205
  shared: unknown;
206
206
  theme: import("./styleComponent").DefaultTheme;
207
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.KeyboardAvoidingViewProps | S_13) & {
207
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.KeyboardAvoidingViewProps | S_13) & {
208
208
  rnCSS?: `${string};` | undefined;
209
209
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
210
210
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
211
211
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
212
212
  children?: React.ReactNode;
213
- style?: any;
213
+ style?: unknown;
214
214
  } & {
215
215
  ref?: React.Ref<any> | undefined;
216
216
  }>;
217
217
  };
218
218
  Modal: {
219
- <S_14>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_14 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
219
+ <S_14>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_14 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
220
220
  rnCSS?: string | undefined;
221
221
  shared: unknown;
222
222
  theme: import("./styleComponent").DefaultTheme;
223
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & S_14 & {
223
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & S_14 & {
224
224
  rnCSS?: `${string};` | undefined;
225
225
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
226
226
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
227
227
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
228
228
  children?: React.ReactNode;
229
- style?: any;
229
+ style?: unknown;
230
230
  } & {
231
231
  ref?: React.Ref<any> | undefined;
232
232
  }>;
233
- attrs<S_15>(opts: Partial<S_15 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps> | ((props: S_15 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps) => Partial<S_15 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_15 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
233
+ attrs<S_15>(opts: Partial<S_15 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps> | ((props: S_15 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps) => Partial<S_15 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_15 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
234
234
  rnCSS?: string | undefined;
235
235
  shared: unknown;
236
236
  theme: import("./styleComponent").DefaultTheme;
237
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ModalProps | S_15) & {
237
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ModalProps | S_15) & {
238
238
  rnCSS?: `${string};` | undefined;
239
239
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
240
240
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
241
241
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
242
242
  children?: React.ReactNode;
243
- style?: any;
243
+ style?: unknown;
244
244
  } & {
245
245
  ref?: React.Ref<any> | undefined;
246
246
  }>;
247
247
  };
248
248
  NavigatorIOS: {
249
- <S_16>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_16 & RN.NavigatorIOSProps & {
249
+ <S_16>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_16 & RN.NavigatorIOSProps & {
250
250
  rnCSS?: string | undefined;
251
251
  shared: unknown;
252
252
  theme: import("./styleComponent").DefaultTheme;
253
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.NavigatorIOSProps & S_16 & {
253
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.NavigatorIOSProps & S_16 & {
254
254
  rnCSS?: `${string};` | undefined;
255
255
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
256
256
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
257
257
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
258
258
  children?: React.ReactNode;
259
- style?: any;
259
+ style?: unknown;
260
260
  } & {
261
261
  ref?: React.Ref<any> | undefined;
262
262
  }>;
263
- attrs<S_17>(opts: Partial<S_17 & RN.NavigatorIOSProps> | ((props: S_17 & RN.NavigatorIOSProps) => Partial<S_17 & RN.NavigatorIOSProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_17 & RN.NavigatorIOSProps & {
263
+ attrs<S_17>(opts: Partial<S_17 & RN.NavigatorIOSProps> | ((props: S_17 & RN.NavigatorIOSProps) => Partial<S_17 & RN.NavigatorIOSProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_17 & RN.NavigatorIOSProps & {
264
264
  rnCSS?: string | undefined;
265
265
  shared: unknown;
266
266
  theme: import("./styleComponent").DefaultTheme;
267
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.NavigatorIOSProps | S_17) & {
267
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.NavigatorIOSProps | S_17) & {
268
268
  rnCSS?: `${string};` | undefined;
269
269
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
270
270
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
271
271
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
272
272
  children?: React.ReactNode;
273
- style?: any;
273
+ style?: unknown;
274
274
  } & {
275
275
  ref?: React.Ref<any> | undefined;
276
276
  }>;
277
277
  };
278
278
  ScrollView: {
279
- <S_18>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_18 & RN.ScrollViewProps & {
279
+ <S_18>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_18 & RN.ScrollViewProps & {
280
280
  rnCSS?: string | undefined;
281
281
  shared: unknown;
282
282
  theme: import("./styleComponent").DefaultTheme;
283
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ScrollViewProps & S_18 & {
283
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.ScrollViewProps & S_18 & {
284
284
  rnCSS?: `${string};` | undefined;
285
285
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
286
286
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
287
287
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
288
288
  children?: React.ReactNode;
289
- style?: any;
289
+ style?: unknown;
290
290
  } & {
291
291
  ref?: React.Ref<any> | undefined;
292
292
  }>;
293
- attrs<S_19>(opts: Partial<S_19 & RN.ScrollViewProps> | ((props: S_19 & RN.ScrollViewProps) => Partial<S_19 & RN.ScrollViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_19 & RN.ScrollViewProps & {
293
+ attrs<S_19>(opts: Partial<S_19 & RN.ScrollViewProps> | ((props: S_19 & RN.ScrollViewProps) => Partial<S_19 & RN.ScrollViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_19 & RN.ScrollViewProps & {
294
294
  rnCSS?: string | undefined;
295
295
  shared: unknown;
296
296
  theme: import("./styleComponent").DefaultTheme;
297
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ScrollViewProps | S_19) & {
297
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ScrollViewProps | S_19) & {
298
298
  rnCSS?: `${string};` | undefined;
299
299
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
300
300
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
301
301
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
302
302
  children?: React.ReactNode;
303
- style?: any;
303
+ style?: unknown;
304
304
  } & {
305
305
  ref?: React.Ref<any> | undefined;
306
306
  }>;
307
307
  };
308
308
  SnapshotViewIOS: {
309
- <S_20>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_20 & RN.SnapshotViewIOSProps & {
309
+ <S_20>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_20 & RN.SnapshotViewIOSProps & {
310
310
  rnCSS?: string | undefined;
311
311
  shared: unknown;
312
312
  theme: import("./styleComponent").DefaultTheme;
313
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.SnapshotViewIOSProps & S_20 & {
313
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.SnapshotViewIOSProps & S_20 & {
314
314
  rnCSS?: `${string};` | undefined;
315
315
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
316
316
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
317
317
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
318
318
  children?: React.ReactNode;
319
- style?: any;
319
+ style?: unknown;
320
320
  } & {
321
321
  ref?: React.Ref<any> | undefined;
322
322
  }>;
323
- attrs<S_21>(opts: Partial<S_21 & RN.SnapshotViewIOSProps> | ((props: S_21 & RN.SnapshotViewIOSProps) => Partial<S_21 & RN.SnapshotViewIOSProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_21 & RN.SnapshotViewIOSProps & {
323
+ attrs<S_21>(opts: Partial<S_21 & RN.SnapshotViewIOSProps> | ((props: S_21 & RN.SnapshotViewIOSProps) => Partial<S_21 & RN.SnapshotViewIOSProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_21 & RN.SnapshotViewIOSProps & {
324
324
  rnCSS?: string | undefined;
325
325
  shared: unknown;
326
326
  theme: import("./styleComponent").DefaultTheme;
327
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.SnapshotViewIOSProps | S_21) & {
327
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.SnapshotViewIOSProps | S_21) & {
328
328
  rnCSS?: `${string};` | undefined;
329
329
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
330
330
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
331
331
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
332
332
  children?: React.ReactNode;
333
- style?: any;
333
+ style?: unknown;
334
334
  } & {
335
335
  ref?: React.Ref<any> | undefined;
336
336
  }>;
337
337
  };
338
338
  Switch: {
339
- <S_22>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_22 & RN.SwitchProps & {
339
+ <S_22>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_22 & RN.SwitchProps & {
340
340
  rnCSS?: string | undefined;
341
341
  shared: unknown;
342
342
  theme: import("./styleComponent").DefaultTheme;
343
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.SwitchProps & S_22 & {
343
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.SwitchProps & S_22 & {
344
344
  rnCSS?: `${string};` | undefined;
345
345
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
346
346
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
347
347
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
348
348
  children?: React.ReactNode;
349
- style?: any;
349
+ style?: unknown;
350
350
  } & {
351
351
  ref?: React.Ref<any> | undefined;
352
352
  }>;
353
- attrs<S_23>(opts: Partial<S_23 & RN.SwitchProps> | ((props: S_23 & RN.SwitchProps) => Partial<S_23 & RN.SwitchProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_23 & RN.SwitchProps & {
353
+ attrs<S_23>(opts: Partial<S_23 & RN.SwitchProps> | ((props: S_23 & RN.SwitchProps) => Partial<S_23 & RN.SwitchProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_23 & RN.SwitchProps & {
354
354
  rnCSS?: string | undefined;
355
355
  shared: unknown;
356
356
  theme: import("./styleComponent").DefaultTheme;
357
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.SwitchProps | S_23) & {
357
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.SwitchProps | S_23) & {
358
358
  rnCSS?: `${string};` | undefined;
359
359
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
360
360
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
361
361
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
362
362
  children?: React.ReactNode;
363
- style?: any;
363
+ style?: unknown;
364
364
  } & {
365
365
  ref?: React.Ref<any> | undefined;
366
366
  }>;
367
367
  };
368
368
  RecyclerViewBackedScrollView: {
369
- <S_24>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_24 & RN.RecyclerViewBackedScrollViewProps & {
369
+ <S_24>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_24 & RN.RecyclerViewBackedScrollViewProps & {
370
370
  rnCSS?: string | undefined;
371
371
  shared: unknown;
372
372
  theme: import("./styleComponent").DefaultTheme;
373
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.RecyclerViewBackedScrollViewProps & S_24 & {
373
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.RecyclerViewBackedScrollViewProps & S_24 & {
374
374
  rnCSS?: `${string};` | undefined;
375
375
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
376
376
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
377
377
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
378
378
  children?: React.ReactNode;
379
- style?: any;
379
+ style?: unknown;
380
380
  } & {
381
381
  ref?: React.Ref<any> | undefined;
382
382
  }>;
383
- attrs<S_25>(opts: Partial<S_25 & RN.RecyclerViewBackedScrollViewProps> | ((props: S_25 & RN.RecyclerViewBackedScrollViewProps) => Partial<S_25 & RN.RecyclerViewBackedScrollViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_25 & RN.RecyclerViewBackedScrollViewProps & {
383
+ attrs<S_25>(opts: Partial<S_25 & RN.RecyclerViewBackedScrollViewProps> | ((props: S_25 & RN.RecyclerViewBackedScrollViewProps) => Partial<S_25 & RN.RecyclerViewBackedScrollViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_25 & RN.RecyclerViewBackedScrollViewProps & {
384
384
  rnCSS?: string | undefined;
385
385
  shared: unknown;
386
386
  theme: import("./styleComponent").DefaultTheme;
387
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.RecyclerViewBackedScrollViewProps | S_25) & {
387
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.RecyclerViewBackedScrollViewProps | S_25) & {
388
388
  rnCSS?: `${string};` | undefined;
389
389
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
390
390
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
391
391
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
392
392
  children?: React.ReactNode;
393
- style?: any;
393
+ style?: unknown;
394
394
  } & {
395
395
  ref?: React.Ref<any> | undefined;
396
396
  }>;
397
397
  };
398
398
  RefreshControl: {
399
- <S_26>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_26 & RN.RefreshControlProps & {
399
+ <S_26>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_26 & RN.RefreshControlProps & {
400
400
  rnCSS?: string | undefined;
401
401
  shared: unknown;
402
402
  theme: import("./styleComponent").DefaultTheme;
403
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.RefreshControlProps & S_26 & {
403
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.RefreshControlProps & S_26 & {
404
404
  rnCSS?: `${string};` | undefined;
405
405
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
406
406
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
407
407
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
408
408
  children?: React.ReactNode;
409
- style?: any;
409
+ style?: unknown;
410
410
  } & {
411
411
  ref?: React.Ref<any> | undefined;
412
412
  }>;
413
- attrs<S_27>(opts: Partial<S_27 & RN.RefreshControlProps> | ((props: S_27 & RN.RefreshControlProps) => Partial<S_27 & RN.RefreshControlProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_27 & RN.RefreshControlProps & {
413
+ attrs<S_27>(opts: Partial<S_27 & RN.RefreshControlProps> | ((props: S_27 & RN.RefreshControlProps) => Partial<S_27 & RN.RefreshControlProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_27 & RN.RefreshControlProps & {
414
414
  rnCSS?: string | undefined;
415
415
  shared: unknown;
416
416
  theme: import("./styleComponent").DefaultTheme;
417
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.RefreshControlProps | S_27) & {
417
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.RefreshControlProps | S_27) & {
418
418
  rnCSS?: `${string};` | undefined;
419
419
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
420
420
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
421
421
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
422
422
  children?: React.ReactNode;
423
- style?: any;
423
+ style?: unknown;
424
424
  } & {
425
425
  ref?: React.Ref<any> | undefined;
426
426
  }>;
427
427
  };
428
428
  SafeAreaView: {
429
- <S_28>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_28 & RN.ViewProps & {
429
+ <S_28>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_28 & RN.ViewProps & {
430
430
  rnCSS?: string | undefined;
431
431
  shared: unknown;
432
432
  theme: import("./styleComponent").DefaultTheme;
433
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ViewProps & S_28 & {
433
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.ViewProps & S_28 & {
434
434
  rnCSS?: `${string};` | undefined;
435
435
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
436
436
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
437
437
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
438
438
  children?: React.ReactNode;
439
- style?: any;
439
+ style?: unknown;
440
440
  } & {
441
441
  ref?: React.Ref<any> | undefined;
442
442
  }>;
443
- attrs<S_29>(opts: Partial<S_29 & RN.ViewProps> | ((props: S_29 & RN.ViewProps) => Partial<S_29 & RN.ViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_29 & RN.ViewProps & {
443
+ attrs<S_29>(opts: Partial<S_29 & RN.ViewProps> | ((props: S_29 & RN.ViewProps) => Partial<S_29 & RN.ViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_29 & RN.ViewProps & {
444
444
  rnCSS?: string | undefined;
445
445
  shared: unknown;
446
446
  theme: import("./styleComponent").DefaultTheme;
447
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ViewProps | S_29) & {
447
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ViewProps | S_29) & {
448
448
  rnCSS?: `${string};` | undefined;
449
449
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
450
450
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
451
451
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
452
452
  children?: React.ReactNode;
453
- style?: any;
453
+ style?: unknown;
454
454
  } & {
455
455
  ref?: React.Ref<any> | undefined;
456
456
  }>;
457
457
  };
458
458
  StatusBar: {
459
- <S_30>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_30 & RN.StatusBarProps & {
459
+ <S_30>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_30 & RN.StatusBarProps & {
460
460
  rnCSS?: string | undefined;
461
461
  shared: unknown;
462
462
  theme: import("./styleComponent").DefaultTheme;
463
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.StatusBarProps & S_30 & {
463
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.StatusBarProps & S_30 & {
464
464
  rnCSS?: `${string};` | undefined;
465
465
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
466
466
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
467
467
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
468
468
  children?: React.ReactNode;
469
- style?: any;
469
+ style?: unknown;
470
470
  } & {
471
471
  ref?: React.Ref<any> | undefined;
472
472
  }>;
473
- attrs<S_31>(opts: Partial<S_31 & RN.StatusBarProps> | ((props: S_31 & RN.StatusBarProps) => Partial<S_31 & RN.StatusBarProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_31 & RN.StatusBarProps & {
473
+ attrs<S_31>(opts: Partial<S_31 & RN.StatusBarProps> | ((props: S_31 & RN.StatusBarProps) => Partial<S_31 & RN.StatusBarProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_31 & RN.StatusBarProps & {
474
474
  rnCSS?: string | undefined;
475
475
  shared: unknown;
476
476
  theme: import("./styleComponent").DefaultTheme;
477
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.StatusBarProps | S_31) & {
477
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.StatusBarProps | S_31) & {
478
478
  rnCSS?: `${string};` | undefined;
479
479
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
480
480
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
481
481
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
482
482
  children?: React.ReactNode;
483
- style?: any;
483
+ style?: unknown;
484
484
  } & {
485
485
  ref?: React.Ref<any> | undefined;
486
486
  }>;
487
487
  };
488
488
  Text: {
489
- <S_32>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_32 & RN.TextProps & {
489
+ <S_32>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_32 & RN.TextProps & {
490
490
  rnCSS?: string | undefined;
491
491
  shared: unknown;
492
492
  theme: import("./styleComponent").DefaultTheme;
493
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TextProps & S_32 & {
493
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.TextProps & S_32 & {
494
494
  rnCSS?: `${string};` | undefined;
495
495
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
496
496
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
497
497
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
498
498
  children?: React.ReactNode;
499
- style?: any;
499
+ style?: unknown;
500
500
  } & {
501
501
  ref?: React.Ref<any> | undefined;
502
502
  }>;
503
- attrs<S_33>(opts: Partial<S_33 & RN.TextProps> | ((props: S_33 & RN.TextProps) => Partial<S_33 & RN.TextProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_33 & RN.TextProps & {
503
+ attrs<S_33>(opts: Partial<S_33 & RN.TextProps> | ((props: S_33 & RN.TextProps) => Partial<S_33 & RN.TextProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_33 & RN.TextProps & {
504
504
  rnCSS?: string | undefined;
505
505
  shared: unknown;
506
506
  theme: import("./styleComponent").DefaultTheme;
507
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TextProps | S_33) & {
507
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TextProps | S_33) & {
508
508
  rnCSS?: `${string};` | undefined;
509
509
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
510
510
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
511
511
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
512
512
  children?: React.ReactNode;
513
- style?: any;
513
+ style?: unknown;
514
514
  } & {
515
515
  ref?: React.Ref<any> | undefined;
516
516
  }>;
517
517
  };
518
518
  TextInput: {
519
- <S_34>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_34 & RN.TextInputProps & {
519
+ <S_34>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_34 & RN.TextInputProps & {
520
520
  rnCSS?: string | undefined;
521
521
  shared: unknown;
522
522
  theme: import("./styleComponent").DefaultTheme;
523
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TextInputProps & S_34 & {
523
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.TextInputProps & S_34 & {
524
524
  rnCSS?: `${string};` | undefined;
525
525
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
526
526
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
527
527
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
528
528
  children?: React.ReactNode;
529
- style?: any;
529
+ style?: unknown;
530
530
  } & {
531
531
  ref?: React.Ref<any> | undefined;
532
532
  }>;
533
- attrs<S_35>(opts: Partial<S_35 & RN.TextInputProps> | ((props: S_35 & RN.TextInputProps) => Partial<S_35 & RN.TextInputProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_35 & RN.TextInputProps & {
533
+ attrs<S_35>(opts: Partial<S_35 & RN.TextInputProps> | ((props: S_35 & RN.TextInputProps) => Partial<S_35 & RN.TextInputProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_35 & RN.TextInputProps & {
534
534
  rnCSS?: string | undefined;
535
535
  shared: unknown;
536
536
  theme: import("./styleComponent").DefaultTheme;
537
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TextInputProps | S_35) & {
537
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TextInputProps | S_35) & {
538
538
  rnCSS?: `${string};` | undefined;
539
539
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
540
540
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
541
541
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
542
542
  children?: React.ReactNode;
543
- style?: any;
543
+ style?: unknown;
544
544
  } & {
545
545
  ref?: React.Ref<any> | undefined;
546
546
  }>;
547
547
  };
548
548
  TouchableHighlight: {
549
- <S_36>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_36 & RN.TouchableHighlightProps & {
549
+ <S_36>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_36 & RN.TouchableHighlightProps & {
550
550
  rnCSS?: string | undefined;
551
551
  shared: unknown;
552
552
  theme: import("./styleComponent").DefaultTheme;
553
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableHighlightProps & S_36 & {
553
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableHighlightProps & S_36 & {
554
554
  rnCSS?: `${string};` | undefined;
555
555
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
556
556
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
557
557
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
558
558
  children?: React.ReactNode;
559
- style?: any;
559
+ style?: unknown;
560
560
  } & {
561
561
  ref?: React.Ref<any> | undefined;
562
562
  }>;
563
- attrs<S_37>(opts: Partial<S_37 & RN.TouchableHighlightProps> | ((props: S_37 & RN.TouchableHighlightProps) => Partial<S_37 & RN.TouchableHighlightProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_37 & RN.TouchableHighlightProps & {
563
+ attrs<S_37>(opts: Partial<S_37 & RN.TouchableHighlightProps> | ((props: S_37 & RN.TouchableHighlightProps) => Partial<S_37 & RN.TouchableHighlightProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_37 & RN.TouchableHighlightProps & {
564
564
  rnCSS?: string | undefined;
565
565
  shared: unknown;
566
566
  theme: import("./styleComponent").DefaultTheme;
567
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableHighlightProps | S_37) & {
567
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableHighlightProps | S_37) & {
568
568
  rnCSS?: `${string};` | undefined;
569
569
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
570
570
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
571
571
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
572
572
  children?: React.ReactNode;
573
- style?: any;
573
+ style?: unknown;
574
574
  } & {
575
575
  ref?: React.Ref<any> | undefined;
576
576
  }>;
577
577
  };
578
578
  TouchableNativeFeedback: {
579
- <S_38>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_38 & RN.TouchableNativeFeedbackProps & {
579
+ <S_38>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_38 & RN.TouchableNativeFeedbackProps & {
580
580
  rnCSS?: string | undefined;
581
581
  shared: unknown;
582
582
  theme: import("./styleComponent").DefaultTheme;
583
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableNativeFeedbackProps & S_38 & {
583
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableNativeFeedbackProps & S_38 & {
584
584
  rnCSS?: `${string};` | undefined;
585
585
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
586
586
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
587
587
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
588
588
  children?: React.ReactNode;
589
- style?: any;
589
+ style?: unknown;
590
590
  } & {
591
591
  ref?: React.Ref<any> | undefined;
592
592
  }>;
593
- attrs<S_39>(opts: Partial<S_39 & RN.TouchableNativeFeedbackProps> | ((props: S_39 & RN.TouchableNativeFeedbackProps) => Partial<S_39 & RN.TouchableNativeFeedbackProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_39 & RN.TouchableNativeFeedbackProps & {
593
+ attrs<S_39>(opts: Partial<S_39 & RN.TouchableNativeFeedbackProps> | ((props: S_39 & RN.TouchableNativeFeedbackProps) => Partial<S_39 & RN.TouchableNativeFeedbackProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_39 & RN.TouchableNativeFeedbackProps & {
594
594
  rnCSS?: string | undefined;
595
595
  shared: unknown;
596
596
  theme: import("./styleComponent").DefaultTheme;
597
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableNativeFeedbackProps | S_39) & {
597
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableNativeFeedbackProps | S_39) & {
598
598
  rnCSS?: `${string};` | undefined;
599
599
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
600
600
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
601
601
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
602
602
  children?: React.ReactNode;
603
- style?: any;
603
+ style?: unknown;
604
604
  } & {
605
605
  ref?: React.Ref<any> | undefined;
606
606
  }>;
607
607
  };
608
608
  TouchableOpacity: {
609
- <S_40>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_40 & RN.TouchableOpacityProps & {
609
+ <S_40>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_40 & RN.TouchableOpacityProps & {
610
610
  rnCSS?: string | undefined;
611
611
  shared: unknown;
612
612
  theme: import("./styleComponent").DefaultTheme;
613
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableOpacityProps & S_40 & {
613
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableOpacityProps & S_40 & {
614
614
  rnCSS?: `${string};` | undefined;
615
615
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
616
616
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
617
617
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
618
618
  children?: React.ReactNode;
619
- style?: any;
619
+ style?: unknown;
620
620
  } & {
621
621
  ref?: React.Ref<any> | undefined;
622
622
  }>;
623
- attrs<S_41>(opts: Partial<S_41 & RN.TouchableOpacityProps> | ((props: S_41 & RN.TouchableOpacityProps) => Partial<S_41 & RN.TouchableOpacityProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_41 & RN.TouchableOpacityProps & {
623
+ attrs<S_41>(opts: Partial<S_41 & RN.TouchableOpacityProps> | ((props: S_41 & RN.TouchableOpacityProps) => Partial<S_41 & RN.TouchableOpacityProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_41 & RN.TouchableOpacityProps & {
624
624
  rnCSS?: string | undefined;
625
625
  shared: unknown;
626
626
  theme: import("./styleComponent").DefaultTheme;
627
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableOpacityProps | S_41) & {
627
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableOpacityProps | S_41) & {
628
628
  rnCSS?: `${string};` | undefined;
629
629
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
630
630
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
631
631
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
632
632
  children?: React.ReactNode;
633
- style?: any;
633
+ style?: unknown;
634
634
  } & {
635
635
  ref?: React.Ref<any> | undefined;
636
636
  }>;
637
637
  };
638
638
  TouchableWithoutFeedback: {
639
- <S_42>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_42 & RN.TouchableWithoutFeedbackProps & {
639
+ <S_42>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_42 & RN.TouchableWithoutFeedbackProps & {
640
640
  rnCSS?: string | undefined;
641
641
  shared: unknown;
642
642
  theme: import("./styleComponent").DefaultTheme;
643
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableWithoutFeedbackProps & S_42 & {
643
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableWithoutFeedbackProps & S_42 & {
644
644
  rnCSS?: `${string};` | undefined;
645
645
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
646
646
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
647
647
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
648
648
  children?: React.ReactNode;
649
- style?: any;
649
+ style?: unknown;
650
650
  } & {
651
651
  ref?: React.Ref<any> | undefined;
652
652
  }>;
653
- attrs<S_43>(opts: Partial<S_43 & RN.TouchableWithoutFeedbackProps> | ((props: S_43 & RN.TouchableWithoutFeedbackProps) => Partial<S_43 & RN.TouchableWithoutFeedbackProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_43 & RN.TouchableWithoutFeedbackProps & {
653
+ attrs<S_43>(opts: Partial<S_43 & RN.TouchableWithoutFeedbackProps> | ((props: S_43 & RN.TouchableWithoutFeedbackProps) => Partial<S_43 & RN.TouchableWithoutFeedbackProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_43 & RN.TouchableWithoutFeedbackProps & {
654
654
  rnCSS?: string | undefined;
655
655
  shared: unknown;
656
656
  theme: import("./styleComponent").DefaultTheme;
657
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableWithoutFeedbackProps | S_43) & {
657
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableWithoutFeedbackProps | S_43) & {
658
658
  rnCSS?: `${string};` | undefined;
659
659
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
660
660
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
661
661
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
662
662
  children?: React.ReactNode;
663
- style?: any;
663
+ style?: unknown;
664
664
  } & {
665
665
  ref?: React.Ref<any> | undefined;
666
666
  }>;
667
667
  };
668
668
  View: {
669
- <S_28>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_28 & RN.ViewProps & {
669
+ <S_28>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_28 & RN.ViewProps & {
670
670
  rnCSS?: string | undefined;
671
671
  shared: unknown;
672
672
  theme: import("./styleComponent").DefaultTheme;
673
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ViewProps & S_28 & {
673
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): React.ForwardRefExoticComponent<RN.ViewProps & S_28 & {
674
674
  rnCSS?: `${string};` | undefined;
675
675
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
676
676
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
677
677
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
678
678
  children?: React.ReactNode;
679
- style?: any;
679
+ style?: unknown;
680
680
  } & {
681
681
  ref?: React.Ref<any> | undefined;
682
682
  }>;
683
- attrs<S_29>(opts: Partial<S_29 & RN.ViewProps> | ((props: S_29 & RN.ViewProps) => Partial<S_29 & RN.ViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_29 & RN.ViewProps & {
683
+ attrs<S_29>(opts: Partial<S_29 & RN.ViewProps> | ((props: S_29 & RN.ViewProps) => Partial<S_29 & RN.ViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_29 & RN.ViewProps & {
684
684
  rnCSS?: string | undefined;
685
685
  shared: unknown;
686
686
  theme: import("./styleComponent").DefaultTheme;
687
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ViewProps | S_29) & {
687
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ViewProps | S_29) & {
688
688
  rnCSS?: `${string};` | undefined;
689
689
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
690
690
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
691
691
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
692
692
  children?: React.ReactNode;
693
- style?: any;
693
+ style?: unknown;
694
694
  } & {
695
695
  ref?: React.Ref<any> | undefined;
696
696
  }>;
697
697
  };
698
698
  FlatList: {
699
- <S_44>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_44 & {
699
+ <S_44>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_44 & {
700
700
  rnCSS?: string | undefined;
701
701
  shared: unknown;
702
702
  theme: import("./styleComponent").DefaultTheme;
703
- }) => string | number | boolean | null | undefined))[]): <Type>(props: S_44 & RN.FlatListProps<Type> & {
703
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): <Type>(props: S_44 & RN.FlatListProps<Type> & {
704
704
  rnCSS?: `${string};` | undefined;
705
705
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
706
706
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
707
707
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
708
708
  children?: React.ReactNode;
709
- style?: any;
709
+ style?: unknown;
710
710
  }) => JSX.Element;
711
- attrs<S_45>(opts: Partial<S_45 & RN.FlatListProps<any>> | ((props: S_45 & RN.FlatListProps<any>) => Partial<S_45 & RN.FlatListProps<any>>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_45 & RN.FlatListProps<any> & {
711
+ attrs<S_45>(opts: Partial<S_45 & RN.FlatListProps<any>> | ((props: S_45 & RN.FlatListProps<any>) => Partial<S_45 & RN.FlatListProps<any>>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_45 & RN.FlatListProps<any> & {
712
712
  rnCSS?: string | undefined;
713
713
  shared: unknown;
714
714
  theme: import("./styleComponent").DefaultTheme;
715
- }) => string | number | boolean | null | undefined))[]) => <Props>(componentProps: S_45 & RN.FlatListProps<Props> & {
715
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => <Props>(componentProps: S_45 & RN.FlatListProps<Props> & {
716
716
  rnCSS?: `${string};` | undefined;
717
717
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
718
718
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
719
719
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
720
720
  children?: React.ReactNode;
721
- style?: any;
721
+ style?: unknown;
722
722
  }) => JSX.Element;
723
723
  };
724
724
  SectionList: {
725
- <S_46>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_46 & {
725
+ <S_46>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_46 & {
726
726
  rnCSS?: string | undefined;
727
727
  shared: unknown;
728
728
  theme: import("./styleComponent").DefaultTheme;
729
- }) => string | number | boolean | null | undefined))[]): <Type_1>(props: S_46 & RN.SectionListProps<Type_1, RN.DefaultSectionT> & {
729
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): <Type_1>(props: S_46 & RN.SectionListProps<Type_1, RN.DefaultSectionT> & {
730
730
  rnCSS?: `${string};` | undefined;
731
731
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
732
732
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
733
733
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
734
734
  children?: React.ReactNode;
735
- style?: any;
735
+ style?: unknown;
736
736
  }) => JSX.Element;
737
- attrs<S_47>(opts: Partial<S_47 & RN.SectionListProps<any, RN.DefaultSectionT>> | ((props: S_47 & RN.SectionListProps<any, RN.DefaultSectionT>) => Partial<S_47 & RN.SectionListProps<any, RN.DefaultSectionT>>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_47 & RN.SectionListProps<any, RN.DefaultSectionT> & {
737
+ attrs<S_47>(opts: Partial<S_47 & RN.SectionListProps<any, RN.DefaultSectionT>> | ((props: S_47 & RN.SectionListProps<any, RN.DefaultSectionT>) => Partial<S_47 & RN.SectionListProps<any, RN.DefaultSectionT>>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_47 & RN.SectionListProps<any, RN.DefaultSectionT> & {
738
738
  rnCSS?: string | undefined;
739
739
  shared: unknown;
740
740
  theme: import("./styleComponent").DefaultTheme;
741
- }) => string | number | boolean | null | undefined))[]) => <Props_1>(componentProps: S_47 & RN.SectionListProps<Props_1, RN.DefaultSectionT> & {
741
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => <Props_1>(componentProps: S_47 & RN.SectionListProps<Props_1, RN.DefaultSectionT> & {
742
742
  rnCSS?: `${string};` | undefined;
743
743
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
744
744
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
745
745
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
746
746
  children?: React.ReactNode;
747
- style?: any;
747
+ style?: unknown;
748
748
  }) => JSX.Element;
749
749
  };
750
750
  VirtualizedList: {
751
- <S_48>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_48 & {
751
+ <S_48>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_48 & {
752
752
  rnCSS?: string | undefined;
753
753
  shared: unknown;
754
754
  theme: import("./styleComponent").DefaultTheme;
755
- }) => string | number | boolean | null | undefined))[]): <Type_2>(props: S_48 & RN.VirtualizedListProps<Type_2> & {
755
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]): <Type_2>(props: S_48 & RN.VirtualizedListProps<Type_2> & {
756
756
  rnCSS?: `${string};` | undefined;
757
757
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
758
758
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
759
759
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
760
760
  children?: React.ReactNode;
761
- style?: any;
761
+ style?: unknown;
762
762
  }) => JSX.Element;
763
- attrs<S_49>(opts: Partial<S_49 & RN.VirtualizedListProps<any>> | ((props: S_49 & RN.VirtualizedListProps<any>) => Partial<S_49 & RN.VirtualizedListProps<any>>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_49 & RN.VirtualizedListProps<any> & {
763
+ attrs<S_49>(opts: Partial<S_49 & RN.VirtualizedListProps<any>> | ((props: S_49 & RN.VirtualizedListProps<any>) => Partial<S_49 & RN.VirtualizedListProps<any>>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined) | ((arg: S_49 & RN.VirtualizedListProps<any> & {
764
764
  rnCSS?: string | undefined;
765
765
  shared: unknown;
766
766
  theme: import("./styleComponent").DefaultTheme;
767
- }) => string | number | boolean | null | undefined))[]) => <Props_2>(componentProps: S_49 & RN.VirtualizedListProps<Props_2> & {
767
+ }) => string | number | boolean | (RN.ViewStyle & RN.TextStyle) | null | undefined))[]) => <Props_2>(componentProps: S_49 & RN.VirtualizedListProps<Props_2> & {
768
768
  rnCSS?: `${string};` | undefined;
769
769
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
770
770
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
771
771
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
772
772
  children?: React.ReactNode;
773
- style?: any;
773
+ style?: unknown;
774
774
  }) => JSX.Element;
775
775
  };
776
776
  };
package/dist/rnToCss.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { TextStyle, ViewStyle } from 'react-native';
2
+ declare const rnToCSS: (rn: Partial<ViewStyle & TextStyle>) => string;
3
+ export default rnToCSS;
package/dist/rnToCss.js ADDED
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const rnToCSS = (rn) => Object.entries(rn)
4
+ .map(([key, value]) => `${camelToKebab(key)}: ${convertValue(value)};`)
5
+ .join('\n');
6
+ const camelToKebab = (str) => str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
7
+ const convertValue = (value) => isNaN(value) ? value : (value + 'px');
8
+ exports.default = rnToCSS;
package/dist/styleComponent.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { MouseEvent } from 'react';
2
- import { FlatListProps, LayoutChangeEvent, SectionListProps, StyleProp, VirtualizedListProps } from 'react-native';
2
+ import { FlatListProps, LayoutChangeEvent, SectionListProps, StyleProp, TextStyle, ViewStyle, VirtualizedListProps } from 'react-native';
3
3
  import type { Units } from './types';
4
4
  export declare const defaultUnits: Units;
5
5
  export declare const RemContext: React.Context<number>;
@@ -7,7 +7,7 @@ export declare const FontSizeContext: React.Context<number>;
7
7
  export declare const SharedValue: React.Context<unknown>;
8
8
  export interface DefaultTheme {
9
9
  }
10
- declare type Primitive = number | string | null | undefined | boolean;
10
+ declare type Primitive = number | string | null | undefined | boolean | (ViewStyle & TextStyle);
11
11
  declare type Functs<T> = (arg: T & {
12
12
  rnCSS?: string;
13
13
  shared: unknown;
@@ -19,7 +19,7 @@ declare type OptionalProps = {
19
19
  onMouseLeave?: (event: MouseEvent) => void;
20
20
  onLayout?: (event: LayoutChangeEvent) => void;
21
21
  children?: React.ReactNode;
22
- style?: StyleProp<any>;
22
+ style?: StyleProp<unknown>;
23
23
  };
24
24
  declare const styled: <Props>(Component: React.ComponentType<Props>) => {
25
25
  <S>(chunks: TemplateStringsArray, ...functs: (Primitive | Functs<S & Props>)[]): React.ForwardRefExoticComponent<Props & S & OptionalProps & {
package/dist/styleComponent.js CHANGED
@@ -12,13 +12,21 @@ const convertStyle_1 = __importDefault(require("./convertStyle"));
12
12
  const cssToRN_1 = __importDefault(require("./cssToRN"));
13
13
  const features_1 = require("./features");
14
14
  const generateHash_1 = __importDefault(require("./generateHash"));
15
+ const rnToCss_1 = __importDefault(require("./rnToCss"));
15
16
  exports.defaultUnits = { em: 16, vw: 1, vh: 1, vmin: 1, vmax: 1, rem: 16, px: 1, pt: 72 / 96, in: 96, pc: 9, cm: 96 / 2.54, mm: 96 / 25.4 };
16
17
  exports.RemContext = react_1.default.createContext(exports.defaultUnits.rem);
17
18
  exports.FontSizeContext = react_1.default.createContext(exports.defaultUnits.em);
18
19
  // We use this to share value within the component (Theme, Translation, whatever)
19
20
  exports.SharedValue = react_1.default.createContext(undefined);
21
+ /** Converts the tagged template string into a css string */
20
22
  function buildCSSString(chunks, functs, props, shared) {
21
- let computedString = chunks.map((chunk, i) => ([chunk, (functs[i] instanceof Function) ? functs[i]({ shared, theme: shared, ...props }) : functs[i]])).flat().join('');
23
+ let computedString = chunks
24
+ // Evaluate the chunks from the tagged template
25
+ .map((chunk, i) => ([chunk, (functs[i] instanceof Function) ? functs[i]({ shared, theme: shared, ...props }) : functs[i]]))
26
+ .flat()
27
+ // Convert the objects to string if the result is not a primitive
28
+ .map(chunk => typeof chunk === 'object' ? (0, rnToCss_1.default)(chunk) : chunk)
29
+ .join('');
22
30
  if (props.rnCSS)
23
31
  computedString += props.rnCSS.replace(/=/gm, ':') + ';';
24
32
  return computedString;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rn-css",
3
- "version": "1.7.0",
3
+ "version": "1.8.0",
4
4
  "scripts": {
5
5
  "test": "jest",
6
6
  "prepare": "tsc",
package/src/rnToCss.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { TextStyle, ViewStyle } from 'react-native'
2
+
3
+ const rnToCSS = (rn: Partial<ViewStyle & TextStyle>) =>
4
+ Object.entries(rn)
5
+ .map(([key, value]) => `${camelToKebab(key)}: ${convertValue(value)};`)
6
+ .join('\n')
7
+
8
+ const camelToKebab = (str: string) => str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()
9
+ const convertValue = (value: unknown) => isNaN(value as number) ? value : (value + 'px')
10
+
11
+ export default rnToCSS
package/src/styleComponent.tsx CHANGED
@@ -7,6 +7,7 @@ import cssToStyle from './cssToRN'
7
7
  import { useFontSize, useHover, useLayout, useScreenSize, useMediaQuery } from './features'
8
8
  import type { Style, Units } from './types'
9
9
  import generateHash from './generateHash'
10
+ import rnToCSS from './rnToCss'
10
11
 
11
12
  export const defaultUnits: Units = { em: 16, vw: 1, vh: 1, vmin: 1, vmax: 1, rem: 16, px: 1, pt: 72 / 96, in: 96, pc: 9, cm: 96 / 2.54, mm: 96 / 25.4 }
12
13
  export const RemContext = React.createContext<number>(defaultUnits.rem)
@@ -18,7 +19,7 @@ export const SharedValue = React.createContext<unknown>(undefined)
18
19
  // eslint-disable-next-line @typescript-eslint/no-empty-interface
19
20
  export interface DefaultTheme {}
20
21
 
21
- type Primitive = number | string | null | undefined | boolean
22
+ type Primitive = number | string | null | undefined | boolean | (ViewStyle & TextStyle)
22
23
  type Functs<T> = (arg: T & { rnCSS?: string; shared: unknown, theme: DefaultTheme }) => Primitive
23
24
  type OptionalProps = {
24
25
  rnCSS?: `${string};`;
@@ -26,13 +27,22 @@ type OptionalProps = {
26
27
  onMouseLeave?: (event: MouseEvent) => void;
27
28
  onLayout?: (event: LayoutChangeEvent) => void
28
29
  children?: React.ReactNode;
29
- style?: StyleProp<any>;
30
+ style?: StyleProp<unknown>;
30
31
  }
32
+
33
+ /** Converts the tagged template string into a css string */
31
34
  function buildCSSString<T extends { rnCSS?: string }> (chunks: TemplateStringsArray, functs: (Primitive | Functs<T>)[], props: T, shared: unknown) {
32
- let computedString = chunks.map((chunk, i) => ([chunk, (functs[i] instanceof Function) ? (functs[i] as Functs<T>)({ shared, theme: (shared as DefaultTheme), ...props }) : functs[i]])).flat().join('')
35
+ let computedString = chunks
36
+ // Evaluate the chunks from the tagged template
37
+ .map((chunk, i) => ([chunk, (functs[i] instanceof Function) ? (functs[i] as Functs<T>)({ shared, theme: (shared as DefaultTheme), ...props }) : functs[i]]))
38
+ .flat()
39
+ // Convert the objects to string if the result is not a primitive
40
+ .map(chunk => typeof chunk === 'object' ? rnToCSS(chunk as Partial<ViewStyle & TextStyle>) : chunk)
41
+ .join('')
33
42
  if (props.rnCSS) computedString += props.rnCSS.replace(/=/gm, ':') + ';'
34
43
  return computedString
35
44
  }
45
+
36
46
  const styleMap: Record<string, { style: ViewStyle & TextStyle, usage: number }> = {}
37
47
  function getStyle (hash: string, style: ViewStyle & TextStyle) {
38
48
  const styleInfo = styleMap[hash]