diff --git a/.changeset/two-trains-rhyme.md b/.changeset/two-trains-rhyme.md new file mode 100644 index 000000000..4b8c8dade --- /dev/null +++ b/.changeset/two-trains-rhyme.md @@ -0,0 +1,6 @@ +--- +"@heroui/alert": patch +"@heroui/theme": patch +--- + +vertically center alert icon / endContent (#2678) diff --git a/packages/components/alert/package.json b/packages/components/alert/package.json index f0869facf..d073a1a70 100644 --- a/packages/components/alert/package.json +++ b/packages/components/alert/package.json @@ -40,7 +40,7 @@ "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", - "@heroui/theme": ">=2.4.17", + "@heroui/theme": ">=2.4.19", "@heroui/system": ">=2.4.18" }, "dependencies": { diff --git a/packages/core/theme/src/components/alert.ts b/packages/core/theme/src/components/alert.ts index 4ca917b83..ea9ad4105 100644 --- a/packages/core/theme/src/components/alert.ts +++ b/packages/core/theme/src/components/alert.ts @@ -24,7 +24,7 @@ import {colorVariants} from "../utils"; */ const alert = tv({ slots: { - base: "flex flex-grow flex-row w-full items-start py-3 px-4 gap-x-1", + base: "flex flex-grow flex-row w-full items-center py-3 px-4 gap-x-1", mainWrapper: "h-full flex-grow min-h-10 ms-2 flex flex-col box-border items-start text-inherit justify-center", title: "text-small w-full font-medium block text-inherit leading-5", @@ -82,7 +82,7 @@ const alert = tv({ }, hasContent: { false: { - base: "items-start", + base: "items-center", mainWrapper: "justify-center items-center", }, },