@razorpay/blade 12.20.1 → 12.21.0

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

@@ -14971,7 +14971,7 @@ type DrawerProps = {
      *
      * Supports DrawerHeader and DrawerBody
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * zIndex property of drawer
      *
@@ -14985,7 +14985,7 @@ type DrawerProps = {
     /**
      * Ref to the element that should receive focus when opening the drawer.
      */
-    initialFocusRef?: React.MutableRefObject<any>;
+    initialFocusRef?: React__default.MutableRefObject<any>;
     /**
      * If `true`, the DrawerBody will be rendered only when it becomes active.
      * Set to `false` to keep DrawerBody in DOM
@@ -14998,7 +14998,7 @@ type DrawerHeaderProps = {
     /**
      * Title of the Drawer
      */
-    title: string;
+    title?: string;
     /**
      * Subtitle of the Drawer
      */
@@ -15008,19 +15008,23 @@ type DrawerHeaderProps = {
      *
      * DrawerHeaderIcon or DrawerHeaderAsset
      */
-    leading?: React.ReactNode;
+    leading?: React__default.ReactNode;
     /**
      * Title suffix element
      *
      * DrawerHeaderBadge
      */
-    titleSuffix?: React.ReactNode;
+    titleSuffix?: React__default.ReactNode;
     /**
      * Trailing element
      *
      * Link, Button[]
      */
-    trailing?: React.ReactNode;
+    trailing?: React__default.ReactNode;
+    /**
+     * Children elements to be rendered inside the header
+     */
+    children?: React__default.ReactElement | React__default.ReactElement[];
 } & DataAnalyticsAttribute;
 
 /**
@@ -15037,7 +15041,7 @@ type DrawerHeaderProps = {
  * ```
  *
  */
-declare const DrawerHeader: ({ title, subtitle, leading, trailing, titleSuffix, ...rest }: DrawerHeaderProps) => React__default.ReactElement;
+declare const DrawerHeader: ({ title, subtitle, leading, trailing, titleSuffix, children, ...rest }: DrawerHeaderProps) => React__default.ReactElement;
 declare const drawerPadding = "spacing.6";
 declare const DrawerBody: ({ children }: {
     children: React__default.ReactNode;
@@ -15355,6 +15359,13 @@ type BaseInputCommonProps = FormInputLabelProps & DataAnalyticsAttribute & FormI
      * Hides the form hints and shows them as tooltip of trailing
      */
     showHintsAsTooltip?: boolean;
+    role?: AriaAttributes['role'];
+    /**
+     * Tab Index of the input field
+     *
+     * @default undefined
+     */
+    tabIndex?: number;
 } & TestID & Platform.Select<{
     native: {
         /**
@@ -16333,8 +16344,8 @@ type DropdownIconButtonProps = Omit<IconButtonProps, 'onClick'> & {
 };
 declare const DropdownIconButton: ({ icon, isDisabled, onClick, onBlur, onKeyDown, size, accessibilityLabel, emphasis, ...rest }: DropdownIconButtonProps) => React__default.ReactElement;
 
-type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID' | keyof DataAnalyticsAttribute>;
-declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, ...rest }: DropdownHeaderProps) => React__default.ReactElement;
+type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID' | 'children' | keyof DataAnalyticsAttribute>;
+declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, children, ...rest }: DropdownHeaderProps) => React__default.ReactElement;
 type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
 declare const DropdownFooter: ({ children, testID }: DropdownFooter) => React__default.ReactElement;
 

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

@@ -9737,7 +9737,7 @@ type DrawerProps = {
      *
      * Supports DrawerHeader and DrawerBody
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * zIndex property of drawer
      *
@@ -9751,7 +9751,7 @@ type DrawerProps = {
     /**
      * Ref to the element that should receive focus when opening the drawer.
      */
-    initialFocusRef?: React.MutableRefObject<any>;
+    initialFocusRef?: React__default.MutableRefObject<any>;
     /**
      * If `true`, the DrawerBody will be rendered only when it becomes active.
      * Set to `false` to keep DrawerBody in DOM
@@ -9764,7 +9764,7 @@ type DrawerHeaderProps = {
     /**
      * Title of the Drawer
      */
-    title: string;
+    title?: string;
     /**
      * Subtitle of the Drawer
      */
@@ -9774,19 +9774,23 @@ type DrawerHeaderProps = {
      *
      * DrawerHeaderIcon or DrawerHeaderAsset
      */
-    leading?: React.ReactNode;
+    leading?: React__default.ReactNode;
     /**
      * Title suffix element
      *
      * DrawerHeaderBadge
      */
-    titleSuffix?: React.ReactNode;
+    titleSuffix?: React__default.ReactNode;
     /**
      * Trailing element
      *
      * Link, Button[]
      */
-    trailing?: React.ReactNode;
+    trailing?: React__default.ReactNode;
+    /**
+     * Children elements to be rendered inside the header
+     */
+    children?: React__default.ReactElement | React__default.ReactElement[];
 } & DataAnalyticsAttribute;
 
 declare const Drawer: (_props: DrawerProps) => React.ReactElement;
@@ -10112,6 +10116,13 @@ type BaseInputCommonProps = FormInputLabelProps & DataAnalyticsAttribute & FormI
      * Hides the form hints and shows them as tooltip of trailing
      */
     showHintsAsTooltip?: boolean;
+    role?: AriaAttributes['role'];
+    /**
+     * Tab Index of the input field
+     *
+     * @default undefined
+     */
+    tabIndex?: number;
 } & TestID & Platform.Select<{
     native: {
         /**
@@ -10858,8 +10869,8 @@ type DropdownIconButtonProps = Omit<IconButtonProps, 'onClick'> & {
 };
 declare const DropdownIconButton: ({ icon, isDisabled, onClick, onBlur, onKeyDown, size, accessibilityLabel, emphasis, ...rest }: DropdownIconButtonProps) => React__default.ReactElement;
 
-type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID' | keyof DataAnalyticsAttribute>;
-declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, ...rest }: DropdownHeaderProps) => React__default.ReactElement;
+type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID' | 'children' | keyof DataAnalyticsAttribute>;
+declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, children, ...rest }: DropdownHeaderProps) => React__default.ReactElement;
 type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
 declare const DropdownFooter: ({ children, testID }: DropdownFooter) => React__default.ReactElement;
 

package/package.json

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