react-native-unistyles 2.8.0-beta.5 → 2.8.0-rc.2

package/lib/typescript/src/types/stylesheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../../../src/types/stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAC3E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C,KAAK,UAAU,GAAG,cAAc,GAAG,WAAW,GAAG,kBAAkB,CAAA;AAEnE,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAA;AAC/C,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAA;AAC/C,KAAK,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;AAEjD,KAAK,oBAAoB,GAAG;IACxB,YAAY,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C,gBAAgB,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAA;CACtD,CAAA;AAED,KAAK,QAAQ,GAAG;IACZ,QAAQ,CAAC,EAAE;QACP,CAAC,WAAW,EAAE,MAAM,GAAG;YACnB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAA;SACvD,CAAA;KACJ,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;KAC5B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG;SACnB,GAAG,IAAI,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;KAC5C;CACJ,CAAA;AAED,KAAK,kBAAkB,GAAG,YAAY,GAAG,YAAY,GAAG,aAAa,GAAG,oBAAoB,CAAA;AAE5F,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,GAAG,YAAY,GAAG,aAAa,CAAC,CAAA;AAClF,MAAM,MAAM,yBAAyB,GAAG,MAAM,oBAAoB,GAAG,MAAM,CAAA;AAE3E,MAAM,MAAM,eAAe,GAAG;KACzB,QAAQ,IAAI,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG;SAC3D,GAAG,IAAI,yBAAyB,CAAC,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC;KACpE;CACJ,GAAG,QAAQ,GAAG;KACV,QAAQ,IAAI,UAAU,CAAC,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC;CAC5D,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACrB,CAAC,SAAS,EAAE,MAAM,GAAG,eAAe,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,eAAe,CAAC,CAAA;CAC7E,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,CAAC,CAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,gBAAgB,KAAK,UAAU,CAAC,GAAG,UAAU,CAAA"}
+{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../../../src/types/stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAC3E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGnD,KAAK,UAAU,GAAG,cAAc,GAAG,WAAW,GAAG,kBAAkB,CAAA;AAEnE,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAA;AAC/C,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAA;AAC/C,KAAK,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;AAEjD,KAAK,oBAAoB,GAAG;IACxB,YAAY,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C,gBAAgB,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAA;CACtD,CAAA;AAED,KAAK,QAAQ,GAAG;IACZ,QAAQ,CAAC,EAAE;QACP,CAAC,WAAW,EAAE,MAAM,GAAG;YACnB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAA;SACvD,CAAA;KACJ,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;KAC5B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG;SACnB,GAAG,IAAI,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;KAC5C;CACJ,CAAA;AAED,KAAK,kBAAkB,GAAG,YAAY,GAAG,YAAY,GAAG,aAAa,GAAG,oBAAoB,CAAA;AAE5F,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,GAAG,YAAY,GAAG,aAAa,CAAC,CAAA;AAClF,MAAM,MAAM,yBAAyB,GAAG,MAAM,oBAAoB,GAAG,MAAM,CAAA;AAE3E,MAAM,MAAM,eAAe,GAAG;KACzB,QAAQ,IAAI,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG;SAC3D,GAAG,IAAI,yBAAyB,CAAC,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC;KACpE;CACJ,GAAG,QAAQ,GAAG;KACV,QAAQ,IAAI,UAAU,CAAC,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC;CAC5D,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACrB,CAAC,SAAS,EAAE,MAAM,GAAG,eAAe,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,eAAe,CAAC,CAAA;CAC7E,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,CAAC,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,oBAAoB,KAAK,UAAU,CAAC,GAAG,UAAU,CAAA"}

package/lib/typescript/src/types/unistyles.d.ts

@@ -14,10 +14,12 @@ export type ScreenDimensions = {
     width: number;
 };
 export interface StatusBar extends ScreenDimensions {
-    setColor(color?: string): void;
+    setColor(color?: string, alpha?: number): void;
+    setHidden(hidden: boolean): void;
 }
 export interface NavigationBar extends ScreenDimensions {
-    setColor(color?: string): void;
+    setColor(color?: string, alpha?: number): void;
+    setHidden(hidden: boolean): void;
 }
 export type UnistylesConfig = {
     adaptiveThemes?: boolean;
@@ -38,6 +40,8 @@ export type UnistylesBridge = {
     insets: ScreenInsets;
     statusBar: StatusBar;
     navigationBar: NavigationBar;
+    pixelRatio: number;
+    fontScale: number;
     themes: Array<keyof UnistylesThemes>;
     useBreakpoints(breakpoints: UnistylesBreakpoints): void;
     useTheme(name: keyof UnistylesThemes): void;
@@ -45,6 +49,8 @@ export type UnistylesBridge = {
     useAdaptiveThemes(enable: boolean): void;
     addPlugin(pluginName: string, notify: boolean): void;
     removePlugin(pluginName: string): void;
+    setRootViewBackgroundColor(color?: string, alpha?: number): void;
+    setImmersiveMode(isEnabled: boolean): void;
 };
 export type UnistylesThemeEvent = {
     type: UnistylesEventType.Theme;

package/lib/typescript/src/types/unistyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unistyles.d.ts","sourceRoot":"","sources":["../../../../src/types/unistyles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"unistyles.d.ts","sourceRoot":"","sources":["../../../../src/types/unistyles.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/utils/index.d.ts

@@ -5,4 +5,5 @@ export { getValueForBreakpoint } from './breakpoints';
 export { proxifyFunction, parseStyle, isPlatformColor } from './styles';
 export { withPlugins } from './withPlugins';
 export { generateReactNativeWebId } from './generateId';
+export { parseColor } from './parseColor';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,4BAA4B,EAAE,yBAAyB,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACvH,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,4BAA4B,EAAE,yBAAyB,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACvH,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/lib/typescript/src/utils/parseColor.d.ts

@@ -0,0 +1,3 @@
+import type { Color } from '../types';
+export declare const parseColor: (color?: Color, alpha?: number) => [string, number];
+//# sourceMappingURL=parseColor.d.ts.map

package/lib/typescript/src/utils/parseColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseColor.d.ts","sourceRoot":"","sources":["../../../../src/utils/parseColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAUrC,eAAO,MAAM,UAAU,WAAY,KAAK,UAAS,MAAM,KAAO,CAAC,MAAM,EAAE,MAAM,CAgB5E,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "2.8.0-beta.5",
+  "version": "2.8.0-rc.2",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",

package/src/core/UnistylesModule.ts

@@ -1,6 +1,6 @@
 import { NativeEventEmitter, NativeModules } from 'react-native'
 import type { UnistylesThemes, UnistylesBreakpoints } from 'react-native-unistyles'
-import type { ColorSchemeName, ScreenInsets, StatusBar, NavigationBar } from '../types'
+import type { ColorSchemeName, ScreenInsets, StatusBar, NavigationBar, Color } from '../types'
 import { normalizeWebStylesPlugin } from '../plugins'
 import { isServer } from '../common'
 
@@ -28,13 +28,17 @@ export class UnistylesBridgeWeb {
     #statusBar: StatusBar = {
         height: 0,
         width: 0,
-        setColor: () => {}
+        setColor: () => {},
+        setHidden: () => {}
     }
     #navigationBar: NavigationBar = {
         height: 0,
         width: 0,
-        setColor: () => {}
+        setColor: () => {},
+        setHidden: () => {}
     }
+    #pixelRatio = 1.0
+    #fontScale = 1.0
 
     constructor() {
         if (!isServer) {
@@ -76,6 +80,10 @@ export class UnistylesBridgeWeb {
                         return this.#statusBar
                     case 'navigationBar':
                         return this.#navigationBar
+                    case 'pixelRatio':
+                        return this.#pixelRatio
+                    case 'fontScale':
+                        return this.#fontScale
                     case 'useTheme':
                         return (themeName: keyof UnistylesThemes) => this.useTheme(themeName)
                     case 'updateTheme':
@@ -88,6 +96,10 @@ export class UnistylesBridgeWeb {
                         return (pluginName: string, notify: boolean) => this.addPlugin(pluginName, notify)
                     case 'removePlugin':
                         return (pluginName: string) => this.removePlugin(pluginName)
+                    case 'setRootViewBackgroundColor':
+                        return (color: Color | string) => this.setRootViewBackgroundColor(color)
+                    case 'setImmersiveMode':
+                        return () => {}
                     default:
                         return Reflect.get(this, prop)
                 }
@@ -228,6 +240,10 @@ export class UnistylesBridgeWeb {
         return 'light'
     }
 
+    private setRootViewBackgroundColor(color?: Color | string) {
+        document.body.style.backgroundColor = color as string
+    }
+
     private emitPluginChange() {
         this.#unistylesEvents.emit('__unistylesOnChange', {
             type: 'plugin'

package/src/core/UnistylesRuntime.ts

@@ -1,7 +1,8 @@
 import { ScreenOrientation, UnistylesError } from '../common'
-import type { UnistylesBridge, UnistylesPlugin } from '../types'
+import type { Color, UnistylesBridge, UnistylesPlugin } from '../types'
 import type { UnistylesThemes } from '../global'
 import type { UnistyleRegistry } from './UnistyleRegistry'
+import { parseColor } from '../utils'
 
 /**
  * Utility to interact with the Unistyles during runtime
@@ -9,6 +10,30 @@ import type { UnistyleRegistry } from './UnistyleRegistry'
 export class UnistylesRuntime {
     constructor(private unistylesBridge: UnistylesBridge, private unistylesRegistry: UnistyleRegistry) {}
 
+    /**
+     * Get the mini runtime injected to creteStyleSheet
+     * @returns - The mini runtime
+     */
+    public get miniRuntime() {
+        return {
+            contentSizeCategory: this.contentSizeCategory,
+            breakpoint: this.breakpoint,
+            screen: this.screen,
+            insets: this.insets,
+            statusBar: {
+                width: this.statusBar.width,
+                height: this.statusBar.height
+            },
+            navigationBar: {
+                width: this.navigationBar.width,
+                height: this.navigationBar.height
+            },
+            orientation: this.orientation,
+            pixelRatio: this.pixelRatio,
+            fontScale: this.fontScale
+        }
+    }
+
     /**
      * Get the current color scheme
      * @returns - The current color scheme
@@ -86,25 +111,35 @@ export class UnistylesRuntime {
 
     /**
      * Get the status bar info
-     * @returns - The status bar api { width, height, setColor }
+     * @returns - The status bar api { width, height, setColor, setHidden }
      */
     public get statusBar() {
         return {
             width: this.unistylesBridge.statusBar.width,
             height: this.unistylesBridge.statusBar.height,
-            setColor: (color?: string) => this.unistylesBridge.statusBar.setColor(color ?? '')
+            setColor: (color?: Color, alpha?: number) => {
+                const [parsedColor, parsedAlpha] = parseColor(color, alpha)
+
+                this.unistylesBridge.statusBar.setColor(parsedColor, parsedAlpha)
+            },
+            setHidden: (hidden: boolean) => this.unistylesBridge.statusBar.setHidden(hidden)
         }
     }
 
     /**
      * Get the navigation bar info (Android)
-     * @returns - The navigation bar api { width, height, setColor }
+     * @returns - The navigation bar api { width, height, setColor, setHidden }
      */
     public get navigationBar() {
         return {
             width: this.unistylesBridge.navigationBar.width,
             height: this.unistylesBridge.navigationBar.height,
-            setColor: (color?: string) => this.unistylesBridge.navigationBar.setColor(color ?? '')
+            setColor: (color?: Color, alpha?: number) => {
+                const [parsedColor, parsedAlpha] = parseColor(color, alpha)
+
+                this.unistylesBridge.navigationBar.setColor(parsedColor, parsedAlpha)
+            },
+            setHidden: (hidden: boolean) => this.unistylesBridge.navigationBar.setHidden(hidden)
         }
     }
 
@@ -122,6 +157,43 @@ export class UnistylesRuntime {
         return ScreenOrientation.Portrait
     }
 
+    /**
+     * Get the pixel ratio
+     * @returns - The pixel ratio
+     */
+    public get pixelRatio() {
+        return this.unistylesBridge.pixelRatio
+    }
+
+    /**
+     * Get the font scale
+     * @returns - The font scale
+     */
+    public get fontScale() {
+        const fontScale = this.unistylesBridge.fontScale
+
+        return fontScale === 1.0 ? 1 : fontScale.toFixed(2)
+    }
+
+    /**
+     * Get the immersive mode (both status bar and navigation bar hidden (Android))
+     * @param isEnabled
+     */
+    public setImmersiveMode(isEnabled: boolean) {
+        return this.unistylesBridge.setImmersiveMode(isEnabled)
+    }
+
+    /**
+     * Set the root view background color
+     * @param color - The color to set
+     * @param alpha - Color alpha - default is 1
+     */
+    public setRootViewBackgroundColor = (color?: Color, alpha?: number) => {
+        const [parsedColor, parsedAlpha] = parseColor(color, alpha)
+
+        this.unistylesBridge.setRootViewBackgroundColor(parsedColor, parsedAlpha)
+    }
+
     /**
      * Switch to a different theme
      * @param name - The name of the theme to switch to

package/src/core/index.ts

@@ -1,2 +1,8 @@
-export { unistyles } from './Unistyles'
+import { unistyles } from './Unistyles'
 export type { UnistylesRuntime } from './UnistylesRuntime'
+
+export type UnistylesMiniRuntime = typeof unistyles.runtime.miniRuntime
+
+export {
+    unistyles
+}

package/src/core/mocks/UnistylesMockedBridge.ts

@@ -14,6 +14,8 @@ export class UnistylesMockedBridge {
     public contentSizeCategory() {}
     public sortedBreakpointPairs() {}
     public insets() {}
+    public pixelRatio() {}
+    public fontScale() {}
     public statusBar() {}
     public navigationBar() {}
     public themes(themes: Array<keyof UnistylesThemes>) {}
@@ -23,4 +25,6 @@ export class UnistylesMockedBridge {
     public useAdaptiveThemes(enable: boolean) {}
     public addPlugin(pluginName: string, notify: boolean) {}
     public removePlugin(pluginName: string) {}
+    public setRootViewBackgroundColor(color?: string, alpha?: number) {}
+    public setImmersiveMode(isEnabled: boolean) {}
 }

package/src/core/mocks/UnistylesMockedRuntime.ts

@@ -1,6 +1,6 @@
 // @ts-nocheck
 import { ScreenOrientation } from '../../common'
-import type { UnistylesBridge, UnistylesPlugin } from '../../types'
+import type { Color, UnistylesBridge, UnistylesPlugin } from '../../types'
 import type { UnistylesThemes } from '../../global'
 import type { UnistylesMockedRegistry } from './UnistylesMockedRegistry'
 import type { UnistyleRegistry } from '../UnistyleRegistry'
@@ -66,11 +66,20 @@ export class UnistylesMockedRuntime {
         }
     }
 
+    public get pixelRatio() {
+        return 1.0
+    }
+
+    public get fontScale() {
+        return 1.0
+    }
+
     public get statusBar() {
         return {
             height: 24,
             width: 800,
-            setColor: () => {}
+            setColor: () => {},
+            setHidden: () => {}
         }
     }
 
@@ -78,7 +87,8 @@ export class UnistylesMockedRuntime {
         return {
             height: 0,
             width: 0,
-            setColor: () => {}
+            setColor: () => {},
+            setHidden: () => {}
         }
     }
 
@@ -91,4 +101,6 @@ export class UnistylesMockedRuntime {
     public setAdaptiveThemes = (enabled: boolean) => {}
     public addPlugin = (plugin: UnistylesPlugin) => {}
     public removePlugin = (plugin: UnistylesPlugin) => {}
+    public setRootViewBackgroundColor = (color?: Color | string) => {}
+    public setImmersiveMode = (isEnabled: boolean) => {}
 }

package/src/index.ts

@@ -1,7 +1,7 @@
 import { unistyles } from './core'
 import { mq } from './utils'
 import { useInitialTheme } from './hooks'
-import type { UnistylesPlugin, UnistylesValues } from './types'
+import type { UnistylesPlugin, UnistylesValues, ExtractVariantNames } from './types'
 import type { UnistylesThemes, UnistylesBreakpoints } from './global'
 import { ScreenOrientation, AndroidContentSizeCategory, IOSContentSizeCategory } from './common'
 import { useStyles } from './useStyles'
@@ -47,5 +47,6 @@ export type {
     UnistylesThemes,
     UnistylesBreakpoints,
     UnistylesPlugin,
-    UnistylesValues
+    UnistylesValues,
+    ExtractVariantNames as UnistylesVariants
 }

package/src/types/breakpoints.ts

@@ -2,7 +2,7 @@ import type { ColorValue, OpaqueColorValue } from 'react-native'
 import type { UnistylesTheme } from '../types'
 import type { BreakpointsOrMediaQueries, ToDeepUnistyles } from './stylesheet'
 import type { TransformStyles } from './core'
-import type { UnistylesRuntime } from '../core'
+import type { UnistylesMiniRuntime } from '../core'
 
 type ExtractTransformArray<T> = T extends object
     ? { [K in keyof T]: ExtractBreakpoints<T[K]> }
@@ -57,6 +57,6 @@ type ParseStyleKeys<T> = T extends object
     ? { [K in keyof T]: ParseNestedObject<T[K]> }
     : never
 
-export type ReactNativeStyleSheet<T> = T extends (theme: UnistylesTheme, runtime: UnistylesRuntime) => infer R
+export type ReactNativeStyleSheet<T> = T extends (theme: UnistylesTheme, runtime: UnistylesMiniRuntime) => infer R
     ? ParseStyleKeys<R>
     : ParseStyleKeys<T>

package/src/types/color.ts

@@ -0,0 +1,26 @@
+type AndroidColor = 'red'
+| 'blue'
+| 'green'
+| 'black'
+| 'white'
+| 'gray'
+| 'cyan'
+| 'magenta'
+| 'yellow'
+| 'light gray'
+| 'dark gray'
+| 'grey'
+| 'light grey'
+| 'dark grey'
+| 'aqua'
+| 'fuchsia'
+| 'lime'
+| 'maroon'
+| 'navy'
+| 'olive'
+| 'purple'
+| 'silver'
+| 'teal'
+| 'transparent'
+
+export type Color = AndroidColor | string | undefined

package/src/types/index.ts

@@ -1,5 +1,6 @@
 export * from './normalizer'
 export * from './unistyles'
+export * from './color'
 export type { Optional, Nullable } from './common'
 export type {
     NestedStylePairs,

package/src/types/stylesheet.ts

@@ -1,7 +1,7 @@
 import type { ImageStyle, TextStyle, ViewStyle } from 'react-native'
 import type { ShadowOffset, TransformStyles, UnistylesTheme } from './core'
 import type { UnistylesBreakpoints } from '../global'
-import type { UnistylesRuntime } from '../core'
+import type { UnistylesMiniRuntime } from '../core'
 
 // these props are treated differently to nest breakpoints and media queries
 type NestedKeys = 'shadowOffset' | 'transform' | 'textShadowOffset'
@@ -47,4 +47,4 @@ export type StyleSheet = {
     [styleName: string]: UnistylesValues | ((...args: any) => UnistylesValues)
 }
 
-export type StyleSheetWithSuperPowers = ((theme: UnistylesTheme, runtime: UnistylesRuntime) => StyleSheet) | StyleSheet
+export type StyleSheetWithSuperPowers = ((theme: UnistylesTheme, miniRuntime: UnistylesMiniRuntime) => StyleSheet) | StyleSheet

package/src/types/unistyles.ts

@@ -18,11 +18,13 @@ export type ScreenDimensions = {
 }
 
 export interface StatusBar extends ScreenDimensions {
-    setColor(color?: string): void
+    setColor(color?: string, alpha?: number): void,
+    setHidden(hidden: boolean): void
 }
 
 export interface NavigationBar extends ScreenDimensions {
-    setColor(color?: string): void
+    setColor(color?: string, alpha?: number): void,
+    setHidden(hidden: boolean): void
 }
 
 export type UnistylesConfig = {
@@ -45,7 +47,9 @@ export type UnistylesBridge = {
     sortedBreakpointPairs: Array<[keyof UnistylesBreakpoints, UnistylesBreakpoints[keyof UnistylesBreakpoints]]>,
     insets: ScreenInsets,
     statusBar: StatusBar,
-    navigationBar: NavigationBar
+    navigationBar: NavigationBar,
+    pixelRatio: number,
+    fontScale: number
 
     // setters
     themes: Array<keyof UnistylesThemes>,
@@ -54,7 +58,9 @@ export type UnistylesBridge = {
     updateTheme(name: keyof UnistylesThemes): void,
     useAdaptiveThemes(enable: boolean): void,
     addPlugin(pluginName: string, notify: boolean): void,
-    removePlugin(pluginName: string): void
+    removePlugin(pluginName: string): void,
+    setRootViewBackgroundColor(color?: string, alpha?: number): void,
+    setImmersiveMode(isEnabled: boolean): void
 }
 
 export type UnistylesThemeEvent = {

package/src/useStyles.ts

@@ -26,7 +26,7 @@ export const useStyles = <ST extends StyleSheetWithSuperPowers>(
     const { theme, layout, plugins } = useUnistyles()
     const variants = useVariants(variantsMap)
     const parsedStyles = useMemo(() => typeof stylesheet === 'function'
-        ? stylesheet(theme, unistyles.runtime)
+        ? stylesheet(theme, unistyles.runtime.miniRuntime)
         : stylesheet, [theme, stylesheet, layout])
 
     const dynamicStyleSheet = useMemo(() => Object

package/src/utils/index.ts

@@ -5,3 +5,4 @@ export { getValueForBreakpoint } from './breakpoints'
 export { proxifyFunction, parseStyle, isPlatformColor } from './styles'
 export { withPlugins } from './withPlugins'
 export { generateReactNativeWebId } from './generateId'
+export { parseColor } from './parseColor'

package/src/utils/parseColor.ts

@@ -0,0 +1,27 @@
+import type { Color } from '../types'
+
+const parseAlpha = (alpha: number) => {
+    if (alpha > 1 || alpha < 0) {
+        return 1
+    }
+
+    return alpha
+}
+
+export const parseColor = (color?: Color, alpha: number = 1): [string, number] => {
+    if (!color) {
+        return ['', 1]
+    }
+
+    // ignore alpha for 8 digit hex colors
+    if (color.startsWith('#') && color.length === 9) {
+        return [color, 1]
+    }
+
+    if (color.startsWith('#') && color.length === 7) {
+        return [color, parseAlpha(alpha)]
+    }
+
+    // named colors
+    return [color, 1]
+}