@razorpay/blade 11.32.0 → 11.33.0

package/build/types/components/index.d.ts

@@ -4555,9 +4555,16 @@ type IconButtonProps = {
 } & BladeCommonEvents & Platform.Select<{
     web: {
         onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+        /**
+         * This changes the hover interaction to highlight icon more
+         *
+         * **Only available on web currently**
+         */
+        isHighlighted?: boolean;
     };
     native: {
         onClick: (event: GestureResponderEvent) => void;
+        isHighlighted?: undefined;
     };
 }>;
 declare const IconButton: React__default.ForwardRefExoticComponent<{
@@ -4591,6 +4598,12 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
     _tabIndex?: number | undefined;
 } & BladeCommonEvents & {
     onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * This changes the hover interaction to highlight icon more
+     *
+     * **Only available on web currently**
+     */
+    isHighlighted?: boolean | undefined;
 } & {
     __brand__?: "platform-web" | undefined;
 } & React__default.RefAttributes<BladeElementRef>>;
@@ -11879,7 +11892,7 @@ type TableHeaderProps = {
      *   </TableHeaderRow>
      * </TableHeader>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
 type TableHeaderRowProps = {
     /**
@@ -11891,7 +11904,7 @@ type TableHeaderRowProps = {
      *   </TableHeaderRow>
      * </TableHeader>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The rowDensity prop determines the density of the table.
      * The rowDensity prop can be 'compact', 'normal', or'comfortable'.
@@ -11903,20 +11916,21 @@ type TableHeaderCellProps = {
     /**
      * The children of TableHeaderCell can be a string or a ReactNode.
      **/
-    children: string | React.ReactNode;
+    children: string | React__default.ReactNode;
     /**
      * The unique key of the column.
      * This is used to identify the column for sorting in sortFunctions prop of Table.
      * Sorting is enabled only for columns whose key is present in sortableColumns prop of Table.
      **/
     headerKey?: string;
+    _hasPadding?: boolean;
 };
 type TableProps<Item> = {
     /**
      * The children of the Table component should be a function that returns TableHeader, TableBody and TableFooter components.
      * The function will be called with the tableData prop.
      */
-    children: (tableData: TableNode<Item>[]) => React.ReactElement;
+    children: (tableData: TableNode<Item>[]) => React__default.ReactElement;
     /**
      * The data prop is an object with a nodes property that is an array of objects.
      * Each object in the array is a row in the table.
@@ -11994,12 +12008,12 @@ type TableProps<Item> = {
      * The toolbar prop is a React element that is rendered above the table.
      * The toolbar prop should be a `TableToolbar` component.
      **/
-    toolbar?: React.ReactElement;
+    toolbar?: React__default.ReactElement;
     /**
      * The pagination prop is a React element that is rendered below the table.
      * The pagination prop should be a `TablePagination` component.
      **/
-    pagination?: React.ReactElement;
+    pagination?: React__default.ReactElement;
     /**
      * The height prop is a responsive styled prop that determines the height of the table.
      **/
@@ -12044,7 +12058,7 @@ type TableBodyProps = {
      *   </TableRow>
      * </TableBody>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
 type TableRowProps<Item> = {
     /**
@@ -12054,7 +12068,7 @@ type TableRowProps<Item> = {
      *   <TableCell>...</TableCell>
      * </TableRow>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The item prop is used to pass the individual table item to the TableRow component.
      * @example
@@ -12085,6 +12099,7 @@ type TableRowProps<Item> = {
     onClick?: ({ item }: {
         item: TableNode<Item>;
     }) => void;
+    hoverActions?: React__default.ReactElement;
 } & TestID;
 type TableCellProps = {
     /**
@@ -12098,7 +12113,13 @@ type TableCellProps = {
      * <Button>...</Button>
      * </TableCell>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
+    /**
+     * Removes padding from CellWrapper
+     *
+     * @private
+     */
+    _hasPadding?: boolean;
 };
 type TableEditableCellProps = Pick<BaseInputProps, 'validationState' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'leadingIcon' | 'trailingButton' | 'errorText' | 'successText'> & {
     accessibilityLabel: NonNullable<BaseInputProps['accessibilityLabel']>;
@@ -12114,7 +12135,7 @@ type TableFooterProps = {
      *   </TableFooterRow>
      * </TableFooter>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
 type TableFooterRowProps = {
     /**
@@ -12126,13 +12147,13 @@ type TableFooterRowProps = {
      *   </TableFooterRow>
      * </TableFooter>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
 type TableFooterCellProps = {
     /**
      * The children of TableHeaderCell can be a string or a ReactNode.
      **/
-    children: string | React.ReactNode;
+    children: string | React__default.ReactNode;
 };
 type TablePaginationCommonProps = {
     /**
@@ -12220,7 +12241,7 @@ type TableToolbarProps = {
     /**
      * The children of TableToolbar should be TableToolbarActions
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * The title of the TableToolbar. If not provided, it will show the default title.
      * @default `Showing 1 to ${totalItems} Items`
@@ -12233,18 +12254,18 @@ type TableToolbarProps = {
     selectedTitle?: string;
 };
 type TableToolbarActionsProps = {
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 } & StyledPropsBlade;
 
 declare const Table: <Item>({ children, data, multiSelectTrigger, selectionType, onSelectionChange, isHeaderSticky, isFooterSticky, isFirstColumnSticky, rowDensity, onSortChange, sortFunctions, toolbar, pagination, height, showStripedRows, gridTemplateColumns, isLoading, isRefreshing, showBorderedCells, defaultSelectedIds, ...styledProps }: TableProps<Item>) => React__default.ReactElement;
 
 declare const TableHeader: ({ children }: TableHeaderRowProps) => React__default.ReactElement;
-declare const TableHeaderCell: ({ children, headerKey }: TableHeaderCellProps) => React__default.ReactElement;
+declare const TableHeaderCell: ({ children, headerKey, _hasPadding, }: TableHeaderCellProps) => React__default.ReactElement;
 declare const TableHeaderRow: ({ children, rowDensity }: TableHeaderRowProps) => React__default.ReactElement;
 
 declare const TableBody: ({ children }: TableBodyProps) => React__default.ReactElement;
-declare const TableCell: ({ children }: TableCellProps) => React__default.ReactElement;
-declare const TableRow: <Item>({ children, item, isDisabled, onHover, onClick, testID, }: TableRowProps<Item>) => React__default.ReactElement;
+declare const TableCell: ({ children, _hasPadding }: TableCellProps) => React__default.ReactElement;
+declare const TableRow: <Item>({ children, item, isDisabled, onHover, onClick, hoverActions, testID, }: TableRowProps<Item>) => React__default.ReactElement;
 
 declare const TableFooter: ({ children }: TableFooterProps) => React__default.ReactElement;
 declare const TableFooterRow: ({ children }: TableFooterRowProps) => React__default.ReactElement;

package/build/types/components/index.native.d.ts

@@ -3717,9 +3717,16 @@ type IconButtonProps = {
 } & BladeCommonEvents & Platform.Select<{
     web: {
         onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+        /**
+         * This changes the hover interaction to highlight icon more
+         *
+         * **Only available on web currently**
+         */
+        isHighlighted?: boolean;
     };
     native: {
         onClick: (event: GestureResponderEvent) => void;
+        isHighlighted?: undefined;
     };
 }>;
 declare const IconButton: React__default.ForwardRefExoticComponent<{
@@ -3753,6 +3760,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
     _tabIndex?: number | undefined;
 } & BladeCommonEvents & {
     onClick: (event: GestureResponderEvent) => void;
+    isHighlighted?: undefined;
 } & {
     __brand__?: "platform-native" | undefined;
 } & React__default.RefAttributes<BladeElementRef>>;
@@ -8705,7 +8713,7 @@ type TableHeaderProps = {
      *   </TableHeaderRow>
      * </TableHeader>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
 type TableHeaderRowProps = {
     /**
@@ -8717,7 +8725,7 @@ type TableHeaderRowProps = {
      *   </TableHeaderRow>
      * </TableHeader>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The rowDensity prop determines the density of the table.
      * The rowDensity prop can be 'compact', 'normal', or'comfortable'.
@@ -8729,20 +8737,21 @@ type TableHeaderCellProps = {
     /**
      * The children of TableHeaderCell can be a string or a ReactNode.
      **/
-    children: string | React.ReactNode;
+    children: string | React__default.ReactNode;
     /**
      * The unique key of the column.
      * This is used to identify the column for sorting in sortFunctions prop of Table.
      * Sorting is enabled only for columns whose key is present in sortableColumns prop of Table.
      **/
     headerKey?: string;
+    _hasPadding?: boolean;
 };
 type TableProps<Item> = {
     /**
      * The children of the Table component should be a function that returns TableHeader, TableBody and TableFooter components.
      * The function will be called with the tableData prop.
      */
-    children: (tableData: TableNode<Item>[]) => React.ReactElement;
+    children: (tableData: TableNode<Item>[]) => React__default.ReactElement;
     /**
      * The data prop is an object with a nodes property that is an array of objects.
      * Each object in the array is a row in the table.
@@ -8820,12 +8829,12 @@ type TableProps<Item> = {
      * The toolbar prop is a React element that is rendered above the table.
      * The toolbar prop should be a `TableToolbar` component.
      **/
-    toolbar?: React.ReactElement;
+    toolbar?: React__default.ReactElement;
     /**
      * The pagination prop is a React element that is rendered below the table.
      * The pagination prop should be a `TablePagination` component.
      **/
-    pagination?: React.ReactElement;
+    pagination?: React__default.ReactElement;
     /**
      * The height prop is a responsive styled prop that determines the height of the table.
      **/
@@ -8870,7 +8879,7 @@ type TableBodyProps = {
      *   </TableRow>
      * </TableBody>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
 type TableRowProps<Item> = {
     /**
@@ -8880,7 +8889,7 @@ type TableRowProps<Item> = {
      *   <TableCell>...</TableCell>
      * </TableRow>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The item prop is used to pass the individual table item to the TableRow component.
      * @example
@@ -8911,6 +8920,7 @@ type TableRowProps<Item> = {
     onClick?: ({ item }: {
         item: TableNode<Item>;
     }) => void;
+    hoverActions?: React__default.ReactElement;
 } & TestID;
 type TableCellProps = {
     /**
@@ -8924,7 +8934,13 @@ type TableCellProps = {
      * <Button>...</Button>
      * </TableCell>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
+    /**
+     * Removes padding from CellWrapper
+     *
+     * @private
+     */
+    _hasPadding?: boolean;
 };
 type TableEditableCellProps = Pick<BaseInputProps, 'validationState' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'leadingIcon' | 'trailingButton' | 'errorText' | 'successText'> & {
     accessibilityLabel: NonNullable<BaseInputProps['accessibilityLabel']>;
@@ -8940,7 +8956,7 @@ type TableFooterProps = {
      *   </TableFooterRow>
      * </TableFooter>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
 type TableFooterRowProps = {
     /**
@@ -8952,13 +8968,13 @@ type TableFooterRowProps = {
      *   </TableFooterRow>
      * </TableFooter>
      **/
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
 type TableFooterCellProps = {
     /**
      * The children of TableHeaderCell can be a string or a ReactNode.
      **/
-    children: string | React.ReactNode;
+    children: string | React__default.ReactNode;
 };
 type TablePaginationCommonProps = {
     /**
@@ -9046,7 +9062,7 @@ type TableToolbarProps = {
     /**
      * The children of TableToolbar should be TableToolbarActions
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * The title of the TableToolbar. If not provided, it will show the default title.
      * @default `Showing 1 to ${totalItems} Items`
@@ -9059,7 +9075,7 @@ type TableToolbarProps = {
     selectedTitle?: string;
 };
 type TableToolbarActionsProps = {
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 } & StyledPropsBlade;
 
 declare const Table: <Item>(props: TableProps<Item>) => React__default.ReactElement;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "11.32.0",
+  "version": "11.33.0",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"