uikit-react-public 0.11.13

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

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-dialog__body";
+export interface DialogBodyProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ children, testId, className, }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+export declare const NAME = "ucl-uikit-dialog__footer";
+export interface DialogFooterProps extends React.HTMLAttributes<HTMLElement> {
+    primaryButton?: ReactNode;
+    secondaryButton?: ReactNode;
+    primaryButtonProps?: ButtonProps;
+    secondaryButtonProps?: ButtonProps;
+    testId?: string;
+}
+declare const DialogFooter: ({ primaryButton, secondaryButton, primaryButtonProps, secondaryButtonProps, testId, className, ...props }: DialogFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default DialogFooter;

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

@@ -0,0 +1,11 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { HeadingProps } from '../Heading';
+export declare const NAME = "ucl-uikit-dialog__header";
+export interface DialogHeaderProps extends HTMLAttributes<HTMLDialogElement> {
+    decoration?: ReactNode;
+    headingProps?: HeadingProps;
+    closeButtonStopPropagation?: boolean;
+    testId?: string;
+}
+declare const DialogHeader: ({ decoration, headingProps, closeButtonStopPropagation, children, testId, className, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default DialogHeader;

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

@@ -0,0 +1,10 @@
+export { default as BaseDialog } from '../Dialog/BaseDialog';
+export type { BaseDialogProps } from '../Dialog/BaseDialog';
+export { default } from './Dialog';
+export type { DialogProps } from './Dialog';
+export { default as DialogHeader } from './DialogHeader';
+export type { DialogHeaderProps } from './DialogHeader';
+export { default as DialogFooter } from './DialogFooter';
+export type { DialogFooterProps } from './DialogFooter';
+export { default as DialogBody } from './DialogBody';
+export type { DialogBodyProps } from './DialogBody';

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+import { MarginProps } from '../common/marginsStyle';
+export declare const NAME = "ucl-divider";
+export interface DividerBaseProps extends Omit<HTMLAttributes<HTMLHRElement>, 'children'> {
+    testId?: string;
+}
+export type DividerProps = DividerBaseProps & MarginProps;
+declare const Divider: ({ testId, className, ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export default Divider;

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

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

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

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

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

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

package/dist/components/FeedbackDialog/FeedbackDialog.d.ts

@@ -0,0 +1,15 @@
+import { ButtonProps } from '..';
+import { DialogProps } from '../Dialog';
+import { ReactNode } from 'react';
+export declare const NAME = "ucl-uikit-dialog--feedback";
+export declare const ICON_SIZE = 72;
+export type FeedbackType = 'success' | 'warning' | 'error';
+export interface FeedbackDialogProps extends DialogProps {
+    type: FeedbackType;
+    heading: ReactNode;
+    buttonLabel: ReactNode;
+    buttonVariant?: ButtonProps['variant'];
+    buttonProps?: ButtonProps;
+}
+declare const FeedbackDialog: ({ type, heading, buttonLabel, buttonVariant, buttonProps, testId, className, children, ...props }: FeedbackDialogProps) => import("react/jsx-runtime").JSX.Element;
+export default FeedbackDialog;

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

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ type, heading, buttonLabel, buttonVariant, buttonProps, testId, className, children, ...props }: import('./FeedbackDialog').FeedbackDialogProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            story: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SuccessFeedbackDialog: Story;
+export declare const WarningFeedbackDialog: Story;
+export declare const ErrorFeedbackDialog: Story;

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

@@ -0,0 +1,2 @@
+export { default as FeedbackDialog } from './FeedbackDialog';
+export type { FeedbackDialogProps } from './FeedbackDialog';

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

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export interface CharacaterCountProps extends HTMLAttributes<HTMLDivElement> {
+    maxChars: number;
+    testId?: string;
+}
+declare const CharacaterCount: ({ maxChars, testId, className, ...props }: CharacaterCountProps) => import("react/jsx-runtime").JSX.Element;
+export default CharacaterCount;

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

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

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

@@ -0,0 +1,30 @@
+import { HTMLAttributes } from 'react';
+import { default as HelperText } from './HelperText';
+import { default as ErrorText } from './ErrorText';
+import { default as CharacterCount } from './CharacterCount';
+import { MarginProps } from '../common/marginsStyle';
+export declare const NAME = "ucl-uikit-field";
+export interface IFieldContext {
+    error: boolean;
+    disabled: boolean;
+    optional: boolean;
+    id: string;
+    charCount?: number;
+    setCharCount: (_count: number) => void;
+}
+export declare const FieldContext: import('react').Context<IFieldContext>;
+export interface FieldBaseProps extends HTMLAttributes<HTMLDivElement> {
+    error?: boolean;
+    disabled?: boolean;
+    optional?: boolean;
+    testId?: string;
+}
+export type FieldProps = FieldBaseProps & MarginProps;
+declare const Field: ({ error, disabled, optional, testId, className, children, ...props }: FieldProps) => import("react/jsx-runtime").JSX.Element;
+export interface IFieldSubcomponents {
+    HelperText: typeof HelperText;
+    ErrorText: typeof ErrorText;
+    CharacterCount: typeof CharacterCount;
+}
+declare const FieldWithSubcomponents: typeof Field & IFieldSubcomponents;
+export default FieldWithSubcomponents;

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

@@ -0,0 +1,84 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (({ error, disabled, optional, testId, className, children, ...props }: import('./Field').FieldProps) => import("react/jsx-runtime").JSX.Element) & import('./Field').IFieldSubcomponents;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const InputField: Story;
+export declare const DisabledInputField: Story;
+export declare const OptionalInputField: Story;
+export declare const InputFieldWithHelperText: Story;
+export declare const InputFieldWithErrorText: Story;
+export declare const InputFieldWithLongErrorText: Story;
+export declare const InputFieldWithHelperTextAndErrorText: Story;
+export declare const InputFieldWithValidationLogic: Story & {
+    argTypes: {
+        value: {
+            control: {
+                type: 'text';
+            };
+        };
+    };
+};
+export declare const TwoInputFieldsWithErrorText: Story & {
+    argTypes: {
+        _field_2_error: {
+            control: {
+                type: 'boolean';
+            };
+        };
+        _field_2_disabled: {
+            control: {
+                type: 'boolean';
+            };
+        };
+    };
+};
+export declare const TextareaField: Story;
+export declare const DisabledTextareaField: Story;
+export declare const OptionalTextareaField: Story;
+export declare const TextareaFieldWithHelperText: Story;
+export declare const TextareaFieldWithErrorText: Story;
+export declare const TextareaFieldWithHelperTextAndErrorText: Story;
+export declare const TwoTextareaFieldsWithErrorText: Story & {
+    argTypes: {
+        _field_2_error: {
+            control: {
+                type: 'boolean';
+            };
+        };
+        _field_2_disabled: {
+            control: {
+                type: 'boolean';
+            };
+        };
+        _field_2_optional: {
+            control: {
+                type: 'boolean';
+            };
+        };
+    };
+};
+export declare const TextareaFieldWithCounter: Story & {
+    argTypes: {
+        maxChars: {
+            control: {
+                type: 'number';
+            };
+        };
+    };
+};
+export declare const TextareaFieldWithCounterAndValidation: Story & {
+    argTypes: {
+        maxChars: {
+            control: {
+                type: 'number';
+            };
+        };
+    };
+};
+export declare const WithLongText: Story;

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

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

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

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

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

@@ -0,0 +1,6 @@
+export { default } from './Field';
+export type { FieldProps } from './Field';
+export { FieldContext } from './Field';
+export type { HelperTextProps } from './HelperText';
+export type { ErrorTextProps } from './ErrorText';
+export type { CharacaterCountProps } from './CharacterCount';

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

@@ -0,0 +1,20 @@
+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> {
+    testId?: string;
+    disclaimer?: string;
+    freedomOfInformation?: string;
+    accessibility?: string;
+    cookies?: string;
+    privacy?: string;
+    slaveryStatement?: string;
+}
+declare const MemoFooter: import('react').MemoExoticComponent<({ testId, className, disclaimer, freedomOfInformation, accessibility, cookies, privacy, slaveryStatement, children, ...props }: FooterProps) => import("react/jsx-runtime").JSX.Element>;
+export interface IFooterSubComponents {
+    Column: typeof FooterColumn;
+    NavLink: typeof FooterNavLink;
+}
+declare const FooterWithSubComponents: typeof MemoFooter & IFooterSubComponents;
+export default FooterWithSubComponents;

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

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('./Footer').FooterProps> & {
+        readonly type: ({ testId, className, disclaimer, freedomOfInformation, accessibility, cookies, privacy, slaveryStatement, children, ...props }: import('./Footer').FooterProps) => import("react/jsx-runtime").JSX.Element;
+    } & import('./Footer').IFooterSubComponents;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const FooterWithoutNavLinks: Story;
+export declare const FooterWithNavLinks: Story;

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

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-footer__column";
+export interface FooterColumnProps extends HTMLAttributes<HTMLDivElement> {
+    heading: string;
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ heading, testId, className, children, ...props }: FooterColumnProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import { LinkProps } from '../..';
+export declare const NAME = "ucl-uikit-footer__nav-link";
+export interface FooterNavLinkProps extends LinkProps {
+    href: string;
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ href, testId, className, children, ...props }: FooterNavLinkProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import { LinkProps } from '../..';
+export declare const NAME = "ucl-uikit-footer__social-link";
+export interface SocialLinkProps extends LinkProps {
+    socialNetwork: 'facebook' | 'flickr' | 'instagram' | 'soundcloud' | 'tiktok' | 'x' | 'youtube';
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ socialNetwork, testId, className, ...props }: SocialLinkProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { default as React, HTMLAttributes } from 'react';
+import { default as HeaderMenu } from './HeaderMenu';
+export declare const NAME = "ucl-uikit-header";
+export declare const HEADER_TOP_HEIGHT = 72;
+export declare const Z_INDEX = 3;
+export interface HeaderProps extends HTMLAttributes<HTMLElement> {
+    title?: string;
+    fixed?: boolean;
+    testId?: string;
+}
+declare const MemoAppHeader: React.MemoExoticComponent<({ title, fixed, testId, className, children, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export interface IHeaderSubComponents {
+    Menu: typeof HeaderMenu;
+}
+declare const HeaderWithSubComponents: typeof MemoAppHeader & IHeaderSubComponents;
+export default HeaderWithSubComponents;

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

@@ -0,0 +1,7 @@
+import { default as React, HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-header__menu";
+export interface HeaderMenuProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+}
+declare const HeaderMenu: React.FC<HeaderMenuProps>;
+export default HeaderMenu;

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

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

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

@@ -0,0 +1,3 @@
+export { default } from './Header';
+export { HEADER_TOP_HEIGHT } from './Header';
+export type { HeaderProps } from './Header';

package/dist/components/HeaderDraft/HeaderBottomBreadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-header__bottom--breadcrumbs";
+export interface HeaderBottomBreadcrumbsProps extends HTMLAttributes<HTMLElement> {
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ testId, className, children, ...props }: HeaderBottomBreadcrumbsProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/HeaderDraft/HeaderBottomHeadingAndAvatar.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-header__avatar";
+export declare const HEADER_TOP_HEIGHT = 72;
+export declare const Z_INDEX = 3;
+export interface HeaderProps extends HTMLAttributes<HTMLDivElement> {
+    heading: string;
+    subheading: string;
+    name: string;
+    role: string;
+    profileImageSrc?: string;
+    fixed?: boolean;
+    sticky?: boolean;
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ heading, subheading, name, role, profileImageSrc, testId, className, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/HeaderDraft/HeaderBreadcrumb.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-header__breadcrumb";
+export interface HeaderBreadcrumbProps extends HTMLAttributes<HTMLLIElement> {
+    link?: boolean;
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ link, testId, className, children, ...props }: HeaderBreadcrumbProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/HeaderDraft/HeaderDraft.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes, default as React } from 'react';
+import { default as HeaderBreadcrumb } from './HeaderBreadcrumb';
+import { default as HeaderMenu } from './HeaderMenu';
+export declare const NAME = "ucl-uikit-header";
+export declare const HEADER_TOP_HEIGHT = 72;
+export declare const Z_INDEX = 3;
+export interface HeaderDraftProps extends HTMLAttributes<HTMLElement> {
+    variant?: 'breadcrumbs' | 'avatar';
+    title?: string;
+    heading?: string;
+    subheading?: string;
+    name?: string;
+    role?: string;
+    profileImageSrc?: string;
+    menu?: boolean;
+    fixed?: boolean;
+    sticky?: boolean;
+    testId?: string;
+}
+declare const MemoAppHeader: React.MemoExoticComponent<({ variant, title, heading, subheading, name, role, profileImageSrc, menu, fixed, sticky, testId, className, children, ...props }: HeaderDraftProps) => import("react/jsx-runtime").JSX.Element>;
+export interface IHeaderSubComponents {
+    Breadcrumb: typeof HeaderBreadcrumb;
+    Menu: typeof HeaderMenu;
+}
+declare const HeaderWithSubComponents: typeof MemoAppHeader & IHeaderSubComponents;
+export default HeaderWithSubComponents;

package/dist/components/HeaderDraft/HeaderMenu.d.ts

@@ -0,0 +1,7 @@
+import { default as React, HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-header__menu";
+export interface HeaderMenuProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+}
+declare const HeaderMenu: React.FC<HeaderMenuProps>;
+export default HeaderMenu;

package/dist/components/HeaderDraft/__tests__/Header.test.d.ts

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

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

@@ -0,0 +1,4 @@
+export { default } from './HeaderDraft';
+export { HEADER_TOP_HEIGHT } from './HeaderDraft';
+export type { HeaderDraftProps } from './HeaderDraft';
+export { default as HeaderBreadcrumb } from './HeaderBreadcrumb';

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

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+import { MarginProps } from '../common/marginsStyle';
+export declare const NAME = "ucl-heading";
+export interface HeadingBaseProps extends HTMLAttributes<HTMLHeadingElement> {
+    level?: 1 | 2 | 3 | 4;
+    margins?: boolean;
+    testId?: string;
+}
+export type HeadingProps = HeadingBaseProps & MarginProps;
+export type Ref = HTMLHeadingElement;
+declare const _default: import('react').NamedExoticComponent<HeadingBaseProps & MarginProps & import('react').RefAttributes<HTMLHeadingElement>>;
+export default _default;

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

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('./Heading').HeadingBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLHeadingElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Level1: Story;
+export declare const Level2: Story;
+export declare const Level3: Story;
+export declare const Level4: Story;
+export declare const Margins: Story;
+export declare const NoMargins: Story;

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

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

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

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

package/dist/components/Icon/BaseIcon.d.ts

@@ -0,0 +1,13 @@
+import { SVGAttributes, SVGProps } from 'react';
+export declare const NAME = "ucl-uikit-icon";
+interface ITitledSvgProps<T> extends SVGProps<T> {
+    title?: string;
+}
+export interface BaseIconProps extends SVGAttributes<SVGElement> {
+    svg: React.FC<ITitledSvgProps<SVGSVGElement>>;
+    size?: number;
+    title?: string;
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ svg, size, title, width, height, testId, className, ...props }: BaseIconProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,16 @@
+import { BaseIconProps } from './BaseIcon';
+import { default as svgs } from './svgImports';
+type SvgsType = typeof svgs;
+type SvgKeyType = keyof SvgsType;
+export interface IconProps extends BaseIconProps {
+}
+export interface SpecificIconProps extends Omit<BaseIconProps, 'svg'> {
+}
+declare const specificIcons: Record<SvgKeyType, React.FC<SpecificIconProps>>;
+declare const MemoIcon: import('react').MemoExoticComponent<({ ...props }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+type ExtendedIconConfigType = typeof MemoIcon & SpecificIconsType & {
+    getIconNames: () => SvgKeyType[];
+};
+declare const ExtendedIconConfig: ExtendedIconConfigType;
+export type SpecificIconsType = typeof specificIcons;
+export default ExtendedIconConfig;

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

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

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

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

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