@razorpay/blade 11.21.8 → 11.22.0

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

@@ -1174,6 +1174,14 @@ type BladeCommonEvents = {
         web: React.MouseEventHandler;
         native: undefined;
     }>;
+    onMouseDown?: Platform.Select<{
+        web: React.MouseEventHandler;
+        native: undefined | ((event: any) => void);
+    }>;
+    onMouseUp?: Platform.Select<{
+        web: React.MouseEventHandler;
+        native: undefined | ((event: any) => void);
+    }>;
     onPointerDown?: Platform.Select<{
         web: React.PointerEventHandler;
         native: undefined;
@@ -2539,6 +2547,8 @@ type BaseHeaderProps = {
     isDisabled?: boolean;
     paddingX?: BoxProps['paddingX'];
     marginY?: BoxProps['marginY'];
+    marginTop?: BoxProps['marginTop'];
+    marginBottom?: BoxProps['marginBottom'];
     onCloseButtonClick?: () => void;
     onBackButtonClick?: () => void;
     closeButtonRef?: React__default.MutableRefObject<any>;
@@ -3246,6 +3256,8 @@ type BaseButtonCommonProps = {
     target?: BaseLinkProps['target'];
     rel?: BaseLinkProps['rel'];
     size?: 'xsmall' | 'small' | 'medium' | 'large';
+    id?: string;
+    tabIndex?: BaseBoxProps['tabIndex'];
     iconPosition?: 'left' | 'right';
     isDisabled?: boolean;
     isFullWidth?: boolean;
@@ -3305,6 +3317,31 @@ type ButtonCommonProps = {
      * @private
      */
     'aria-describedby'?: string;
+    /**
+     * It is exposed for internal usage with menu.
+     *
+     * @private
+     */
+    'aria-controls'?: string;
+    /**
+     * It is exposed for internal usage with menu.
+     *
+     * @private
+     */
+    'aria-expanded'?: boolean;
+    /**
+     * It is exposed for internal usage with menu.
+     *
+     * @private
+     */
+    'aria-haspopup'?: 'menu';
+    /**
+     * It is exposed for internal usage with menu.
+     *
+     * @private
+     */
+    role?: AriaRoles;
+    tabIndex?: BaseButtonProps['tabIndex'];
     onClick?: Platform.Select<{
         native: (event: GestureResponderEvent) => void;
         web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
@@ -3406,7 +3443,7 @@ type AvatarCommonProps = {
      */
     onClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
     testID?: string;
-};
+} & BladeCommonEvents & StyledPropsBlade;
 type AvatarProps = AvatarCommonProps & AvatarImgProps;
 
 declare const Avatar: (_props: AvatarProps) => React.ReactElement;
@@ -3419,6 +3456,7 @@ type BaseFooterProps = {
     children: React__default.ReactNode;
     metaComponentName?: string;
     showDivider?: boolean;
+    padding?: BoxProps['padding'];
 } & TestID;
 
 type BottomSheetProps = {
@@ -6908,6 +6946,136 @@ type ModalProps = {
 
 declare const Modal: (props: ModalProps) => React__default.ReactElement;
 
+type BaseMenuItemProps = {
+    as?: React.ComponentType<any> | 'a' | 'button';
+    id?: string;
+    title?: string;
+    description?: string;
+    children?: React.ReactNode;
+    className?: string;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    isVisible?: boolean;
+    isKeydownPressed?: boolean;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    titleSuffix?: React.ReactNode;
+    selectionType?: 'single' | 'multiple';
+    color?: 'negative';
+    href?: LinkProps['href'];
+    target?: LinkProps['target'];
+    rel?: LinkProps['rel'];
+    role?: 'menuitem' | 'menuitemcheckbox' | 'option' | 'link';
+    tabIndex?: number;
+    onClick?: Platform.Select<{
+        web: React.MouseEventHandler;
+        native: undefined | ((event: any) => void);
+    }>;
+} & BladeCommonEvents;
+
+type MenuProps = {
+    /**
+     * First children is trigger and second children is MenuOverlay
+     **/
+    children: [React__default.ReactElement, React__default.ReactElement];
+    /**
+     * Open controlled state
+     */
+    isOpen?: boolean;
+    /**
+     * On Menu open change callback
+     */
+    onOpenChange?: ({ isOpen }: {
+        isOpen: boolean;
+    }) => void;
+    /**
+     * Should menu open on click or hover
+     *
+     * @default 'click'
+     */
+    openInteraction?: 'hover' | 'click';
+};
+type MenuItemProps = {
+    /**
+     * title of item
+     */
+    title?: string;
+    /**
+     * Description text for the item
+     */
+    description?: string;
+    /**
+     * Slot to render custom menu items
+     */
+    children?: React__default.ReactNode;
+    as?: BaseMenuItemProps['as'];
+    /**
+     * Click handler for MenuItem
+     *
+     * Absense of this prop and href will turn the item into non-interactive item
+     */
+    onClick?: (event: React__default.MouseEvent) => void;
+    /**
+     * Focus handler for MenuItem
+     *
+     * Absense of this prop and href will turn the item into non-interactive item
+     */
+    onFocus?: (event: React__default.FocusEvent) => void;
+    /**
+     * Link to open when item is clicked.
+     *
+     * Absense of this prop and onClick will turn the item into non-interactive item
+     */
+    href?: string;
+    /**
+     * HTML target of the link
+     */
+    target?: string;
+    /**
+     * Item that goes on left-side of item.
+     *
+     * Will be overriden in multiselect
+     */
+    leading?: React__default.ReactNode;
+    /**
+     * Item that goes on right-side of item.
+     */
+    trailing?: React__default.ReactNode;
+    /**
+     * Item that goes immediately next to the title.
+     */
+    titleSuffix?: React__default.ReactElement;
+    /**
+     * disabled state of item
+     */
+    isDisabled?: boolean;
+    /**
+     * Color of item. set to negative for dangerous actions like Delete, Remove, etc
+     */
+    color?: Extract<FeedbackColors, 'negative'>;
+    _hasFocusInside?: boolean;
+    _isMenuTrigger?: boolean;
+    _isSubmenuOpen?: boolean;
+};
+type MenuOverlayProps = {
+    children: React__default.ReactElement[] | React__default.ReactElement;
+    zIndex?: BoxProps['zIndex'];
+    _transitionStyle?: React__default.CSSProperties;
+} & TestID;
+type MenuFooterProps = Pick<BaseFooterProps, 'children' | 'testID'>;
+type MenuHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID'>;
+
+declare const Menu: (_props: MenuProps) => React.ReactElement;
+
+declare const MenuItem: (_props: MenuItemProps) => React.ReactElement;
+
+declare const MenuOverlay: (_props: MenuOverlayProps) => React.ReactElement;
+
+declare const MenuDivider: (_styledProps: StyledPropsBlade) => React.ReactElement;
+
+declare const MenuHeader: (_props: MenuHeaderProps) => React.ReactElement;
+declare const MenuFooter: (_props: MenuFooterProps) => React.ReactElement;
+
 type PopoverProps = {
     /**
      * Popover title
@@ -9077,4 +9245,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
 
-export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps$1 as TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps$1 as TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };

package/package.json

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

package/build/lib/native/components/ActionList/styles/StyledActionListItem.native.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components/native';
-import { TouchableOpacity } from 'react-native';
-import { getBaseActionListItemStyles } from './getBaseActionListItemStyles.js';
-
-var StyledActionListItem=styled(TouchableOpacity)(function(props){return Object.assign({},getBaseActionListItemStyles(props),{display:props.isVisible?'flex':'none',backgroundColor:props.isSelected&&props.selectionType==='single'?props.theme.colors.interactive.background.primary.faded:undefined});});
-
-export { StyledActionListItem };
-//# sourceMappingURL=StyledActionListItem.native.js.map

package/build/lib/native/components/ActionList/styles/StyledActionListItem.native.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledActionListItem.native.js","sources":["../../../../../../src/components/ActionList/styles/StyledActionListItem.native.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TouchableOpacity } from 'react-native';\nimport type { StyledActionListItemProps } from './getBaseActionListItemStyles';\nimport { getBaseActionListItemStyles } from './getBaseActionListItemStyles';\n\nconst StyledActionListItem = styled(TouchableOpacity)<StyledActionListItemProps>((props) => {\n  return {\n    ...getBaseActionListItemStyles(props),\n    display: props.isVisible ? 'flex' : 'none',\n    // React Native specific styles\n    backgroundColor:\n      props.isSelected && props.selectionType === 'single'\n        ? props.theme.colors.interactive.background.primary.faded\n        : undefined,\n  };\n});\n\nexport { StyledActionListItem };\n"],"names":["StyledActionListItem","styled","TouchableOpacity","props","Object","assign","getBaseActionListItemStyles","display","isVisible","backgroundColor","isSelected","selectionType","theme","colors","interactive","background","primary","faded","undefined"],"mappings":";;;;AAKM,IAAAA,oBAAoB,CAAGC,MAAM,CAACC,gBAAgB,CAAC,CAA4B,SAACC,KAAK,CAAK,CAC1F,OAAAC,MAAA,CAAAC,MAAA,CACKC,EAAAA,CAAAA,2BAA2B,CAACH,KAAK,CAAC,CACrCI,CAAAA,OAAO,CAAEJ,KAAK,CAACK,SAAS,CAAG,MAAM,CAAG,MAAM,CAE1CC,eAAe,CACbN,KAAK,CAACO,UAAU,EAAIP,KAAK,CAACQ,aAAa,GAAK,QAAQ,CAChDR,KAAK,CAACS,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,OAAO,CAACC,KAAK,CACvDC,SAAS,CAEnB,CAAA,CAAA,CAAC;;;;"}

package/build/lib/native/components/ActionList/styles/getBaseActionListItemStyles.js

@@ -1,11 +0,0 @@
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import { isReactNative } from '../../../utils/platform/isReactNative.js';
-import { makeSize } from '../../../utils/makeSize/makeSize.js';
-import '../../BladeProvider/useTheme.js';
-
-var getBaseActionListItemStyles=function getBaseActionListItemStyles(props){return {borderWidth:makeSize(props.theme.spacing[2]),borderStyle:'solid',borderColor:'transparent',textAlign:isReactNative()?undefined:'left',backgroundColor:'transparent',padding:makeSize(props.isMobile?props.theme.spacing[3]:props.theme.spacing[2]),borderRadius:makeSize(props.theme.border.radius.medium),textDecoration:'none',cursor:'pointer',width:'100%'};};
-
-export { getBaseActionListItemStyles };
-//# sourceMappingURL=getBaseActionListItemStyles.js.map

package/build/lib/native/components/ActionList/styles/getBaseActionListItemStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getBaseActionListItemStyles.js","sources":["../../../../../../src/components/ActionList/styles/getBaseActionListItemStyles.ts"],"sourcesContent":["import type React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { TouchableOpacity } from 'react-native';\nimport type { ActionListItemProps } from '../ActionListItem';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DropdownContextType } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport { makeSize } from '~utils/makeSize';\n\ntype StyledActionListItemProps = {\n  selectionType: DropdownContextType['selectionType'];\n  hasDescription: boolean;\n  intent?: ActionListItemProps['intent'];\n  onPress?: (e: React.TouchEvent<TouchableOpacity>) => void;\n  isSelected?: boolean;\n  isKeydownPressed: boolean;\n  isMobile: boolean;\n  isVisible?: boolean;\n};\n\nconst getBaseActionListItemStyles = (\n  props: StyledActionListItemProps & { theme: Theme },\n): CSSObject => {\n  return {\n    // @TODO: replace this with outline token when we add\n    borderWidth: makeSize(props.theme.spacing[2]),\n    borderStyle: 'solid',\n    borderColor: 'transparent',\n    textAlign: isReactNative() ? undefined : 'left',\n    backgroundColor: 'transparent',\n    padding: makeSize(props.isMobile ? props.theme.spacing[3] : props.theme.spacing[2]),\n    borderRadius: makeSize(props.theme.border.radius.medium),\n    textDecoration: 'none',\n    cursor: 'pointer',\n    width: '100%',\n  };\n};\n\nexport type { StyledActionListItemProps };\nexport { getBaseActionListItemStyles };\n"],"names":["getBaseActionListItemStyles","props","borderWidth","makeSize","theme","spacing","borderStyle","borderColor","textAlign","isReactNative","undefined","backgroundColor","padding","isMobile","borderRadius","border","radius","medium","textDecoration","cursor","width"],"mappings":";;;;;;;AAoBM,IAAAA,2BAA2B,CAAG,SAA9BA,2BAA2BA,CAC/BC,KAAmD,CACrC,CACd,OAAO,CAELC,WAAW,CAAEC,QAAQ,CAACF,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC7CC,WAAW,CAAE,OAAO,CACpBC,WAAW,CAAE,aAAa,CAC1BC,SAAS,CAAEC,aAAa,EAAE,CAAGC,SAAS,CAAG,MAAM,CAC/CC,eAAe,CAAE,aAAa,CAC9BC,OAAO,CAAET,QAAQ,CAACF,KAAK,CAACY,QAAQ,CAAGZ,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CAAGJ,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CAAC,CACnFS,YAAY,CAAEX,QAAQ,CAACF,KAAK,CAACG,KAAK,CAACW,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC,CACxDC,cAAc,CAAE,MAAM,CACtBC,MAAM,CAAE,SAAS,CACjBC,KAAK,CAAE,MACT,CAAC,CACH;;;;"}

package/build/lib/web/development/components/ActionList/styles/StyledActionListItem.web.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import styled from 'styled-components';
-import { getBaseActionListItemStyles } from './getBaseActionListItemStyles.js';
-import '../../Box/BaseBox/index.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var StyledActionListItem = /*#__PURE__*/styled(BaseBox).withConfig({
-  displayName: "StyledActionListItemweb__StyledActionListItem",
-  componentId: "sc-1okp9u4-0"
-})(function (props) {
-  return _objectSpread(_objectSpread({}, getBaseActionListItemStyles(props)), {}, {
-    // fixes bug in web where the if rendered as a link it's messing the styles
-    display: props.isVisible ? 'block' : 'none',
-    // Web-specific styles
-    '&:hover:not([aria-disabled=true])': {
-      backgroundColor: props.intent === 'negative' ? props.theme.colors.interactive.background.negative.faded : props.theme.colors.interactive.background.gray["default"]
-    },
-    '&.active-focus': {
-      borderColor: props.isKeydownPressed ? props.theme.colors.surface.border.primary.muted : undefined
-    },
-    '&[aria-selected=true]': {
-      backgroundColor: props.selectionType === 'single' ? props.theme.colors.interactive.background.primary.faded : undefined
-    },
-    '&[aria-selected=true]:hover': {
-      backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted
-    }
-  });
-});
-
-export { StyledActionListItem };
-//# sourceMappingURL=StyledActionListItem.web.js.map

package/build/lib/web/development/components/ActionList/styles/StyledActionListItem.web.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledActionListItem.web.js","sources":["../../../../../../../src/components/ActionList/styles/StyledActionListItem.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledActionListItemProps } from './getBaseActionListItemStyles';\nimport { getBaseActionListItemStyles } from './getBaseActionListItemStyles';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledActionListItem = styled(BaseBox)<StyledActionListItemProps>((props) => {\n  return {\n    ...getBaseActionListItemStyles(props),\n    // fixes bug in web where the if rendered as a link it's messing the styles\n    display: props.isVisible ? 'block' : 'none',\n    // Web-specific styles\n    '&:hover:not([aria-disabled=true])': {\n      backgroundColor:\n        props.intent === 'negative'\n          ? props.theme.colors.interactive.background.negative.faded\n          : props.theme.colors.interactive.background.gray.default,\n    },\n    '&.active-focus': {\n      borderColor: props.isKeydownPressed\n        ? props.theme.colors.surface.border.primary.muted\n        : undefined,\n    },\n    '&[aria-selected=true]': {\n      backgroundColor:\n        props.selectionType === 'single'\n          ? props.theme.colors.interactive.background.primary.faded\n          : undefined,\n    },\n    '&[aria-selected=true]:hover': {\n      backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n    },\n  };\n});\n\nexport { StyledActionListItem };\n"],"names":["StyledActionListItem","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getBaseActionListItemStyles","display","isVisible","backgroundColor","intent","theme","colors","interactive","background","negative","faded","gray","borderColor","isKeydownPressed","surface","border","primary","muted","undefined","selectionType","fadedHighlighted"],"mappings":";;;;;;;;AAKA,IAAMA,oBAAoB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+CAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAA4B,CAAA,CAAA,UAACC,KAAK,EAAK;AACjF,EAAA,OAAAC,aAAA,CAAAA,aAAA,KACKC,2BAA2B,CAACF,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AACrC;AACAG,IAAAA,OAAO,EAAEH,KAAK,CAACI,SAAS,GAAG,OAAO,GAAG,MAAM;AAC3C;AACA,IAAA,mCAAmC,EAAE;AACnCC,MAAAA,eAAe,EACbL,KAAK,CAACM,MAAM,KAAK,UAAU,GACvBN,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,QAAQ,CAACC,KAAK,GACxDZ,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACG,IAAI,CAAA,SAAA,CAAA;KACrD;AACD,IAAA,gBAAgB,EAAE;AAChBC,MAAAA,WAAW,EAAEd,KAAK,CAACe,gBAAgB,GAC/Bf,KAAK,CAACO,KAAK,CAACC,MAAM,CAACQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACC,KAAK,GAC/CC,SAAAA;KACL;AACD,IAAA,uBAAuB,EAAE;MACvBf,eAAe,EACbL,KAAK,CAACqB,aAAa,KAAK,QAAQ,GAC5BrB,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACQ,OAAO,CAACN,KAAK,GACvDQ,SAAAA;KACP;AACD,IAAA,6BAA6B,EAAE;AAC7Bf,MAAAA,eAAe,EAAEL,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACQ,OAAO,CAACI,gBAAAA;AACrE,KAAA;AAAC,GAAA,CAAA,CAAA;AAEL,CAAC;;;;"}

package/build/lib/web/development/components/ActionList/styles/getBaseActionListItemStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getBaseActionListItemStyles.js","sources":["../../../../../../../src/components/ActionList/styles/getBaseActionListItemStyles.ts"],"sourcesContent":["import type React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { TouchableOpacity } from 'react-native';\nimport type { ActionListItemProps } from '../ActionListItem';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DropdownContextType } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport { makeSize } from '~utils/makeSize';\n\ntype StyledActionListItemProps = {\n  selectionType: DropdownContextType['selectionType'];\n  hasDescription: boolean;\n  intent?: ActionListItemProps['intent'];\n  onPress?: (e: React.TouchEvent<TouchableOpacity>) => void;\n  isSelected?: boolean;\n  isKeydownPressed: boolean;\n  isMobile: boolean;\n  isVisible?: boolean;\n};\n\nconst getBaseActionListItemStyles = (\n  props: StyledActionListItemProps & { theme: Theme },\n): CSSObject => {\n  return {\n    // @TODO: replace this with outline token when we add\n    borderWidth: makeSize(props.theme.spacing[2]),\n    borderStyle: 'solid',\n    borderColor: 'transparent',\n    textAlign: isReactNative() ? undefined : 'left',\n    backgroundColor: 'transparent',\n    padding: makeSize(props.isMobile ? props.theme.spacing[3] : props.theme.spacing[2]),\n    borderRadius: makeSize(props.theme.border.radius.medium),\n    textDecoration: 'none',\n    cursor: 'pointer',\n    width: '100%',\n  };\n};\n\nexport type { StyledActionListItemProps };\nexport { getBaseActionListItemStyles };\n"],"names":["getBaseActionListItemStyles","props","borderWidth","makeSize","theme","spacing","borderStyle","borderColor","textAlign","isReactNative","undefined","backgroundColor","padding","isMobile","borderRadius","border","radius","medium","textDecoration","cursor","width"],"mappings":";;;;;AAoBA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAC/BC,KAAmD,EACrC;EACd,OAAO;AACL;IACAC,WAAW,EAAEC,QAAQ,CAACF,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CAAC;AAC7CC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,SAAS,EAAEC,aAAa,EAAE,GAAGC,SAAS,GAAG,MAAM;AAC/CC,IAAAA,eAAe,EAAE,aAAa;IAC9BC,OAAO,EAAET,QAAQ,CAACF,KAAK,CAACY,QAAQ,GAAGZ,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,GAAGJ,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CAAC;AACnFS,IAAAA,YAAY,EAAEX,QAAQ,CAACF,KAAK,CAACG,KAAK,CAACW,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC;AACxDC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,KAAK,EAAE,MAAA;GACR,CAAA;AACH;;;;"}

package/build/lib/web/production/components/ActionList/styles/StyledActionListItem.web.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import styled from 'styled-components';
-import { getBaseActionListItemStyles } from './getBaseActionListItemStyles.js';
-import '../../Box/BaseBox/index.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var StyledActionListItem = /*#__PURE__*/styled(BaseBox).withConfig({
-  displayName: "StyledActionListItemweb__StyledActionListItem",
-  componentId: "sc-1okp9u4-0"
-})(function (props) {
-  return _objectSpread(_objectSpread({}, getBaseActionListItemStyles(props)), {}, {
-    // fixes bug in web where the if rendered as a link it's messing the styles
-    display: props.isVisible ? 'block' : 'none',
-    // Web-specific styles
-    '&:hover:not([aria-disabled=true])': {
-      backgroundColor: props.intent === 'negative' ? props.theme.colors.interactive.background.negative.faded : props.theme.colors.interactive.background.gray["default"]
-    },
-    '&.active-focus': {
-      borderColor: props.isKeydownPressed ? props.theme.colors.surface.border.primary.muted : undefined
-    },
-    '&[aria-selected=true]': {
-      backgroundColor: props.selectionType === 'single' ? props.theme.colors.interactive.background.primary.faded : undefined
-    },
-    '&[aria-selected=true]:hover': {
-      backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted
-    }
-  });
-});
-
-export { StyledActionListItem };
-//# sourceMappingURL=StyledActionListItem.web.js.map

package/build/lib/web/production/components/ActionList/styles/StyledActionListItem.web.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledActionListItem.web.js","sources":["../../../../../../../src/components/ActionList/styles/StyledActionListItem.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledActionListItemProps } from './getBaseActionListItemStyles';\nimport { getBaseActionListItemStyles } from './getBaseActionListItemStyles';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledActionListItem = styled(BaseBox)<StyledActionListItemProps>((props) => {\n  return {\n    ...getBaseActionListItemStyles(props),\n    // fixes bug in web where the if rendered as a link it's messing the styles\n    display: props.isVisible ? 'block' : 'none',\n    // Web-specific styles\n    '&:hover:not([aria-disabled=true])': {\n      backgroundColor:\n        props.intent === 'negative'\n          ? props.theme.colors.interactive.background.negative.faded\n          : props.theme.colors.interactive.background.gray.default,\n    },\n    '&.active-focus': {\n      borderColor: props.isKeydownPressed\n        ? props.theme.colors.surface.border.primary.muted\n        : undefined,\n    },\n    '&[aria-selected=true]': {\n      backgroundColor:\n        props.selectionType === 'single'\n          ? props.theme.colors.interactive.background.primary.faded\n          : undefined,\n    },\n    '&[aria-selected=true]:hover': {\n      backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n    },\n  };\n});\n\nexport { StyledActionListItem };\n"],"names":["StyledActionListItem","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getBaseActionListItemStyles","display","isVisible","backgroundColor","intent","theme","colors","interactive","background","negative","faded","gray","borderColor","isKeydownPressed","surface","border","primary","muted","undefined","selectionType","fadedHighlighted"],"mappings":";;;;;;;;AAKA,IAAMA,oBAAoB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+CAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAA4B,CAAA,CAAA,UAACC,KAAK,EAAK;AACjF,EAAA,OAAAC,aAAA,CAAAA,aAAA,KACKC,2BAA2B,CAACF,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AACrC;AACAG,IAAAA,OAAO,EAAEH,KAAK,CAACI,SAAS,GAAG,OAAO,GAAG,MAAM;AAC3C;AACA,IAAA,mCAAmC,EAAE;AACnCC,MAAAA,eAAe,EACbL,KAAK,CAACM,MAAM,KAAK,UAAU,GACvBN,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,QAAQ,CAACC,KAAK,GACxDZ,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACG,IAAI,CAAA,SAAA,CAAA;KACrD;AACD,IAAA,gBAAgB,EAAE;AAChBC,MAAAA,WAAW,EAAEd,KAAK,CAACe,gBAAgB,GAC/Bf,KAAK,CAACO,KAAK,CAACC,MAAM,CAACQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACC,KAAK,GAC/CC,SAAAA;KACL;AACD,IAAA,uBAAuB,EAAE;MACvBf,eAAe,EACbL,KAAK,CAACqB,aAAa,KAAK,QAAQ,GAC5BrB,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACQ,OAAO,CAACN,KAAK,GACvDQ,SAAAA;KACP;AACD,IAAA,6BAA6B,EAAE;AAC7Bf,MAAAA,eAAe,EAAEL,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACQ,OAAO,CAACI,gBAAAA;AACrE,KAAA;AAAC,GAAA,CAAA,CAAA;AAEL,CAAC;;;;"}

package/build/lib/web/production/components/ActionList/styles/getBaseActionListItemStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getBaseActionListItemStyles.js","sources":["../../../../../../../src/components/ActionList/styles/getBaseActionListItemStyles.ts"],"sourcesContent":["import type React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { TouchableOpacity } from 'react-native';\nimport type { ActionListItemProps } from '../ActionListItem';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DropdownContextType } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport { makeSize } from '~utils/makeSize';\n\ntype StyledActionListItemProps = {\n  selectionType: DropdownContextType['selectionType'];\n  hasDescription: boolean;\n  intent?: ActionListItemProps['intent'];\n  onPress?: (e: React.TouchEvent<TouchableOpacity>) => void;\n  isSelected?: boolean;\n  isKeydownPressed: boolean;\n  isMobile: boolean;\n  isVisible?: boolean;\n};\n\nconst getBaseActionListItemStyles = (\n  props: StyledActionListItemProps & { theme: Theme },\n): CSSObject => {\n  return {\n    // @TODO: replace this with outline token when we add\n    borderWidth: makeSize(props.theme.spacing[2]),\n    borderStyle: 'solid',\n    borderColor: 'transparent',\n    textAlign: isReactNative() ? undefined : 'left',\n    backgroundColor: 'transparent',\n    padding: makeSize(props.isMobile ? props.theme.spacing[3] : props.theme.spacing[2]),\n    borderRadius: makeSize(props.theme.border.radius.medium),\n    textDecoration: 'none',\n    cursor: 'pointer',\n    width: '100%',\n  };\n};\n\nexport type { StyledActionListItemProps };\nexport { getBaseActionListItemStyles };\n"],"names":["getBaseActionListItemStyles","props","borderWidth","makeSize","theme","spacing","borderStyle","borderColor","textAlign","isReactNative","undefined","backgroundColor","padding","isMobile","borderRadius","border","radius","medium","textDecoration","cursor","width"],"mappings":";;;;;AAoBA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAC/BC,KAAmD,EACrC;EACd,OAAO;AACL;IACAC,WAAW,EAAEC,QAAQ,CAACF,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CAAC;AAC7CC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,SAAS,EAAEC,aAAa,EAAE,GAAGC,SAAS,GAAG,MAAM;AAC/CC,IAAAA,eAAe,EAAE,aAAa;IAC9BC,OAAO,EAAET,QAAQ,CAACF,KAAK,CAACY,QAAQ,GAAGZ,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,GAAGJ,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CAAC;AACnFS,IAAAA,YAAY,EAAEX,QAAQ,CAACF,KAAK,CAACG,KAAK,CAACW,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC;AACxDC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,KAAK,EAAE,MAAA;GACR,CAAA;AACH;;;;"}