@razorpay/blade 9.5.1 → 9.5.3

package/build/components/index.d.ts

@@ -3257,6 +3257,72 @@ declare type CardBodyProps = {
 } & TestID$1;
 declare const CardBody: ({ children, testID }: CardBodyProps) => React__default.ReactElement;
 
+type FeedbackColors$1 = `feedback.text.${DotNotationColorStringToken<
+  Theme$1['colors']['feedback']['text']
+>}`;
+type FeedbackActionColors$1 = `feedback.${Feedback}.action.text.${DotNotationColorStringToken<
+  Theme$1['colors']['feedback'][Feedback]['action']['text']
+>}`;
+type SurfaceColors$1 = `surface.text.${DotNotationColorStringToken<
+  Theme$1['colors']['surface']['text']
+>}`;
+type ActionColors$1 = `action.text.${DotNotationColorStringToken<Theme$1['colors']['action']['text']>}`;
+type BadgeTextColors$1 = `badge.text.${DotNotationColorStringToken<
+  Theme$1['colors']['badge']['text']
+>}`;
+
+type BrandPrimaryColors$1 = `brand.primary.${keyof Theme$1['colors']['brand']['primary']}`;
+
+type As$1 =
+  | 'code'
+  | 'h1'
+  | 'h2'
+  | 'h3'
+  | 'h4'
+  | 'h5'
+  | 'h6'
+  | 'p'
+  | 'span'
+  | 'abbr'
+  | 'q'
+  | 'cite'
+  | 'figcaption'
+  | 'div';
+type BaseTextProps$1 = {
+  id?: string;
+  color?:
+    | BrandPrimaryColors$1
+    | ActionColors$1
+    | FeedbackColors$1
+    | SurfaceColors$1
+    | FeedbackActionColors$1
+    | BadgeTextColors$1;
+  fontFamily?: keyof Theme$1['typography']['fonts']['family'];
+  fontSize?: keyof Theme$1['typography']['fonts']['size'];
+  fontWeight?: keyof Theme$1['typography']['fonts']['weight'];
+  fontStyle?: 'italic' | 'normal';
+  textDecorationLine?: 'line-through' | 'none' | 'underline';
+  lineHeight?: keyof Theme$1['typography']['lineHeights'];
+  /**
+   * Web only
+   */
+  as?: As$1;
+  textAlign?: 'center' | 'justify' | 'left' | 'right';
+  truncateAfterLines?: number;
+  className?: string;
+  style?: React.CSSProperties;
+  children: React.ReactNode;
+  accessibilityProps?: Partial<AccessibilityProps>;
+  /**
+   * React Native only
+   */
+  numberOfLines?: number;
+  componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code';
+} & TestID$1 &
+  StyledPropsBlade$1;
+
+type BaseTextSizes$1 = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+
 declare type BaseLinkCommonProps = {
     intent?: 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
     contrast?: 'low' | 'high';
@@ -3275,13 +3341,13 @@ declare type BaseLinkCommonProps = {
         native: (event: GestureResponderEvent) => void;
         web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
     }>;
-    accessibilityLabel?: string;
+    accessibilityProps?: Partial<AccessibilityProps>;
     /**
      * Sets the size of the link
      *
      * @default medium
      */
-    size?: 'xsmall' | 'small' | 'medium' | 'large';
+    size?: Extract<BaseTextSizes$1, 'xsmall' | 'small' | 'medium' | 'large'>;
     /**
      * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.
      */
@@ -3330,6 +3396,12 @@ declare type LinkCommonProps = {
     href?: string;
     target?: string;
     accessibilityLabel?: string;
+    /**
+     * It is exposed for internal usage with tooltip.
+     *
+     * @private
+     */
+    'aria-describedby'?: string;
     /**
      * Sets the size of the link
      *
@@ -3407,7 +3479,7 @@ declare type BaseButtonCommonProps = {
     }>;
     type?: 'button' | 'reset' | 'submit';
     isLoading?: boolean;
-    accessibilityLabel?: string;
+    accessibilityProps?: Partial<AccessibilityProps>;
     variant?: 'primary' | 'secondary' | 'tertiary';
     contrast?: 'low' | 'high';
     intent?: 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
@@ -3447,6 +3519,12 @@ declare type ButtonCommonProps = {
     isLoading?: boolean;
     accessibilityLabel?: string;
     type?: 'button' | 'reset' | 'submit';
+    /**
+     * It is exposed for internal usage with tooltip.
+     *
+     * @private
+     */
+    'aria-describedby'?: string;
     onClick?: Platform.Select<{
         native: (event: GestureResponderEvent) => void;
         web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
@@ -3501,70 +3579,6 @@ declare type CounterProps = {
 } & TestID$1 & StyledPropsBlade$1;
 declare const Counter: ({ value, max, intent, variant, contrast, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
 
-type FeedbackColors$1 = `feedback.text.${DotNotationColorStringToken<
-  Theme$1['colors']['feedback']['text']
->}`;
-type FeedbackActionColors$1 = `feedback.${Feedback}.action.text.${DotNotationColorStringToken<
-  Theme$1['colors']['feedback'][Feedback]['action']['text']
->}`;
-type SurfaceColors$1 = `surface.text.${DotNotationColorStringToken<
-  Theme$1['colors']['surface']['text']
->}`;
-type ActionColors$1 = `action.text.${DotNotationColorStringToken<Theme$1['colors']['action']['text']>}`;
-type BadgeTextColors$1 = `badge.text.${DotNotationColorStringToken<
-  Theme$1['colors']['badge']['text']
->}`;
-
-type BrandPrimaryColors$1 = `brand.primary.${keyof Theme$1['colors']['brand']['primary']}`;
-
-type As$1 =
-  | 'code'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'p'
-  | 'span'
-  | 'abbr'
-  | 'q'
-  | 'cite'
-  | 'figcaption'
-  | 'div';
-type BaseTextProps$1 = {
-  id?: string;
-  color?:
-    | BrandPrimaryColors$1
-    | ActionColors$1
-    | FeedbackColors$1
-    | SurfaceColors$1
-    | FeedbackActionColors$1
-    | BadgeTextColors$1;
-  fontFamily?: keyof Theme$1['typography']['fonts']['family'];
-  fontSize?: keyof Theme$1['typography']['fonts']['size'];
-  fontWeight?: keyof Theme$1['typography']['fonts']['weight'];
-  fontStyle?: 'italic' | 'normal';
-  textDecorationLine?: 'line-through' | 'none' | 'underline';
-  lineHeight?: keyof Theme$1['typography']['lineHeights'];
-  /**
-   * Web only
-   */
-  as?: As$1;
-  textAlign?: 'center' | 'justify' | 'left' | 'right';
-  truncateAfterLines?: number;
-  className?: string;
-  style?: React.CSSProperties;
-  children: React.ReactNode;
-  accessibilityProps?: Partial<AccessibilityProps>;
-  /**
-   * React Native only
-   */
-  numberOfLines?: number;
-  componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code';
-} & TestID$1 &
-  StyledPropsBlade$1;
-
 /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
 
 
@@ -3591,12 +3605,12 @@ type TextVariant$1 = 'body' | 'caption';
 
 type TextBodyVariant$1 = TextCommonProps$1 & {
   variant?: Extract<TextVariant$1, 'body'>;
-  size?: 'xsmall' | 'small' | 'medium' | 'large';
+  size?: Extract<BaseTextSizes$1, 'xsmall' | 'small' | 'medium' | 'large'>;
 };
 
 type TextCaptionVariant$1 = TextCommonProps$1 & {
   variant?: Extract<TextVariant$1, 'caption'>;
-  size?: 'medium';
+  size?: Extract<BaseTextSizes$1, 'medium'>;
 };
 
 /**
@@ -5641,6 +5655,7 @@ declare type BaseTextProps = {
     numberOfLines?: number;
     componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code';
 } & TestID$1 & StyledPropsBlade$1;
+declare type BaseTextSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 
 declare const validAsValues$2: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
 declare type TitleProps = {
@@ -5651,7 +5666,7 @@ declare type TitleProps = {
      * **Note** This takes priority over `type` and `constrast` prop to decide color of title
      */
     color?: BaseTextProps['color'];
-    size?: 'small' | 'medium' | 'large' | 'xlarge';
+    size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge'>;
     contrast?: ColorContrastTypes;
     type?: TextTypes;
     children: React.ReactNode;
@@ -5661,7 +5676,6 @@ declare type TitleProps = {
 declare const Title: ({ as, size, type, contrast, color, children, testID, textAlign, textDecorationLine, ...styledProps }: TitleProps) => ReactElement;
 
 declare type HeadingVariant = 'regular' | 'subheading';
-declare type HeadingSize = 'small' | 'medium' | 'large';
 declare const validAsValues$1: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
 declare type HeadingCommonProps = {
     as?: typeof validAsValues$1[number];
@@ -5683,7 +5697,7 @@ declare type HeadingNormalVariant = HeadingCommonProps & {
      *
      * @default small
      */
-    size?: HeadingSize;
+    size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large'>;
     weight?: keyof Theme$1['typography']['fonts']['weight'];
 };
 declare type HeadingSubHeadingVariant = HeadingCommonProps & {
@@ -5725,11 +5739,11 @@ declare type TextCommonProps = {
 declare type TextVariant = 'body' | 'caption';
 declare type TextBodyVariant = TextCommonProps & {
     variant?: Extract<TextVariant, 'body'>;
-    size?: 'xsmall' | 'small' | 'medium' | 'large';
+    size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
 };
 declare type TextCaptionVariant = TextCommonProps & {
     variant?: Extract<TextVariant, 'caption'>;
-    size?: 'medium';
+    size?: Extract<BaseTextSizes, 'medium'>;
 };
 /**
  * Conditionally changing props based on variant.
@@ -5759,7 +5773,7 @@ declare type CodeCommonProps = {
      *
      * @default small
      */
-    size?: 'small' | 'medium';
+    size?: Extract<BaseTextSizes, 'small' | 'medium'>;
     weight?: 'regular' | 'bold';
     isHighlighted?: boolean;
     color?: BaseTextProps['color'];
@@ -5864,7 +5878,7 @@ declare type ModalProps = {
      *  Children of Modal
      * Only ModalHeader, ModalBody and ModalFooter are allowed as children
      */
-    children: React__default.ReactNode;
+    children: React.ReactNode;
     /**
      Sets the modal to open or close
      * @default false
@@ -5877,7 +5891,7 @@ declare type ModalProps = {
     /**
      *  Ref to the element to be focused on opening the modal.
      */
-    initialFocusRef?: React__default.MutableRefObject<any>;
+    initialFocusRef?: React.MutableRefObject<any>;
     /**
      *  Size of the modal
      * @default 'small'
@@ -5893,6 +5907,7 @@ declare type ModalProps = {
      */
     zIndex?: number;
 };
+
 declare const Modal: ({ isOpen, children, onDismiss, initialFocusRef, size, accessibilityLabel, zIndex, }: ModalProps) => React__default.ReactElement;
 
 declare type ProgressBarCommonProps = {
@@ -6983,6 +6998,12 @@ declare type BottomSheetProps = {
      * By default the initial focus will go to the close button
      */
     initialFocusRef?: React.MutableRefObject<any>;
+    /**
+     * Sets the z-index of the bottom sheet
+     * Note: when using stacked bottom sheet make sure all the bottom sheets have the same zIndex
+     * @default 100
+     */
+    zIndex?: number;
 };
 declare type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'showBackButton' | 'onBackButtonClick'> & {
     /**
@@ -7017,7 +7038,7 @@ declare const BottomSheetFooter: ({ children }: BaseFooterProps) => React__defau
 
 declare const BottomSheetBody: ({ children, padding, }: BottomSheetBodyProps) => React__default.ReactElement;
 
-declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, }: BottomSheetProps) => React__default.ReactElement;
+declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, zIndex, }: BottomSheetProps) => React__default.ReactElement;
 
 declare type AccordionProps = {
     /**
@@ -7724,7 +7745,9 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
     id?: string | undefined;
     tabIndex?: number | undefined;
 }> & BladeCommonEvents & {
+    'data-blade-component'?: string | undefined;
+    'data-testid'?: string | undefined;
     tabIndex: -1;
-}, "tabIndex">;
+}, "tabIndex" | "data-testid" | "data-blade-component">;
 
 export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };