@razorpay/blade 12.95.0 → 12.95.2

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

@@ -6991,6 +6991,18 @@ type CardProps = {
     opacity?: BoxProps['opacity'];
     transition?: BoxProps['transition'];
     flexShrink?: BoxProps['flexShrink'];
+    /**
+     * Sets the overflow behavior of the card content
+     */
+    overflow?: BoxProps['overflow'];
+    /**
+     * Sets the horizontal overflow behavior of the card content
+     */
+    overflowX?: BoxProps['overflowX'];
+    /**
+     * Sets the vertical overflow behavior of the card content
+     */
+    overflowY?: BoxProps['overflowY'];
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type CardBodyProps = {
     children: react__default.ReactNode;
@@ -7135,6 +7147,18 @@ declare const Card: react__default.ForwardRefExoticComponent<{
     opacity?: BoxProps['opacity'];
     transition?: BoxProps['transition'];
     flexShrink?: BoxProps['flexShrink'];
+    /**
+     * Sets the overflow behavior of the card content
+     */
+    overflow?: BoxProps['overflow'];
+    /**
+     * Sets the horizontal overflow behavior of the card content
+     */
+    overflowX?: BoxProps['overflowX'];
+    /**
+     * Sets the vertical overflow behavior of the card content
+     */
+    overflowY?: BoxProps['overflowY'];
 } & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     top: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
@@ -17266,6 +17290,21 @@ type TabNavItemProps = {
      * Title of the navigation item.
      */
     title?: string;
+    /**
+     * Element rendered right after the title text, before the trailing element.
+     * Useful for adding status tags like Badge (e.g., BETA, NEW, ALPHA).
+     *
+     * @example
+     * ```jsx
+     * <TabNavItem
+     *   title="Ray AI"
+     *   titleSuffix={<Badge size="small" color="positive">BETA</Badge>}
+     * />
+     * ```
+     *
+     * @default undefined
+     */
+    titleSuffix?: React.ReactElement;
     /**
      * Accessibility label for the navigation item.
      */

package/package.json

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