@razorpay/blade 12.0.0 → 12.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/build/lib/native/components/AnimateInteractions/AnimateInteractions.native.js +11 -0
  2. package/build/lib/native/components/AnimateInteractions/AnimateInteractions.native.js.map +1 -0
  3. package/build/lib/native/components/Stagger/Stagger.native.js +11 -0
  4. package/build/lib/native/components/Stagger/Stagger.native.js.map +1 -0
  5. package/build/lib/native/components/index.js +2 -0
  6. package/build/lib/native/components/index.js.map +1 -1
  7. package/build/lib/web/development/components/AnimateInteractions/AnimateInteractions.web.js +37 -0
  8. package/build/lib/web/development/components/AnimateInteractions/AnimateInteractions.web.js.map +1 -0
  9. package/build/lib/web/development/components/AnimateInteractions/index.js +2 -0
  10. package/build/lib/web/development/components/AnimateInteractions/index.js.map +1 -0
  11. package/build/lib/web/development/components/AnimateInteractions/useFocusWithin.js +30 -0
  12. package/build/lib/web/development/components/AnimateInteractions/useFocusWithin.js.map +1 -0
  13. package/build/lib/web/development/components/Stagger/Stagger.web.js +73 -0
  14. package/build/lib/web/development/components/Stagger/Stagger.web.js.map +1 -0
  15. package/build/lib/web/development/components/Stagger/index.js +2 -0
  16. package/build/lib/web/development/components/Stagger/index.js.map +1 -0
  17. package/build/lib/web/development/components/index.js +4 -0
  18. package/build/lib/web/development/components/index.js.map +1 -1
  19. package/build/lib/web/production/components/AnimateInteractions/AnimateInteractions.web.js +37 -0
  20. package/build/lib/web/production/components/AnimateInteractions/AnimateInteractions.web.js.map +1 -0
  21. package/build/lib/web/production/components/AnimateInteractions/index.js +2 -0
  22. package/build/lib/web/production/components/AnimateInteractions/index.js.map +1 -0
  23. package/build/lib/web/production/components/AnimateInteractions/useFocusWithin.js +30 -0
  24. package/build/lib/web/production/components/AnimateInteractions/useFocusWithin.js.map +1 -0
  25. package/build/lib/web/production/components/Stagger/Stagger.web.js +73 -0
  26. package/build/lib/web/production/components/Stagger/Stagger.web.js.map +1 -0
  27. package/build/lib/web/production/components/Stagger/index.js +2 -0
  28. package/build/lib/web/production/components/Stagger/index.js.map +1 -0
  29. package/build/lib/web/production/components/index.js +4 -0
  30. package/build/lib/web/production/components/index.js.map +1 -1
  31. package/build/types/components/index.d.ts +239 -145
  32. package/build/types/components/index.native.d.ts +179 -145
  33. package/package.json +1 -1
@@ -4613,6 +4613,178 @@ type AmountCommonProps = {
4613
4613
  type AmountProps = AmountTypeProps & AmountCommonProps;
4614
4614
  declare const Amount: React__default.ForwardRefExoticComponent<AmountProps & React__default.RefAttributes<BladeElementRef>>;
4615
4615
 
4616
+ type MotionTriggerEntryExitType = 'mount' | 'in-view' | 'focus' | 'on-animate-interactions';
4617
+ type MotionTriggersType = MotionTriggerEntryExitType | 'hover' | 'tap';
4618
+ type MotionVariantsType = {
4619
+ initial: TargetAndTransition & {
4620
+ transition?: Tween;
4621
+ };
4622
+ animate: TargetAndTransition & {
4623
+ transition?: Tween;
4624
+ };
4625
+ exit: TargetAndTransition & {
4626
+ transition?: Tween;
4627
+ };
4628
+ };
4629
+ type MotionDelay = keyof Delay | {
4630
+ enter: keyof Delay;
4631
+ exit: keyof Delay;
4632
+ };
4633
+ type BaseMotionBoxProps = {
4634
+ as?: React__default.ReactElement;
4635
+ children: React__default.ReactElement;
4636
+ /**
4637
+ * Whether component should animate in, animate out, or animate both in and out
4638
+ *
4639
+ * With type="in", component will only animate in but immediately be removed on exit without animation
4640
+ * With type="out", component will only animate out but immediately mount on enter without animation
4641
+ * With type="inout", component animates in and out both
4642
+ *
4643
+ * @default 'inout'
4644
+ */
4645
+ type?: 'in' | 'out' | 'inout';
4646
+ /**
4647
+ * @default ['mount']
4648
+ */
4649
+ motionTriggers?: MotionTriggersType[];
4650
+ /**
4651
+ * This internally maps to `variants` of motion/react
4652
+ */
4653
+ motionVariants?: MotionVariantsType;
4654
+ /**
4655
+ * Option to override the animate
4656
+ *
4657
+ * Useful when you want to control animation custom
4658
+ *
4659
+ * E.g.
4660
+ * ```js
4661
+ * const controls = useAnimationControls();
4662
+ *
4663
+ * animate={controls}
4664
+ * ```
4665
+ */
4666
+ animate?: AnimationControls;
4667
+ /**
4668
+ * This is for scenarios where you want to conditionally animate a component instead of it having static defined animation.
4669
+ *
4670
+ * E.g. In scenarios where your motion component is always mounted, you can use this to switch visibility
4671
+ *
4672
+ * ```js
4673
+ * animateVisibility={isVisible ? 'animate' : 'exit'}
4674
+ * ```
4675
+ */
4676
+ animateVisibility?: keyof MotionVariantsType;
4677
+ };
4678
+ type BaseMotionEntryExitProps = Pick<BaseMotionBoxProps, 'children' | 'motionVariants' | 'type'> & {
4679
+ /**
4680
+ * Handle visibility of motion component.
4681
+ *
4682
+ * By default components animate on mount but if you want to mount/unmount them, use this prop instead
4683
+ *
4684
+ * ### ❌ Incorrect way to handle visibility of components
4685
+ *
4686
+ * ```jsx
4687
+ * isVisible ? <Fade><MyComponent /></Fade> : null
4688
+ * ```
4689
+ *
4690
+ * ### ✅ Correct way
4691
+ *
4692
+ * ```jsx
4693
+ * <Fade isVisible={isVisible}><MyComponent />
4694
+ * ```
4695
+ *
4696
+ * This prop allows us to handle exit animations before the component unmounts
4697
+ */
4698
+ isVisible?: boolean;
4699
+ /**
4700
+ * ### Usage
4701
+ *
4702
+ * ```jsx
4703
+ * <Fade motionTriggers={['in-view']}>
4704
+ * <Text>I appear when the component is in view of the scroll</Text>
4705
+ * </Fade>
4706
+ * ```
4707
+ *
4708
+ * Values:
4709
+ * - mount: Component animates when it mounts
4710
+ * - in-view: Component animates when its in view of the scroll
4711
+ * - focus: Component animates in when its in focus
4712
+ * - on-animate-interactions: Component animates based on motionTriggers of <AnimateInteractions /> component
4713
+ *
4714
+ * @default ['mount']
4715
+ */
4716
+ motionTriggers?: MotionTriggerEntryExitType[];
4717
+ /**
4718
+ * By default components are only made opacity: 0. When this prop is set to true, components will unmount and be removed from the page.
4719
+ *
4720
+ * **Warn:** Setting this true might cause layout shifts in your page since component will be removed so do check it once and add minHeight to its container
4721
+ *
4722
+ * @default false
4723
+ */
4724
+ shouldUnmountWhenHidden?: boolean;
4725
+ /**
4726
+ * Handles delay of animations
4727
+ *
4728
+ * ## Usage
4729
+ *
4730
+ * ```jsx
4731
+ * <Fade delay="quick"></Fade>
4732
+ * ```
4733
+ *
4734
+ * ### Different delays for enter and exit
4735
+ *
4736
+ * ```jsx
4737
+ * <Fade delay={{ enter: 'quick', exit: 'gentle' }}></Fade>
4738
+ * ```
4739
+ *
4740
+ * @default undefined
4741
+ */
4742
+ delay?: MotionDelay;
4743
+ };
4744
+ type MotionMeta = {
4745
+ innerRef: React__default.Ref<HTMLElement>;
4746
+ isEnhanced: boolean;
4747
+ };
4748
+ type MotionMetaProp = {
4749
+ /**
4750
+ * @private
4751
+ *
4752
+ * This prop is internally injected when Motion Preset enhances some component.
4753
+ *
4754
+ * You only need to add this prop to component that requires you to pass ref to some internal component. E.g. in checkbox, we need ref on internal input component but we also need one ref on outer component.
4755
+ * Use this in combination with `getOuterMotionRef` and `getInnerMotionRef` utilities
4756
+ */
4757
+ _motionMeta?: MotionMeta;
4758
+ };
4759
+
4760
+ type AnimateInteractionsProps = {
4761
+ children: React.ReactElement;
4762
+ /**
4763
+ * AnimateInteractions is a component meant to give you triggers that animate children inside of it.
4764
+ *
4765
+ * So the motionTriggers you apply here will be applied on AnimateInteractions and children will animate based on that.
4766
+ *
4767
+ * E.g.
4768
+ *
4769
+ * ```jsx
4770
+ * <AnimateInteractions
4771
+ * motionTriggers={['hover']}
4772
+ * > // <-- When this is hovered
4773
+ * <Box>
4774
+ * <Move
4775
+ * motionTriggers={['on-animate-interactions']}
4776
+ * > // <-- this animates in
4777
+ * <Box />
4778
+ * </Move>
4779
+ * </Box>
4780
+ * </AnimateInteractions>
4781
+ * ```
4782
+ */
4783
+ motionTriggers?: BaseMotionBoxProps['motionTriggers'];
4784
+ };
4785
+
4786
+ declare const AnimateInteractions: (_props: AnimateInteractionsProps) => React.ReactElement;
4787
+
4616
4788
  declare const Avatar: (_props: AvatarProps) => React.ReactElement;
4617
4789
 
4618
4790
  declare const AvatarGroup: (_props: AvatarGroupProps) => React.ReactElement;
@@ -7456,150 +7628,6 @@ type CarouselProps = {
7456
7628
  height?: BoxProps['height'];
7457
7629
  } & StyledPropsBlade & DataAnalyticsAttribute;
7458
7630
 
7459
- type MotionTriggerEntryExitType = 'mount' | 'in-view' | 'focus' | 'on-animate-interactions';
7460
- type MotionTriggersType = MotionTriggerEntryExitType | 'hover' | 'tap';
7461
- type MotionVariantsType = {
7462
- initial: TargetAndTransition & {
7463
- transition?: Tween;
7464
- };
7465
- animate: TargetAndTransition & {
7466
- transition?: Tween;
7467
- };
7468
- exit: TargetAndTransition & {
7469
- transition?: Tween;
7470
- };
7471
- };
7472
- type MotionDelay = keyof Delay | {
7473
- enter: keyof Delay;
7474
- exit: keyof Delay;
7475
- };
7476
- type BaseMotionBoxProps = {
7477
- as?: React__default.ReactElement;
7478
- children: React__default.ReactElement;
7479
- /**
7480
- * Whether component should animate in, animate out, or animate both in and out
7481
- *
7482
- * With type="in", component will only animate in but immediately be removed on exit without animation
7483
- * With type="out", component will only animate out but immediately mount on enter without animation
7484
- * With type="inout", component animates in and out both
7485
- *
7486
- * @default 'inout'
7487
- */
7488
- type?: 'in' | 'out' | 'inout';
7489
- /**
7490
- * @default ['mount']
7491
- */
7492
- motionTriggers?: MotionTriggersType[];
7493
- /**
7494
- * This internally maps to `variants` of motion/react
7495
- */
7496
- motionVariants?: MotionVariantsType;
7497
- /**
7498
- * Option to override the animate
7499
- *
7500
- * Useful when you want to control animation custom
7501
- *
7502
- * E.g.
7503
- * ```js
7504
- * const controls = useAnimationControls();
7505
- *
7506
- * animate={controls}
7507
- * ```
7508
- */
7509
- animate?: AnimationControls;
7510
- /**
7511
- * This is for scenarios where you want to conditionally animate a component instead of it having static defined animation.
7512
- *
7513
- * E.g. In scenarios where your motion component is always mounted, you can use this to switch visibility
7514
- *
7515
- * ```js
7516
- * animateVisibility={isVisible ? 'animate' : 'exit'}
7517
- * ```
7518
- */
7519
- animateVisibility?: keyof MotionVariantsType;
7520
- };
7521
- type BaseMotionEntryExitProps = Pick<BaseMotionBoxProps, 'children' | 'motionVariants' | 'type'> & {
7522
- /**
7523
- * Handle visibility of motion component.
7524
- *
7525
- * By default components animate on mount but if you want to mount/unmount them, use this prop instead
7526
- *
7527
- * ### ❌ Incorrect way to handle visibility of components
7528
- *
7529
- * ```jsx
7530
- * isVisible ? <Fade><MyComponent /></Fade> : null
7531
- * ```
7532
- *
7533
- * ### ✅ Correct way
7534
- *
7535
- * ```jsx
7536
- * <Fade isVisible={isVisible}><MyComponent />
7537
- * ```
7538
- *
7539
- * This prop allows us to handle exit animations before the component unmounts
7540
- */
7541
- isVisible?: boolean;
7542
- /**
7543
- * ### Usage
7544
- *
7545
- * ```jsx
7546
- * <Fade motionTriggers={['in-view']}>
7547
- * <Text>I appear when the component is in view of the scroll</Text>
7548
- * </Fade>
7549
- * ```
7550
- *
7551
- * Values:
7552
- * - mount: Component animates when it mounts
7553
- * - in-view: Component animates when its in view of the scroll
7554
- * - focus: Component animates in when its in focus
7555
- * - on-animate-interactions: Component animates based on motionTriggers of <AnimateInteractions /> component
7556
- *
7557
- * @default ['mount']
7558
- */
7559
- motionTriggers?: MotionTriggerEntryExitType[];
7560
- /**
7561
- * By default components are only made opacity: 0. When this prop is set to true, components will unmount and be removed from the page.
7562
- *
7563
- * **Warn:** Setting this true might cause layout shifts in your page since component will be removed so do check it once and add minHeight to its container
7564
- *
7565
- * @default false
7566
- */
7567
- shouldUnmountWhenHidden?: boolean;
7568
- /**
7569
- * Handles delay of animations
7570
- *
7571
- * ## Usage
7572
- *
7573
- * ```jsx
7574
- * <Fade delay="quick"></Fade>
7575
- * ```
7576
- *
7577
- * ### Different delays for enter and exit
7578
- *
7579
- * ```jsx
7580
- * <Fade delay={{ enter: 'quick', exit: 'gentle' }}></Fade>
7581
- * ```
7582
- *
7583
- * @default undefined
7584
- */
7585
- delay?: MotionDelay;
7586
- };
7587
- type MotionMeta = {
7588
- innerRef: React__default.Ref<HTMLElement>;
7589
- isEnhanced: boolean;
7590
- };
7591
- type MotionMetaProp = {
7592
- /**
7593
- * @private
7594
- *
7595
- * This prop is internally injected when Motion Preset enhances some component.
7596
- *
7597
- * You only need to add this prop to component that requires you to pass ref to some internal component. E.g. in checkbox, we need ref on internal input component but we also need one ref on outer component.
7598
- * Use this in combination with `getOuterMotionRef` and `getInnerMotionRef` utilities
7599
- */
7600
- _motionMeta?: MotionMeta;
7601
- };
7602
-
7603
7631
  type OnChange$1 = ({ isChecked, event, value, }: {
7604
7632
  isChecked: boolean;
7605
7633
  event?: React__default.ChangeEvent;
@@ -13668,6 +13696,12 @@ declare const SpotlightPopoverTourFooter: () => React.ReactElement;
13668
13696
 
13669
13697
  declare const SpotlightPopoverTourStep: (_props: SpotlightPopoverTourStepProps) => React.ReactElement;
13670
13698
 
13699
+ type StaggerProps = Pick<BaseMotionEntryExitProps, 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'> & {
13700
+ children: React.ReactElement[] | React.ReactElement;
13701
+ } & Omit<BoxProps, 'as'>;
13702
+
13703
+ declare const Stagger: (_props: StaggerProps) => React.ReactElement;
13704
+
13671
13705
  type StepGroupProps = {
13672
13706
  /**
13673
13707
  * size of step group
@@ -15357,4 +15391,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
15357
15391
  */
15358
15392
  declare const screenReaderStyles: CSSObject;
15359
15393
 
15360
- export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, 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, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, 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, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, 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, ImageIcon, InboxIcon, IndiaFlagIcon, 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, MagicKonnectIcon, 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, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, 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, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, 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, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, 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, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, 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, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, 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, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
15394
+ export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, 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, AnimateInteractions, AnimateInteractionsProps, 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, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, 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, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, 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, ImageIcon, InboxIcon, IndiaFlagIcon, 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, MagicKonnectIcon, 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, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, 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, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, 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, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, 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, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, 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, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@razorpay/blade",
3
3
  "description": "The Design System that powers Razorpay",
4
- "version": "12.0.0",
4
+ "version": "12.0.1",
5
5
  "license": "MIT",
6
6
  "engines": {
7
7
  "node": ">=18.12.1"