@razorpay/blade 10.3.0 → 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'];
@@ -4486,11 +4544,17 @@ declare type DropdownProps = {
 } & TestID$1 & StyledPropsBlade$1;
 declare type DropdownOverlayProps = {
     children: React.ReactElement[] | React.ReactElement;
+    /**
+     * Sets the z-index of the DropdownOverlay
+     *
+     * @default 1001
+     */
+    zIndex?: number;
 } & TestID$1;
 
 declare const Dropdown: ({ children, selectionType, onDismiss, testID, ...styledProps }: DropdownProps) => React__default.ReactElement;
 
-declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => React__default.ReactElement;
+declare const DropdownOverlay: ({ children, testID, zIndex, }: DropdownOverlayProps) => React__default.ReactElement | null;
 
 declare type DropdownButtonProps = ButtonProps & {
     onBlur?: BaseButtonProps['onBlur'];
@@ -5344,6 +5408,7 @@ declare type BaseInputCommonProps = FormInputLabelProps & FormInputValidationPro
      * true if popup is in expanded state
      */
     isPopupExpanded?: boolean;
+    setInputWrapperRef?: (node: HTMLDivElement) => void;
     /**
      * sets the autocapitalize behavior for the input
      */