fix: add theming compatibility

Author: isekovanic

package/src/components/ui/Avatar/AvatarStack.tsx

@@ -111,7 +111,7 @@ export const UserAvatarStack = ({
 
 const useUserAvatarStackStyles = () => {
   const {
-    theme: { semantics },
+    theme: { avatarStack, semantics },
   } = useTheme();
 
   return useMemo(
@@ -121,9 +121,10 @@ const useUserAvatarStackStyles = () => {
           borderWidth: 2,
           borderColor: semantics.borderCoreInverse,
           borderRadius: primitives.radiusMax,
+          ...avatarStack.userAvatarWrapper,
         },
       }),
-    [semantics.borderCoreInverse],
+    [avatarStack.userAvatarWrapper, semantics.borderCoreInverse],
   );
 };
 

package/src/contexts/themeContext/utils/theme.ts

@@ -145,6 +145,9 @@ export type Theme = {
     presenceIndicator: CircleProps;
     presenceIndicatorContainer: ViewStyle;
   };
+  avatarStack: {
+    userAvatarWrapper: ViewStyle;
+  };
   bottomSheetModal: {
     container: ViewStyle;
     contentContainer: ViewStyle;
@@ -1095,6 +1098,9 @@ export const defaultTheme: Theme = {
     },
     presenceIndicatorContainer: {},
   },
+  avatarStack: {
+    userAvatarWrapper: {},
+  },
   bottomSheetModal: {
     container: {},
     contentContainer: {},