@dxc-technology/halstack-react 0.0.0-c2aa807 → 0.0.0-c2da493

package/dist/index.d.mts

@@ -350,6 +350,20 @@ type Props$F = {
     title?: string;
 };
 
+type Logo = {
+    /**
+     * URL to navigate when the logo is clicked.
+     */
+    href?: string;
+    /**
+     * Source of the logo image.
+     */
+    src: string;
+    /**
+     * Alternative text for the logo image.
+     */
+    title?: string;
+};
 type Props$E = {
     /**
      * Whether a contrast line should appear at the bottom of the header.
@@ -367,13 +381,17 @@ type Props$E = {
      */
     responsiveContent?: (closeHandler: () => void) => ReactNode;
     /**
-     * This function will be called when the user clicks the header logo.
+     * Logo to be displayed inside the header
      */
-    onClick?: () => void;
+    logo?: Logo;
     /**
      * Size of the bottom margin to be applied to the header.
      */
     margin?: Space$1;
+    /**
+     * This function will be called when the user clicks the header logo.
+     */
+    onClick?: () => void;
     /**
      * Value of the tabindex for all interactive elements, except those inside the
      * custom area.
@@ -476,7 +494,7 @@ declare const DxcApplicationLayout: {
     ({ visibilityToggleLabel, header, sidenav, footer, children, }: ApplicationLayoutPropsType): JSX.Element;
     Footer: ({ socialLinks, bottomLinks, copyright, children, margin, tabIndex, mode, }: FooterPropsType) => JSX.Element;
     Header: {
-        ({ underlined, content, responsiveContent, onClick, margin, tabIndex, }: Props$E): JSX.Element;
+        ({ underlined, content, responsiveContent, logo, margin, onClick, tabIndex, }: Props$E): JSX.Element;
         Dropdown: (props: react.ComponentProps<({ options, optionsIconPosition, icon, iconPosition, label, caretHidden, disabled, expandOnHover, onSelectOption, margin, size, tabIndex, title, }: Props$F) => react_jsx_runtime.JSX.Element>) => react_jsx_runtime.JSX.Element;
     };
     Main: ({ children }: AppLayoutMainPropsType) => JSX.Element;
@@ -2996,7 +3014,7 @@ type TabProps = {
     defaultActive?: boolean;
     active?: boolean;
     title?: string;
-    tabId: string;
+    tabId?: string;
     disabled?: boolean;
     notificationNumber?: boolean | number;
     children: ReactNode;

package/dist/index.d.ts

@@ -350,6 +350,20 @@ type Props$F = {
     title?: string;
 };
 
+type Logo = {
+    /**
+     * URL to navigate when the logo is clicked.
+     */
+    href?: string;
+    /**
+     * Source of the logo image.
+     */
+    src: string;
+    /**
+     * Alternative text for the logo image.
+     */
+    title?: string;
+};
 type Props$E = {
     /**
      * Whether a contrast line should appear at the bottom of the header.
@@ -367,13 +381,17 @@ type Props$E = {
      */
     responsiveContent?: (closeHandler: () => void) => ReactNode;
     /**
-     * This function will be called when the user clicks the header logo.
+     * Logo to be displayed inside the header
      */
-    onClick?: () => void;
+    logo?: Logo;
     /**
      * Size of the bottom margin to be applied to the header.
      */
     margin?: Space$1;
+    /**
+     * This function will be called when the user clicks the header logo.
+     */
+    onClick?: () => void;
     /**
      * Value of the tabindex for all interactive elements, except those inside the
      * custom area.
@@ -476,7 +494,7 @@ declare const DxcApplicationLayout: {
     ({ visibilityToggleLabel, header, sidenav, footer, children, }: ApplicationLayoutPropsType): JSX.Element;
     Footer: ({ socialLinks, bottomLinks, copyright, children, margin, tabIndex, mode, }: FooterPropsType) => JSX.Element;
     Header: {
-        ({ underlined, content, responsiveContent, onClick, margin, tabIndex, }: Props$E): JSX.Element;
+        ({ underlined, content, responsiveContent, logo, margin, onClick, tabIndex, }: Props$E): JSX.Element;
         Dropdown: (props: react.ComponentProps<({ options, optionsIconPosition, icon, iconPosition, label, caretHidden, disabled, expandOnHover, onSelectOption, margin, size, tabIndex, title, }: Props$F) => react_jsx_runtime.JSX.Element>) => react_jsx_runtime.JSX.Element;
     };
     Main: ({ children }: AppLayoutMainPropsType) => JSX.Element;
@@ -2996,7 +3014,7 @@ type TabProps = {
     defaultActive?: boolean;
     active?: boolean;
     title?: string;
-    tabId: string;
+    tabId?: string;
     disabled?: boolean;
     notificationNumber?: boolean | number;
     children: ReactNode;