@razorpay/blade 8.5.0 → 8.6.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 +198 -78
- package/build/components/index.native.d.ts +198 -78
- package/build/components/index.native.js +308 -306
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +1792 -1612
- 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 +3 -3
|
@@ -2174,7 +2174,7 @@ declare type LayoutProps = MakeObjectResponsive<{
|
|
|
2174
2174
|
width: SpacingValueType;
|
|
2175
2175
|
minWidth: SpacingValueType;
|
|
2176
2176
|
maxWidth: SpacingValueType;
|
|
2177
|
-
} & PickCSSByPlatform$1<'display' | 'overflow' | 'overflowX' | 'overflowY'>>;
|
|
2177
|
+
} & PickCSSByPlatform$1<'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign'>>;
|
|
2178
2178
|
declare type FlexboxProps = MakeObjectResponsive<{
|
|
2179
2179
|
/**
|
|
2180
2180
|
* This uses the native gap property which might not work on older browsers.
|
|
@@ -2300,7 +2300,7 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<MakeObjectRe
|
|
|
2300
2300
|
width: SpacingValueType;
|
|
2301
2301
|
minWidth: SpacingValueType;
|
|
2302
2302
|
maxWidth: SpacingValueType;
|
|
2303
|
-
} & PickIfExist$1<react_native.ViewStyle, "display" | "overflowX" | "overflowY" | "overflow"> & {
|
|
2303
|
+
} & PickIfExist$1<react_native.ViewStyle, "display" | "overflowX" | "overflowY" | "textAlign" | "overflow"> & {
|
|
2304
2304
|
__brand__?: "platform-native" | undefined;
|
|
2305
2305
|
}> & MakeObjectResponsive<{
|
|
2306
2306
|
gap: SpacingValueType;
|
|
@@ -2407,6 +2407,74 @@ declare type CardBodyProps = {
|
|
|
2407
2407
|
} & TestID;
|
|
2408
2408
|
declare const CardBody: ({ children, testID }: CardBodyProps) => React__default.ReactElement;
|
|
2409
2409
|
|
|
2410
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2411
|
+
|
|
2412
|
+
|
|
2413
|
+
type BladeElementRef = Platform.Select<{
|
|
2414
|
+
web: Pick<HTMLElement, 'focus' | 'scrollIntoView'> | Pick<View, 'focus'>;
|
|
2415
|
+
native: React.MutableRefObject<any>;
|
|
2416
|
+
}>;
|
|
2417
|
+
|
|
2418
|
+
declare type BaseLinkCommonProps = {
|
|
2419
|
+
intent?: 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
|
|
2420
|
+
contrast?: 'low' | 'high';
|
|
2421
|
+
icon?: IconComponent$1;
|
|
2422
|
+
iconPosition?: 'left' | 'right';
|
|
2423
|
+
onClick?: (event: SyntheticEvent) => void;
|
|
2424
|
+
onBlur?: Platform.Select<{
|
|
2425
|
+
native: (event: GestureResponderEvent) => void;
|
|
2426
|
+
web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
|
|
2427
|
+
}>;
|
|
2428
|
+
onKeyDown?: Platform.Select<{
|
|
2429
|
+
native: (event: GestureResponderEvent) => void;
|
|
2430
|
+
web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
|
|
2431
|
+
}>;
|
|
2432
|
+
accessibilityLabel?: string;
|
|
2433
|
+
/**
|
|
2434
|
+
* Sets the size of the link
|
|
2435
|
+
*
|
|
2436
|
+
* @default medium
|
|
2437
|
+
*/
|
|
2438
|
+
size?: 'xsmall' | 'small' | 'medium' | 'large';
|
|
2439
|
+
/**
|
|
2440
|
+
* Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.
|
|
2441
|
+
*/
|
|
2442
|
+
hitSlop?: {
|
|
2443
|
+
top?: number;
|
|
2444
|
+
right?: number;
|
|
2445
|
+
bottom?: number;
|
|
2446
|
+
left?: number;
|
|
2447
|
+
} | number;
|
|
2448
|
+
/**
|
|
2449
|
+
* The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.
|
|
2450
|
+
*/
|
|
2451
|
+
htmlTitle?: string;
|
|
2452
|
+
} & TestID & StyledPropsBlade;
|
|
2453
|
+
declare type BaseLinkWithoutIconProps = BaseLinkCommonProps & {
|
|
2454
|
+
icon?: undefined;
|
|
2455
|
+
children: StringChildrenType;
|
|
2456
|
+
};
|
|
2457
|
+
declare type BaseLinkWithIconProps = BaseLinkCommonProps & {
|
|
2458
|
+
icon: IconComponent$1;
|
|
2459
|
+
children?: StringChildrenType;
|
|
2460
|
+
};
|
|
2461
|
+
declare type BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;
|
|
2462
|
+
declare type BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {
|
|
2463
|
+
variant?: 'anchor';
|
|
2464
|
+
href?: string;
|
|
2465
|
+
target?: string;
|
|
2466
|
+
rel?: string;
|
|
2467
|
+
isDisabled?: undefined;
|
|
2468
|
+
};
|
|
2469
|
+
declare type BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {
|
|
2470
|
+
variant?: 'button';
|
|
2471
|
+
isDisabled?: boolean;
|
|
2472
|
+
href?: undefined;
|
|
2473
|
+
target?: undefined;
|
|
2474
|
+
rel?: undefined;
|
|
2475
|
+
};
|
|
2476
|
+
declare type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;
|
|
2477
|
+
|
|
2410
2478
|
declare type LinkCommonProps = {
|
|
2411
2479
|
variant?: 'anchor' | 'button';
|
|
2412
2480
|
icon?: IconComponent$1;
|
|
@@ -2421,7 +2489,7 @@ declare type LinkCommonProps = {
|
|
|
2421
2489
|
*
|
|
2422
2490
|
* @default medium
|
|
2423
2491
|
*/
|
|
2424
|
-
size?: '
|
|
2492
|
+
size?: BaseLinkProps['size'];
|
|
2425
2493
|
} & TestID & StyledPropsBlade & Platform.Select<{
|
|
2426
2494
|
native: {
|
|
2427
2495
|
/**
|
|
@@ -2475,15 +2543,60 @@ declare type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {
|
|
|
2475
2543
|
declare type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;
|
|
2476
2544
|
declare const Link: ({ children, icon, iconPosition, isDisabled, onClick, variant, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...styledProps }: LinkProps) => ReactElement;
|
|
2477
2545
|
|
|
2478
|
-
|
|
2479
|
-
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2546
|
+
declare type BaseButtonCommonProps = {
|
|
2547
|
+
href?: BaseLinkProps['href'];
|
|
2548
|
+
target?: BaseLinkProps['target'];
|
|
2549
|
+
rel?: BaseLinkProps['rel'];
|
|
2550
|
+
size?: 'xsmall' | 'small' | 'medium' | 'large';
|
|
2551
|
+
iconPosition?: 'left' | 'right';
|
|
2552
|
+
isDisabled?: boolean;
|
|
2553
|
+
isFullWidth?: boolean;
|
|
2554
|
+
onBlur?: Platform.Select<{
|
|
2555
|
+
native: (event: GestureResponderEvent) => void;
|
|
2556
|
+
web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
|
|
2557
|
+
}>;
|
|
2558
|
+
onKeyDown?: Platform.Select<{
|
|
2559
|
+
native: (event: GestureResponderEvent) => void;
|
|
2560
|
+
web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
|
|
2561
|
+
}>;
|
|
2562
|
+
onClick?: Platform.Select<{
|
|
2563
|
+
native: (event: GestureResponderEvent) => void;
|
|
2564
|
+
web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
|
|
2565
|
+
}>;
|
|
2566
|
+
type?: 'button' | 'reset' | 'submit';
|
|
2567
|
+
isLoading?: boolean;
|
|
2568
|
+
accessibilityLabel?: string;
|
|
2569
|
+
variant?: 'primary' | 'secondary' | 'tertiary';
|
|
2570
|
+
contrast?: 'low' | 'high';
|
|
2571
|
+
intent?: 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
|
|
2572
|
+
} & TestID & StyledPropsBlade;
|
|
2573
|
+
declare type BaseButtonWithoutIconProps = BaseButtonCommonProps & {
|
|
2574
|
+
icon?: undefined;
|
|
2575
|
+
children: StringChildrenType;
|
|
2576
|
+
};
|
|
2577
|
+
declare type BaseButtonWithIconProps = BaseButtonCommonProps & {
|
|
2578
|
+
icon: IconComponent$1;
|
|
2579
|
+
children?: StringChildrenType;
|
|
2580
|
+
};
|
|
2581
|
+
declare type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;
|
|
2485
2582
|
|
|
2486
2583
|
declare type ButtonCommonProps = {
|
|
2584
|
+
/**
|
|
2585
|
+
* Automatically renders button with `a` tag with `href` on web
|
|
2586
|
+
*/
|
|
2587
|
+
href?: BaseButtonProps['href'];
|
|
2588
|
+
/**
|
|
2589
|
+
* anchor target attribute
|
|
2590
|
+
*
|
|
2591
|
+
* Should only be used alongside `href`
|
|
2592
|
+
*/
|
|
2593
|
+
target?: BaseButtonProps['target'];
|
|
2594
|
+
/**
|
|
2595
|
+
* anchor rel attribute
|
|
2596
|
+
*
|
|
2597
|
+
* Should only be used alongside `href`
|
|
2598
|
+
*/
|
|
2599
|
+
rel?: BaseButtonProps['rel'];
|
|
2487
2600
|
variant?: 'primary' | 'secondary' | 'tertiary';
|
|
2488
2601
|
size?: 'xsmall' | 'small' | 'medium' | 'large';
|
|
2489
2602
|
iconPosition?: 'left' | 'right';
|
|
@@ -3018,46 +3131,18 @@ declare type DropdownOverlayProps = {
|
|
|
3018
3131
|
|
|
3019
3132
|
declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => JSX.Element;
|
|
3020
3133
|
|
|
3021
|
-
declare type BaseButtonCommonProps = {
|
|
3022
|
-
size?: 'xsmall' | 'small' | 'medium' | 'large';
|
|
3023
|
-
iconPosition?: 'left' | 'right';
|
|
3024
|
-
isDisabled?: boolean;
|
|
3025
|
-
isFullWidth?: boolean;
|
|
3026
|
-
onBlur?: Platform.Select<{
|
|
3027
|
-
native: (event: GestureResponderEvent) => void;
|
|
3028
|
-
web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
|
|
3029
|
-
}>;
|
|
3030
|
-
onKeyDown?: Platform.Select<{
|
|
3031
|
-
native: (event: GestureResponderEvent) => void;
|
|
3032
|
-
web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
|
|
3033
|
-
}>;
|
|
3034
|
-
onClick?: Platform.Select<{
|
|
3035
|
-
native: (event: GestureResponderEvent) => void;
|
|
3036
|
-
web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
|
|
3037
|
-
}>;
|
|
3038
|
-
type?: 'button' | 'reset' | 'submit';
|
|
3039
|
-
isLoading?: boolean;
|
|
3040
|
-
accessibilityLabel?: string;
|
|
3041
|
-
variant?: 'primary' | 'secondary' | 'tertiary';
|
|
3042
|
-
contrast?: 'low' | 'high';
|
|
3043
|
-
intent?: 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
|
|
3044
|
-
} & TestID & StyledPropsBlade;
|
|
3045
|
-
declare type BaseButtonWithoutIconProps = BaseButtonCommonProps & {
|
|
3046
|
-
icon?: undefined;
|
|
3047
|
-
children: StringChildrenType;
|
|
3048
|
-
};
|
|
3049
|
-
declare type BaseButtonWithIconProps = BaseButtonCommonProps & {
|
|
3050
|
-
icon: IconComponent$1;
|
|
3051
|
-
children?: StringChildrenType;
|
|
3052
|
-
};
|
|
3053
|
-
declare type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;
|
|
3054
|
-
|
|
3055
3134
|
declare type DropdownButtonProps = ButtonProps & {
|
|
3056
3135
|
onBlur?: BaseButtonProps['onBlur'];
|
|
3057
3136
|
onKeyDown?: BaseButtonProps['onKeyDown'];
|
|
3058
3137
|
};
|
|
3059
3138
|
declare const DropdownButton: ({ children, icon, iconPosition, isDisabled, isFullWidth, isLoading, onClick, onBlur, onKeyDown, size, type, variant, accessibilityLabel, testID, ...styledProps }: DropdownButtonProps) => JSX.Element;
|
|
3060
3139
|
|
|
3140
|
+
declare type DropdownLinkProps = LinkButtonVariantProps & {
|
|
3141
|
+
onBlur?: BaseLinkProps['onBlur'];
|
|
3142
|
+
onKeyDown?: BaseLinkProps['onKeyDown'];
|
|
3143
|
+
};
|
|
3144
|
+
declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...styledProps }: DropdownLinkProps) => JSX.Element;
|
|
3145
|
+
|
|
3061
3146
|
declare const ArrowDownIcon: IconComponent;
|
|
3062
3147
|
|
|
3063
3148
|
declare const ArrowLeftIcon: IconComponent;
|
|
@@ -4315,12 +4400,44 @@ declare type TitleProps = {
|
|
|
4315
4400
|
} & TestID & StyledPropsBlade;
|
|
4316
4401
|
declare const Title: ({ size, type, contrast, children, testID, ...styledProps }: TitleProps) => ReactElement;
|
|
4317
4402
|
|
|
4403
|
+
declare type FeedbackColors = `feedback.text.${DotNotationColorStringToken<Theme$1['colors']['feedback']['text']>}`;
|
|
4404
|
+
declare type FeedbackActionColors = `feedback.${Feedback}.action.text.${DotNotationColorStringToken<Theme$1['colors']['feedback'][Feedback]['action']['text']>}`;
|
|
4405
|
+
declare type SurfaceColors = `surface.text.${DotNotationColorStringToken<Theme$1['colors']['surface']['text']>}`;
|
|
4406
|
+
declare type ActionColors = `action.text.${DotNotationColorStringToken<Theme$1['colors']['action']['text']>}`;
|
|
4407
|
+
declare type BadgeTextColors = `badge.text.${DotNotationColorStringToken<Theme$1['colors']['badge']['text']>}`;
|
|
4408
|
+
declare type BaseTextProps = {
|
|
4409
|
+
id?: string;
|
|
4410
|
+
color?: ActionColors | FeedbackColors | SurfaceColors | FeedbackActionColors | BadgeTextColors;
|
|
4411
|
+
fontFamily?: keyof Theme$1['typography']['fonts']['family'];
|
|
4412
|
+
fontSize?: keyof Theme$1['typography']['fonts']['size'];
|
|
4413
|
+
fontWeight?: keyof Theme$1['typography']['fonts']['weight'];
|
|
4414
|
+
fontStyle?: 'italic' | 'normal';
|
|
4415
|
+
textDecorationLine?: 'line-through' | 'none' | 'underline';
|
|
4416
|
+
lineHeight?: keyof Theme$1['typography']['lineHeights'];
|
|
4417
|
+
/**
|
|
4418
|
+
* Web only
|
|
4419
|
+
*/
|
|
4420
|
+
as?: 'code' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
|
|
4421
|
+
textAlign?: 'center' | 'justify' | 'left' | 'right';
|
|
4422
|
+
truncateAfterLines?: number;
|
|
4423
|
+
className?: string;
|
|
4424
|
+
style?: React.CSSProperties;
|
|
4425
|
+
children: React.ReactNode;
|
|
4426
|
+
accessibilityProps?: Partial<AccessibilityProps>;
|
|
4427
|
+
/**
|
|
4428
|
+
* React Native only
|
|
4429
|
+
*/
|
|
4430
|
+
numberOfLines?: number;
|
|
4431
|
+
componentName?: 'text' | 'title' | 'heading' | 'code';
|
|
4432
|
+
} & TestID & StyledPropsBlade;
|
|
4433
|
+
|
|
4318
4434
|
declare type HeadingVariant = 'regular' | 'subheading';
|
|
4319
4435
|
declare type HeadingSize = 'small' | 'medium' | 'large';
|
|
4320
4436
|
declare type HeadingCommonProps = {
|
|
4321
4437
|
type?: TextTypes;
|
|
4322
4438
|
contrast?: ColorContrastTypes;
|
|
4323
4439
|
children: StringChildrenType;
|
|
4440
|
+
textAlign?: BaseTextProps['textAlign'];
|
|
4324
4441
|
} & TestID & StyledPropsBlade;
|
|
4325
4442
|
declare type HeadingNormalVariant = HeadingCommonProps & {
|
|
4326
4443
|
variant?: Exclude<HeadingVariant, 'subheading'>;
|
|
@@ -4348,38 +4465,7 @@ declare type HeadingProps<T> = T extends {
|
|
|
4348
4465
|
} ? Variant extends Exclude<HeadingVariant, 'subheading'> ? HeadingNormalVariant : Variant extends 'subheading' ? HeadingSubHeadingVariant : T : T;
|
|
4349
4466
|
declare const Heading: <T extends {
|
|
4350
4467
|
variant: HeadingVariant;
|
|
4351
|
-
}>({ variant, size, type, weight, contrast, children, testID, ...styledProps }: HeadingProps<T>) => ReactElement;
|
|
4352
|
-
|
|
4353
|
-
declare type FeedbackColors = `feedback.text.${DotNotationColorStringToken<Theme$1['colors']['feedback']['text']>}`;
|
|
4354
|
-
declare type FeedbackActionColors = `feedback.${Feedback}.action.text.${DotNotationColorStringToken<Theme$1['colors']['feedback'][Feedback]['action']['text']>}`;
|
|
4355
|
-
declare type SurfaceColors = `surface.text.${DotNotationColorStringToken<Theme$1['colors']['surface']['text']>}`;
|
|
4356
|
-
declare type ActionColors = `action.text.${DotNotationColorStringToken<Theme$1['colors']['action']['text']>}`;
|
|
4357
|
-
declare type BadgeTextColors = `badge.text.${DotNotationColorStringToken<Theme$1['colors']['badge']['text']>}`;
|
|
4358
|
-
declare type BaseTextProps = {
|
|
4359
|
-
id?: string;
|
|
4360
|
-
color?: ActionColors | FeedbackColors | SurfaceColors | FeedbackActionColors | BadgeTextColors;
|
|
4361
|
-
fontFamily?: keyof Theme$1['typography']['fonts']['family'];
|
|
4362
|
-
fontSize?: keyof Theme$1['typography']['fonts']['size'];
|
|
4363
|
-
fontWeight?: keyof Theme$1['typography']['fonts']['weight'];
|
|
4364
|
-
fontStyle?: 'italic' | 'normal';
|
|
4365
|
-
textDecorationLine?: 'line-through' | 'none' | 'underline';
|
|
4366
|
-
lineHeight?: keyof Theme$1['typography']['lineHeights'];
|
|
4367
|
-
/**
|
|
4368
|
-
* Web only
|
|
4369
|
-
*/
|
|
4370
|
-
as?: 'code' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
|
|
4371
|
-
textAlign?: 'center' | 'justify' | 'left' | 'right';
|
|
4372
|
-
truncateAfterLines?: number;
|
|
4373
|
-
className?: string;
|
|
4374
|
-
style?: React.CSSProperties;
|
|
4375
|
-
children: React.ReactNode;
|
|
4376
|
-
accessibilityProps?: Partial<AccessibilityProps>;
|
|
4377
|
-
/**
|
|
4378
|
-
* React Native only
|
|
4379
|
-
*/
|
|
4380
|
-
numberOfLines?: number;
|
|
4381
|
-
componentName?: 'text' | 'title' | 'heading' | 'code';
|
|
4382
|
-
} & TestID & StyledPropsBlade;
|
|
4468
|
+
}>({ variant, size, type, weight, contrast, children, testID, textAlign, ...styledProps }: HeadingProps<T>) => ReactElement;
|
|
4383
4469
|
|
|
4384
4470
|
declare type TextCommonProps = {
|
|
4385
4471
|
type?: TextTypes;
|
|
@@ -4898,13 +4984,47 @@ declare type BaseFooterProps = {
|
|
|
4898
4984
|
declare type SnapPoints = [number, number, number];
|
|
4899
4985
|
|
|
4900
4986
|
declare type BottomSheetProps = {
|
|
4987
|
+
/**
|
|
4988
|
+
* Accepts BottomSheetHeader, BottomSheetFooter, BottomSheetBody
|
|
4989
|
+
*/
|
|
4901
4990
|
children: React.ReactNode;
|
|
4991
|
+
/**
|
|
4992
|
+
* SnapPoints in which the bottom sheeet will rest on.
|
|
4993
|
+
* Accepts numbers between 0 & 1 which maps to the total view height of the screen, 0.5 means 50% of screen height.
|
|
4994
|
+
*
|
|
4995
|
+
* @default [0.35, 0.5, 0.85]
|
|
4996
|
+
*/
|
|
4902
4997
|
snapPoints?: SnapPoints;
|
|
4998
|
+
/**
|
|
4999
|
+
* Called when the bottom sheet is closed, either by user state, hitting `esc` or tapping backdrop
|
|
5000
|
+
*/
|
|
4903
5001
|
onDismiss?: () => void;
|
|
5002
|
+
/**
|
|
5003
|
+
* Toggles bottom sheet state
|
|
5004
|
+
*
|
|
5005
|
+
* @default false
|
|
5006
|
+
*/
|
|
4904
5007
|
isOpen?: boolean;
|
|
5008
|
+
/**
|
|
5009
|
+
* Ref element you want to get keyboard focus when opening the sheet
|
|
5010
|
+
* By default the initial focus will go to the close button
|
|
5011
|
+
*/
|
|
4905
5012
|
initialFocusRef?: React.MutableRefObject<any>;
|
|
4906
5013
|
};
|
|
4907
|
-
declare type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | '
|
|
5014
|
+
declare type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'showBackButton' | 'onBackButtonClick'> & {
|
|
5015
|
+
/**
|
|
5016
|
+
* Trailing element to be rendered in the Header
|
|
5017
|
+
*
|
|
5018
|
+
* Accepts one of `Badge`, `Text`, `Button`, `Link`
|
|
5019
|
+
*/
|
|
5020
|
+
trailing?: BaseHeaderProps['trailing'];
|
|
5021
|
+
/**
|
|
5022
|
+
* Renders an adornment besides the title
|
|
5023
|
+
*
|
|
5024
|
+
* Accepts `Counter`
|
|
5025
|
+
*/
|
|
5026
|
+
titleSuffix?: BaseHeaderProps['titleSuffix'];
|
|
5027
|
+
};
|
|
4908
5028
|
declare type BottomSheetFooterProps = Pick<BaseFooterProps, 'children'>;
|
|
4909
5029
|
|
|
4910
5030
|
declare const BottomSheetHeader: ({ title, subtitle, leading, trailing, titleSuffix, showBackButton, onBackButtonClick, }: BottomSheetHeaderProps) => React__default.ReactElement;
|
|
@@ -4917,4 +5037,4 @@ declare const BottomSheetFooter: ({ children }: BottomSheetFooterProps) => React
|
|
|
4917
5037
|
|
|
4918
5038
|
declare const BottomSheet: ({ children, snapPoints, isOpen, onDismiss, initialFocusRef, }: BottomSheetProps) => React__default.ReactElement;
|
|
4919
5039
|
|
|
4920
|
-
export { ActionList, ActionListFooter, ActionListFooterIcon, ActionListFooterProps, ActionListHeader, ActionListHeaderIcon, ActionListHeaderProps, 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, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, 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, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, 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, 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, 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, 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 };
|
|
5040
|
+
export { ActionList, ActionListFooter, ActionListFooterIcon, ActionListFooterProps, ActionListHeader, ActionListHeaderIcon, ActionListHeaderProps, 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, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, 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, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, 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, 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, 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 };
|