From 905dc5e4a6a37c32ab7482a92ac208606f43dda1 Mon Sep 17 00:00:00 2001 From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com> Date: Fri, 12 Sep 2025 07:13:33 +0000 Subject: [PATCH 1/2] fix: border radius --- src/components/Tag/Tag.tsx | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/src/components/Tag/Tag.tsx b/src/components/Tag/Tag.tsx index 1a72a18..9cc13dc 100644 --- a/src/components/Tag/Tag.tsx +++ b/src/components/Tag/Tag.tsx @@ -4,7 +4,7 @@ import { cn } from "../../utilities"; export const tagVariants = cva("shrink-0 flex items-center justify-center gap-0.5 py-0.5 px-1", { variants: { - rounded: { false: "rounded-md", true: "rounded-rounded" }, + rounded: { false: "", true: "rounded-rounded" }, size: { sm: "h-6 text-text-sm", xs: "h-5 text-text-xs" }, emphasis: { bold: "", @@ -26,6 +26,16 @@ export const tagVariants = cva("shrink-0 flex items-center justify-center gap-0. } }, compoundVariants: [ + { + rounded: false, + size: "sm", + class: "rounded-md" + }, + { + rounded: false, + size: "xs", + class: "rounded-sm" + }, // gray { emphasis: "bold", From a6a9df606b7a891344907afa21305ec6df8e8ea0 Mon Sep 17 00:00:00 2001 From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com> Date: Fri, 12 Sep 2025 07:14:04 +0000 Subject: [PATCH 2/2] chore: add changeset --- .changeset/many-zebras-crash.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/many-zebras-crash.md diff --git a/.changeset/many-zebras-crash.md b/.changeset/many-zebras-crash.md new file mode 100644 index 0000000..fcc8640 --- /dev/null +++ b/.changeset/many-zebras-crash.md @@ -0,0 +1,5 @@ +--- +"@zenml-io/react-component-library": patch +--- + +adjust border radius of tags based on tag size