diff --git a/.changeset/silver-cougars-explain.md b/.changeset/silver-cougars-explain.md new file mode 100644 index 00000000000..77f58a13064 --- /dev/null +++ b/.changeset/silver-cougars-explain.md @@ -0,0 +1,5 @@ +--- +"@kaizen/components": minor +--- + +Allow native div props on InlineNotification diff --git a/packages/components/src/Notification/InlineNotification/InlineNotification.tsx b/packages/components/src/Notification/InlineNotification/InlineNotification.tsx index 832ba8c3142..43705bf4962 100644 --- a/packages/components/src/Notification/InlineNotification/InlineNotification.tsx +++ b/packages/components/src/Notification/InlineNotification/InlineNotification.tsx @@ -1,4 +1,4 @@ -import React from "react" +import React, { HTMLAttributes } from "react" import classnames from "classnames" import { HeadingProps } from "~components/Heading" import { OverrideClassName } from "~components/types/OverrideClassName" @@ -9,7 +9,7 @@ import { } from "../subcomponents/GenericNotification" import styles from "../subcomponents/GenericNotification/GenericNotification.module.scss" -export type InlineNotificationBase = OverrideClassName<{ +export type InlineNotificationBase = { children?: React.ReactNode /** @default false */ persistent?: boolean @@ -20,7 +20,8 @@ export type InlineNotificationBase = OverrideClassName<{ forceMultiline?: boolean headingProps?: HeadingProps isSubtle?: boolean -}> +} & Omit>, "style"> +// Omitted `style` above because GenericNotification has its own `style` prop export type InlineNotificationProps = InlineNotificationBase & (GenericNotificationType | GenericNotificationVariant)