@hyphen/hyphen-components 6.12.1 → 6.15.1

package/dist/components/Alert/Alert.d.ts

@@ -1,29 +1,20 @@
-import { FC, ReactNode, MouseEvent, KeyboardEvent } from 'react';
+import React, { ReactNode, MouseEvent, KeyboardEvent } from 'react';
 import { AlertVariant } from './Alert.types';
 export interface AlertProps {
     /**
      * Custom class to apply to the alert.
      */
     className?: string;
-    /**
-     * Custom text to use as a close button.
-     */
-    closeText?: string;
     /**
      * Whether the alert as an icon that corresponds to its variant (Success, warning, etc.).
      */
     hasIcon?: boolean;
-    /**
-     * Whether the alert can be closed by the user. If `true` it will render
-     * the 'close' icon on the right hand side of the alert.
-     */
-    isClosable?: boolean;
     /**
      * Renders a version of the alert with smaller padding.
      */
     isCompact?: boolean;
     /**
-     * The text message or ReactNode to be rendered in the alert.
+     * @deprecated Use children instead. The text message or ReactNode to be rendered in the alert.
      */
     message?: string | ReactNode;
     /**
@@ -48,4 +39,4 @@ export interface AlertProps {
      */
     [x: string]: any;
 }
-export declare const Alert: FC<AlertProps>;
+export declare const Alert: React.NamedExoticComponent<AlertProps>;

package/dist/components/Alert/Alert.stories.d.ts

@@ -1,8 +1,12 @@
 import { Alert } from './Alert';
-import type { Meta } from '@storybook/react-vite';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import React from 'react';
 declare const meta: Meta<typeof Alert>;
 export default meta;
-export declare const Overview: () => React.JSX.Element;
-export declare const Variants: () => React.JSX.Element;
-export declare const Closable: () => React.JSX.Element;
+type Story = StoryObj<typeof Alert>;
+export declare const Overview: Story;
+export declare const Compact: Story;
+export declare const WithCustomContent: Story;
+export declare const Variants: Story;
+export declare const ClosableAlert: () => React.JSX.Element;
+export declare const Closable: Story;

package/dist/components/Badge/Badge.stories.d.ts

@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/react-vite';
 import { Badge } from './Badge';
-import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 declare const meta: Meta<typeof Badge>;
 export default meta;
-export declare const Overview: () => React.JSX.Element;
-export declare const Variants: () => React.JSX.Element;
-export declare const Sizes: () => React.JSX.Element;
+type Story = StoryObj<typeof Badge>;
+export declare const Overview: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;

package/dist/components/Button/Button.stories.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
 import { Button } from './Button';
-import type { Meta } from '@storybook/react-vite';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 declare const meta: Meta<typeof Button>;
 export default meta;
-export declare const Default: () => React.JSX.Element;
-export declare const AsChild: () => React.JSX.Element;
-export declare const Variants: () => React.JSX.Element;
-export declare const Sizes: () => React.JSX.Element;
-export declare const FullWidth: () => React.JSX.Element;
-export declare const Icons: () => React.JSX.Element;
-export declare const IconButton: () => React.JSX.Element;
-export declare const Loading: () => React.JSX.Element;
-export declare const Disabled: () => React.JSX.Element;
-export declare const Shadow: () => React.JSX.Element;
-export declare const InlineLink: () => React.JSX.Element;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const AsChild: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const FullWidth: Story;
+export declare const Icons: Story;
+export declare const IconButton: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const Shadow: Story;
+export declare const InlineLink: Story;

package/dist/components/Modal/components/ModalHeader/ModalHeader.d.ts

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
-export type ModalHeaderProps = {
+import { BoxProps } from '../../../Box/Box';
+export type ModalHeaderProps = Omit<BoxProps, 'as' | 'radius' | 'justifyContent'> & {
     /**
      * id of the element containing the title, used by the Modal `aria-labelledby` prop
      */
@@ -8,6 +9,10 @@ export type ModalHeaderProps = {
      * Modal's header title
      */
     title?: string;
+    /**
+     * Additional content to render in the modal header, displayed alongside the title.
+     */
+    children?: React.ReactNode;
     /**
      * If defined, will render a 'x' close button on the right side of the ModalHeader
      */