uikit-react-public 0.39.0 → 0.40.0

package/dist/components/Accordion/Accordion.Heading.d.ts

@@ -1,8 +1,9 @@
 import { default as React, HTMLAttributes } from 'react';
+import { HeadingProps } from '../Heading';
 export declare const NAME = "ucl-uikit-accordion__heading";
 export declare const ICON_NAME = "ucl-uikit-accordion__heading__icon";
 export interface AccordionHeadingProps extends HTMLAttributes<HTMLElement> {
-    as?: keyof HTMLElementTagNameMap;
+    as?: HeadingProps['as'];
     testId?: string;
 }
 declare const AccordionHeading: React.FC<AccordionHeadingProps>;

package/dist/components/Accordion/Accordion.d.ts

@@ -2,16 +2,22 @@ import { default as React, HTMLAttributes } from 'react';
 import { default as AccordionHeading } from './Accordion.Heading';
 import { default as AccordionPanel } from './Accordion.Panel';
 export declare const NAME = "ucl-uikit-accordion";
+export type AccordionSize = 'default' | 'large'
+/** @deprecated Use `default` instead. */
+ | 'small'
+/** @deprecated Use `large` instead. */
+ | 'medium';
+type NormalizedAccordionSize = Exclude<AccordionSize, 'small' | 'medium'>;
 interface AccordionContextProps {
     isOpen: boolean;
     toggleAccordion: () => void;
     disabled: boolean;
-    size: 'small' | 'medium';
+    size: NormalizedAccordionSize;
 }
 export declare const useAccordionContext: () => AccordionContextProps;
 export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;
-    size?: 'small' | 'medium';
+    size?: AccordionSize;
     disabled?: boolean;
     isOpen?: boolean;
 }

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

@@ -44,7 +44,7 @@ declare const meta: {
     args: {
         isOpen: false;
         disabled: false;
-        size: "medium";
+        size: "default";
     };
     tags: string[];
 };
@@ -52,6 +52,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Disabled: Story;
-export declare const SmallSize: Story;
+export declare const LargeSize: Story;
 export declare const CustomHeadingElement: Story;
 export declare const MultipleAccordions: Story;

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

@@ -16,8 +16,8 @@ export interface AlertBaseProps extends HTMLAttributes<HTMLDivElement> {
 export type AlertProps = AlertBaseProps & MarginProps;
 declare const Alert: {
     ({ type, children, testId, className, ...props }: AlertProps): import("react").JSX.Element;
-    Title: ({ children, testId }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
-    Message: ({ testId, className, children, }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
+    Title: ({ children, testId, className, ...props }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
+    Message: ({ testId, className, children, ...props }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
 };
 export interface IAlertSubComponents {
     Title: typeof AlertTitle;

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

@@ -3,8 +3,8 @@ declare const meta: {
     title: string;
     component: {
         ({ type, children, testId, className, ...props }: import('./Alert').AlertProps): import("react").JSX.Element;
-        Title: ({ children, testId }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
-        Message: ({ testId, className, children, }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
+        Title: ({ children, testId, className, ...props }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
+        Message: ({ testId, className, children, ...props }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
     } & import('./Alert').IAlertSubComponents;
     parameters: {
         layout: string;

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

@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-alert__message";
 export interface AlertMessageProps extends HTMLAttributes<HTMLParagraphElement> {
     testId?: string;
 }
-declare const AlertMessage: ({ testId, className, children, }: AlertMessageProps) => import("react").JSX.Element;
+declare const AlertMessage: ({ testId, className, children, ...props }: AlertMessageProps) => import("react").JSX.Element;
 export default AlertMessage;

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

@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-alert__title";
 export interface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {
     testId?: string;
 }
-declare const AlertTitle: ({ children, testId }: AlertTitleProps) => import("react").JSX.Element;
+declare const AlertTitle: ({ children, testId, className, ...props }: AlertTitleProps) => import("react").JSX.Element;
 export default AlertTitle;

package/dist/components/ErrorDialog/ErrorDialog.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { BaseDialogProps } from '../Dialog/BaseDialog';
+import { ButtonProps } from '../Button';
+import { IconButtonProps } from '../IconButton';
+export declare const NAME = "ucl-uikit-error-dialog";
+export interface ErrorDialogDetail {
+    label: string;
+    value: string;
+}
+export interface ErrorDialogProps extends BaseDialogProps {
+    heading: ReactNode;
+    errorCode?: ReactNode;
+    referenceCode?: ReactNode;
+    details?: ErrorDialogDetail[];
+    primaryButton?: ReactNode;
+    secondaryButton?: ReactNode;
+    primaryButtonProps?: ButtonProps;
+    secondaryButtonProps?: ButtonProps;
+    closeButtonProps?: IconButtonProps;
+    closeButtonAriaLabel?: string;
+    footerDivider?: boolean;
+    onAction?: () => void;
+    onSecondaryAction?: () => void;
+}
+declare const ErrorDialog: ({ heading, errorCode, referenceCode, details, primaryButton, secondaryButton, primaryButtonProps, secondaryButtonProps, closeButtonProps, closeButtonAriaLabel, footerDivider, onAction, onSecondaryAction, onClose, size, modal, role, testId, className, children, ...props }: ErrorDialogProps) => import("react").JSX.Element;
+export default ErrorDialog;

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

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ heading, errorCode, referenceCode, details, primaryButton, secondaryButton, primaryButtonProps, secondaryButtonProps, closeButtonProps, closeButtonAriaLabel, footerDivider, onAction, onSecondaryAction, onClose, size, modal, role, testId, className, children, ...props }: import('./ErrorDialog').ErrorDialogProps) => import("react").JSX.Element;
+    parameters: {
+        docs: {
+            story: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LongContent: Story;

package/dist/components/ErrorDialog/__tests__/ErrorDialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ErrorDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ErrorDialog';
+export type { ErrorDialogDetail, ErrorDialogProps } from './ErrorDialog';

package/dist/components/Field/HelperText.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export interface HelperTextProps extends HTMLAttributes<HTMLDivElement> {
+export interface HelperTextProps extends HTMLAttributes<HTMLSpanElement> {
     testId?: string;
 }
 declare const HelperText: ({ testId, className, children, ...props }: HelperTextProps) => import("react").JSX.Element;

package/dist/components/index.d.ts

@@ -98,6 +98,8 @@ export { default as Dialog, BaseDialog } from './Dialog';
 export type { DialogProps, DialogHeaderProps, DialogFooterProps, DialogBodyProps, BaseDialogProps, } from './Dialog';
 export { FeedbackDialog } from './FeedbackDialog';
 export type { FeedbackDialogProps } from './FeedbackDialog';
+export { default as ErrorDialog } from './ErrorDialog';
+export type { ErrorDialogDetail, ErrorDialogProps } from './ErrorDialog';
 export { default as Radio, LabelledRadio } from './Radio';
 export type { RadioProps, LabelledRadioProps } from './Radio';
 export { default as Datepicker } from './Datepicker';