fix: add RTL support to the avatar group component

heroui-inc · Mar 10, 2024 · 21d5b83 · 21d5b83
1 parent 2894aec
commit 21d5b83
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/new-paws-remain.md b/.changeset/new-paws-remain.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/avatar": patch
+---
+
+Add RTL support to the avatar group component
diff --git a/packages/core/theme/src/components/avatar.ts b/packages/core/theme/src/components/avatar.ts
@@ -114,8 +114,8 @@ const avatar = tv({
     isInGroup: {
       true: {
         base: [
-          "-ms-2 data-[hover=true]:-translate-x-3 transition-transform",
-          "data-[focus-visible=true]:-translate-x-3",
+          "-ms-2 data-[hover=true]:-translate-x-3 rtl:data-[hover=true]:translate-x-3 transition-transform",
+          "data-[focus-visible=true]:-translate-x-3 rtl:data-[focus-visible=true]:translate-x-3",
         ],
       },
     },