pixel-react 1.1.9 → 1.2.0

package/lib/components/AppHeader/types.d.ts

@@ -14,17 +14,17 @@ export interface AppHeaderProps {
     onQuickMenuClick?: (text: any) => void;
 }
 export interface appHeaderMenuItemProps {
-    menuLabel: string;
-    menuName?: string;
+    label: string;
+    path?: string;
     subMenuItems?: appHeaderSubMenuItemProps[];
 }
 export interface appHeaderSubMenuItemProps {
-    subMenuLabel: string;
-    subMenuName?: string;
+    label: string;
+    path?: string;
     quickMenuItems?: appHeaderQuickMenuItemProps[];
 }
 export interface appHeaderQuickMenuItemProps {
-    quickMenuLabel?: string;
-    quickMenuName?: string;
-    quickMenuIconName: string;
+    label?: string;
+    path?: string;
+    iconName: string;
 }

package/lib/components/Drawer/Drawer.stories.d.ts

@@ -7,4 +7,6 @@ export declare const Default: Story;
 export declare const WithoutHeader: Story;
 export declare const WithCustomHeader: Story;
 export declare const WithCustomFooter: Story;
+export declare const WithTertiaryButtons: Story;
+export declare const WithCustomZIndex: Story;
 export declare const Controlled: Story;

package/lib/components/Drawer/Types.d.ts

@@ -106,4 +106,15 @@ export interface DrawerProps {
     * If provided, this will render in place of the default footer.
     */
     customFooter?: ReactNode;
+    /**
+     * Tertiary button properties (optional)
+     */
+    tertiaryButtonProps?: {
+        left?: BtnPropsCommon;
+        right?: BtnPropsCommon;
+    };
+    /**
+     * Custom z-index for the drawer
+     */
+    zIndex?: number;
 }

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

@@ -4,4 +4,5 @@ declare const meta: Meta<typeof Icon>;
 type Story = StoryObj<typeof Icon>;
 export declare const Icons: Story;
 export declare const AllIcons: Story;
+export declare const DarkVariantIcons: Story;
 export default meta;

package/lib/components/Icon/types.d.ts

@@ -7,4 +7,5 @@ export interface IconProps {
     onClick?: (data?: any) => void;
     hoverEffect?: boolean;
     disabled?: boolean;
+    variant?: "dark" | "light";
 }

package/lib/components/Table/Table.d.ts

@@ -1,4 +1,4 @@
 import './Table.scss';
 import { TableProps } from './Types';
-declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, tableHeadClass, tableBodyRowClass, }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Table;

package/lib/components/Table/Table.stories.d.ts

@@ -3,6 +3,8 @@ import Table from './Table';
 declare const meta: Meta<typeof Table>;
 type Story = StoryObj<typeof Table>;
 export declare const Default: Story;
+export declare const PrimaryHeaderTextColor: Story;
+export declare const TableDataTextColor: Story;
 export declare const PageTable: Story;
 export declare const PrimaryHeader: Story;
 export declare const FixedHeaderWithBorder: Story;

package/lib/components/Table/Types.d.ts

@@ -103,4 +103,20 @@ export interface TableProps {
      *  classNames for the table Row container
      */
     tableBodyRowClass?: string;
+    /**
+     * custom color for the column text
+     */
+    headerTextColor?: 'default' | 'primary';
+    /**
+     * custom color for the row text
+     */
+    tableDataTextColor?: string;
+    /**
+     * icon for the table header, for expand or other purposes
+     */
+    headerIconName?: string;
+    /**
+     * handle function for the table header icon
+     */
+    headerIconOnClick?: () => void;
 }

package/lib/index.d.ts

@@ -179,6 +179,17 @@ interface DrawerProps {
     * If provided, this will render in place of the default footer.
     */
     customFooter?: ReactNode;
+    /**
+     * Tertiary button properties (optional)
+     */
+    tertiaryButtonProps?: {
+        left?: BtnPropsCommon;
+        right?: BtnPropsCommon;
+    };
+    /**
+     * Custom z-index for the drawer
+     */
+    zIndex?: number;
 }
 
 declare const Drawer: FC<DrawerProps>;
@@ -192,6 +203,7 @@ interface IconProps {
     onClick?: (data?: any) => void;
     hoverEffect?: boolean;
     disabled?: boolean;
+    variant?: "dark" | "light";
 }
 
 declare const Icon: React$1.ForwardRefExoticComponent<IconProps & React$1.RefAttributes<HTMLSpanElement>>;
@@ -925,9 +937,25 @@ interface TableProps {
      *  classNames for the table Row container
      */
     tableBodyRowClass?: string;
+    /**
+     * custom color for the column text
+     */
+    headerTextColor?: 'default' | 'primary';
+    /**
+     * custom color for the row text
+     */
+    tableDataTextColor?: string;
+    /**
+     * icon for the table header, for expand or other purposes
+     */
+    headerIconName?: string;
+    /**
+     * handle function for the table header icon
+     */
+    headerIconOnClick?: () => void;
 }
 
-declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, tableHeadClass, tableBodyRowClass, }: TableProps) => react_jsx_runtime.JSX.Element | null;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps) => react_jsx_runtime.JSX.Element | null;
 
 /**
  * Props for the Add Resource Button component.
@@ -1610,19 +1638,19 @@ interface AppHeaderProps {
     onQuickMenuClick?: (text: any) => void;
 }
 interface appHeaderMenuItemProps {
-    menuLabel: string;
-    menuName?: string;
+    label: string;
+    path?: string;
     subMenuItems?: appHeaderSubMenuItemProps[];
 }
 interface appHeaderSubMenuItemProps {
-    subMenuLabel: string;
-    subMenuName?: string;
+    label: string;
+    path?: string;
     quickMenuItems?: appHeaderQuickMenuItemProps[];
 }
 interface appHeaderQuickMenuItemProps {
-    quickMenuLabel?: string;
-    quickMenuName?: string;
-    quickMenuIconName: string;
+    label?: string;
+    path?: string;
+    iconName: string;
 }
 
 declare const AppHeader: React.FC<AppHeaderProps>;