fix: add RTL support to the modal component

nextui-org · Mar 8, 2024 · b0dae69 · b0dae69
1 parent a686262
commit b0dae69
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/.changeset/famous-owls-kick.md b/.changeset/famous-owls-kick.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/table": patch
+---
+
+Add RTL support to the table component.
diff --git a/packages/core/theme/src/components/table.ts b/packages/core/theme/src/components/table.ts
@@ -62,14 +62,19 @@ const table = tv({
       "px-3",
       "h-10",
       "text-left",
+      "rtl:text-right",
       "align-middle",
       "bg-default-100",
       "whitespace-nowrap",
       "text-foreground-500",
       "text-tiny",
       "font-semibold",
       "first:rounded-l-lg",
+      "rtl:first:rounded-r-lg",
+      "rtl:first:rounded-l-[unset]",
       "last:rounded-r-lg",
+      "rtl:last:rounded-l-lg",
+      "rtl:last:rounded-r-[unset]",
       "outline-none",
       "data-[sortable=true]:transition-colors",
       "data-[sortable=true]:cursor-pointer",
@@ -208,16 +213,31 @@ const table = tv({
         td: [
           // first
           "group-data-[first=true]:first:before:rounded-tl-lg",
+          "group-data-[first=true]:rtl:first:before:rounded-tr-lg",
+          "group-data-[first=true]:rtl:first:before:rounded-tl-[unset]",
           "group-data-[first=true]:last:before:rounded-tr-lg",
+          "group-data-[first=true]:rtl:last:before:rounded-tl-lg",
+          "group-data-[first=true]:rtl:last:before:rounded-tr-[unset]",
           // middle
           "group-data-[middle=true]:before:rounded-none",
           // last
           "group-data-[last=true]:first:before:rounded-bl-lg",
+          "group-data-[last=true]:rtl:first:before:rounded-br-lg",
+          "group-data-[last=true]:rtl:first:before:rounded-bl-[unset]",
           "group-data-[last=true]:last:before:rounded-br-lg",
+          "group-data-[last=true]:rtl:last:before:rounded-bl-lg",
+          "group-data-[last=true]:rtl:last:before:rounded-br-[unset]",
         ],
       },
       false: {
-        td: ["first:before:rounded-l-lg", "last:before:rounded-r-lg"],
+        td: [
+          "first:before:rounded-l-lg",
+          "rtl:first:before:rounded-r-lg",
+          "rtl:first:before:rounded-l-[unset]",
+          "last:before:rounded-r-lg",
+          "rtl:last:before:rounded-l-lg",
+          "rtl:last:before:rounded-r-[unset]",
+        ],
       },
     },
     fullWidth: {