react-native-unistyles 3.1.1 → 3.2.0

package/src/web/convert/style.ts

@@ -98,22 +98,22 @@ const convertMap = {
         borderInlineStartWidth: value,
     }),
     end: (value: number) => ({
-        right: value,
+        insetInlineEnd: value,
     }),
     start: (value: number) => ({
-        left: value,
+        insetInlineStart: value,
     }),
     marginEnd: (value: number) => ({
-        marginRight: value,
+        marginInlineEnd: value,
     }),
     marginStart: (value: number) => ({
-        marginLeft: value,
+        marginInlineStart: value,
     }),
     paddingEnd: (value: number) => ({
-        paddingRight: value,
+        paddingInlineEnd: value,
     }),
     paddingStart: (value: number) => ({
-        paddingLeft: value,
+        paddingInlineStart: value,
     }),
     transformMatrix: (value: Array<number>) => ({
         transform: `matrix(${value.join(', ')})`,

package/src/web/listener.ts

@@ -92,6 +92,12 @@ export class UnistylesListener {
 
         window.addEventListener('orientationchange', () => this.emitChange(UnistyleDependency.Orientation))
         window.addEventListener('resize', () => this.emitChange(UnistyleDependency.Dimensions))
+        new MutationObserver(() => {
+            this.emitChange(UnistyleDependency.Rtl)
+        }).observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ['dir'],
+        })
     }
 
     addListeners = (dependencies: Array<UnistyleDependency>, listener: Listener) => {

package/src/web/utils/createUnistylesRef.ts

@@ -20,7 +20,7 @@ export const createUnistylesRef = <T>(styles?: Styles, forwardedRef?: React.Forw
         ? undefined
         : (ref: Nullable<T>) => {
               if (!ref) {
-                  unistyles.services.shadowRegistry.remove(storedRef, classNames?.hash)
+                  unistyles.services.shadowRegistry.remove(storedRef.current, classNames?.hash)
               }
 
               storedRef.current = ref