rn-css 1.5.0 → 1.5.1

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 (12) hide show
  1. package/dist/convertStyle.js +7 -7
  2. package/dist/convertUnits.js +5 -3
  3. package/dist/cssToRN/index.js +13 -13
  4. package/dist/cssToRN/mediaQueries.js +2 -2
  5. package/dist/features.js +3 -3
  6. package/dist/index.d.ts +76 -216
  7. package/dist/index.js +1 -6
  8. package/dist/styleComponent.js +11 -11
  9. package/dist/useTheme.js +1 -1
  10. package/package.json +33 -33
  11. package/src/convertUnits.ts +1 -0
  12. package/src/index.tsx +0 -5
package/dist/convertStyle.js CHANGED
@@ -9,7 +9,7 @@ const convertStyle = (rnStyle, units) => {
9
9
  ['width', 'height'].forEach(key => {
10
10
  if (!units[key] && rnStyle[key]) {
11
11
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
12
- const converted = convertUnits_1.convertValue(key, rnStyle[key], units);
12
+ const converted = (0, convertUnits_1.convertValue)(key, rnStyle[key], units);
13
13
  if (!Number.isNaN(converted))
14
14
  units[key] = converted;
15
15
  }
@@ -21,24 +21,24 @@ const convertStyle = (rnStyle, units) => {
21
21
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
22
22
  convertedStyle.transform = rnStyle.transform.map(transformation => {
23
23
  const result = {};
24
- Object.keys(transformation).forEach(k => (result[k] = convertUnits_1.convertValue(k, transformation[k], units)));
24
+ Object.keys(transformation).forEach(k => (result[k] = (0, convertUnits_1.convertValue)(k, transformation[k], units)));
25
25
  return result;
26
26
  });
27
27
  }
28
28
  else if (key === 'shadowOffset' && rnStyle.shadowOffset) {
29
29
  convertedStyle.shadowOffset = {
30
30
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
31
- width: convertUnits_1.convertValue(key, rnStyle.shadowOffset.width || '0', units),
31
+ width: (0, convertUnits_1.convertValue)(key, rnStyle.shadowOffset.width || '0', units),
32
32
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
33
- height: convertUnits_1.convertValue(key, rnStyle.shadowOffset.height || '0', units)
33
+ height: (0, convertUnits_1.convertValue)(key, rnStyle.shadowOffset.height || '0', units)
34
34
  };
35
35
  }
36
36
  else if (key === 'textShadowOffset' && rnStyle.textShadowOffset) {
37
37
  convertedStyle.textShadowOffset = {
38
38
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
39
- width: convertUnits_1.convertValue(key, rnStyle.textShadowOffset.width || '0', units),
39
+ width: (0, convertUnits_1.convertValue)(key, rnStyle.textShadowOffset.width || '0', units),
40
40
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
41
- height: convertUnits_1.convertValue(key, rnStyle.textShadowOffset.height || '0', units)
41
+ height: (0, convertUnits_1.convertValue)(key, rnStyle.textShadowOffset.height || '0', units)
42
42
  };
43
43
  }
44
44
  // Font family should not be transformed (same as cursor for web in case of base64 value)
@@ -48,7 +48,7 @@ const convertStyle = (rnStyle, units) => {
48
48
  else {
49
49
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
50
50
  // @ts-ignore
51
- convertedStyle[key] = convertUnits_1.convertValue(key, value, units);
51
+ convertedStyle[key] = (0, convertUnits_1.convertValue)(key, value, units);
52
52
  }
53
53
  });
54
54
  return convertedStyle;
package/dist/convertUnits.js CHANGED
@@ -53,11 +53,13 @@ function convertValue(key, value, units) {
53
53
  });
54
54
  // We handle extra calculations (calc, min, max, parsing...)
55
55
  if (convertedValue.startsWith('calc('))
56
- return maths_1.calculate(convertedValue.substring(4)); // remove calc. We can keep the parenthesis
56
+ return (0, maths_1.calculate)(convertedValue.substring(4)); // remove calc. We can keep the parenthesis
57
57
  else if (convertedValue.startsWith('max('))
58
- return maths_1.max(convertedValue.substring(4, convertedValue.length - 1)); // Remove max()
58
+ return (0, maths_1.max)(convertedValue.substring(4, convertedValue.length - 1)); // Remove max()
59
59
  else if (convertedValue.startsWith('min('))
60
- return maths_1.min(convertedValue.substring(4, convertedValue.length - 1)); // remove min()
60
+ return (0, maths_1.min)(convertedValue.substring(4, convertedValue.length - 1)); // remove min()
61
+ else if (key === 'fontWeight')
62
+ return convertedValue; // fontWeight must be a string even when it is an integer value.
61
63
  else if (parseFloat(convertedValue) + '' === convertedValue)
62
64
  return parseFloat(convertedValue);
63
65
  else
package/dist/cssToRN/index.js CHANGED
@@ -18,7 +18,7 @@ function cssToStyle(css) {
18
18
  const result = {};
19
19
  // Find media queries
20
20
  const cssWithoutMediaQueries = css.replace(/@media(.*?){[^{}]*}/gmis, res => {
21
- const { css, isValid } = mediaQueries_1.createMedia(res);
21
+ const { css, isValid } = (0, mediaQueries_1.createMedia)(res);
22
22
  const style = cssChunkToStyle(css);
23
23
  const mediaQuery = (context) => isValid(context) && style;
24
24
  if (!result.media)
@@ -56,7 +56,7 @@ function cssToRNStyle(css, units = {}) {
56
56
  ...units
57
57
  };
58
58
  const rnStyle = cssChunkToStyle(css);
59
- return convertStyle_1.default(rnStyle, finalUnits);
59
+ return (0, convertStyle_1.default)(rnStyle, finalUnits);
60
60
  }
61
61
  exports.cssToRNStyle = cssToRNStyle;
62
62
  function cssChunkToStyle(css) {
@@ -74,43 +74,43 @@ function cssChunkToStyle(css) {
74
74
  case 'borderLeft':
75
75
  case 'borderRight':
76
76
  case 'borderBottom':
77
- Object.assign(result, convert_1.border(key, value));
77
+ Object.assign(result, (0, convert_1.border)(key, value));
78
78
  break;
79
79
  case 'borderWidth':
80
- Object.assign(result, convert_1.sideValue('border', value, 'Width'));
80
+ Object.assign(result, (0, convert_1.sideValue)('border', value, 'Width'));
81
81
  break;
82
82
  case 'background':
83
83
  Object.assign(result, { backgroundColor: value });
84
84
  break;
85
85
  case 'padding':
86
86
  case 'margin':
87
- Object.assign(result, convert_1.sideValue(key, value));
87
+ Object.assign(result, (0, convert_1.sideValue)(key, value));
88
88
  break;
89
89
  case 'borderRadius':
90
- Object.assign(result, convert_1.cornerValue('border', value, 'Radius'));
90
+ Object.assign(result, (0, convert_1.cornerValue)('border', value, 'Radius'));
91
91
  break;
92
92
  case 'font':
93
- Object.assign(result, convert_1.font(value));
93
+ Object.assign(result, (0, convert_1.font)(value));
94
94
  break;
95
95
  case 'textDecoration':
96
- Object.assign(result, convert_1.textDecoration(value));
96
+ Object.assign(result, (0, convert_1.textDecoration)(value));
97
97
  break;
98
98
  case 'placeContent':
99
- Object.assign(result, convert_1.placeContent(value));
99
+ Object.assign(result, (0, convert_1.placeContent)(value));
100
100
  break;
101
101
  case 'flex':
102
- Object.assign(result, convert_1.flex(value));
102
+ Object.assign(result, (0, convert_1.flex)(value));
103
103
  break;
104
104
  case 'flexFlow':
105
- Object.assign(result, convert_1.flexFlow(value));
105
+ Object.assign(result, (0, convert_1.flexFlow)(value));
106
106
  break;
107
107
  case 'transform':
108
- Object.assign(result, convert_1.transform(value));
108
+ Object.assign(result, (0, convert_1.transform)(value));
109
109
  break;
110
110
  case 'boxShadow':
111
111
  case 'textShadow':
112
112
  // We need to replace boxShadow by shadow
113
- Object.assign(result, convert_1.shadow(key === 'boxShadow' ? 'shadow' : key, value));
113
+ Object.assign(result, (0, convert_1.shadow)(key === 'boxShadow' ? 'shadow' : key, value));
114
114
  break;
115
115
  // Other keys don't require any special treatment
116
116
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
package/dist/cssToRN/mediaQueries.js CHANGED
@@ -54,7 +54,7 @@ function convertAnyValue(key, value, units) {
54
54
  dppx: 'px',
55
55
  x: 'px'
56
56
  };
57
- const [num, unit] = convertUnits_1.parseValue(value);
57
+ const [num, unit] = (0, convertUnits_1.parseValue)(value);
58
58
  return num + densityUnitsEquivalence[unit];
59
59
  }
60
60
  else if (key === 'deviceAspectRatio' || key === 'aspectRatio') {
@@ -62,7 +62,7 @@ function convertAnyValue(key, value, units) {
62
62
  const [w, h] = value.split('/').map(v => parseInt(v, 10));
63
63
  return w / h;
64
64
  }
65
- return convertUnits_1.convertValue(key, value, units);
65
+ return (0, convertUnits_1.convertValue)(key, value, units);
66
66
  }
67
67
  /** Check if a constraint is respected by the provided context */
68
68
  function evaluateConstraint(constraint, context) {
package/dist/features.js CHANGED
@@ -14,7 +14,7 @@ exports.FontSizeContext = react_1.default.createContext(16);
14
14
  exports.zIndexContext = react_1.default.createContext((_zIndex) => { });
15
15
  /** HOC that will apply the screen size to the styles defined with vmin, vmax, vw, vh units, and handle media queries constraints */
16
16
  const useScreenSize = () => {
17
- const { width, height } = react_native_1.useWindowDimensions();
17
+ const { width, height } = (0, react_native_1.useWindowDimensions)();
18
18
  return { vw: width / 100, vh: height / 100, vmin: Math.min(width, height) / 100, vmax: Math.max(width, height) / 100 };
19
19
  };
20
20
  exports.useScreenSize = useScreenSize;
@@ -37,7 +37,7 @@ exports.useHover = useHover;
37
37
  /** HOC that will apply the style provided in the media queries */
38
38
  const useMediaQuery = (media, units) => {
39
39
  if (media) {
40
- const context = mediaQueries_1.createContext(units);
40
+ const context = (0, mediaQueries_1.createContext)(units);
41
41
  const mediaStyles = media.map(m => m(context)).filter(m => m);
42
42
  if (!mediaStyles.length)
43
43
  return;
@@ -69,7 +69,7 @@ const useFontSize = (setFontSize, rem = 16) => {
69
69
  const em = react_1.default.useContext(exports.FontSizeContext);
70
70
  if (!setFontSize)
71
71
  return { em };
72
- const [fontSize, fontUnit] = convertUnits_1.parseValue(setFontSize);
72
+ const [fontSize, fontUnit] = (0, convertUnits_1.parseValue)(setFontSize);
73
73
  const isRelative = ['rem', 'em', '%'].includes(fontUnit || '');
74
74
  if (isRelative) {
75
75
  const newSize = fontUnit === 'em' ? em * fontSize
package/dist/index.d.ts CHANGED
@@ -201,39 +201,11 @@ declare const styled: {
201
201
  ref?: React.Ref<any> | undefined;
202
202
  }>;
203
203
  };
204
- ListView: {
205
- <S_14>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_14 & RN.ListViewProps & {
206
- rnCSS?: string | undefined;
207
- shared: unknown;
208
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ListViewProps & S_14 & {
209
- rnCSS?: `${string};` | undefined;
210
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
211
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
212
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
213
- children?: React.ReactNode;
214
- style?: any;
215
- } & {
216
- ref?: React.Ref<any> | undefined;
217
- }>;
218
- attrs<S_15>(opts: Partial<S_15 & RN.ListViewProps> | ((props: S_15 & RN.ListViewProps) => Partial<S_15 & RN.ListViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_15 & RN.ListViewProps & {
219
- rnCSS?: string | undefined;
220
- shared: unknown;
221
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ListViewProps | S_15) & {
222
- rnCSS?: `${string};` | undefined;
223
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
224
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
225
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
226
- children?: React.ReactNode;
227
- style?: any;
228
- } & {
229
- ref?: React.Ref<any> | undefined;
230
- }>;
231
- };
232
204
  Modal: {
233
- <S_16>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_16 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
205
+ <S_14>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_14 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
234
206
  rnCSS?: string | undefined;
235
207
  shared: unknown;
236
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & S_16 & {
208
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & S_14 & {
237
209
  rnCSS?: `${string};` | undefined;
238
210
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
239
211
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -243,10 +215,10 @@ declare const styled: {
243
215
  } & {
244
216
  ref?: React.Ref<any> | undefined;
245
217
  }>;
246
- attrs<S_17>(opts: Partial<S_17 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps> | ((props: S_17 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps) => Partial<S_17 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_17 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
218
+ 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 & {
247
219
  rnCSS?: string | undefined;
248
220
  shared: unknown;
249
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ModalProps | S_17) & {
221
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ModalProps | S_15) & {
250
222
  rnCSS?: `${string};` | undefined;
251
223
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
252
224
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -258,10 +230,10 @@ declare const styled: {
258
230
  }>;
259
231
  };
260
232
  NavigatorIOS: {
261
- <S_18>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_18 & RN.NavigatorIOSProps & {
233
+ <S_16>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_16 & RN.NavigatorIOSProps & {
262
234
  rnCSS?: string | undefined;
263
235
  shared: unknown;
264
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.NavigatorIOSProps & S_18 & {
236
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.NavigatorIOSProps & S_16 & {
265
237
  rnCSS?: `${string};` | undefined;
266
238
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
267
239
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -271,10 +243,10 @@ declare const styled: {
271
243
  } & {
272
244
  ref?: React.Ref<any> | undefined;
273
245
  }>;
274
- attrs<S_19>(opts: Partial<S_19 & RN.NavigatorIOSProps> | ((props: S_19 & RN.NavigatorIOSProps) => Partial<S_19 & RN.NavigatorIOSProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_19 & RN.NavigatorIOSProps & {
246
+ 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 & {
275
247
  rnCSS?: string | undefined;
276
248
  shared: unknown;
277
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.NavigatorIOSProps | S_19) & {
249
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.NavigatorIOSProps | S_17) & {
278
250
  rnCSS?: `${string};` | undefined;
279
251
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
280
252
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -286,10 +258,10 @@ declare const styled: {
286
258
  }>;
287
259
  };
288
260
  ScrollView: {
289
- <S_20>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_20 & RN.ScrollViewProps & {
261
+ <S_18>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_18 & RN.ScrollViewProps & {
290
262
  rnCSS?: string | undefined;
291
263
  shared: unknown;
292
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ScrollViewProps & S_20 & {
264
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ScrollViewProps & S_18 & {
293
265
  rnCSS?: `${string};` | undefined;
294
266
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
295
267
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -299,10 +271,10 @@ declare const styled: {
299
271
  } & {
300
272
  ref?: React.Ref<any> | undefined;
301
273
  }>;
302
- attrs<S_21>(opts: Partial<S_21 & RN.ScrollViewProps> | ((props: S_21 & RN.ScrollViewProps) => Partial<S_21 & RN.ScrollViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_21 & RN.ScrollViewProps & {
274
+ 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 & {
303
275
  rnCSS?: string | undefined;
304
276
  shared: unknown;
305
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ScrollViewProps | S_21) & {
277
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ScrollViewProps | S_19) & {
306
278
  rnCSS?: `${string};` | undefined;
307
279
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
308
280
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -314,10 +286,10 @@ declare const styled: {
314
286
  }>;
315
287
  };
316
288
  SnapshotViewIOS: {
317
- <S_22>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_22 & RN.SnapshotViewIOSProps & {
289
+ <S_20>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_20 & RN.SnapshotViewIOSProps & {
318
290
  rnCSS?: string | undefined;
319
291
  shared: unknown;
320
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.SnapshotViewIOSProps & S_22 & {
292
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.SnapshotViewIOSProps & S_20 & {
321
293
  rnCSS?: `${string};` | undefined;
322
294
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
323
295
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -327,10 +299,10 @@ declare const styled: {
327
299
  } & {
328
300
  ref?: React.Ref<any> | undefined;
329
301
  }>;
330
- attrs<S_23>(opts: Partial<S_23 & RN.SnapshotViewIOSProps> | ((props: S_23 & RN.SnapshotViewIOSProps) => Partial<S_23 & RN.SnapshotViewIOSProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_23 & RN.SnapshotViewIOSProps & {
302
+ 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 & {
331
303
  rnCSS?: string | undefined;
332
304
  shared: unknown;
333
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.SnapshotViewIOSProps | S_23) & {
305
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.SnapshotViewIOSProps | S_21) & {
334
306
  rnCSS?: `${string};` | undefined;
335
307
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
336
308
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -342,10 +314,10 @@ declare const styled: {
342
314
  }>;
343
315
  };
344
316
  Switch: {
345
- <S_24>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_24 & RN.SwitchProps & {
317
+ <S_22>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_22 & RN.SwitchProps & {
346
318
  rnCSS?: string | undefined;
347
319
  shared: unknown;
348
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.SwitchProps & S_24 & {
320
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.SwitchProps & S_22 & {
349
321
  rnCSS?: `${string};` | undefined;
350
322
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
351
323
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -355,10 +327,10 @@ declare const styled: {
355
327
  } & {
356
328
  ref?: React.Ref<any> | undefined;
357
329
  }>;
358
- attrs<S_25>(opts: Partial<S_25 & RN.SwitchProps> | ((props: S_25 & RN.SwitchProps) => Partial<S_25 & RN.SwitchProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_25 & RN.SwitchProps & {
330
+ 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 & {
359
331
  rnCSS?: string | undefined;
360
332
  shared: unknown;
361
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.SwitchProps | S_25) & {
333
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.SwitchProps | S_23) & {
362
334
  rnCSS?: `${string};` | undefined;
363
335
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
364
336
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -370,10 +342,10 @@ declare const styled: {
370
342
  }>;
371
343
  };
372
344
  RecyclerViewBackedScrollView: {
373
- <S_26>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_26 & RN.RecyclerViewBackedScrollViewProps & {
345
+ <S_24>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_24 & RN.RecyclerViewBackedScrollViewProps & {
374
346
  rnCSS?: string | undefined;
375
347
  shared: unknown;
376
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.RecyclerViewBackedScrollViewProps & S_26 & {
348
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.RecyclerViewBackedScrollViewProps & S_24 & {
377
349
  rnCSS?: `${string};` | undefined;
378
350
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
379
351
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -383,10 +355,10 @@ declare const styled: {
383
355
  } & {
384
356
  ref?: React.Ref<any> | undefined;
385
357
  }>;
386
- attrs<S_27>(opts: Partial<S_27 & RN.RecyclerViewBackedScrollViewProps> | ((props: S_27 & RN.RecyclerViewBackedScrollViewProps) => Partial<S_27 & RN.RecyclerViewBackedScrollViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_27 & RN.RecyclerViewBackedScrollViewProps & {
358
+ 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 & {
387
359
  rnCSS?: string | undefined;
388
360
  shared: unknown;
389
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.RecyclerViewBackedScrollViewProps | S_27) & {
361
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.RecyclerViewBackedScrollViewProps | S_25) & {
390
362
  rnCSS?: `${string};` | undefined;
391
363
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
392
364
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -398,10 +370,10 @@ declare const styled: {
398
370
  }>;
399
371
  };
400
372
  RefreshControl: {
401
- <S_28>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_28 & RN.RefreshControlProps & {
373
+ <S_26>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_26 & RN.RefreshControlProps & {
402
374
  rnCSS?: string | undefined;
403
375
  shared: unknown;
404
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.RefreshControlProps & S_28 & {
376
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.RefreshControlProps & S_26 & {
405
377
  rnCSS?: `${string};` | undefined;
406
378
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
407
379
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -411,10 +383,10 @@ declare const styled: {
411
383
  } & {
412
384
  ref?: React.Ref<any> | undefined;
413
385
  }>;
414
- attrs<S_29>(opts: Partial<S_29 & RN.RefreshControlProps> | ((props: S_29 & RN.RefreshControlProps) => Partial<S_29 & RN.RefreshControlProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_29 & RN.RefreshControlProps & {
386
+ 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 & {
415
387
  rnCSS?: string | undefined;
416
388
  shared: unknown;
417
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.RefreshControlProps | S_29) & {
389
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.RefreshControlProps | S_27) & {
418
390
  rnCSS?: `${string};` | undefined;
419
391
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
420
392
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -426,10 +398,10 @@ declare const styled: {
426
398
  }>;
427
399
  };
428
400
  SafeAreaView: {
429
- <S_30>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_30 & RN.ViewProps & {
401
+ <S_28>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_28 & RN.ViewProps & {
430
402
  rnCSS?: string | undefined;
431
403
  shared: unknown;
432
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ViewProps & S_30 & {
404
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ViewProps & S_28 & {
433
405
  rnCSS?: `${string};` | undefined;
434
406
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
435
407
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -439,10 +411,10 @@ declare const styled: {
439
411
  } & {
440
412
  ref?: React.Ref<any> | undefined;
441
413
  }>;
442
- attrs<S_31>(opts: Partial<S_31 & RN.ViewProps> | ((props: S_31 & RN.ViewProps) => Partial<S_31 & RN.ViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_31 & RN.ViewProps & {
414
+ 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
415
  rnCSS?: string | undefined;
444
416
  shared: unknown;
445
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ViewProps | S_31) & {
417
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ViewProps | S_29) & {
446
418
  rnCSS?: `${string};` | undefined;
447
419
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
448
420
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -454,23 +426,10 @@ declare const styled: {
454
426
  }>;
455
427
  };
456
428
  StatusBar: {
457
- <S_32>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_32 & RN.StatusBarProps & {
458
- rnCSS?: string | undefined;
459
- shared: unknown;
460
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.StatusBarProps & S_32 & {
461
- rnCSS?: `${string};` | undefined;
462
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
463
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
464
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
465
- children?: React.ReactNode;
466
- style?: any;
467
- } & {
468
- ref?: React.Ref<any> | undefined;
469
- }>;
470
- attrs<S_33>(opts: Partial<S_33 & RN.StatusBarProps> | ((props: S_33 & RN.StatusBarProps) => Partial<S_33 & RN.StatusBarProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_33 & RN.StatusBarProps & {
429
+ <S_30>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_30 & RN.StatusBarProps & {
471
430
  rnCSS?: string | undefined;
472
431
  shared: unknown;
473
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.StatusBarProps | S_33) & {
432
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.StatusBarProps & S_30 & {
474
433
  rnCSS?: `${string};` | undefined;
475
434
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
476
435
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -480,53 +439,10 @@ declare const styled: {
480
439
  } & {
481
440
  ref?: React.Ref<any> | undefined;
482
441
  }>;
483
- };
484
- SwipeableListView: {
485
- <S_34>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_34 & RN.SwipeableListViewProps & {
442
+ 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 & {
486
443
  rnCSS?: string | undefined;
487
444
  shared: unknown;
488
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.SwipeableListViewProps & S_34 & {
489
- rnCSS?: `${string};` | undefined;
490
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
491
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
492
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
493
- children?: React.ReactNode;
494
- style?: any;
495
- } & {
496
- ref?: React.Ref<any> | undefined;
497
- }>;
498
- attrs<S_35>(opts: Partial<S_35 & RN.SwipeableListViewProps> | ((props: S_35 & RN.SwipeableListViewProps) => Partial<S_35 & RN.SwipeableListViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_35 & RN.SwipeableListViewProps & {
499
- rnCSS?: string | undefined;
500
- shared: unknown;
501
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.SwipeableListViewProps | S_35) & {
502
- rnCSS?: `${string};` | undefined;
503
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
504
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
505
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
506
- children?: React.ReactNode;
507
- style?: any;
508
- } & {
509
- ref?: React.Ref<any> | undefined;
510
- }>;
511
- };
512
- TabBarIOS: {
513
- <S_36>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_36 & RN.TabBarIOSProps & {
514
- rnCSS?: string | undefined;
515
- shared: unknown;
516
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TabBarIOSProps & S_36 & {
517
- rnCSS?: `${string};` | undefined;
518
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
519
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
520
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
521
- children?: React.ReactNode;
522
- style?: any;
523
- } & {
524
- ref?: React.Ref<any> | undefined;
525
- }>;
526
- attrs<S_37>(opts: Partial<S_37 & RN.TabBarIOSProps> | ((props: S_37 & RN.TabBarIOSProps) => Partial<S_37 & RN.TabBarIOSProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_37 & RN.TabBarIOSProps & {
527
- rnCSS?: string | undefined;
528
- shared: unknown;
529
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TabBarIOSProps | S_37) & {
445
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.StatusBarProps | S_31) & {
530
446
  rnCSS?: `${string};` | undefined;
531
447
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
532
448
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -538,10 +454,10 @@ declare const styled: {
538
454
  }>;
539
455
  };
540
456
  Text: {
541
- <S_38>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_38 & RN.TextProps & {
457
+ <S_32>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_32 & RN.TextProps & {
542
458
  rnCSS?: string | undefined;
543
459
  shared: unknown;
544
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TextProps & S_38 & {
460
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TextProps & S_32 & {
545
461
  rnCSS?: `${string};` | undefined;
546
462
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
547
463
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -551,10 +467,10 @@ declare const styled: {
551
467
  } & {
552
468
  ref?: React.Ref<any> | undefined;
553
469
  }>;
554
- attrs<S_39>(opts: Partial<S_39 & RN.TextProps> | ((props: S_39 & RN.TextProps) => Partial<S_39 & RN.TextProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_39 & RN.TextProps & {
470
+ 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 & {
555
471
  rnCSS?: string | undefined;
556
472
  shared: unknown;
557
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TextProps | S_39) & {
473
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TextProps | S_33) & {
558
474
  rnCSS?: `${string};` | undefined;
559
475
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
560
476
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -566,10 +482,10 @@ declare const styled: {
566
482
  }>;
567
483
  };
568
484
  TextInput: {
569
- <S_40>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_40 & RN.TextInputProps & {
485
+ <S_34>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_34 & RN.TextInputProps & {
570
486
  rnCSS?: string | undefined;
571
487
  shared: unknown;
572
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TextInputProps & S_40 & {
488
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TextInputProps & S_34 & {
573
489
  rnCSS?: `${string};` | undefined;
574
490
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
575
491
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -579,38 +495,10 @@ declare const styled: {
579
495
  } & {
580
496
  ref?: React.Ref<any> | undefined;
581
497
  }>;
582
- attrs<S_41>(opts: Partial<S_41 & RN.TextInputProps> | ((props: S_41 & RN.TextInputProps) => Partial<S_41 & RN.TextInputProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_41 & RN.TextInputProps & {
498
+ 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 & {
583
499
  rnCSS?: string | undefined;
584
500
  shared: unknown;
585
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TextInputProps | S_41) & {
586
- rnCSS?: `${string};` | undefined;
587
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
588
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
589
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
590
- children?: React.ReactNode;
591
- style?: any;
592
- } & {
593
- ref?: React.Ref<any> | undefined;
594
- }>;
595
- };
596
- ToolbarAndroid: {
597
- <S_42>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_42 & RN.ToolbarAndroidProps & {
598
- rnCSS?: string | undefined;
599
- shared: unknown;
600
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ToolbarAndroidProps & S_42 & {
601
- rnCSS?: `${string};` | undefined;
602
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
603
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
604
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
605
- children?: React.ReactNode;
606
- style?: any;
607
- } & {
608
- ref?: React.Ref<any> | undefined;
609
- }>;
610
- attrs<S_43>(opts: Partial<S_43 & RN.ToolbarAndroidProps> | ((props: S_43 & RN.ToolbarAndroidProps) => Partial<S_43 & RN.ToolbarAndroidProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_43 & RN.ToolbarAndroidProps & {
611
- rnCSS?: string | undefined;
612
- shared: unknown;
613
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ToolbarAndroidProps | S_43) & {
501
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TextInputProps | S_35) & {
614
502
  rnCSS?: `${string};` | undefined;
615
503
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
616
504
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -622,10 +510,10 @@ declare const styled: {
622
510
  }>;
623
511
  };
624
512
  TouchableHighlight: {
625
- <S_44>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_44 & RN.TouchableHighlightProps & {
513
+ <S_36>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_36 & RN.TouchableHighlightProps & {
626
514
  rnCSS?: string | undefined;
627
515
  shared: unknown;
628
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableHighlightProps & S_44 & {
516
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableHighlightProps & S_36 & {
629
517
  rnCSS?: `${string};` | undefined;
630
518
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
631
519
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -635,10 +523,10 @@ declare const styled: {
635
523
  } & {
636
524
  ref?: React.Ref<any> | undefined;
637
525
  }>;
638
- attrs<S_45>(opts: Partial<S_45 & RN.TouchableHighlightProps> | ((props: S_45 & RN.TouchableHighlightProps) => Partial<S_45 & RN.TouchableHighlightProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_45 & RN.TouchableHighlightProps & {
526
+ 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 & {
639
527
  rnCSS?: string | undefined;
640
528
  shared: unknown;
641
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableHighlightProps | S_45) & {
529
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableHighlightProps | S_37) & {
642
530
  rnCSS?: `${string};` | undefined;
643
531
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
644
532
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -650,10 +538,10 @@ declare const styled: {
650
538
  }>;
651
539
  };
652
540
  TouchableNativeFeedback: {
653
- <S_46>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_46 & RN.TouchableNativeFeedbackProps & {
541
+ <S_38>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_38 & RN.TouchableNativeFeedbackProps & {
654
542
  rnCSS?: string | undefined;
655
543
  shared: unknown;
656
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableNativeFeedbackProps & S_46 & {
544
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableNativeFeedbackProps & S_38 & {
657
545
  rnCSS?: `${string};` | undefined;
658
546
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
659
547
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -663,10 +551,10 @@ declare const styled: {
663
551
  } & {
664
552
  ref?: React.Ref<any> | undefined;
665
553
  }>;
666
- attrs<S_47>(opts: Partial<S_47 & RN.TouchableNativeFeedbackProps> | ((props: S_47 & RN.TouchableNativeFeedbackProps) => Partial<S_47 & RN.TouchableNativeFeedbackProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_47 & RN.TouchableNativeFeedbackProps & {
554
+ 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 & {
667
555
  rnCSS?: string | undefined;
668
556
  shared: unknown;
669
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableNativeFeedbackProps | S_47) & {
557
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableNativeFeedbackProps | S_39) & {
670
558
  rnCSS?: `${string};` | undefined;
671
559
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
672
560
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -678,10 +566,10 @@ declare const styled: {
678
566
  }>;
679
567
  };
680
568
  TouchableOpacity: {
681
- <S_48>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_48 & RN.TouchableOpacityProps & {
569
+ <S_40>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_40 & RN.TouchableOpacityProps & {
682
570
  rnCSS?: string | undefined;
683
571
  shared: unknown;
684
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableOpacityProps & S_48 & {
572
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableOpacityProps & S_40 & {
685
573
  rnCSS?: `${string};` | undefined;
686
574
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
687
575
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -691,10 +579,10 @@ declare const styled: {
691
579
  } & {
692
580
  ref?: React.Ref<any> | undefined;
693
581
  }>;
694
- attrs<S_49>(opts: Partial<S_49 & RN.TouchableOpacityProps> | ((props: S_49 & RN.TouchableOpacityProps) => Partial<S_49 & RN.TouchableOpacityProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_49 & RN.TouchableOpacityProps & {
582
+ 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 & {
695
583
  rnCSS?: string | undefined;
696
584
  shared: unknown;
697
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableOpacityProps | S_49) & {
585
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableOpacityProps | S_41) & {
698
586
  rnCSS?: `${string};` | undefined;
699
587
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
700
588
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -706,10 +594,10 @@ declare const styled: {
706
594
  }>;
707
595
  };
708
596
  TouchableWithoutFeedback: {
709
- <S_50>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_50 & RN.TouchableWithoutFeedbackProps & {
597
+ <S_42>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_42 & RN.TouchableWithoutFeedbackProps & {
710
598
  rnCSS?: string | undefined;
711
599
  shared: unknown;
712
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableWithoutFeedbackProps & S_50 & {
600
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.TouchableWithoutFeedbackProps & S_42 & {
713
601
  rnCSS?: `${string};` | undefined;
714
602
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
715
603
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -719,10 +607,10 @@ declare const styled: {
719
607
  } & {
720
608
  ref?: React.Ref<any> | undefined;
721
609
  }>;
722
- attrs<S_51>(opts: Partial<S_51 & RN.TouchableWithoutFeedbackProps> | ((props: S_51 & RN.TouchableWithoutFeedbackProps) => Partial<S_51 & RN.TouchableWithoutFeedbackProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_51 & RN.TouchableWithoutFeedbackProps & {
610
+ 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 & {
723
611
  rnCSS?: string | undefined;
724
612
  shared: unknown;
725
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableWithoutFeedbackProps | S_51) & {
613
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.TouchableWithoutFeedbackProps | S_43) & {
726
614
  rnCSS?: `${string};` | undefined;
727
615
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
728
616
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -734,38 +622,10 @@ declare const styled: {
734
622
  }>;
735
623
  };
736
624
  View: {
737
- <S_30>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_30 & RN.ViewProps & {
738
- rnCSS?: string | undefined;
739
- shared: unknown;
740
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ViewProps & S_30 & {
741
- rnCSS?: `${string};` | undefined;
742
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
743
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
744
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
745
- children?: React.ReactNode;
746
- style?: any;
747
- } & {
748
- ref?: React.Ref<any> | undefined;
749
- }>;
750
- attrs<S_31>(opts: Partial<S_31 & RN.ViewProps> | ((props: S_31 & RN.ViewProps) => Partial<S_31 & RN.ViewProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_31 & RN.ViewProps & {
751
- rnCSS?: string | undefined;
752
- shared: unknown;
753
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ViewProps | S_31) & {
754
- rnCSS?: `${string};` | undefined;
755
- onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
756
- onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
757
- onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
758
- children?: React.ReactNode;
759
- style?: any;
760
- } & {
761
- ref?: React.Ref<any> | undefined;
762
- }>;
763
- };
764
- ViewPagerAndroid: {
765
- <S_52>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_52 & RN.ViewPagerAndroidProps & {
625
+ <S_28>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_28 & RN.ViewProps & {
766
626
  rnCSS?: string | undefined;
767
627
  shared: unknown;
768
- }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ViewPagerAndroidProps & S_52 & {
628
+ }) => string | number | boolean | null | undefined))[]): React.ForwardRefExoticComponent<RN.ViewProps & S_28 & {
769
629
  rnCSS?: `${string};` | undefined;
770
630
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
771
631
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -775,10 +635,10 @@ declare const styled: {
775
635
  } & {
776
636
  ref?: React.Ref<any> | undefined;
777
637
  }>;
778
- attrs<S_53>(opts: Partial<S_53 & RN.ViewPagerAndroidProps> | ((props: S_53 & RN.ViewPagerAndroidProps) => Partial<S_53 & RN.ViewPagerAndroidProps>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_53 & RN.ViewPagerAndroidProps & {
638
+ 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 & {
779
639
  rnCSS?: string | undefined;
780
640
  shared: unknown;
781
- }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ViewPagerAndroidProps | S_53) & {
641
+ }) => string | number | boolean | null | undefined))[]) => React.ForwardRefExoticComponent<(RN.ViewProps | S_29) & {
782
642
  rnCSS?: `${string};` | undefined;
783
643
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
784
644
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -790,10 +650,10 @@ declare const styled: {
790
650
  }>;
791
651
  };
792
652
  FlatList: {
793
- <S_54>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_54 & {
653
+ <S_44>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_44 & {
794
654
  rnCSS?: string | undefined;
795
655
  shared: unknown;
796
- }) => string | number | boolean | null | undefined))[]): <Type>(props: S_54 & RN.FlatListProps<Type> & {
656
+ }) => string | number | boolean | null | undefined))[]): <Type>(props: S_44 & RN.FlatListProps<Type> & {
797
657
  rnCSS?: `${string};` | undefined;
798
658
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
799
659
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -801,10 +661,10 @@ declare const styled: {
801
661
  children?: React.ReactNode;
802
662
  style?: any;
803
663
  }) => JSX.Element;
804
- attrs<S_55>(opts: Partial<S_55 & RN.FlatListProps<any>> | ((props: S_55 & RN.FlatListProps<any>) => Partial<S_55 & RN.FlatListProps<any>>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_55 & RN.FlatListProps<any> & {
664
+ 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> & {
805
665
  rnCSS?: string | undefined;
806
666
  shared: unknown;
807
- }) => string | number | boolean | null | undefined))[]) => <Props>(componentProps: S_55 & RN.FlatListProps<Props> & {
667
+ }) => string | number | boolean | null | undefined))[]) => <Props>(componentProps: S_45 & RN.FlatListProps<Props> & {
808
668
  rnCSS?: `${string};` | undefined;
809
669
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
810
670
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -814,10 +674,10 @@ declare const styled: {
814
674
  }) => JSX.Element;
815
675
  };
816
676
  SectionList: {
817
- <S_56>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_56 & {
677
+ <S_46>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_46 & {
818
678
  rnCSS?: string | undefined;
819
679
  shared: unknown;
820
- }) => string | number | boolean | null | undefined))[]): <Type_1>(props: S_56 & RN.SectionListProps<Type_1, RN.DefaultSectionT> & {
680
+ }) => string | number | boolean | null | undefined))[]): <Type_1>(props: S_46 & RN.SectionListProps<Type_1, RN.DefaultSectionT> & {
821
681
  rnCSS?: `${string};` | undefined;
822
682
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
823
683
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -825,10 +685,10 @@ declare const styled: {
825
685
  children?: React.ReactNode;
826
686
  style?: any;
827
687
  }) => JSX.Element;
828
- attrs<S_57>(opts: Partial<S_57 & RN.SectionListProps<any, RN.DefaultSectionT>> | ((props: S_57 & RN.SectionListProps<any, RN.DefaultSectionT>) => Partial<S_57 & RN.SectionListProps<any, RN.DefaultSectionT>>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_57 & RN.SectionListProps<any, RN.DefaultSectionT> & {
688
+ 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> & {
829
689
  rnCSS?: string | undefined;
830
690
  shared: unknown;
831
- }) => string | number | boolean | null | undefined))[]) => <Props_1>(componentProps: S_57 & RN.SectionListProps<Props_1, RN.DefaultSectionT> & {
691
+ }) => string | number | boolean | null | undefined))[]) => <Props_1>(componentProps: S_47 & RN.SectionListProps<Props_1, RN.DefaultSectionT> & {
832
692
  rnCSS?: `${string};` | undefined;
833
693
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
834
694
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -838,10 +698,10 @@ declare const styled: {
838
698
  }) => JSX.Element;
839
699
  };
840
700
  VirtualizedList: {
841
- <S_58>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_58 & {
701
+ <S_48>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_48 & {
842
702
  rnCSS?: string | undefined;
843
703
  shared: unknown;
844
- }) => string | number | boolean | null | undefined))[]): <Type_2>(props: S_58 & RN.VirtualizedListProps<Type_2> & {
704
+ }) => string | number | boolean | null | undefined))[]): <Type_2>(props: S_48 & RN.VirtualizedListProps<Type_2> & {
845
705
  rnCSS?: `${string};` | undefined;
846
706
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
847
707
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -849,10 +709,10 @@ declare const styled: {
849
709
  children?: React.ReactNode;
850
710
  style?: any;
851
711
  }) => JSX.Element;
852
- attrs<S_59>(opts: Partial<S_59 & RN.VirtualizedListProps<any>> | ((props: S_59 & RN.VirtualizedListProps<any>) => Partial<S_59 & RN.VirtualizedListProps<any>>)): (chunks: TemplateStringsArray, ...functs: ((string | number | boolean | null | undefined) | ((arg: S_59 & RN.VirtualizedListProps<any> & {
712
+ 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> & {
853
713
  rnCSS?: string | undefined;
854
714
  shared: unknown;
855
- }) => string | number | boolean | null | undefined))[]) => <Props_2>(componentProps: S_59 & RN.VirtualizedListProps<Props_2> & {
715
+ }) => string | number | boolean | null | undefined))[]) => <Props_2>(componentProps: S_49 & RN.VirtualizedListProps<Props_2> & {
856
716
  rnCSS?: `${string};` | undefined;
857
717
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
858
718
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
package/dist/index.js CHANGED
@@ -32,14 +32,13 @@ Object.defineProperty(exports, "FontSizeContext", { enumerable: true, get: funct
32
32
  var styleComponent_2 = require("./styleComponent");
33
33
  Object.defineProperty(exports, "SharedValue", { enumerable: true, get: function () { return styleComponent_2.SharedValue; } });
34
34
  __exportStar(require("./useTheme"), exports);
35
- const styled = (Component) => styleComponent_1.default(Component);
35
+ const styled = (Component) => (0, styleComponent_1.default)(Component);
36
36
  styled.ActivityIndicator = styled(RN.ActivityIndicator);
37
37
  styled.Button = styled(RN.Button);
38
38
  styled.DrawerLayoutAndroid = styled(RN.DrawerLayoutAndroid);
39
39
  styled.Image = styled(RN.Image);
40
40
  styled.ImageBackground = styled(RN.ImageBackground);
41
41
  styled.KeyboardAvoidingView = styled(RN.KeyboardAvoidingView);
42
- styled.ListView = styled(RN.ListView);
43
42
  styled.Modal = styled(RN.Modal);
44
43
  styled.NavigatorIOS = styled(RN.NavigatorIOS);
45
44
  styled.ScrollView = styled(RN.ScrollView);
@@ -49,17 +48,13 @@ styled.RecyclerViewBackedScrollView = styled(RN.RecyclerViewBackedScrollView);
49
48
  styled.RefreshControl = styled(RN.RefreshControl);
50
49
  styled.SafeAreaView = styled(RN.SafeAreaView);
51
50
  styled.StatusBar = styled(RN.StatusBar);
52
- styled.SwipeableListView = styled(RN.SwipeableListView);
53
- styled.TabBarIOS = styled(RN.TabBarIOS);
54
51
  styled.Text = styled(RN.Text);
55
52
  styled.TextInput = styled(RN.TextInput);
56
- styled.ToolbarAndroid = styled(RN.ToolbarAndroid);
57
53
  styled.TouchableHighlight = styled(RN.TouchableHighlight);
58
54
  styled.TouchableNativeFeedback = styled(RN.TouchableNativeFeedback);
59
55
  styled.TouchableOpacity = styled(RN.TouchableOpacity);
60
56
  styled.TouchableWithoutFeedback = styled(RN.TouchableWithoutFeedback);
61
57
  styled.View = styled(RN.View);
62
- styled.ViewPagerAndroid = styled(RN.ViewPagerAndroid);
63
58
  styled.FlatList = styleComponent_1.styledFlatList;
64
59
  styled.SectionList = styleComponent_1.styledSectionList;
65
60
  styled.VirtualizedList = styleComponent_1.styledVirtualizedList;
package/dist/styleComponent.js CHANGED
@@ -29,20 +29,20 @@ const styled = (Component) => {
29
29
  const shared = react_1.default.useContext(exports.SharedValue);
30
30
  // Store the style for mutualization
31
31
  const cssString = react_1.default.useRef(buildCSSString(chunks, functs, props, shared));
32
- const [rnStyle, setRNStyle] = react_1.default.useState(cssToRN_1.default(cssString.current));
32
+ const [rnStyle, setRNStyle] = react_1.default.useState((0, cssToRN_1.default)(cssString.current));
33
33
  react_1.default.useEffect(() => {
34
34
  // Build the css string with the context
35
35
  const css = buildCSSString(chunks, functs, props, shared);
36
36
  cssString.current = css;
37
37
  // Try to load an existing style from the style map or save it for next time
38
- const hash = generateHash_1.default(css);
38
+ const hash = (0, generateHash_1.default)(css);
39
39
  const style = styleMap[hash];
40
40
  if (style) {
41
41
  setRNStyle(style.style);
42
42
  style.usages++;
43
43
  }
44
44
  else {
45
- const rns = cssToRN_1.default(css);
45
+ const rns = (0, cssToRN_1.default)(css);
46
46
  setRNStyle(rns);
47
47
  styleMap[hash] = { style: rns, usages: 1 };
48
48
  }
@@ -70,29 +70,29 @@ const styled = (Component) => {
70
70
  delete finalStyle.hover;
71
71
  // Read all the data we might need
72
72
  // Handle hover
73
- const { onMouseEnter, onMouseLeave, style: hoverStyle } = features_1.useHover(rnStyle, props.onMouseEnter, props.onMouseLeave);
73
+ const { onMouseEnter, onMouseLeave, style: hoverStyle } = (0, features_1.useHover)(rnStyle, props.onMouseEnter, props.onMouseLeave);
74
74
  if (hoverStyle)
75
75
  Object.assign(finalStyle, hoverStyle);
76
76
  // Calculate current em unit for media-queries
77
- const { em: tempEm } = features_1.useFontSize(finalStyle.fontSize, units.current.rem);
77
+ const { em: tempEm } = (0, features_1.useFontSize)(finalStyle.fontSize, units.current.rem);
78
78
  if (units.current.em !== tempEm)
79
79
  units.current = { ...units.current, em: tempEm };
80
80
  // Handle layout data needed for % units
81
- const { width, height, onLayout } = features_1.useLayout(props.onLayout);
81
+ const { width, height, onLayout } = (0, features_1.useLayout)(props.onLayout);
82
82
  if (needsLayout && (units.current.width !== width || units.current.height !== height)) {
83
83
  units.current = { ...units.current, width, height };
84
84
  }
85
85
  // Handle screen size needed for vw and wh units
86
- const screenUnits = features_1.useScreenSize();
86
+ const screenUnits = (0, features_1.useScreenSize)();
87
87
  if ( /* needsScreenSize && */Object.keys(screenUnits).find(key => units.current[key] !== screenUnits[key])) {
88
88
  units.current = { ...units.current, ...screenUnits };
89
89
  }
90
90
  // apply media queries
91
- const mediaQuery = features_1.useMediaQuery(rnStyle.media, units.current);
91
+ const mediaQuery = (0, features_1.useMediaQuery)(rnStyle.media, units.current);
92
92
  if (mediaQuery)
93
93
  Object.assign(finalStyle, mediaQuery);
94
94
  // Handle em units
95
- const { em } = features_1.useFontSize(finalStyle.fontSize, units.current.rem);
95
+ const { em } = (0, features_1.useFontSize)(finalStyle.fontSize, units.current.rem);
96
96
  if (units.current.em !== em)
97
97
  units.current = { ...units.current, em };
98
98
  if (finalStyle.fontSize)
@@ -102,8 +102,8 @@ const styled = (Component) => {
102
102
  if (Object.keys(finalStyle).length !== Object.keys(calculatedStyle.current).length || Object.keys(finalStyle).find(key => calculatedStyle.current[key] !== finalStyle[key])) {
103
103
  calculatedStyle.current = finalStyle;
104
104
  }
105
- const styleConvertedFromCSS = react_1.default.useMemo(() => convertStyle_1.default(calculatedStyle.current, units.current), [calculatedStyle.current, units.current]);
106
- const zIndex = features_1.useZIndex(react_native_1.StyleSheet.flatten([props.style, styleConvertedFromCSS]).zIndex);
105
+ const styleConvertedFromCSS = react_1.default.useMemo(() => (0, convertStyle_1.default)(calculatedStyle.current, units.current), [calculatedStyle.current, units.current]);
106
+ const zIndex = (0, features_1.useZIndex)(react_native_1.StyleSheet.flatten([props.style, styleConvertedFromCSS]).zIndex);
107
107
  const style = react_1.default.useMemo(() => {
108
108
  const style = [];
109
109
  style.push(styleConvertedFromCSS);
package/dist/useTheme.js CHANGED
@@ -13,7 +13,7 @@ exports.ThemeProvider = ThemeProvider;
13
13
  const useTheme = () => react_1.default.useContext(styleComponent_1.SharedValue);
14
14
  exports.useTheme = useTheme;
15
15
  const withTheme = (Component) => {
16
- const theme = exports.useTheme();
16
+ const theme = (0, exports.useTheme)();
17
17
  const ThemedComponent = react_1.default.forwardRef((props, ref) => react_1.default.createElement(Component, { ref: ref, theme: theme, ...props }));
18
18
  ThemedComponent.displayName = 'ThemedComponent';
19
19
  return ThemedComponent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rn-css",
3
- "version": "1.5.0",
3
+ "version": "1.5.1",
4
4
  "scripts": {
5
5
  "test": "jest",
6
6
  "prepare": "tsc",
@@ -17,44 +17,44 @@
17
17
  "react-native": ">=0.62.2"
18
18
  },
19
19
  "devDependencies": {
20
- "@babel/core": "^7.12.13",
21
- "@babel/runtime": "^7.12.13",
22
- "@react-native-community/eslint-config": "^2.0.0",
23
- "@types/jest": "^26.0.20",
24
- "@types/react": "^17.0.1",
25
- "@types/react-native": "^0.63.48",
26
- "@typescript-eslint/eslint-plugin": "^4.29.2",
27
- "@typescript-eslint/parser": "^4.29.2",
28
- "babel-jest": "^27.0.6",
29
- "babel-loader": "^8.2.2",
30
- "dotenv": "^8.2.0",
31
- "eslint": "^7.19.0",
32
- "eslint-config-standard": "^16.0.2",
33
- "eslint-plugin-import": "^2.22.1",
34
- "eslint-plugin-jest": "^24.1.3",
20
+ "@babel/core": "^7.16.5",
21
+ "@babel/runtime": "^7.16.5",
22
+ "@react-native-community/eslint-config": "^3.0.1",
23
+ "@types/jest": "^27.0.3",
24
+ "@types/react": "^17.0.37",
25
+ "@types/react-native": "^0.66.9",
26
+ "@typescript-eslint/eslint-plugin": "^5.7.0",
27
+ "@typescript-eslint/parser": "^5.7.0",
28
+ "babel-jest": "^27.4.5",
29
+ "babel-loader": "^8.2.3",
30
+ "dotenv": "^10.0.0",
31
+ "eslint": "^7.32.0",
32
+ "eslint-config-standard": "^16.0.3",
33
+ "eslint-plugin-import": "^2.25.3",
34
+ "eslint-plugin-jest": "^25.3.0",
35
35
  "eslint-plugin-node": "^11.1.0",
36
- "eslint-plugin-promise": "^4.2.1",
37
- "eslint-plugin-react": "^7.22.0",
36
+ "eslint-plugin-promise": "^5.2.0",
37
+ "eslint-plugin-react": "^7.27.1",
38
38
  "eslint-plugin-standard": "^5.0.0",
39
- "html-loader": "^1.3.2",
40
- "html-webpack-plugin": "^5.0.0",
41
- "husky": "^5.0.9",
42
- "jest": "^26.6.3",
43
- "lint-staged": "^10.5.4",
44
- "metro-react-native-babel-preset": "^0.65.0",
39
+ "html-loader": "^3.0.1",
40
+ "html-webpack-plugin": "^5.5.0",
41
+ "husky": "^7.0.4",
42
+ "jest": "^27.4.5",
43
+ "lint-staged": "^12.1.2",
44
+ "metro-react-native-babel-preset": "^0.66.2",
45
45
  "react": "^17.0.2",
46
46
  "react-dom": "^17.0.2",
47
- "react-native": "^0.64.2",
47
+ "react-native": "^0.66.4",
48
48
  "react-native-typescript-transformer": "^1.2.13",
49
- "react-native-web": "^0.17.1",
49
+ "react-native-web": "^0.17.5",
50
50
  "react-test-renderer": "17.0.2",
51
- "release-it": "^14.3.0",
52
- "ts-jest": "^27.0.5",
53
- "ts-loader": "^9.2.5",
54
- "typescript": "^4.3.5",
55
- "webpack": "^5.21.2",
56
- "webpack-cli": "^4.5.0",
57
- "webpack-dev-server": "^3.11.2"
51
+ "release-it": "^14.11.8",
52
+ "ts-jest": "^27.1.1",
53
+ "ts-loader": "^9.2.6",
54
+ "typescript": "^4.5.4",
55
+ "webpack": "^5.65.0",
56
+ "webpack-cli": "^4.9.1",
57
+ "webpack-dev-server": "^4.6.0"
58
58
  },
59
59
  "jest": {
60
60
  "preset": "react-native"
package/src/convertUnits.ts CHANGED
@@ -47,6 +47,7 @@ export function convertValue (key: keyof PartialStyle | keyof Transform, value:
47
47
  if (convertedValue.startsWith('calc(')) return calculate(convertedValue.substring(4))// remove calc. We can keep the parenthesis
48
48
  else if (convertedValue.startsWith('max(')) return max(convertedValue.substring(4, convertedValue.length - 1))// Remove max()
49
49
  else if (convertedValue.startsWith('min(')) return min(convertedValue.substring(4, convertedValue.length - 1))// remove min()
50
+ else if (key === 'fontWeight') return convertedValue // fontWeight must be a string even when it is an integer value.
50
51
  else if (parseFloat(convertedValue) + '' === convertedValue) return parseFloat(convertedValue)
51
52
  else return convertedValue
52
53
  }
package/src/index.tsx CHANGED
@@ -14,7 +14,6 @@ styled.DrawerLayoutAndroid = styled(RN.DrawerLayoutAndroid)
14
14
  styled.Image = styled(RN.Image)
15
15
  styled.ImageBackground = styled(RN.ImageBackground)
16
16
  styled.KeyboardAvoidingView = styled(RN.KeyboardAvoidingView)
17
- styled.ListView = styled(RN.ListView)
18
17
  styled.Modal = styled(RN.Modal)
19
18
  styled.NavigatorIOS = styled(RN.NavigatorIOS)
20
19
  styled.ScrollView = styled(RN.ScrollView)
@@ -24,17 +23,13 @@ styled.RecyclerViewBackedScrollView = styled(RN.RecyclerViewBackedScrollView)
24
23
  styled.RefreshControl = styled(RN.RefreshControl)
25
24
  styled.SafeAreaView = styled(RN.SafeAreaView)
26
25
  styled.StatusBar = styled(RN.StatusBar)
27
- styled.SwipeableListView = styled(RN.SwipeableListView)
28
- styled.TabBarIOS = styled(RN.TabBarIOS)
29
26
  styled.Text = styled(RN.Text)
30
27
  styled.TextInput = styled(RN.TextInput)
31
- styled.ToolbarAndroid = styled(RN.ToolbarAndroid)
32
28
  styled.TouchableHighlight = styled(RN.TouchableHighlight)
33
29
  styled.TouchableNativeFeedback = styled(RN.TouchableNativeFeedback)
34
30
  styled.TouchableOpacity = styled(RN.TouchableOpacity)
35
31
  styled.TouchableWithoutFeedback = styled(RN.TouchableWithoutFeedback)
36
32
  styled.View = styled(RN.View)
37
- styled.ViewPagerAndroid = styled(RN.ViewPagerAndroid)
38
33
  styled.FlatList = styledFlatList
39
34
  styled.SectionList = styledSectionList
40
35
  styled.VirtualizedList = styledVirtualizedList