archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

fix(alert): propagate className (#4535)

Browse Source 
* fix(alert): propagate className

* chore(alert): remove className from alert theme
This commit is contained in:
աӄա 2025-01-13 11:39:44 +08:00 committed by GitHub
parent b7de85231c
commit cfff127464
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/hot-owls-sniff.md Normal file
View File

@ -0,0 +1,5 @@
---
"@nextui-org/alert": patch
---
propagate className (#4533)

9
packages/components/alert/src/use-alert.ts
View File

@ -7,7 +7,7 @@ import {ReactNode, useCallback, useMemo} from "react";
import {mergeProps} from "@react-aria/utils";
import {alert} from "@nextui-org/theme";
import {useControlledState} from "@react-stately/utils";
import {dataAttr, isEmpty, objectToDeps} from "@nextui-org/shared-utils";
import {clsx, dataAttr, isEmpty, objectToDeps} from "@nextui-org/shared-utils";
interface Props extends HTMLNextUIProps<"div"> {
/**
@ -103,6 +103,7 @@ export function useAlert(originalProps: UseAlertProps) {
closeButtonProps = {
size: "sm",
},
className,
classNames,
...otherProps
} = props;
@ -123,6 +124,8 @@ export function useAlert(originalProps: UseAlertProps) {
onClose?.();
}, [setIsVisible, onClose]);
const baseStyles = clsx(classNames?.base, className);
const slots = useMemo(
() => alert({hasContent: !isEmpty(description) || !isEmpty(children), ...variantProps}),
[description, objectToDeps(variantProps)],
@ -140,9 +143,9 @@ export function useAlert(originalProps: UseAlertProps) {
}),
filterDOMProps(props),
),
className: slots.base({class: classNames?.base}),
className: slots.base({class: baseStyles}),
};
}, [slots, classNames?.base]);
}, [slots, baseStyles]);
const getMainWrapperProps = useCallback<PropGetter>(() => {
return {