Merge pull request #44 from make-software/CLICK-947

 [CLICK-933] [CLICK-947] ZIndex fix + extended DropdownMenuItem and ProductMenuItem interfaces

Author: LookerClocker

dist/cspr-design.es.js

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { BaseProps } from '../../types';
-export interface FlexBoxProps extends BaseProps {
+type NativeDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof BaseProps>;
+export interface FlexBoxProps extends BaseProps, NativeDivProps {
     itemsSpacing?: number;
     innerRef?: React.Ref<HTMLDivElement>;
     gap?: React.CSSProperties['gap'];

dist/cspr-design.umd.js

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
 import { ActivableProps, BaseProps } from '../../types';
 type Ref = HTMLAnchorElement;
-export interface NavLinkProps extends BaseProps, ActivableProps {
+type NativeAnchorProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseProps | keyof ActivableProps>;
+export interface NavLinkProps extends BaseProps, ActivableProps, NativeAnchorProps {
     disabled?: boolean;
     target?: string;
     href?: string;

dist/lib/components/flex-box/flex-box.d.ts

@@ -9,6 +9,8 @@ export interface ProductsMenuItemProps {
     link: string;
     icon: string;
     badge?: BadgeProps;
+    tabIndex?: number;
+    role?: string;
 }
 export declare enum ThemeModeType {
     light = "light",
@@ -18,7 +20,7 @@ export declare const ProductItemWrapper: import('styled-components').StyledCompo
     isOpen?: boolean;
     selected?: boolean;
     disabled: boolean;
-}, never>;
+} & React.HTMLAttributes<HTMLSpanElement>, never>;
 export declare const StyledBodyText: import('styled-components').StyledComponent<React.ForwardRefExoticComponent<import('../../..').BodyTextProps & React.RefAttributes<HTMLSpanElement>>, import('styled-components').DefaultTheme, {}, never>;
 export declare const ProductsMenuItem: React.ForwardRefExoticComponent<ProductsMenuItemProps & React.RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=products-menu-item.d.ts.map

dist/lib/components/flex-box/flex-box.d.ts.map

@@ -1,10 +1,7 @@
 import { default as React } from 'react';
-interface DropdownMenuItemProps {
-    onClick?: () => void;
+export interface DropdownMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
     padding?: string;
+    children?: React.ReactNode;
 }
-export declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLSpanElement>>;
-export {};
+export declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=dropdown-menu-item.d.ts.map