@razorpay/blade 10.3.1 → 10.3.2

package/build/components/index.d.ts

@@ -3305,10 +3305,68 @@ declare type CardProps = {
      * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page
      */
     padding?: Extract<SpacingValueType$1, 'spacing.0' | 'spacing.3' | 'spacing.5' | 'spacing.7'>;
+    /**
+     * Sets the width of the card
+     */
     width?: BoxProps$1['width'];
+    /**
+     * Sets the height of the card
+     */
     height?: BoxProps$1['height'];
+    /**
+     * If `true`, the card will be in selected state
+     * Card will have a primary color border around it.
+     *
+     * @default false
+     */
+    isSelected?: boolean;
+    /**
+     * Makes the Card linkable by setting the `href` prop
+     *
+     * @default undefined
+     */
+    href?: string;
+    /**
+     * Sets the `target` attribute for the linkable card
+     */
+    target?: string;
+    /**
+     * Sets the `rel` attribute for the linkable card
+     */
+    rel?: string;
+    /**
+     * Sets the accessibility label for the card
+     * This is useful when the card has an `href` or `onClick` prop
+     * Setting this will announce the label when the card is focused
+     */
+    accessibilityLabel?: string;
+    /**
+     * If `true`, the card will scale up on hover
+     *
+     * On mobile devices it will scale down on press
+     *
+     * @default false
+     */
+    shouldScaleOnHover?: boolean;
+    /**
+     * Callback triggered when the card is hovered
+     */
+    onHover?: () => void;
+    /**
+     * Callback triggered when the card is clicked
+     */
+    onClick?: () => void;
+    /**
+     * Sets the HTML element for the Card
+     *
+     * When `as` is set to `label`, the card will be rendered as a label element
+     * This can be used to create a custom checkbox or radio button using the card
+     *
+     * @default undefined
+     */
+    as?: 'label';
 } & TestID$1 & StyledPropsBlade$1;
-declare const Card: ({ children, surfaceLevel, elevation, testID, padding, width, height, ...styledProps }: CardProps) => React__default.ReactElement;
+declare const Card: ({ children, surfaceLevel, elevation, testID, padding, width, height, onClick, isSelected, accessibilityLabel, shouldScaleOnHover, onHover, href, target, rel, as, ...styledProps }: CardProps) => React__default.ReactElement;
 declare type CardBodyProps = {
     children: React__default.ReactNode;
     height?: BoxProps$1['height'];