uikit-react-public 0.11.20 → 0.14.21

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

@@ -0,0 +1,6 @@
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+    className?: string;
+}
+declare const Badge: ({ testId, className, children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

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

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ testId, className, children, ...props }: import('./Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        children: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,2 @@
+export { default } from './Badge';
+export type { BadgeProps } from './Badge';

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

@@ -1,4 +1,5 @@
 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 interface ButtonBaseProps {
@@ -16,7 +17,7 @@ export interface ButtonBaseProps {
 export type ButtonProps<C extends ElementType = 'button'> = {
     as?: C;
     ref?: PolymorphicRef<C>;
-} & ButtonBaseProps & Omit<ComponentPropsWithRef<C>, keyof ButtonBaseProps | 'as'>;
+} & 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 MemoizedButton: typeof Button;
 export default MemoizedButton;

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

@@ -0,0 +1,3 @@
+import { CalendarProps } from './Calendar.types';
+declare const Calendar: ({ pickedDate, onDatePick, minDate, maxDate, events, showAcademicWeeks, academicWeeks, testId, className, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

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

@@ -0,0 +1,42 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ pickedDate, onDatePick, minDate, maxDate, events, showAcademicWeeks, academicWeeks, testId, className, }: import('./Calendar.types').CalendarProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        pickedDate: {
+            control: {
+                type: "date";
+            };
+        };
+        minDate: {
+            control: {
+                type: "date";
+            };
+        };
+        maxDate: {
+            control: {
+                type: "date";
+            };
+        };
+        showAcademicWeeks: {
+            control: {
+                type: "boolean";
+            };
+        };
+        testId: {
+            control: {
+                type: "text";
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithEvents: Story;
+export declare const WithAcademicWeeks: Story;
+export declare const MinMaxDates: Story;

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

@@ -0,0 +1,18 @@
+export type CalendarEvent = {
+    date: string;
+};
+export type AcademicWeek = {
+    start: string;
+    number: number;
+};
+export interface CalendarProps {
+    pickedDate?: Date | null;
+    onDatePick?: (date: Date | null, event?: React.SyntheticEvent) => void;
+    minDate?: string | null;
+    maxDate?: string | null;
+    events?: CalendarEvent[];
+    showAcademicWeeks?: boolean;
+    academicWeeks?: AcademicWeek[];
+    testId?: string;
+    className?: string;
+}

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

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

package/dist/components/Calendar/subcomponents/AcademicWeeks.d.ts

@@ -0,0 +1,7 @@
+import { AcademicWeek as AcademicWeekType } from '../Calendar.types';
+interface AcademicWeeksProps {
+    date: Date;
+    weeks: AcademicWeekType[];
+}
+declare const AcademicWeeks: ({ date, weeks }: AcademicWeeksProps) => import("react/jsx-runtime").JSX.Element;
+export default AcademicWeeks;

package/dist/components/Calendar/subcomponents/ColumnHeading.d.ts

@@ -0,0 +1,7 @@
+interface ColumnHeadingProps {
+    index: number;
+    day: string;
+    isWeekend: boolean;
+}
+declare const ColumnHeading: ({ index, day, isWeekend }: ColumnHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export default ColumnHeading;

package/dist/components/Calendar/subcomponents/Controls.d.ts

@@ -0,0 +1,6 @@
+interface ControlsProps {
+    month: Date;
+    changeMonth: (change: number) => void;
+}
+declare const Controls: ({ month, changeMonth }: ControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default Controls;

package/dist/components/{Datepicker/subcomponents/Day → Calendar/subcomponents}/Day.d.ts

@@ -1,7 +1,7 @@
-import { CalendarEvent } from '../../Datepicker.types';
+import { CalendarEvent } from '../Calendar.types';
 export interface DayProps {
-    date: Date | null | undefined;
-    onPick?: (date: Date) => void;
+    date: Date;
+    onPick?: (date: Date, event: React.SyntheticEvent) => void;
     isSelected?: boolean;
     isToday?: boolean;
     isInCurrentMonth?: boolean;

package/dist/components/{Datepicker → Calendar}/subcomponents/EventDot.d.ts

@@ -1,6 +1,6 @@
-type EventDotProps = {
+interface EventDotProps {
     inverted: boolean;
     inCurrentMonth: boolean;
-};
+}
 declare const EventDot: ({ inverted, inCurrentMonth }: EventDotProps) => import("react/jsx-runtime").JSX.Element;
 export default EventDot;

package/dist/components/Calendar/subcomponents/Grid.d.ts

@@ -0,0 +1,11 @@
+import { CalendarEvent } from '../Calendar.types';
+interface GridProps {
+    month: Date;
+    pickedDate: Date | null;
+    onDatePick?: (date: Date, event: React.SyntheticEvent) => void;
+    minDate: Date | null;
+    maxDate: Date | null;
+    events: CalendarEvent[];
+}
+declare const Grid: ({ month, pickedDate, onDatePick, minDate, maxDate, events, }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export default Grid;

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

@@ -0,0 +1,7 @@
+export { default as Controls } from './Controls';
+export { default as AcademicWeeks } from './AcademicWeeks';
+export { default as AcademicWeek } from './AcademicWeek';
+export { default as Grid } from './Grid';
+export { default as ColumnHeading } from './ColumnHeading';
+export { default as Day } from './Day';
+export { default as EventDot } from './EventDot';

package/dist/components/{Datepicker → Calendar}/utils/getAcademicWeekNumbers/getAcademicWeekNumbers.d.ts

@@ -1,4 +1,4 @@
-import { AcademicWeek } from '../../Datepicker.types';
+import { AcademicWeek } from '../../';
 /**
  * Returns the Monday for the week of the given date.
  * For example:

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

@@ -0,0 +1,4 @@
+export { default as normaliseMonth } from './normaliseMonth/normaliseMonth';
+export { default as parseDateFromString } from './parseDateFromString/parseDateFromString';
+export { default as getAcademicWeekNumbers } from './getAcademicWeekNumbers/getAcademicWeekNumbers';
+export { default as getDatesForCalendarGrid } from './getDatesForCalendarGrid/getDatesForCalendarGrid';

package/dist/components/Calendar/utils/normaliseMonth/normaliseMonth.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Normalises a given date to the first day of its month (with the time set to midnight).
+ * If the input date is undefined, it returns null.
+ * Used in <Calendar> to track the displayed month.
+ * @param date The date to normalise.
+ * @returns A new Date object set to the first day of the month with the time at midnight, or null if the input was null or undefined.
+ */
+declare const normaliseMonth: (date: Date | null | undefined) => Date | null;
+export default normaliseMonth;

package/dist/components/Calendar/utils/parseDateFromString/parseDateFromString.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Parses a date string into a Date object.
+ * Returns null if the input is invalid.
+ *
+ * @param dateString - The date string to parse (can be in ISO format or UNIX timestamp).
+ * @returns A Date object, or null if invalid.
+ */
+declare const parseDateFromString: (dateString: string) => Date | null;
+export default parseDateFromString;

package/dist/components/Calendar/utils/parseDateFromString/parseDateFromString.test.d.ts

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

package/dist/components/CookieNotice/CookieNotice.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+import { MarginProps } from '../common/marginsStyle';
+export declare const NAME = "ucl-uikit-cookie-notice";
+export declare const DEFAULT_POLICY_HREF = "https://www.ucl.ac.uk/legal-services/privacy/cookie-policy";
+export declare const DEFAULT_TEXT = "We use necessary cookies to manage your session and essential site functions. We also use Google Analytics cookies to understand how our site is used. You can accept or reject non-essential cookies.";
+export interface CookieNoticeBaseProps extends HTMLAttributes<HTMLDivElement> {
+    policyHref?: string;
+    text?: string;
+    onAccept?: () => void;
+    onReject?: () => void;
+    trapFocus?: boolean;
+    testId?: string;
+}
+export type CookieNoticeProps = CookieNoticeBaseProps & MarginProps;
+declare const CookieNotice: ({ policyHref, text, onAccept, onReject, trapFocus, testId, className, ...props }: CookieNoticeProps) => import("react/jsx-runtime").JSX.Element;
+export default CookieNotice;

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

@@ -0,0 +1,2 @@
+export { default } from './CookieNotice';
+export type { CookieNoticeProps } from './CookieNotice';

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

@@ -1,16 +1,3 @@
-import { InputHTMLAttributes } from 'react';
-import { CalendarEvent, AcademicWeek } from './Datepicker.types';
-export declare const NAME = "ucl-datepicker";
-export interface DatepickerProps extends InputHTMLAttributes<HTMLInputElement> {
-    date: Date | null | undefined;
-    minDate?: Date | null | undefined;
-    maxDate?: Date | null | undefined;
-    onDateChange: (date: Date | null | undefined) => void;
-    native?: boolean;
-    events?: CalendarEvent[];
-    showAcademicWeeks?: boolean;
-    academicWeeks?: AcademicWeek[];
-    testId?: string;
-}
-declare const _default: import('react').MemoExoticComponent<({ date, minDate, maxDate, onDateChange, native, events, showAcademicWeeks, academicWeeks, testId, className, ...props }: DatepickerProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
+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;
+export default Datepicker;

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

@@ -1,12 +1,12 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import('react').MemoExoticComponent<({ date, minDate, maxDate, onDateChange, native, events, showAcademicWeeks, academicWeeks, testId, className, ...props }: import('./Datepicker').DatepickerProps) => import("react/jsx-runtime").JSX.Element>;
+    component: ({ value, onValueChange, minDate, maxDate, disabled, className, native, nativeRef, nativeHTMLAttributes, ...props }: import('./Datepicker.types').DatepickerProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
     argTypes: {
-        date: {
+        value: {
             control: {
                 type: "date";
             };
@@ -21,6 +21,11 @@ declare const meta: {
                 type: "date";
             };
         };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+        };
         native: {
             control: {
                 type: "boolean";
@@ -37,6 +42,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const AsNative: Story;
 export declare const WithEvents: Story;
 export declare const WithAcademicWeeks: Story;
+export declare const MinMaxDates: Story;
+export declare const Native: Story;

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

@@ -1,7 +1,23 @@
-export type CalendarEvent = {
-    date: string;
-};
-export type AcademicWeek = {
-    start: string;
-    number: number;
-};
+import { InputHTMLAttributes, HTMLAttributes, RefObject } from 'react';
+import { CalendarEvent, AcademicWeek } from '../Calendar';
+export type DatepickerValue = Date | null;
+interface BaseDatepickerProps {
+    value?: DatepickerValue;
+    onValueChange?: (value: DatepickerValue, event?: React.SyntheticEvent) => void;
+    minDate?: string | null;
+    maxDate?: string | null;
+    events?: CalendarEvent[];
+    showAcademicWeeks?: boolean;
+    academicWeeks?: AcademicWeek[];
+    testId?: string;
+    disabled?: boolean;
+    ref?: RefObject<HTMLDivElement>;
+    inputRef?: RefObject<HTMLInputElement>;
+}
+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/index.d.ts

@@ -1,3 +1,2 @@
 export { default } from './Datepicker';
-export type { DatepickerProps } from './Datepicker';
-export type { CalendarEvent, AcademicWeek } from './Datepicker.types';
+export type { DatepickerProps } from './Datepicker.types';

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

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

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

@@ -0,0 +1,10 @@
+interface DatepickerInputProps {
+    value: string;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onFocus: () => void;
+    disabled: boolean;
+    ref: React.RefObject<HTMLInputElement | null>;
+}
+declare const DatepickerInput: ({ value, onChange, onKeyDown, onFocus, disabled, ref, }: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export default DatepickerInput;

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

@@ -0,0 +1,6 @@
+interface NativeDatepickerProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    testId?: string;
+    ref?: React.RefObject<HTMLInputElement>;
+}
+declare const NativeDatepicker: ({ value, onChange, min, max, className, disabled, testId, ref, ...props }: NativeDatepickerProps) => import("react/jsx-runtime").JSX.Element;
+export default NativeDatepicker;

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

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

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

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

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

@@ -1,7 +1,5 @@
-export { default as CalendarGrid } from './CalendarGrid';
-export { default as CalendarMenu } from './CalendarMenu';
-export { default as ColumnHeadings } from './ColumnHeadings';
-export { default as DateField } from './DateField';
-export { default as Day } from './Day';
-export { default as Native } from './Native';
-export { default as MonthSelector } from './MonthSelector';
+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/dateToLocaleISOString/dateToLocaleISOString.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Converts a Date object to a `YYYY-MM-DD` string based on the user's local timezone.
+ *
+ * Used for passing dates to <NativeDatepicker> in `Datepicker.tsx`
+ *
+ * This function uses the Swedish (`sv-SE`) locale with `toLocaleDateString`
+ * as it conveniently defaults to the ISO 8601 `YYYY-MM-DD` format, while respecting
+ * the local date. This avoids timezone conversion issues that can arise from
+ * using `toISOString()`.
+ *
+ * This implementation should handle daylight saving time, etc, correctly.
+ *
+ * @param date The date to convert.
+ * @returns A string in `YYYY-MM-DD` format, or `null` if the input is `null`.
+ */
+declare const dateToLocaleISOString: (date: Date | null | undefined) => string | null;
+export default dateToLocaleISOString;

package/dist/components/Datepicker/utils/dateToLocaleISOString/dateToLocaleISOString.test.d.ts

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

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

@@ -1,3 +1,2 @@
-export { default as getDatesForCalendarGrid } from './getDatesForCalendarGrid/getDatesForCalendarGrid';
-export { default as parseDate } from './parseDateForDateField/parseDateForDateField';
-export { default as getAcademicWeekNumbers } from './getAcademicWeekNumbers/getAcademicWeekNumbers';
+export { default as dateToLocaleISOString } from './dateToLocaleISOString/dateToLocaleISOString';
+export { default as parseInputValue } from './parseInputValue/parseInputValue';

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

@@ -0,0 +1,11 @@
+/**
+ * Parses a date string into a Date object.
+ * Used in <VisibleField> to parse user input into the controlled <input> field.
+ *
+ * @param {string} value The date string to parse.  Expected format is DD/MM/YYYY, DD-MM-YYYY, or DD MM YYYY.
+ * @param {string} [minDate] Optional minimum date string in YYYY-MM-DD format. If the parsed date is before this date, the function returns null.
+ * @param {string} [maxDate] Optional maximum date string in YYYY-MM-DD format. If the parsed date is after this date, the function returns null.
+ * @returns {Date | null} A Date object representing the parsed date, or null if the input is invalid or out of range.
+ */
+declare const parseInputValue: (value: string, minDate?: string | null, maxDate?: string | null) => Date | null;
+export default parseInputValue;

package/dist/components/Datepicker/utils/parseInputValue/parseInputValue.test.d.ts

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

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

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

package/dist/components/FileInput/FileInput.d.ts

@@ -0,0 +1,8 @@
+import { InputHTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-fileinput";
+export interface FileInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    testId?: string;
+    labelId?: string;
+}
+declare const FileInput: ({ testId, children, labelId, ...props }: FileInputProps) => import("react/jsx-runtime").JSX.Element;
+export default FileInput;

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ testId, children, labelId, ...props }: import('./FileInput').FileInputProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCustomClass: Story;
+export declare const MultipleFiles: Story;
+export declare const NoChildren: Story;
+export declare const WithDecorator: Story;

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

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

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

@@ -0,0 +1,2 @@
+export { default } from './FileInput';
+export type { FileInputProps } from './FileInput';

package/dist/components/Footer/Footer.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes } from 'react';
 import { default as FooterColumn } from './FooterColumn';
 import { default as FooterNavLink } from './FooterNavLink';
 export declare const NAME = "ucl-uikit-footer";
-export interface FooterProps extends HTMLAttributes<HTMLDivElement> {
+export interface FooterProps extends HTMLAttributes<HTMLElement> {
     testId?: string;
     disclaimer?: string;
     freedomOfInformation?: string;

package/dist/components/Header/Header.d.ts

@@ -7,9 +7,12 @@ export declare const DEFAULT_Z_INDEX = 3;
 export interface HeaderProps extends HTMLAttributes<HTMLElement> {
     title?: string;
     fixed?: boolean;
+    titleAs?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+    titleClassName?: string;
+    titleProps?: Record<string, unknown>;
     testId?: string;
 }
-declare const MemoAppHeader: import('react').MemoExoticComponent<({ title, fixed, testId, className, children, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoAppHeader: import('react').MemoExoticComponent<({ title, fixed, titleAs, titleClassName, titleProps, testId, className, children, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element>;
 export interface IHeaderSubComponents {
     Menu: typeof HeaderMenu;
 }

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { MarginProps } from '../common/marginsStyle';
-export declare const NAME = "ucl-heading";
+export declare const NAME = "ucl-uikit-heading";
 export interface HeadingBaseProps extends HTMLAttributes<HTMLHeadingElement> {
     level?: 1 | 2 | 3 | 4;
     margins?: boolean;

package/dist/components/Link/BaseLink.d.ts

@@ -0,0 +1,10 @@
+import { default as React, AnchorHTMLAttributes, ElementType } from 'react';
+export interface BaseLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    component?: ElementType;
+    size?: 'small' | 'default';
+    noVisited?: boolean;
+    disabled?: boolean;
+    testId?: string;
+}
+declare const BaseLink: React.ForwardRefExoticComponent<BaseLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default BaseLink;

package/dist/components/Link/Link.d.ts

@@ -1,11 +1,6 @@
-import { AnchorHTMLAttributes, ElementType, ComponentPropsWithRef } from 'react';
-export declare const NAME = "ucl-link";
-export interface LinkBaseProps {
-    noVisited?: boolean;
-    testId?: string;
-    component?: ElementType;
+import { BaseLinkProps } from './BaseLink';
+export interface LinkProps extends BaseLinkProps {
+    variant?: 'primary' | 'secondary';
 }
-export type LinkProps<C extends ElementType = 'a'> = LinkBaseProps & (C extends 'a' ? AnchorHTMLAttributes<HTMLAnchorElement> : Omit<ComponentPropsWithRef<C>, keyof LinkBaseProps>);
-export type Ref = HTMLAnchorElement;
-declare const _default: import('react').NamedExoticComponent<LinkBaseProps & AnchorHTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLAnchorElement>>;
-export default _default;
+declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export default Link;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import('react').NamedExoticComponent<import('./Link').LinkBaseProps & import('react').AnchorHTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLAnchorElement>>;
+    component: import('react').ForwardRefExoticComponent<import('./Link').LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
     args: {
         children: string;
         href: string;

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

@@ -1,2 +1,2 @@
 export { default } from './Link';
-export type { LinkProps, LinkBaseProps } from './Link';
+export type { LinkProps } from './Link';

package/dist/components/Menu/Menu.d.ts

@@ -7,11 +7,12 @@ export interface MenuProps extends HTMLAttributes<HTMLDivElement> {
     title?: string;
     menuId?: string;
     testId?: string;
+    position?: 'left' | 'right';
 }
 export interface IMenuSubComponents {
     Section: typeof MenuSection;
     Item: typeof MenuItem;
 }
-declare const MemoMenu: import('react').MemoExoticComponent<({ defaultOpen, title, menuId, testId, children, className, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoMenu: import('react').MemoExoticComponent<({ defaultOpen, title, position, menuId, testId, children, className, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element>;
 declare const MenuWithSubComponents: typeof MemoMenu & IMenuSubComponents;
 export default MenuWithSubComponents;

package/dist/components/Menu/MenuContent.d.ts

@@ -1,8 +1,9 @@
 import { default as React, HTMLAttributes } from 'react';
 export declare const NAME = "ucl-uikit-menu__content";
-export interface MenuContentProps extends HTMLAttributes<HTMLDivElement> {
+export interface MenuContentProps extends HTMLAttributes<HTMLUListElement> {
     title?: string;
     testId?: string;
+    position?: 'left' | 'right';
 }
 declare const _default: React.NamedExoticComponent<MenuContentProps>;
 export default _default;