uikit-react-public 0.14.21 → 0.21.8

package/README.md

@@ -1,3 +1,3 @@
-# UIKit - React - Public
+# uikit-react-public
 
-React component library.
+Public npm distribution of the UCL React UI kit for external consumers who do not have access to the private internal registry.

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

@@ -1,7 +1,8 @@
-import { default as React, HTMLAttributes, JSX } from 'react';
-export declare const NAME = "ucl-accordion__heading";
-interface AccordionHeadingProps extends HTMLAttributes<HTMLElement> {
-    as?: keyof JSX.IntrinsicElements;
+import { default as React, HTMLAttributes } from 'react';
+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;
     testId?: string;
 }
 declare const AccordionHeading: React.FC<AccordionHeadingProps>;

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

@@ -1,6 +1,6 @@
 import { default as React, HTMLAttributes } from 'react';
-export declare const NAME = "ucl-accordion__panel";
-interface AccordionPanelProps extends HTMLAttributes<HTMLDivElement> {
+export declare const NAME = "ucl-uikit-accordion__panel";
+export interface AccordionPanelProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;
 }
 declare const AccordionPanel: React.FC<AccordionPanelProps>;

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

@@ -1,7 +1,7 @@
 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-accordion";
+export declare const NAME = "ucl-uikit-accordion";
 interface AccordionContextProps {
     isOpen: boolean;
     toggleAccordion: () => void;

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

@@ -0,0 +1,57 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./Accordion').AccordionProps> & {
+        Heading: import('react').FC<import('./Accordion.Heading').AccordionHeadingProps>;
+        Panel: import('react').FC<import('./Accordion.Panel').AccordionPanelProps>;
+    };
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+            type: "string";
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            type: "boolean";
+        };
+        isOpen: {
+            control: {
+                type: "boolean";
+            };
+            type: "boolean";
+        };
+        testId: {
+            control: {
+                type: "text";
+            };
+            type: "string";
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            type: "string";
+        };
+    };
+    args: {
+        isOpen: false;
+        disabled: false;
+        size: "medium";
+    };
+    tags: string[];
+};
+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 CustomHeadingElement: Story;
+export declare const MultipleAccordions: Story;

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

@@ -1,2 +1,4 @@
 export { default } from './Accordion';
 export type { AccordionProps } from './Accordion';
+export type { AccordionHeadingProps } from './Accordion.Heading';
+export type { AccordionPanelProps } from './Accordion.Panel';

package/dist/components/AppHeader/AppHeader.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes } from 'react';
 import { default as AppHeaderTop } from './AppHeaderTop';
 import { default as AppHeaderBottom } from './AppHeaderBottom';
 import { default as AppHeaderNav } from './AppHeaderNav';
-export declare const NAME = "ucl-timetable-app-header";
+export declare const NAME = "ucl-uikit-app-header";
 export declare const Z_INDEX = 3;
 export declare const HEIGHT: number;
 export interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {

package/dist/components/AppHeader/AppHeaderBottom.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare const NAME = "ucl-timetable-app-header__bottom";
+export declare const NAME = "ucl-uikit-app-header__bottom";
 export declare const HEIGHT = 48;
 export interface AppHeaderBottomProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;

package/dist/components/AppHeader/AppHeaderNav.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare const NAME = "ucl-timetable-app-header__nav";
+export declare const NAME = "ucl-uikit-app-header__nav";
 export interface AppHeaderNavProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;
 }

package/dist/components/AppHeader/AppHeaderTop.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare const NAME = "ucl-timetable-app-header__top";
+export declare const NAME = "ucl-uikit-app-header__top";
 export declare const HEIGHT = 56;
 export interface AppHeaderTopProps extends HTMLAttributes<HTMLDivElement> {
     uclLogo?: boolean;

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

@@ -1,7 +1,110 @@
 import { StoryObj } from '@storybook/react';
+import { AvatarProps } from './Avatar';
+type AvatarSize = NonNullable<AvatarProps['size']>;
 declare const meta: {
     title: string;
-    component: import('react').NamedExoticComponent<import('./Avatar').AvatarProps & import('react').RefAttributes<HTMLButtonElement>>;
+    component: import('react').NamedExoticComponent<AvatarProps & import('react').RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        variant: {
+            description: string;
+            options: string[];
+            control: {
+                type: "select";
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        imageUrl: {
+            description: string;
+            control: {
+                type: "text";
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        name: {
+            description: string;
+            control: {
+                type: "text";
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            description: string;
+            options: AvatarSize[];
+            control: {
+                type: "inline-radio";
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            description: string;
+            control: {
+                type: "boolean";
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        testId: {
+            description: string;
+            control: {
+                type: "text";
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: "text";
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        variant: "image";
+        imageUrl: string;
+        name: string;
+        size: 56;
+        disabled: false;
+    };
+    tags: string[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -9,3 +112,6 @@ export declare const Default: Story;
 export declare const Image: Story;
 export declare const Initials: Story;
 export declare const Icon: Story;
+export declare const Sizes: Story;
+export declare const Disabled: Story;
+export declare const BrokenImageFallback: Story;

package/dist/components/Breadcrumbs/Breadcrumb.d.ts

@@ -1,8 +1,7 @@
-import { LinkProps } from '../';
-export interface BreadcrumbProps extends LinkProps {
-    testId?: string;
+import { LinkProps } from '../Link';
+export interface BreadcrumbProps extends Omit<LinkProps<any>, 'href' | 'to'> {
     uri: string;
     isActive?: boolean;
 }
-declare const _default: import('react').MemoExoticComponent<({ testId, uri, className, children, isActive, ...props }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ testId, uri, className, children, isActive, component, ...props }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -4,6 +4,6 @@ export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
 }
 declare const Breadcrumbs: {
     ({ testId, className, children, ...props }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
-    Breadcrumb: React.MemoExoticComponent<({ testId, uri, className, children, isActive, ...props }: import('./Breadcrumb').BreadcrumbProps) => import("react/jsx-runtime").JSX.Element>;
+    Breadcrumb: React.MemoExoticComponent<({ testId, uri, className, children, isActive, component, ...props }: import('./Breadcrumb').BreadcrumbProps) => import("react/jsx-runtime").JSX.Element>;
 };
 export default Breadcrumbs;

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

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     component: {
         ({ testId, className, children, ...props }: import('./Breadcrumbs').BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
-        Breadcrumb: import('react').MemoExoticComponent<({ testId, uri, className, children, isActive, ...props }: import('./Breadcrumb').BreadcrumbProps) => import("react/jsx-runtime").JSX.Element>;
+        Breadcrumb: import('react').MemoExoticComponent<({ testId, uri, className, children, isActive, component, ...props }: import('./Breadcrumb').BreadcrumbProps) => import("react/jsx-runtime").JSX.Element>;
     };
     parameters: {
         layout: string;

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

@@ -2,10 +2,14 @@ import { ReactElement, ElementType, ComponentPropsWithRef } from 'react';
 import { MarginProps } from '../common/marginsStyle';
 export declare const NAME = "ucl-uikit-button";
 type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>['ref'];
+export type ButtonVariant = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'primary-subtle' | 'secondary-subtle' | 'tertiary-no-padding' | 'primary-destructive' | 'secondary-destructive' | 'tertiary-destructive' | 'primary-warning';
+type LegacySize = 'default';
 export interface ButtonBaseProps {
-    variant?: 'primary' | 'secondary' | 'tertiary';
+    variant?: ButtonVariant;
+    /** @deprecated Use variant="primary-destructive" / "secondary-destructive" instead */
     destructive?: boolean;
-    size?: 'large' | 'default' | 'small';
+    size?: 'xsmall' | 'small' | 'medium' | 'large' | LegacySize;
+    selected?: boolean;
     disabled?: boolean;
     icon?: ReactElement;
     iconPosition?: 'left' | 'right';
@@ -17,7 +21,8 @@ export interface ButtonBaseProps {
 export type ButtonProps<C extends ElementType = 'button'> = {
     as?: C;
     ref?: PolymorphicRef<C>;
+    className?: string;
 } & ButtonBaseProps & MarginProps & Omit<ComponentPropsWithRef<C>, keyof ButtonBaseProps | 'as'>;
-declare const Button: <C extends ElementType = "button">({ as, variant, destructive, size, disabled, icon, iconPosition, tooltip, loading, fullWidth, testId, ref, children, className, ...props }: ButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
+declare const Button: <C extends ElementType = "button">({ as, variant, destructive, size, selected, disabled, icon, iconPosition, tooltip, loading, fullWidth, testId, ref, children, className, ...props }: ButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
 declare const MemoizedButton: typeof Button;
 export default MemoizedButton;

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

@@ -1,13 +1,13 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: <C extends import('react').ElementType = "button">({ as, variant, destructive, size, disabled, icon, iconPosition, tooltip, loading, fullWidth, testId, ref, children, className, ...props }: import('./Button').ButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
+    component: <C extends import('react').ElementType = "button">({ as, variant, destructive, size, selected, disabled, icon, iconPosition, tooltip, loading, fullWidth, testId, ref, children, className, ...props }: import('./Button').ButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
     argTypes: {
         variant: {
-            options: string[];
+            options: readonly ["accent", "primary", "secondary", "tertiary", "primary-subtle", "secondary-subtle", "tertiary-no-padding", "primary-destructive", "secondary-destructive", "tertiary-destructive", "primary-warning"];
             control: {
                 type: "select";
             };
@@ -19,6 +19,12 @@ declare const meta: {
                 type: "select";
             };
             type: "string";
+            table: {
+                type: {
+                    summary: string;
+                    detail: string;
+                };
+            };
         };
         as: {
             options: string[];
@@ -38,6 +44,13 @@ declare const meta: {
                 type: "boolean";
             };
             type: "boolean";
+            description: string;
+        };
+        selected: {
+            control: {
+                type: "boolean";
+            };
+            type: "boolean";
         };
         disabled: {
             control: {
@@ -222,15 +235,12 @@ export declare const Default: Story;
 export declare const Primary: Story;
 export declare const Secondary: Story;
 export declare const Tertiary: Story;
+export declare const Accent: Story;
 export declare const Destructive: Story;
-export declare const DestructiveSecondary: Story;
+export declare const PrimarySubtle: Story;
 export declare const Small: Story;
 export declare const Large: Story;
-export declare const SmallSecondary: Story;
-export declare const LargeSecondary: Story;
 export declare const Disabled: Story;
-export declare const DisabledSecondary: Story;
-export declare const DisabledTertiary: Story;
 export declare const WithIcon: Story & {
     argTypes: {
         iconName: {

package/dist/components/Button/style/buttonAccentStyle.d.ts

@@ -0,0 +1,4 @@
+import { ThemeType } from '../../../theme';
+import { ButtonBaseProps } from '../Button';
+declare const buttonAccentStyle: (theme: ThemeType, selected: ButtonBaseProps["selected"], disabled: ButtonBaseProps["disabled"], loading: ButtonBaseProps["loading"]) => string;
+export default buttonAccentStyle;

package/dist/components/Button/style/buttonPrimaryDestructiveStyle.d.ts

@@ -0,0 +1,4 @@
+import { ThemeType } from '../../../theme';
+import { ButtonBaseProps } from '../Button';
+declare const buttonPrimaryDestructiveStyle: (theme: ThemeType, selected: ButtonBaseProps["selected"], disabled: ButtonBaseProps["disabled"], loading: ButtonBaseProps["loading"]) => string;
+export default buttonPrimaryDestructiveStyle;

package/dist/components/Button/style/buttonPrimaryStyle.d.ts

@@ -0,0 +1,4 @@
+import { ThemeType } from '../../../theme';
+import { ButtonBaseProps } from '../Button';
+declare const buttonPrimaryStyle: (theme: ThemeType, selected: ButtonBaseProps["selected"], disabled: ButtonBaseProps["disabled"], loading: ButtonBaseProps["loading"]) => string;
+export default buttonPrimaryStyle;

package/dist/components/Button/style/buttonPrimarySubtleStyle.d.ts

@@ -0,0 +1,4 @@
+import { ThemeType } from '../../../theme';
+import { ButtonBaseProps } from '../Button';
+declare const buttonPrimarySubtleStyle: (theme: ThemeType, selected: ButtonBaseProps["selected"], disabled: ButtonBaseProps["disabled"], loading: ButtonBaseProps["loading"], paddingPx: number) => string;
+export default buttonPrimarySubtleStyle;

package/dist/components/Button/style/buttonPrimaryWarningStyle.d.ts

@@ -0,0 +1,4 @@
+import { ThemeType } from '../../../theme';
+import { ButtonBaseProps } from '../Button';
+declare const buttonPrimaryWarningStyle: (theme: ThemeType, selected: ButtonBaseProps["selected"], disabled: ButtonBaseProps["disabled"], loading: ButtonBaseProps["loading"]) => string;
+export default buttonPrimaryWarningStyle;

package/dist/components/Button/style/buttonSecondaryDestructiveStyle.d.ts

@@ -0,0 +1,4 @@
+import { ThemeType } from '../../../theme';
+import { ButtonBaseProps } from '../Button';
+declare const buttonSecondaryDestructiveStyle: (theme: ThemeType, selected: ButtonBaseProps["selected"], disabled: ButtonBaseProps["disabled"], loading: ButtonBaseProps["loading"]) => string;
+export default buttonSecondaryDestructiveStyle;

package/dist/components/Button/style/buttonSecondaryStyle.d.ts

@@ -0,0 +1,4 @@
+import { ThemeType } from '../../../theme';
+import { ButtonBaseProps } from '../Button';
+declare const buttonSecondaryStyle: (theme: ThemeType, selected: ButtonBaseProps["selected"], disabled: ButtonBaseProps["disabled"], loading: ButtonBaseProps["loading"]) => string;
+export default buttonSecondaryStyle;

package/dist/components/Button/style/buttonSecondarySubtleStyle.d.ts

@@ -0,0 +1,4 @@
+import { ThemeType } from '../../../theme';
+import { ButtonBaseProps } from '../Button';
+declare const buttonSecondarySubtleStyle: (theme: ThemeType, selected: ButtonBaseProps["selected"], disabled: ButtonBaseProps["disabled"], loading: ButtonBaseProps["loading"], paddingPx: number) => string;
+export default buttonSecondarySubtleStyle;

package/dist/components/Button/style/buttonTertiaryDestructiveStyle.d.ts

@@ -0,0 +1,4 @@
+import { ThemeType } from '../../../theme';
+import { ButtonBaseProps } from '../Button';
+declare const buttonTertiaryDestructiveStyle: (theme: ThemeType, selected: ButtonBaseProps["selected"], disabled: ButtonBaseProps["disabled"], loading: ButtonBaseProps["loading"], paddingPx: number) => string;
+export default buttonTertiaryDestructiveStyle;

package/dist/components/Button/style/buttonTertiaryNoPaddingStyle.d.ts

@@ -0,0 +1,4 @@
+import { ThemeType } from '../../../theme';
+import { ButtonBaseProps } from '../Button';
+declare const buttonTertiaryNoPaddingStyle: (theme: ThemeType, disabled: ButtonBaseProps["disabled"], loading: ButtonBaseProps["loading"], paddingPx: number) => string;
+export default buttonTertiaryNoPaddingStyle;

package/dist/components/Button/style/buttonTertiaryStyle.d.ts

@@ -0,0 +1,4 @@
+import { ThemeType } from '../../../theme';
+import { ButtonBaseProps } from '../Button';
+declare const buttonTertiaryStyle: (theme: ThemeType, selected: ButtonBaseProps["selected"], disabled: ButtonBaseProps["disabled"], loading: ButtonBaseProps["loading"], paddingPx: number) => string;
+export default buttonTertiaryStyle;

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

@@ -1,2 +1,2 @@
 export { default } from './Calendar';
-export type { CalendarProps, CalendarEvent, AcademicWeek, } from './Calendar.types';
+export type { CalendarProps, CalendarEvent, AcademicWeek } from './Calendar.types';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -4,6 +4,7 @@ export declare const NAME = "ucl-uikit-checkbox";
 export interface CheckboxBaseProps extends InputHTMLAttributes<HTMLInputElement> {
     indeterminate?: boolean;
     testId?: string;
+    ariaLabel?: string;
 }
 export type CheckboxProps = CheckboxBaseProps & MarginProps;
 export type Ref = HTMLInputElement;

package/dist/components/Datepicker/Datepicker.d.ts

@@ -1,3 +1,3 @@
 import { DatepickerProps } from './Datepicker.types';
-declare const Datepicker: ({ value, onValueChange, minDate, maxDate, disabled, className, native, nativeRef, nativeHTMLAttributes, ...props }: DatepickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Datepicker: ({ value, onValueChange, minDate, maxDate, disabled, className, clearable, ...props }: DatepickerProps) => import("react/jsx-runtime").JSX.Element;
 export default Datepicker;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ value, onValueChange, minDate, maxDate, disabled, className, native, nativeRef, nativeHTMLAttributes, ...props }: import('./Datepicker.types').DatepickerProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ value, onValueChange, minDate, maxDate, disabled, className, clearable, ...props }: import('./Datepicker.types').DatepickerProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -26,7 +26,7 @@ declare const meta: {
                 type: "boolean";
             };
         };
-        native: {
+        clearable: {
             control: {
                 type: "boolean";
             };
@@ -42,7 +42,8 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const InAField: Story;
 export declare const WithEvents: Story;
 export declare const WithAcademicWeeks: Story;
 export declare const MinMaxDates: Story;
-export declare const Native: Story;
+export declare const Clearable: Story;

package/dist/components/Datepicker/Datepicker.types.d.ts

@@ -1,5 +1,6 @@
-import { InputHTMLAttributes, HTMLAttributes, RefObject } from 'react';
+import { HTMLAttributes, RefObject } from 'react';
 import { CalendarEvent, AcademicWeek } from '../Calendar';
+import { InputProps } from './subcomponents/DatepickerInput';
 export type DatepickerValue = Date | null;
 interface BaseDatepickerProps {
     value?: DatepickerValue;
@@ -11,13 +12,11 @@ interface BaseDatepickerProps {
     academicWeeks?: AcademicWeek[];
     testId?: string;
     disabled?: boolean;
+    clearable?: boolean;
     ref?: RefObject<HTMLDivElement>;
     inputRef?: RefObject<HTMLInputElement>;
+    inputProps?: InputProps;
 }
-type NativeDatepickerAttributeProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'min' | 'max' | 'className' | 'disabled'>;
 export interface DatepickerProps extends BaseDatepickerProps, HTMLAttributes<HTMLDivElement> {
-    native?: boolean;
-    nativeHTMLAttributes?: NativeDatepickerAttributeProps;
-    nativeRef?: RefObject<HTMLInputElement>;
 }
 export {};

package/dist/components/Datepicker/subcomponents/CustomDatepicker.d.ts

@@ -1,17 +1,20 @@
 import { DatepickerValue } from '../Datepicker.types';
 import { CalendarEvent, AcademicWeek } from '../../Calendar';
+import { InputProps } from './DatepickerInput';
 interface CustomDatepickerProps extends React.HTMLAttributes<HTMLDivElement> {
     value?: DatepickerValue;
     onValueChange?: (value: DatepickerValue, event?: React.SyntheticEvent) => void;
     minDate?: string | null;
     maxDate?: string | null;
     disabled?: boolean;
+    clearable?: boolean;
     events?: CalendarEvent[];
     showAcademicWeeks?: boolean;
     academicWeeks?: AcademicWeek[];
     testId?: string;
     ref?: React.RefObject<HTMLDivElement>;
     inputRef?: React.RefObject<HTMLInputElement>;
+    inputProps?: InputProps;
 }
-declare const CustomDatepicker: ({ value, onValueChange, minDate, maxDate, disabled, events, showAcademicWeeks, academicWeeks, testId, className, ref, inputRef, ...props }: CustomDatepickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomDatepicker: ({ value, onValueChange, minDate, maxDate, disabled, clearable, events, showAcademicWeeks, academicWeeks, testId, className, ref, inputRef, inputProps, ...props }: CustomDatepickerProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomDatepicker;

package/dist/components/Datepicker/subcomponents/DatepickerInput.d.ts

@@ -1,4 +1,17 @@
-interface DatepickerInputProps {
+/**
+ * HTML attributes that consumers can pass to the underlying `<input>` via the
+ * `inputProps` prop on `<Datepicker>`.
+ *
+ * Controlled and internally-managed attributes are omitted to prevent conflicts.
+ */
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'onKeyDown' | 'onFocus' | 'disabled' | 'type'> & {
+    testId?: string;
+};
+/**
+ * Internal props for `<DatepickerInput>`, combining consumer-facing
+ *  input attributes with controlled props managed by `<VisibleField>`.
+ */
+interface DatepickerInputProps extends InputProps {
     value: string;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
@@ -6,5 +19,5 @@ interface DatepickerInputProps {
     disabled: boolean;
     ref: React.RefObject<HTMLInputElement | null>;
 }
-declare const DatepickerInput: ({ value, onChange, onKeyDown, onFocus, disabled, ref, }: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const DatepickerInput: ({ disabled, placeholder, inputMode, testId, className, ...props }: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;
 export default DatepickerInput;

package/dist/components/Datepicker/subcomponents/Panel.d.ts

@@ -2,5 +2,5 @@ interface PanelProps {
     zIndex?: number;
     children: React.ReactNode;
 }
-declare const Panel: ({ zIndex, children }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const Panel: ({ zIndex, children, }: PanelProps) => import("react/jsx-runtime").JSX.Element;
 export default Panel;

package/dist/components/Datepicker/subcomponents/VisibleField.d.ts

@@ -1,12 +1,17 @@
 import { default as React } from 'react';
+import { InputProps } from './DatepickerInput';
 interface VisibleFieldProps {
     inputValue: string;
     onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onInputFocus: () => void;
     onButtonClick: () => void;
+    onClear: (event: React.SyntheticEvent) => void;
     disabled: boolean;
+    clearable?: boolean;
+    hasValue?: boolean;
     inputRef: React.RefObject<HTMLInputElement | null>;
+    inputProps: InputProps;
 }
-declare const VisibleField: ({ inputValue, onInputChange, onInputKeyDown, onInputFocus, onButtonClick, disabled, inputRef, }: VisibleFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const VisibleField: ({ inputValue, onInputChange, onInputKeyDown, onInputFocus, onButtonClick, onClear, disabled, clearable, hasValue, inputRef, inputProps, }: VisibleFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default VisibleField;

package/dist/components/Datepicker/subcomponents/index.d.ts

@@ -1,5 +1,4 @@
 export { default as CustomDatepicker } from './CustomDatepicker';
-export { default as NativeDatepicker } from './NativeDatepicker';
 export { default as VisibleField } from './VisibleField';
 export { default as DatepickerInput } from './DatepickerInput';
 export { default as Panel } from './Panel';

package/dist/components/Datepicker/utils/index.d.ts

@@ -1,2 +1 @@
-export { default as dateToLocaleISOString } from './dateToLocaleISOString/dateToLocaleISOString';
 export { default as parseInputValue } from './parseInputValue/parseInputValue';

package/dist/components/Dialog/BaseDialog.d.ts

@@ -15,7 +15,8 @@ export interface BaseDialogProps extends HTMLAttributes<HTMLDialogElement> {
     finalFocusRef?: React.RefObject<HTMLElement>;
     disableFocusTrap?: boolean;
     restoreFocus?: boolean;
+    skipCloseOnInitialFocus?: boolean;
     testId?: string;
 }
-declare const _default: React.MemoExoticComponent<({ open, size, modal, closeOnClickOutside, closeOnClickOutsideStopPropagation, nonModalCloseOnEscape, onClose, className, children, initialFocusRef, finalFocusRef, disableFocusTrap, restoreFocus, testId, ...props }: BaseDialogProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ open, size, modal, closeOnClickOutside, closeOnClickOutsideStopPropagation, nonModalCloseOnEscape, onClose, className, children, initialFocusRef, finalFocusRef, disableFocusTrap, restoreFocus, skipCloseOnInitialFocus, testId, ...props }: BaseDialogProps) => import("react/jsx-runtime").JSX.Element | null>;
 export default _default;

package/dist/components/Dialog/Dialog.d.ts

@@ -4,6 +4,8 @@ import { default as DialogBody } from './DialogBody';
 import { default as DialogFooter } from './DialogFooter';
 export declare const NAME = "ucl-uikit-dialog";
 interface DialogContextValue {
+    dialogHeaderId?: string;
+    dialogBodyId?: string;
     onClose?: (ev: React.MouseEvent) => void;
     onSecondaryAction?: () => void;
     onAction?: () => void;