@razorpay/blade 8.4.1 → 8.6.0
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 +261 -83
- package/build/components/index.native.d.ts +261 -83
- package/build/components/index.native.js +409 -352
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +2425 -1767
- 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/build/tokens/index.d.ts +2 -0
- package/build/tokens/index.native.d.ts +2 -0
- package/build/tokens/index.native.js +1 -1
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.web.js +3 -0
- package/build/tokens/index.web.js.map +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.
|
|
@@ -2214,7 +2214,7 @@ declare type GridProps = MakeObjectResponsive<PickCSSByPlatform$1<'grid' | 'grid
|
|
|
2214
2214
|
declare type ColorObjects = 'feedback' | 'surface' | 'action';
|
|
2215
2215
|
declare type BackgroundColorString<T extends ColorObjects> = `${T}.background.${DotNotationColorStringToken<Theme$1['colors'][T]['background']>}`;
|
|
2216
2216
|
declare type BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationColorStringToken<Theme$1['colors'][T]['border']>}`;
|
|
2217
|
-
declare const validBoxAsValues: readonly ["div", "section", "footer", "header", "main", "aside", "nav", "span"];
|
|
2217
|
+
declare const validBoxAsValues: readonly ["div", "section", "footer", "header", "main", "aside", "nav", "span", "label"];
|
|
2218
2218
|
declare type BoxAsType = typeof validBoxAsValues[number];
|
|
2219
2219
|
declare type BoxVisualProps = MakeObjectResponsive<{
|
|
2220
2220
|
backgroundColor: BackgroundColorString<'surface'>;
|
|
@@ -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;
|
|
@@ -2339,7 +2339,7 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<MakeObjectRe
|
|
|
2339
2339
|
borderBottomRightRadius: "none" | "small" | "medium" | "large" | "max" | "round";
|
|
2340
2340
|
borderBottomLeftRadius: "none" | "small" | "medium" | "large" | "max" | "round";
|
|
2341
2341
|
}> & {
|
|
2342
|
-
as: "header" | "main" | "aside" | "div" | "footer" | "nav" | "section" | "span";
|
|
2342
|
+
as: "header" | "main" | "label" | "aside" | "div" | "footer" | "nav" | "section" | "span";
|
|
2343
2343
|
} & {
|
|
2344
2344
|
children?: React__default.ReactNode | React__default.ReactNode[];
|
|
2345
2345
|
} & TestID> & React__default.RefAttributes<BoxRefType>>;
|
|
@@ -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';
|
|
@@ -2743,7 +2856,7 @@ declare type CounterProps = {
|
|
|
2743
2856
|
} & TestID & StyledPropsBlade;
|
|
2744
2857
|
declare const Counter: ({ value, max, intent, contrast, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
|
|
2745
2858
|
|
|
2746
|
-
declare type OnChange = ({ isChecked, event, value, }: {
|
|
2859
|
+
declare type OnChange$1 = ({ isChecked, event, value, }: {
|
|
2747
2860
|
isChecked: boolean;
|
|
2748
2861
|
event?: React__default.ChangeEvent;
|
|
2749
2862
|
value?: string;
|
|
@@ -2765,7 +2878,7 @@ declare type CheckboxProps = {
|
|
|
2765
2878
|
/**
|
|
2766
2879
|
* The callback invoked when the checked state of the `Checkbox` changes.
|
|
2767
2880
|
*/
|
|
2768
|
-
onChange?: OnChange;
|
|
2881
|
+
onChange?: OnChange$1;
|
|
2769
2882
|
/**
|
|
2770
2883
|
* Sets the label of the checkbox
|
|
2771
2884
|
*/
|
|
@@ -2844,7 +2957,7 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
|
|
|
2844
2957
|
/**
|
|
2845
2958
|
* The callback invoked when the checked state of the `Checkbox` changes.
|
|
2846
2959
|
*/
|
|
2847
|
-
onChange?: OnChange | undefined;
|
|
2960
|
+
onChange?: OnChange$1 | undefined;
|
|
2848
2961
|
/**
|
|
2849
2962
|
* Sets the label of the checkbox
|
|
2850
2963
|
*/
|
|
@@ -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;
|
|
@@ -4742,6 +4828,64 @@ declare type SkipNavLinkProps = {
|
|
|
4742
4828
|
declare const SkipNavLink: (_props: SkipNavLinkProps) => never;
|
|
4743
4829
|
declare const SkipNavContent: (_props: SkipNavLinkProps) => never;
|
|
4744
4830
|
|
|
4831
|
+
declare type OnChange = ({ isChecked, value, event, }: {
|
|
4832
|
+
isChecked: boolean;
|
|
4833
|
+
event?: React.ChangeEvent;
|
|
4834
|
+
value?: string;
|
|
4835
|
+
}) => void;
|
|
4836
|
+
declare type SwitchProps = {
|
|
4837
|
+
/**
|
|
4838
|
+
* If `true`, The switch will be checked. This also makes the switch controlled
|
|
4839
|
+
* Use `onChange` to update its value
|
|
4840
|
+
*
|
|
4841
|
+
* @default false
|
|
4842
|
+
*/
|
|
4843
|
+
isChecked?: boolean;
|
|
4844
|
+
/**
|
|
4845
|
+
* If `true`, the switch will be initially checked. This also makes the switch uncontrolled
|
|
4846
|
+
*
|
|
4847
|
+
* @default false
|
|
4848
|
+
*/
|
|
4849
|
+
defaultChecked?: boolean;
|
|
4850
|
+
/**
|
|
4851
|
+
* The callback invoked when the checked state of the `Switch` changes.
|
|
4852
|
+
*/
|
|
4853
|
+
onChange?: OnChange;
|
|
4854
|
+
/**
|
|
4855
|
+
* The name of the input field in a switch
|
|
4856
|
+
* (Useful for form submission).
|
|
4857
|
+
*/
|
|
4858
|
+
name?: string;
|
|
4859
|
+
/**
|
|
4860
|
+
* The value to be used in the switch input.
|
|
4861
|
+
* This is the value that will be returned on form submission.
|
|
4862
|
+
*/
|
|
4863
|
+
value?: string;
|
|
4864
|
+
/**
|
|
4865
|
+
* If `true`, the switch will be disabled
|
|
4866
|
+
*
|
|
4867
|
+
* @default false
|
|
4868
|
+
*/
|
|
4869
|
+
isDisabled?: boolean;
|
|
4870
|
+
/**
|
|
4871
|
+
* Size of the switch
|
|
4872
|
+
*
|
|
4873
|
+
* @default "medium"
|
|
4874
|
+
*/
|
|
4875
|
+
size?: 'small' | 'medium';
|
|
4876
|
+
/**
|
|
4877
|
+
* Provides accessible label for internal checkbox component that sets the aria-label prop for screen readers.
|
|
4878
|
+
*/
|
|
4879
|
+
accessibilityLabel: string;
|
|
4880
|
+
/**
|
|
4881
|
+
* The id of the input field in a switch, useful for associating a label element with the input via htmlFor prop
|
|
4882
|
+
*/
|
|
4883
|
+
id?: string;
|
|
4884
|
+
testID?: string;
|
|
4885
|
+
};
|
|
4886
|
+
|
|
4887
|
+
declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<BladeElementRef>>;
|
|
4888
|
+
|
|
4745
4889
|
declare type VisuallyHiddenProps = {
|
|
4746
4890
|
children: React.ReactNode;
|
|
4747
4891
|
} & TestID;
|
|
@@ -4840,13 +4984,47 @@ declare type BaseFooterProps = {
|
|
|
4840
4984
|
declare type SnapPoints = [number, number, number];
|
|
4841
4985
|
|
|
4842
4986
|
declare type BottomSheetProps = {
|
|
4987
|
+
/**
|
|
4988
|
+
* Accepts BottomSheetHeader, BottomSheetFooter, BottomSheetBody
|
|
4989
|
+
*/
|
|
4843
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
|
+
*/
|
|
4844
4997
|
snapPoints?: SnapPoints;
|
|
4998
|
+
/**
|
|
4999
|
+
* Called when the bottom sheet is closed, either by user state, hitting `esc` or tapping backdrop
|
|
5000
|
+
*/
|
|
4845
5001
|
onDismiss?: () => void;
|
|
5002
|
+
/**
|
|
5003
|
+
* Toggles bottom sheet state
|
|
5004
|
+
*
|
|
5005
|
+
* @default false
|
|
5006
|
+
*/
|
|
4846
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
|
+
*/
|
|
4847
5012
|
initialFocusRef?: React.MutableRefObject<any>;
|
|
4848
5013
|
};
|
|
4849
|
-
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
|
+
};
|
|
4850
5028
|
declare type BottomSheetFooterProps = Pick<BaseFooterProps, 'children'>;
|
|
4851
5029
|
|
|
4852
5030
|
declare const BottomSheetHeader: ({ title, subtitle, leading, trailing, titleSuffix, showBackButton, onBackButtonClick, }: BottomSheetHeaderProps) => React__default.ReactElement;
|
|
@@ -4859,4 +5037,4 @@ declare const BottomSheetFooter: ({ children }: BottomSheetFooterProps) => React
|
|
|
4859
5037
|
|
|
4860
5038
|
declare const BottomSheet: ({ children, snapPoints, isOpen, onDismiss, initialFocusRef, }: BottomSheetProps) => React__default.ReactElement;
|
|
4861
5039
|
|
|
4862
|
-
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, 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 };
|