@razorpay/blade 8.14.0 → 8.15.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.
- package/build/components/index.d.ts +60 -87
- package/build/components/index.native.d.ts +57 -79
- package/build/components/index.native.js +38 -42
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +1519 -1623
- package/build/components/index.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +1 -1
- package/build/css/bankingThemeDarkMobile.css +1 -1
- package/build/css/bankingThemeLightDesktop.css +1 -1
- package/build/css/bankingThemeLightMobile.css +1 -1
- package/build/css/paymentThemeDarkDesktop.css +1 -1
- package/build/css/paymentThemeDarkMobile.css +1 -1
- package/build/css/paymentThemeLightDesktop.css +1 -1
- package/build/css/paymentThemeLightMobile.css +1 -1
- package/package.json +1 -1
|
@@ -1933,40 +1933,6 @@ declare const ActionListItemText: ({ children, }: {
|
|
|
1933
1933
|
}) => React__default.ReactElement;
|
|
1934
1934
|
declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) => JSX.Element>;
|
|
1935
1935
|
|
|
1936
|
-
declare type ActionListHeaderProps = {
|
|
1937
|
-
title: string;
|
|
1938
|
-
/**
|
|
1939
|
-
* Asset to be added on left side of Header.
|
|
1940
|
-
*
|
|
1941
|
-
* Valid children - `ActionListHeaderIcon`
|
|
1942
|
-
*/
|
|
1943
|
-
leading?: React__default.ReactNode;
|
|
1944
|
-
} & TestID$1;
|
|
1945
|
-
declare const ActionListHeader: (props: ActionListHeaderProps) => JSX.Element;
|
|
1946
|
-
declare const ActionListHeaderIcon: ({ icon }: {
|
|
1947
|
-
icon: IconComponent$1;
|
|
1948
|
-
}) => React__default.ReactElement;
|
|
1949
|
-
|
|
1950
|
-
declare type ActionListFooterProps = {
|
|
1951
|
-
title?: string;
|
|
1952
|
-
/**
|
|
1953
|
-
* Asset to be added on left side of Footer.
|
|
1954
|
-
*
|
|
1955
|
-
* Valid children - `ActionListFooterIcon`
|
|
1956
|
-
*/
|
|
1957
|
-
leading?: React__default.ReactNode;
|
|
1958
|
-
/**
|
|
1959
|
-
* Elements to be added on right side of Footer.
|
|
1960
|
-
*
|
|
1961
|
-
* Anything can be passed here but maybe don't? Should ideally have Button or Tick Icon Buttons.
|
|
1962
|
-
*/
|
|
1963
|
-
trailing?: React__default.ReactNode;
|
|
1964
|
-
} & TestID$1;
|
|
1965
|
-
declare const ActionListFooter: (props: ActionListFooterProps) => JSX.Element;
|
|
1966
|
-
declare const ActionListFooterIcon: ({ icon }: {
|
|
1967
|
-
icon: IconComponent$1;
|
|
1968
|
-
}) => React__default.ReactElement;
|
|
1969
|
-
|
|
1970
1936
|
declare type ActionListItemAssetProps = {
|
|
1971
1937
|
/**
|
|
1972
1938
|
* Source of the image.
|
|
@@ -3605,8 +3571,15 @@ declare type CounterProps = {
|
|
|
3605
3571
|
* Sets the intent of the counter.
|
|
3606
3572
|
*
|
|
3607
3573
|
* @default 'neutral'
|
|
3574
|
+
* @deprecated Use `variant` instead
|
|
3608
3575
|
*/
|
|
3609
3576
|
intent?: Feedback;
|
|
3577
|
+
/**
|
|
3578
|
+
* Sets the variant of the counter.
|
|
3579
|
+
*
|
|
3580
|
+
* @default 'neutral'
|
|
3581
|
+
*/
|
|
3582
|
+
variant?: Feedback | 'blue';
|
|
3610
3583
|
/**
|
|
3611
3584
|
* Sets the contrast of the counter.
|
|
3612
3585
|
*
|
|
@@ -3620,7 +3593,7 @@ declare type CounterProps = {
|
|
|
3620
3593
|
*/
|
|
3621
3594
|
size?: 'small' | 'medium' | 'large';
|
|
3622
3595
|
} & TestID$1 & StyledPropsBlade;
|
|
3623
|
-
declare const Counter: ({ value, max, intent, contrast, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
|
|
3596
|
+
declare const Counter: ({ value, max, intent, variant, contrast, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
|
|
3624
3597
|
|
|
3625
3598
|
type FeedbackColors$1 = `feedback.text.${DotNotationColorStringToken<
|
|
3626
3599
|
Theme$1['colors']['feedback']['text']
|
|
@@ -4455,13 +4428,14 @@ declare const Divider: ({ orientation, dividerStyle, variant, thickness, contras
|
|
|
4455
4428
|
declare type DropdownProps = {
|
|
4456
4429
|
selectionType?: 'single' | 'multiple';
|
|
4457
4430
|
onDismiss?: () => void;
|
|
4458
|
-
children:
|
|
4431
|
+
children: React.ReactNode[];
|
|
4459
4432
|
} & StyledPropsBlade;
|
|
4460
|
-
declare const Dropdown: ({ children, selectionType, onDismiss, ...styledProps }: DropdownProps) => JSX.Element;
|
|
4461
|
-
|
|
4462
4433
|
declare type DropdownOverlayProps = {
|
|
4463
|
-
children:
|
|
4434
|
+
children: React.ReactElement[] | React.ReactElement;
|
|
4464
4435
|
} & TestID$1;
|
|
4436
|
+
|
|
4437
|
+
declare const Dropdown: ({ children, selectionType, onDismiss, ...styledProps }: DropdownProps) => JSX.Element;
|
|
4438
|
+
|
|
4465
4439
|
declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => JSX.Element;
|
|
4466
4440
|
|
|
4467
4441
|
declare type DropdownButtonProps = ButtonProps & {
|
|
@@ -4476,6 +4450,50 @@ declare type DropdownLinkProps = LinkButtonVariantProps & {
|
|
|
4476
4450
|
};
|
|
4477
4451
|
declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...styledProps }: DropdownLinkProps) => JSX.Element;
|
|
4478
4452
|
|
|
4453
|
+
declare type BaseHeaderProps = {
|
|
4454
|
+
title?: string;
|
|
4455
|
+
subtitle?: string;
|
|
4456
|
+
/**
|
|
4457
|
+
* Leading part of the header placed at the left most side of the header
|
|
4458
|
+
*/
|
|
4459
|
+
leading?: React__default.ReactNode;
|
|
4460
|
+
/**
|
|
4461
|
+
* Trailing part of the header placed at the right most side of the header
|
|
4462
|
+
*/
|
|
4463
|
+
trailing?: React__default.ReactNode;
|
|
4464
|
+
/**
|
|
4465
|
+
* Placed adjacent to the title text
|
|
4466
|
+
*/
|
|
4467
|
+
titleSuffix?: React__default.ReactNode;
|
|
4468
|
+
/**
|
|
4469
|
+
* @default true
|
|
4470
|
+
*/
|
|
4471
|
+
showDivider?: boolean;
|
|
4472
|
+
/**
|
|
4473
|
+
* @default false
|
|
4474
|
+
*/
|
|
4475
|
+
showBackButton?: boolean;
|
|
4476
|
+
/**
|
|
4477
|
+
* @default true
|
|
4478
|
+
*/
|
|
4479
|
+
showCloseButton?: boolean;
|
|
4480
|
+
onCloseButtonClick?: () => void;
|
|
4481
|
+
onBackButtonClick?: () => void;
|
|
4482
|
+
closeButtonRef?: React__default.MutableRefObject<any>;
|
|
4483
|
+
metaComponentName?: string;
|
|
4484
|
+
} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'> & TestID$1;
|
|
4485
|
+
|
|
4486
|
+
declare type BaseFooterProps = {
|
|
4487
|
+
children: React__default.ReactNode;
|
|
4488
|
+
metaComponentName?: string;
|
|
4489
|
+
showDivider?: boolean;
|
|
4490
|
+
} & TestID$1;
|
|
4491
|
+
|
|
4492
|
+
declare type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID'>;
|
|
4493
|
+
declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, }: DropdownHeaderProps) => React__default.ReactElement;
|
|
4494
|
+
declare type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
|
|
4495
|
+
declare const DropdownFooter: ({ children, testID }: DropdownFooter) => React__default.ReactElement;
|
|
4496
|
+
|
|
4479
4497
|
declare const ArrowDownIcon: IconComponent;
|
|
4480
4498
|
|
|
4481
4499
|
declare const ArrowLeftIcon: IconComponent;
|
|
@@ -6860,49 +6878,10 @@ declare function clearAnnouncer(assertiveness: Assertiveness): void;
|
|
|
6860
6878
|
*/
|
|
6861
6879
|
declare function destroyAnnouncer(): void;
|
|
6862
6880
|
|
|
6863
|
-
declare type BaseHeaderProps = {
|
|
6864
|
-
title?: string;
|
|
6865
|
-
subtitle?: string;
|
|
6866
|
-
/**
|
|
6867
|
-
* Leading part of the header placed at the left most side of the header
|
|
6868
|
-
*/
|
|
6869
|
-
leading?: React__default.ReactNode;
|
|
6870
|
-
/**
|
|
6871
|
-
* Trailing part of the header placed at the right most side of the header
|
|
6872
|
-
*/
|
|
6873
|
-
trailing?: React__default.ReactNode;
|
|
6874
|
-
/**
|
|
6875
|
-
* Placed adjacent to the title text
|
|
6876
|
-
*/
|
|
6877
|
-
titleSuffix?: React__default.ReactNode;
|
|
6878
|
-
/**
|
|
6879
|
-
* @default true
|
|
6880
|
-
*/
|
|
6881
|
-
showDivider?: boolean;
|
|
6882
|
-
/**
|
|
6883
|
-
* @default false
|
|
6884
|
-
*/
|
|
6885
|
-
showBackButton?: boolean;
|
|
6886
|
-
/**
|
|
6887
|
-
* @default true
|
|
6888
|
-
*/
|
|
6889
|
-
showCloseButton?: boolean;
|
|
6890
|
-
onCloseButtonClick?: () => void;
|
|
6891
|
-
onBackButtonClick?: () => void;
|
|
6892
|
-
closeButtonRef: React__default.MutableRefObject<any>;
|
|
6893
|
-
metaComponentName?: string;
|
|
6894
|
-
} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'>;
|
|
6895
|
-
|
|
6896
6881
|
declare type ModalHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix'>;
|
|
6897
6882
|
declare const ModalHeader: ({ leading, subtitle, title, titleSuffix, trailing, }: ModalHeaderProps) => React.ReactElement;
|
|
6898
6883
|
|
|
6899
|
-
declare type
|
|
6900
|
-
children: React__default.ReactNode;
|
|
6901
|
-
metaComponentName?: string;
|
|
6902
|
-
showDivider?: boolean;
|
|
6903
|
-
};
|
|
6904
|
-
|
|
6905
|
-
declare type ModalFooterProps = Pick<BaseFooterProps$1, 'children'>;
|
|
6884
|
+
declare type ModalFooterProps = Pick<BaseFooterProps, 'children'>;
|
|
6906
6885
|
declare const ModalFooter: (props: ModalFooterProps) => React__default.ReactElement;
|
|
6907
6886
|
|
|
6908
6887
|
declare type ModalBodyProps = {
|
|
@@ -7693,7 +7672,7 @@ declare type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle'
|
|
|
7693
7672
|
*/
|
|
7694
7673
|
titleSuffix?: BaseHeaderProps['titleSuffix'];
|
|
7695
7674
|
};
|
|
7696
|
-
declare type BottomSheetFooterProps = Pick<BaseFooterProps
|
|
7675
|
+
declare type BottomSheetFooterProps = Pick<BaseFooterProps, 'children'>;
|
|
7697
7676
|
declare type BottomSheetBodyProps = {
|
|
7698
7677
|
children: React.ReactNode;
|
|
7699
7678
|
/**
|
|
@@ -7708,12 +7687,6 @@ declare type BottomSheetBodyProps = {
|
|
|
7708
7687
|
|
|
7709
7688
|
declare const BottomSheetHeader: ({ title, subtitle, leading, titleSuffix, trailing, showBackButton, onBackButtonClick, }: BottomSheetHeaderProps) => React__default.ReactElement;
|
|
7710
7689
|
|
|
7711
|
-
type BaseFooterProps = {
|
|
7712
|
-
children: React__default.ReactNode;
|
|
7713
|
-
metaComponentName?: string;
|
|
7714
|
-
showDivider?: boolean;
|
|
7715
|
-
};
|
|
7716
|
-
|
|
7717
7690
|
declare const BottomSheetFooter: ({ children }: BaseFooterProps) => React__default.ReactElement;
|
|
7718
7691
|
|
|
7719
7692
|
declare const BottomSheetBody: ({ children, padding, }: BottomSheetBodyProps) => React__default.ReactElement;
|
|
@@ -8591,4 +8564,4 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
|
|
|
8591
8564
|
tabIndex: -1;
|
|
8592
8565
|
}, "tabIndex">;
|
|
8593
8566
|
|
|
8594
|
-
export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList,
|
|
8567
|
+
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, 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, OTPInputProps, 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, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, TagIcon, 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 };
|
|
@@ -1932,40 +1932,6 @@ declare const ActionListItemText: ({ children, }: {
|
|
|
1932
1932
|
}) => React__default.ReactElement;
|
|
1933
1933
|
declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) => JSX.Element>;
|
|
1934
1934
|
|
|
1935
|
-
declare type ActionListHeaderProps = {
|
|
1936
|
-
title: string;
|
|
1937
|
-
/**
|
|
1938
|
-
* Asset to be added on left side of Header.
|
|
1939
|
-
*
|
|
1940
|
-
* Valid children - `ActionListHeaderIcon`
|
|
1941
|
-
*/
|
|
1942
|
-
leading?: React__default.ReactNode;
|
|
1943
|
-
} & TestID;
|
|
1944
|
-
declare const ActionListHeader: (props: ActionListHeaderProps) => JSX.Element;
|
|
1945
|
-
declare const ActionListHeaderIcon: ({ icon }: {
|
|
1946
|
-
icon: IconComponent$1;
|
|
1947
|
-
}) => React__default.ReactElement;
|
|
1948
|
-
|
|
1949
|
-
declare type ActionListFooterProps = {
|
|
1950
|
-
title?: string;
|
|
1951
|
-
/**
|
|
1952
|
-
* Asset to be added on left side of Footer.
|
|
1953
|
-
*
|
|
1954
|
-
* Valid children - `ActionListFooterIcon`
|
|
1955
|
-
*/
|
|
1956
|
-
leading?: React__default.ReactNode;
|
|
1957
|
-
/**
|
|
1958
|
-
* Elements to be added on right side of Footer.
|
|
1959
|
-
*
|
|
1960
|
-
* Anything can be passed here but maybe don't? Should ideally have Button or Tick Icon Buttons.
|
|
1961
|
-
*/
|
|
1962
|
-
trailing?: React__default.ReactNode;
|
|
1963
|
-
} & TestID;
|
|
1964
|
-
declare const ActionListFooter: (props: ActionListFooterProps) => JSX.Element;
|
|
1965
|
-
declare const ActionListFooterIcon: ({ icon }: {
|
|
1966
|
-
icon: IconComponent$1;
|
|
1967
|
-
}) => React__default.ReactElement;
|
|
1968
|
-
|
|
1969
1935
|
declare type ActionListItemAssetProps = {
|
|
1970
1936
|
/**
|
|
1971
1937
|
* Source of the image.
|
|
@@ -3417,8 +3383,15 @@ declare type CounterProps = {
|
|
|
3417
3383
|
* Sets the intent of the counter.
|
|
3418
3384
|
*
|
|
3419
3385
|
* @default 'neutral'
|
|
3386
|
+
* @deprecated Use `variant` instead
|
|
3420
3387
|
*/
|
|
3421
3388
|
intent?: Feedback;
|
|
3389
|
+
/**
|
|
3390
|
+
* Sets the variant of the counter.
|
|
3391
|
+
*
|
|
3392
|
+
* @default 'neutral'
|
|
3393
|
+
*/
|
|
3394
|
+
variant?: Feedback | 'blue';
|
|
3422
3395
|
/**
|
|
3423
3396
|
* Sets the contrast of the counter.
|
|
3424
3397
|
*
|
|
@@ -3432,7 +3405,7 @@ declare type CounterProps = {
|
|
|
3432
3405
|
*/
|
|
3433
3406
|
size?: 'small' | 'medium' | 'large';
|
|
3434
3407
|
} & TestID & StyledPropsBlade;
|
|
3435
|
-
declare const Counter: ({ value, max, intent, contrast, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
|
|
3408
|
+
declare const Counter: ({ value, max, intent, variant, contrast, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
|
|
3436
3409
|
|
|
3437
3410
|
type FeedbackColors$1 = `feedback.text.${DotNotationColorStringToken<
|
|
3438
3411
|
Theme$1['colors']['feedback']['text']
|
|
@@ -4134,14 +4107,14 @@ declare const Divider: ({ orientation, dividerStyle, variant, thickness, contras
|
|
|
4134
4107
|
declare type DropdownProps = {
|
|
4135
4108
|
selectionType?: 'single' | 'multiple';
|
|
4136
4109
|
onDismiss?: () => void;
|
|
4137
|
-
children:
|
|
4110
|
+
children: React.ReactNode[];
|
|
4138
4111
|
} & StyledPropsBlade;
|
|
4139
|
-
declare const Dropdown: ({ children, selectionType, onDismiss, ...styledProps }: DropdownProps) => JSX.Element;
|
|
4140
|
-
|
|
4141
4112
|
declare type DropdownOverlayProps = {
|
|
4142
|
-
children:
|
|
4113
|
+
children: React.ReactElement[] | React.ReactElement;
|
|
4143
4114
|
} & TestID;
|
|
4144
4115
|
|
|
4116
|
+
declare const Dropdown: ({ children, selectionType, onDismiss, ...styledProps }: DropdownProps) => JSX.Element;
|
|
4117
|
+
|
|
4145
4118
|
declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => JSX.Element;
|
|
4146
4119
|
|
|
4147
4120
|
declare type DropdownButtonProps = ButtonProps & {
|
|
@@ -4156,6 +4129,50 @@ declare type DropdownLinkProps = LinkButtonVariantProps & {
|
|
|
4156
4129
|
};
|
|
4157
4130
|
declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...styledProps }: DropdownLinkProps) => JSX.Element;
|
|
4158
4131
|
|
|
4132
|
+
declare type BaseHeaderProps = {
|
|
4133
|
+
title?: string;
|
|
4134
|
+
subtitle?: string;
|
|
4135
|
+
/**
|
|
4136
|
+
* Leading part of the header placed at the left most side of the header
|
|
4137
|
+
*/
|
|
4138
|
+
leading?: React__default.ReactNode;
|
|
4139
|
+
/**
|
|
4140
|
+
* Trailing part of the header placed at the right most side of the header
|
|
4141
|
+
*/
|
|
4142
|
+
trailing?: React__default.ReactNode;
|
|
4143
|
+
/**
|
|
4144
|
+
* Placed adjacent to the title text
|
|
4145
|
+
*/
|
|
4146
|
+
titleSuffix?: React__default.ReactNode;
|
|
4147
|
+
/**
|
|
4148
|
+
* @default true
|
|
4149
|
+
*/
|
|
4150
|
+
showDivider?: boolean;
|
|
4151
|
+
/**
|
|
4152
|
+
* @default false
|
|
4153
|
+
*/
|
|
4154
|
+
showBackButton?: boolean;
|
|
4155
|
+
/**
|
|
4156
|
+
* @default true
|
|
4157
|
+
*/
|
|
4158
|
+
showCloseButton?: boolean;
|
|
4159
|
+
onCloseButtonClick?: () => void;
|
|
4160
|
+
onBackButtonClick?: () => void;
|
|
4161
|
+
closeButtonRef?: React__default.MutableRefObject<any>;
|
|
4162
|
+
metaComponentName?: string;
|
|
4163
|
+
} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'> & TestID;
|
|
4164
|
+
|
|
4165
|
+
declare type BaseFooterProps = {
|
|
4166
|
+
children: React__default.ReactNode;
|
|
4167
|
+
metaComponentName?: string;
|
|
4168
|
+
showDivider?: boolean;
|
|
4169
|
+
} & TestID;
|
|
4170
|
+
|
|
4171
|
+
declare type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID'>;
|
|
4172
|
+
declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, }: DropdownHeaderProps) => React__default.ReactElement;
|
|
4173
|
+
declare type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
|
|
4174
|
+
declare const DropdownFooter: ({ children, testID }: DropdownFooter) => React__default.ReactElement;
|
|
4175
|
+
|
|
4159
4176
|
declare const ArrowDownIcon: IconComponent;
|
|
4160
4177
|
|
|
4161
4178
|
declare const ArrowLeftIcon: IconComponent;
|
|
@@ -6132,48 +6149,9 @@ declare function announce(message: string, _assertiveness?: Assertiveness): void
|
|
|
6132
6149
|
declare function clearAnnouncer(_assertiveness: Assertiveness): void;
|
|
6133
6150
|
declare function destroyAnnouncer(): void;
|
|
6134
6151
|
|
|
6135
|
-
declare type BaseHeaderProps = {
|
|
6136
|
-
title?: string;
|
|
6137
|
-
subtitle?: string;
|
|
6138
|
-
/**
|
|
6139
|
-
* Leading part of the header placed at the left most side of the header
|
|
6140
|
-
*/
|
|
6141
|
-
leading?: React__default.ReactNode;
|
|
6142
|
-
/**
|
|
6143
|
-
* Trailing part of the header placed at the right most side of the header
|
|
6144
|
-
*/
|
|
6145
|
-
trailing?: React__default.ReactNode;
|
|
6146
|
-
/**
|
|
6147
|
-
* Placed adjacent to the title text
|
|
6148
|
-
*/
|
|
6149
|
-
titleSuffix?: React__default.ReactNode;
|
|
6150
|
-
/**
|
|
6151
|
-
* @default true
|
|
6152
|
-
*/
|
|
6153
|
-
showDivider?: boolean;
|
|
6154
|
-
/**
|
|
6155
|
-
* @default false
|
|
6156
|
-
*/
|
|
6157
|
-
showBackButton?: boolean;
|
|
6158
|
-
/**
|
|
6159
|
-
* @default true
|
|
6160
|
-
*/
|
|
6161
|
-
showCloseButton?: boolean;
|
|
6162
|
-
onCloseButtonClick?: () => void;
|
|
6163
|
-
onBackButtonClick?: () => void;
|
|
6164
|
-
closeButtonRef: React__default.MutableRefObject<any>;
|
|
6165
|
-
metaComponentName?: string;
|
|
6166
|
-
} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'>;
|
|
6167
|
-
|
|
6168
6152
|
declare type ModalHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix'>;
|
|
6169
6153
|
declare const ModalHeader: () => React__default.ReactElement;
|
|
6170
6154
|
|
|
6171
|
-
declare type BaseFooterProps = {
|
|
6172
|
-
children: React__default.ReactNode;
|
|
6173
|
-
metaComponentName?: string;
|
|
6174
|
-
showDivider?: boolean;
|
|
6175
|
-
};
|
|
6176
|
-
|
|
6177
6155
|
declare type ModalFooterProps = Pick<BaseFooterProps, 'children'>;
|
|
6178
6156
|
declare const ModalFooter: () => React__default.ReactElement;
|
|
6179
6157
|
|
|
@@ -6977,4 +6955,4 @@ declare type BladeCommonEvents = {
|
|
|
6977
6955
|
}>;
|
|
6978
6956
|
};
|
|
6979
6957
|
|
|
6980
|
-
export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList,
|
|
6958
|
+
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, 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, OTPInputProps, 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, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, TagIcon, 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 };
|