react-native-unistyles 3.0.0-beta.2 → 3.0.0-beta.3

package/src/web/create.ts

@@ -1,11 +1,8 @@
 import type { StyleSheetWithSuperPowers, StyleSheet } from '../types/stylesheet'
 import { assignSecrets, error, removeInlineStyles } from './utils'
 import { UnistylesRuntime } from './runtime'
-import { UnistylesShadowRegistry } from '../specs'
 
-const useVariants = ['useVariants', (variants: Record<string, string | boolean>) => {
-    UnistylesShadowRegistry.selectVariants(variants)
-}]
+const useVariants = ['useVariants', () => {}]
 
 export const create = (stylesheet: StyleSheetWithSuperPowers<StyleSheet>, id?: string) => {
     if (!id) {

package/src/web/index.ts

@@ -1,11 +1,13 @@
 import { create } from './create'
 import { UnistylesState } from './state'
 import { deepMergeObjects } from '../utils'
-import type { CreateUnistylesStyleSheet } from '../types'
+import type { StyleSheet as NativeStyleSheet } from '../specs/StyleSheet'
+import { UnistylesRuntime as UnistylesRuntimeWeb } from './runtime'
+import type { Runtime as NativeUnistylesRuntime } from '../specs/UnistylesRuntime'
 
 export const StyleSheet = {
     configure: UnistylesState.init,
-    create: create as CreateUnistylesStyleSheet,
+    create: create,
     absoluteFill: {
         position: 'absolute',
         left: 0,
@@ -22,9 +24,10 @@ export const StyleSheet = {
     },
     compose: (a: object, b: object) => deepMergeObjects(a, b),
     flatten: (...styles: Array<object>) => deepMergeObjects(...styles),
-    hairlineWidth: 1 as number
-}
+    hairlineWidth: 1
+} as unknown as typeof NativeStyleSheet
+
+export const UnistylesRuntime = UnistylesRuntimeWeb as unknown as typeof NativeUnistylesRuntime
 
-export { UnistylesRuntime } from './runtime'
-export { UnistylesShadowRegistry } from './shadowRegistry'
 export * from './mock'
+export * from './shadowRegistry'

package/src/web/shadowRegistry.ts

@@ -2,7 +2,7 @@ import type { UnistylesTheme, UnistylesValues } from '../types'
 import { UnistylesListener } from './listener'
 import { UnistylesRegistry } from './registry'
 import { deepMergeObjects } from '../utils'
-import { equal, extractSecrets, extractUnistyleDependencies, isInDocument, keyInObject } from './utils'
+import { equal, extractSecrets, extractUnistyleDependencies, isInDocument } from './utils'
 import { getVariants } from './variants'
 
 type Style = UnistylesValues | ((...args: Array<any>) => UnistylesValues)
@@ -67,13 +67,6 @@ class UnistylesShadowRegistryBuilder {
 
                 // Regular style
                 if (!secrets) {
-                    Object.keys(unistyleStyle).forEach(key => {
-                        if (keyInObject(ref.style, key)) {
-                            // @ts-expect-error - Styles won't have read only properties
-                            ref.style[key] = ''
-                        }
-                    })
-
                     return unistyleStyle as UnistylesValues
                 }
 
@@ -133,6 +126,7 @@ class UnistylesShadowRegistryBuilder {
         this.classNamesMap.set(ref, newClassNames)
         // Add new classnames to the ref
         ref.classList.add(...newClassNames)
+        ref.removeAttribute('styles')
 
         return newClassNames
     }

package/src/web/utils/unistyle.ts

@@ -30,7 +30,7 @@ export const assignSecrets = <T>(object: T, secrets: UnistyleSecrets) => {
 }
 
 export const extractSecrets = (object: any) => {
-    return keyInObject(object, '__uni__secrets__') ? object.__uni__secrets__ as UnistyleSecrets : undefined
+    return object && keyInObject(object, '__uni__secrets__') ? object.__uni__secrets__ as UnistyleSecrets : undefined
 }
 
 export const removeInlineStyles = (values: UnistylesValues) => {