fluent-styles 1.62.11 → 1.62.13

package/lib/typescript/scrollView/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScrollViewProps } from 'react-native';
 import { ViewStyleProps } from '../utiles/viewStyleProps';
 type StyledScrollViewProps = ScrollViewProps & ViewStyleProps;

package/lib/typescript/scrollView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scrollView/index.ts"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,qBAAqB,GAAG,eAAe,GAAG,cAAc,CAAC;AAE9D,QAAA,MAAM,gBAAgB;;;;;CAIpB,CAAC;AAEH,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scrollView/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,qBAAqB,GAAG,eAAe,GAAG,cAAc,CAAC;AAE9D,QAAA,MAAM,gBAAgB;;;;;CAIpB,CAAC;AAEH,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}

package/lib/typescript/shape/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewProps, ViewStyle } from 'react-native';
 type ShapeVariants = {
     cycle?: boolean | [boolean, ViewStyle];

package/lib/typescript/shape/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shape/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D,KAAK,aAAa,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD,QAAA,MAAM,WAAW;;;;;CAyBf,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shape/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D,KAAK,aAAa,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD,QAAA,MAAM,WAAW;;;;;CAyBf,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/spacer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewProps } from 'react-native';
 import { ViewStyleProps } from '../utiles/viewStyleProps';
 type SpacerProps = ViewProps & (Pick<ViewStyleProps, 'margin' | 'marginTop' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'marginHorizontal' | 'marginVertical' | 'backgroundColor' | 'borderRadius' | 'borderWidth' | 'borderColor' | 'flex' | 'width' | 'height'>);

package/lib/typescript/spacer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spacer/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,WAAW,GAAI,SAAS,GAAG,CAAC,IAAI,CAAC,cAAc,EAChD,QAAQ,GACR,WAAW,GACX,cAAc,GACd,YAAY,GACZ,aAAa,GACb,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,cAAc,GACd,aAAa,GACb,aAAa,GACb,MAAM,GACN,OAAO,GACP,QAAQ,CAAC,CAAC,CAAC;AAEf,QAAA,MAAM,YAAY;;;;;CAIhB,CAAC;AAEH,OAAO,EAAG,YAAY,EAAE,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spacer/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,WAAW,GAAI,SAAS,GAAG,CAAC,IAAI,CAAC,cAAc,EAChD,QAAQ,GACR,WAAW,GACX,cAAc,GACd,YAAY,GACZ,aAAa,GACb,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,cAAc,GACd,aAAa,GACb,aAAa,GACb,MAAM,GACN,OAAO,GACP,QAAQ,CAAC,CAAC,CAAC;AAEf,QAAA,MAAM,YAAY;;;;;CAIhB,CAAC;AAEH,OAAO,EAAG,YAAY,EAAE,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/lib/typescript/stack/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewProps, ViewStyle } from 'react-native';
 /**
  * Stack-specific layout variants for flex direction

package/lib/typescript/stack/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stack/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D;;;;;GAKG;AACH,KAAK,aAAa,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC7C,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD;;;;GAIG;AACH,QAAA,MAAM,KAAK;;;;;CAoBT,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,OAAO,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stack/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D;;;;;GAKG;AACH,KAAK,aAAa,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC7C,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD;;;;GAIG;AACH,QAAA,MAAM,KAAK;;;;;CAoBT,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,OAAO,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextProps, TextStyle } from 'react-native';
 type TextVariants = {
     fontSize?: number;

package/lib/typescript/text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/text/index.ts"],"names":[],"mappings":";AACA,OAAO,EAEH,SAAS,EACT,SAAS,EACZ,MAAM,cAAc,CAAC;AAItB,KAAK,YAAY,GAAG;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAE;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,eAAe,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE5D,QAAA,MAAM,UAAU;;;;;CAgDd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/text/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,SAAS,EACT,SAAS,EACZ,MAAM,cAAc,CAAC;AAItB,KAAK,YAAY,GAAG;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAE;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,eAAe,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE5D,QAAA,MAAM,UAAU;;;;;CAgDd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/lib/typescript/utiles/viewStyleVariants.d.ts

@@ -1,53 +1,58 @@
 import { ViewStyle } from 'react-native';
+/**
+ * A raw variant value as it arrives from a prop. Numeric props (e.g. `width={100}`)
+ * come through as `number`, string props (e.g. `width="100%"`) come through as `string`.
+ */
+type RawValue = string | number | null | undefined;
 export declare const viewStyleVariants: {
-    width: (selected: string) => ViewStyle;
-    height: (selected: string) => ViewStyle;
-    minWidth: (selected: string) => ViewStyle;
-    maxWidth: (selected: string) => ViewStyle;
-    minHeight: (selected: string) => ViewStyle;
-    maxHeight: (selected: string) => ViewStyle;
-    top: (selected: string) => ViewStyle;
-    bottom: (selected: string) => ViewStyle;
-    left: (selected: string) => ViewStyle;
-    right: (selected: string) => ViewStyle;
-    margin: (selected: string) => ViewStyle;
-    marginTop: (selected: string) => ViewStyle;
-    marginBottom: (selected: string) => ViewStyle;
-    marginLeft: (selected: string) => ViewStyle;
-    marginRight: (selected: string) => ViewStyle;
-    marginHorizontal: (selected: string) => ViewStyle;
-    marginVertical: (selected: string) => ViewStyle;
-    padding: (selected: string) => ViewStyle;
-    paddingTop: (selected: string) => ViewStyle;
-    paddingBottom: (selected: string) => ViewStyle;
-    paddingLeft: (selected: string) => ViewStyle;
-    paddingRight: (selected: string) => ViewStyle;
-    paddingHorizontal: (selected: string) => ViewStyle;
-    paddingVertical: (selected: string) => ViewStyle;
-    borderWidth: (selected: string) => ViewStyle;
-    borderTopWidth: (selected: string) => ViewStyle;
-    borderBottomWidth: (selected: string) => ViewStyle;
-    borderLeftWidth: (selected: string) => ViewStyle;
-    borderRightWidth: (selected: string) => ViewStyle;
-    borderRadius: (selected: string) => ViewStyle;
-    borderTopLeftRadius: (selected: string) => ViewStyle;
-    borderTopRightRadius: (selected: string) => ViewStyle;
-    borderBottomLeftRadius: (selected: string) => ViewStyle;
-    borderBottomRightRadius: (selected: string) => ViewStyle;
-    borderColor: (selected: string) => ViewStyle;
-    borderTopColor: (selected: string) => ViewStyle;
-    borderBottomColor: (selected: string) => ViewStyle;
-    borderLeftColor: (selected: string) => ViewStyle;
-    borderRightColor: (selected: string) => ViewStyle;
-    backgroundColor: (selected: string) => ViewStyle;
-    opacity: (selected: string) => ViewStyle;
-    rotation: (selected: string) => ViewStyle;
-    scale: (selected: string) => ViewStyle;
-    shadowOpacity: (selected: string) => ViewStyle;
-    shadowRadius: (selected: string) => ViewStyle;
-    shadowColor: (selected: string) => ViewStyle;
-    elevation: (selected: string) => ViewStyle;
-    zIndex: (selected: string) => ViewStyle;
+    width: (selected: RawValue) => ViewStyle;
+    height: (selected: RawValue) => ViewStyle;
+    minWidth: (selected: RawValue) => ViewStyle;
+    maxWidth: (selected: RawValue) => ViewStyle;
+    minHeight: (selected: RawValue) => ViewStyle;
+    maxHeight: (selected: RawValue) => ViewStyle;
+    top: (selected: RawValue) => ViewStyle;
+    bottom: (selected: RawValue) => ViewStyle;
+    left: (selected: RawValue) => ViewStyle;
+    right: (selected: RawValue) => ViewStyle;
+    margin: (selected: RawValue) => ViewStyle;
+    marginTop: (selected: RawValue) => ViewStyle;
+    marginBottom: (selected: RawValue) => ViewStyle;
+    marginLeft: (selected: RawValue) => ViewStyle;
+    marginRight: (selected: RawValue) => ViewStyle;
+    marginHorizontal: (selected: RawValue) => ViewStyle;
+    marginVertical: (selected: RawValue) => ViewStyle;
+    padding: (selected: RawValue) => ViewStyle;
+    paddingTop: (selected: RawValue) => ViewStyle;
+    paddingBottom: (selected: RawValue) => ViewStyle;
+    paddingLeft: (selected: RawValue) => ViewStyle;
+    paddingRight: (selected: RawValue) => ViewStyle;
+    paddingHorizontal: (selected: RawValue) => ViewStyle;
+    paddingVertical: (selected: RawValue) => ViewStyle;
+    borderWidth: (selected: RawValue) => ViewStyle;
+    borderTopWidth: (selected: RawValue) => ViewStyle;
+    borderBottomWidth: (selected: RawValue) => ViewStyle;
+    borderLeftWidth: (selected: RawValue) => ViewStyle;
+    borderRightWidth: (selected: RawValue) => ViewStyle;
+    borderRadius: (selected: RawValue) => ViewStyle;
+    borderTopLeftRadius: (selected: RawValue) => ViewStyle;
+    borderTopRightRadius: (selected: RawValue) => ViewStyle;
+    borderBottomLeftRadius: (selected: RawValue) => ViewStyle;
+    borderBottomRightRadius: (selected: RawValue) => ViewStyle;
+    borderColor: (selected: RawValue) => ViewStyle;
+    borderTopColor: (selected: RawValue) => ViewStyle;
+    borderBottomColor: (selected: RawValue) => ViewStyle;
+    borderLeftColor: (selected: RawValue) => ViewStyle;
+    borderRightColor: (selected: RawValue) => ViewStyle;
+    backgroundColor: (selected: RawValue) => ViewStyle;
+    opacity: (selected: RawValue) => ViewStyle;
+    rotation: (selected: RawValue) => ViewStyle;
+    scale: (selected: RawValue) => ViewStyle;
+    shadowOpacity: (selected: RawValue) => ViewStyle;
+    shadowRadius: (selected: RawValue) => ViewStyle;
+    shadowColor: (selected: RawValue) => ViewStyle;
+    elevation: (selected: RawValue) => ViewStyle;
+    zIndex: (selected: RawValue) => ViewStyle;
 };
 export declare const viewStyleStringVariants: {
     position: {
@@ -110,12 +115,13 @@ export declare const viewStyleStringVariants: {
         dotted: ViewStyle;
         dashed: ViewStyle;
     };
-    flex: (selected: string) => ViewStyle;
-    flexBasis: (selected: string) => ViewStyle;
-    flexGrow: (selected: string) => ViewStyle;
-    flexShrink: (selected: string) => ViewStyle;
-    gap: (selected: string) => ViewStyle;
-    columnGap: (selected: string) => ViewStyle;
-    rowGap: (selected: string) => ViewStyle;
+    flex: (selected: RawValue) => ViewStyle;
+    flexBasis: (selected: RawValue) => ViewStyle;
+    flexGrow: (selected: RawValue) => ViewStyle;
+    flexShrink: (selected: RawValue) => ViewStyle;
+    gap: (selected: RawValue) => ViewStyle;
+    columnGap: (selected: RawValue) => ViewStyle;
+    rowGap: (selected: RawValue) => ViewStyle;
 };
+export {};
 //# sourceMappingURL=viewStyleVariants.d.ts.map

package/lib/typescript/utiles/viewStyleVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viewStyleVariants.d.ts","sourceRoot":"","sources":["../../../src/utiles/viewStyleVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,iBAAiB;sBAEV,MAAM;uBAML,MAAM;yBAMJ,MAAM;yBAMN,MAAM;0BAML,MAAM;0BAMN,MAAM;oBAOZ,MAAM;uBAMH,MAAM;qBAMR,MAAM;sBAML,MAAM;uBAOL,MAAM;0BAMH,MAAM;6BAMH,MAAM;2BAMR,MAAM;4BAML,MAAM;iCAMD,MAAM;+BAMR,MAAM;wBAOb,MAAM;2BAMH,MAAM;8BAMH,MAAM;4BAMR,MAAM;6BAML,MAAM;kCAMD,MAAM;gCAMR,MAAM;4BAOV,MAAM;+BAMH,MAAM;kCAMH,MAAM;gCAMR,MAAM;iCAML,MAAM;6BAOV,MAAM;oCAMC,MAAM;qCAML,MAAM;uCAMJ,MAAM;wCAML,MAAM;4BAOlB,MAAM;+BAKH,MAAM;kCAKH,MAAM;gCAKR,MAAM;iCAKL,MAAM;gCAMP,MAAM;wBAKd,MAAM;yBAOL,MAAM;sBAMT,MAAM;8BAOE,MAAM;6BAMP,MAAM;4BAMP,MAAM;0BAMR,MAAM;uBAOT,MAAM;CAK1B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuEjB,MAAM;0BAMD,MAAM;yBAMP,MAAM;2BAMJ,MAAM;oBAOb,MAAM;0BAMA,MAAM;uBAMT,MAAM;CAK1B,CAAC"}
+{"version":3,"file":"viewStyleVariants.d.ts","sourceRoot":"","sources":["../../../src/utiles/viewStyleVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;GAGG;AACH,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAmCnD,eAAO,MAAM,iBAAiB;sBAEV,QAAQ;uBAMP,QAAQ;yBAMN,QAAQ;yBAMR,QAAQ;0BAMP,QAAQ;0BAMR,QAAQ;oBAOd,QAAQ;uBAML,QAAQ;qBAMV,QAAQ;sBAMP,QAAQ;uBAOP,QAAQ;0BAML,QAAQ;6BAML,QAAQ;2BAMV,QAAQ;4BAMP,QAAQ;iCAMH,QAAQ;+BAMV,QAAQ;wBAOf,QAAQ;2BAML,QAAQ;8BAML,QAAQ;4BAMV,QAAQ;6BAMP,QAAQ;kCAMH,QAAQ;gCAMV,QAAQ;4BAOZ,QAAQ;+BAML,QAAQ;kCAML,QAAQ;gCAMV,QAAQ;iCAMP,QAAQ;6BAOZ,QAAQ;oCAMD,QAAQ;qCAMP,QAAQ;uCAMN,QAAQ;wCAMP,QAAQ;4BAOpB,QAAQ;+BAKL,QAAQ;kCAKL,QAAQ;gCAKV,QAAQ;iCAKP,QAAQ;gCAMT,QAAQ;wBAKhB,QAAQ;yBAOP,QAAQ;sBAMX,QAAQ;8BAOA,QAAQ;6BAMT,QAAQ;4BAMT,QAAQ;0BAMV,QAAQ;uBAOX,QAAQ;CAK5B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuEjB,QAAQ;0BAMH,QAAQ;yBAMT,QAAQ;2BAMN,QAAQ;oBAOf,QAAQ;0BAMF,QAAQ;uBAMX,QAAQ;CAK5B,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fluent-styles",
   "description": "Develop different styled versions of UI components.",
-  "version": "1.62.11",
+  "version": "1.62.13",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",

package/src/page/index.tsx

@@ -19,7 +19,7 @@ interface StyledPageType {
     displayName?: string;
 }
 
-const Page = ({ children, statusBarProps, showStatusBar = true, statusBarStyle, statusBarBackgroundColor, hideStatusBarOnAndroid, hideStatusBarOnIOS, translucentStatusBar, ...props }: React.PropsWithChildren<StyledPageProps>) => {
+const Page = ({ children, statusBarProps, showStatusBar = true, statusBarStyle = 'dark-content', statusBarBackgroundColor, hideStatusBarOnAndroid, hideStatusBarOnIOS, translucentStatusBar, ...props }: React.PropsWithChildren<StyledPageProps>) => {
     return (
         <StyledSafeAreaView {...props}>
             {showStatusBar && <StatusBar hidden={hideStatusBarOnAndroid || hideStatusBarOnIOS} barStyle={statusBarStyle} backgroundColor={statusBarBackgroundColor} translucent={translucentStatusBar} {...statusBarProps} />}