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