uikit-react-public 0.40.1 → 0.40.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/components/Footer/Footer.d.ts +10 -5
  2. package/dist/components/Footer/Footer.stories.d.ts +1 -1
  3. package/dist/components/Footer/FooterNavLink.d.ts +1 -1
  4. package/dist/components/Footer/SocialLink.d.ts +1 -1
  5. package/dist/components/FooterNew/FooterNavLink.d.ts +1 -1
  6. package/dist/components/FooterNew/SocialLink.d.ts +1 -1
  7. package/dist/components/Header/Header.d.ts +6 -1
  8. package/dist/components/Header/Header.stories.d.ts +1 -1
  9. package/dist/components/HeaderNew/HeaderLogo.d.ts +1 -1
  10. package/dist/index.js +5148 -5043
  11. package/lib/components/Footer/Footer.tsx +83 -6
  12. package/lib/components/Footer/FooterColumn.tsx +2 -3
  13. package/lib/components/Footer/FooterNavLink.tsx +3 -1
  14. package/lib/components/Footer/SocialLink.tsx +4 -1
  15. package/lib/components/Footer/__tests__/Footer.test.tsx +42 -9
  16. package/lib/components/FooterNew/BackToTop.tsx +1 -1
  17. package/lib/components/FooterNew/Footer.tsx +1 -1
  18. package/lib/components/FooterNew/FooterColumn.tsx +1 -1
  19. package/lib/components/FooterNew/FooterLinks.tsx +1 -1
  20. package/lib/components/FooterNew/FooterNavLink.tsx +3 -1
  21. package/lib/components/FooterNew/LegalAndCopyright.tsx +1 -1
  22. package/lib/components/FooterNew/LogoAddressAndSocial.tsx +2 -1
  23. package/lib/components/FooterNew/SocialLink.tsx +4 -1
  24. package/lib/components/Header/Header.tsx +67 -2
  25. package/lib/components/Header/__tests__/Header.test.tsx +50 -0
  26. package/lib/components/HeaderNew/Header.tsx +1 -1
  27. package/lib/components/HeaderNew/HeaderBorder.tsx +1 -1
  28. package/lib/components/HeaderNew/HeaderItem.tsx +1 -1
  29. package/lib/components/HeaderNew/HeaderLogo.tsx +3 -1
  30. package/lib/components/HeaderNew/HeaderTitle.tsx +1 -1
  31. package/package.json +1 -1
@@ -1,20 +1,25 @@
1
1
  import { HTMLAttributes } from 'react';
2
- import { default as FooterColumn } from './FooterColumn';
3
- import { default as FooterNavLink } from './FooterNavLink';
2
+ import { FooterColumnProps } from './FooterColumn';
3
+ import { FooterNavLinkProps } from './FooterNavLink';
4
4
  export declare const NAME = "ucl-uikit-footer";
5
5
  export interface FooterProps extends HTMLAttributes<HTMLElement> {
6
6
  testId?: string;
7
+ addressFormat?: 'compact' | 'full';
8
+ showSocialLinks?: boolean;
7
9
  disclaimer?: string;
8
10
  freedomOfInformation?: string;
9
11
  accessibility?: string;
10
12
  cookies?: string;
11
13
  privacy?: string;
12
14
  slaveryStatement?: string;
15
+ login?: string;
13
16
  }
14
- declare const MemoFooter: import('react').MemoExoticComponent<({ testId, className, disclaimer, freedomOfInformation, accessibility, cookies, privacy, slaveryStatement, children, ...props }: FooterProps) => import("react").JSX.Element>;
17
+ declare const FooterColumnBridge: (props: FooterColumnProps) => import("react").JSX.Element;
18
+ declare const FooterNavLinkBridge: (props: FooterNavLinkProps) => import("react").JSX.Element;
19
+ declare const MemoFooter: import('react').MemoExoticComponent<({ testId, className, addressFormat, showSocialLinks, disclaimer, freedomOfInformation, accessibility, cookies, privacy, slaveryStatement, login, children, ...props }: FooterProps) => import("react").JSX.Element>;
15
20
  export interface IFooterSubComponents {
16
- Column: typeof FooterColumn;
17
- NavLink: typeof FooterNavLink;
21
+ Column: typeof FooterColumnBridge;
22
+ NavLink: typeof FooterNavLinkBridge;
18
23
  }
19
24
  declare const FooterWithSubComponents: typeof MemoFooter & IFooterSubComponents;
20
25
  export default FooterWithSubComponents;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: import('react').NamedExoticComponent<import('./Footer').FooterProps> & {
5
- readonly type: ({ testId, className, disclaimer, freedomOfInformation, accessibility, cookies, privacy, slaveryStatement, children, ...props }: import('./Footer').FooterProps) => import("react").JSX.Element;
5
+ readonly type: ({ testId, className, addressFormat, showSocialLinks, disclaimer, freedomOfInformation, accessibility, cookies, privacy, slaveryStatement, login, children, ...props }: import('./Footer').FooterProps) => import("react").JSX.Element;
6
6
  } & import('./Footer').IFooterSubComponents;
7
7
  parameters: {
8
8
  layout: string;
@@ -1,4 +1,4 @@
1
- import { LinkProps } from '../..';
1
+ import { LinkProps } from '../Link';
2
2
  export declare const NAME = "ucl-uikit-footer__nav-link";
3
3
  export interface FooterNavLinkProps extends LinkProps {
4
4
  href: string;
@@ -1,4 +1,4 @@
1
- import { LinkProps } from '../..';
1
+ import { LinkProps } from '../Link';
2
2
  export declare const NAME = "ucl-uikit-footer__social-link";
3
3
  export interface SocialLinkProps extends LinkProps {
4
4
  socialNetwork: 'facebook' | 'flickr' | 'instagram' | 'soundcloud' | 'tiktok' | 'x' | 'youtube';
@@ -1,4 +1,4 @@
1
- import { LinkProps } from '../..';
1
+ import { LinkProps } from '../Link';
2
2
  export declare const NAME = "ucl-uikit-footer__nav-link";
3
3
  export interface FooterNavLinkProps extends LinkProps {
4
4
  href: string;
@@ -1,4 +1,4 @@
1
- import { LinkProps } from '../..';
1
+ import { LinkProps } from '../Link';
2
2
  export declare const NAME = "ucl-uikit-footer__social-link";
3
3
  export interface SocialLinkProps extends LinkProps {
4
4
  socialNetwork: 'bluesky' | 'instagram' | 'linkedin' | 'youtube' | 'tiktok' | 'facebook' | 'threads' | 'soundcloud';
@@ -1,23 +1,28 @@
1
1
  import { HTMLAttributes } from 'react';
2
2
  import { default as HeaderMenu } from './HeaderMenu';
3
+ import { default as HeaderNew } from '../HeaderNew';
3
4
  export declare const NAME = "ucl-uikit-header";
4
5
  export declare const HEADER_DESKTOP_HEIGHT_PX = 72;
5
6
  export declare const HEADER_MOBILE_HEIGHT_PX = 48;
6
7
  export declare const DEFAULT_Z_INDEX = 3;
7
8
  export interface HeaderProps extends HTMLAttributes<HTMLElement> {
8
9
  title?: string;
10
+ /** @deprecated Only used by the default-theme legacy Header. */
9
11
  fixed?: boolean;
10
12
  titleAs?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
11
13
  titleClassName?: string;
12
14
  titleProps?: Record<string, unknown>;
13
15
  homeLinkHref?: string;
14
16
  homeLinkProps?: Record<string, unknown>;
17
+ /** @deprecated Use `homeLinkProps={{ 'aria-label': '...' }}` instead. */
15
18
  homeLinkAriaLabel?: string;
16
19
  testId?: string;
17
20
  }
18
- declare const MemoAppHeader: import('react').MemoExoticComponent<({ title, fixed, titleAs, titleClassName, titleProps, homeLinkHref, homeLinkProps, homeLinkAriaLabel, testId, className, children, ...props }: HeaderProps) => import("react").JSX.Element>;
21
+ declare const MemoAppHeader: import('react').MemoExoticComponent<({ title, titleAs, titleClassName, titleProps, homeLinkHref, homeLinkProps, homeLinkAriaLabel, testId, className, children, fixed, ...props }: HeaderProps) => import("react").JSX.Element>;
19
22
  export interface IHeaderSubComponents {
20
23
  Menu: typeof HeaderMenu;
24
+ MenuContainer: (typeof HeaderNew)['MenuContainer'];
25
+ Item: (typeof HeaderNew)['Item'];
21
26
  }
22
27
  declare const HeaderWithSubComponents: typeof MemoAppHeader & IHeaderSubComponents;
23
28
  export default HeaderWithSubComponents;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: import('react').NamedExoticComponent<import('./Header').HeaderProps> & {
5
- readonly type: ({ title, fixed, titleAs, titleClassName, titleProps, homeLinkHref, homeLinkProps, homeLinkAriaLabel, testId, className, children, ...props }: import('./Header').HeaderProps) => import("react").JSX.Element;
5
+ readonly type: ({ title, titleAs, titleClassName, titleProps, homeLinkHref, homeLinkProps, homeLinkAriaLabel, testId, className, children, fixed, ...props }: import('./Header').HeaderProps) => import("react").JSX.Element;
6
6
  } & import('./Header').IHeaderSubComponents;
7
7
  parameters: {
8
8
  layout: string;
@@ -1,4 +1,4 @@
1
- import { UclLogoProps } from '../..';
1
+ import { UclLogoProps } from '../UclLogoNew/UclLogo';
2
2
  export declare const NAME = "ucl-uikit-header__logo";
3
3
  export interface HeaderLogoProps extends UclLogoProps {
4
4
  linkHref?: string;