diff --git a/.changeset/proud-peas-flash.md b/.changeset/proud-peas-flash.md new file mode 100644 index 0000000000..26d945b397 --- /dev/null +++ b/.changeset/proud-peas-flash.md @@ -0,0 +1,5 @@ +--- +"@nextui-org/theme": patch +--- + +Improved RTL support for the table component diff --git a/packages/core/theme/src/components/table.ts b/packages/core/theme/src/components/table.ts index 2e81081086..80988897b2 100644 --- a/packages/core/theme/src/components/table.ts +++ b/packages/core/theme/src/components/table.ts @@ -61,18 +61,15 @@ const table = tv({ "group", "px-3", "h-10", + "text-start", "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]", + "first:rounded-s-lg", + "last:rounded-e-lg", "outline-none", "data-[sortable=true]:cursor-pointer", "data-[hover=true]:text-foreground-400", @@ -103,7 +100,7 @@ const table = tv({ ], tfoot: "", sortIcon: [ - "ml-2", + "ms-2", "mb-px", "opacity-0", "text-inherit", @@ -211,32 +208,17 @@ const table = tv({ true: { 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]", + "group-data-[first=true]:first:before:rounded-ts-lg", + "group-data-[first=true]:last:before:rounded-te-lg", // 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]", + "group-data-[last=true]:first:before:rounded-bs-lg", + "group-data-[last=true]:last:before:rounded-be-lg", ], }, false: { - 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]", - ], + td: ["first:before:rounded-s-lg", "last:before:rounded-e-lg"], }, }, fullWidth: {