@razorpay/blade 9.5.0 → 9.5.2
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 +108 -91
- package/build/components/index.development.web.js +1557 -1333
- package/build/components/index.development.web.js.map +1 -1
- package/build/components/index.native.d.ts +129 -88
- package/build/components/index.native.js +50 -48
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.production.web.js +1291 -1287
- package/build/components/index.production.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.development.web.js +55 -4
- package/build/tokens/index.development.web.js.map +1 -1
- package/build/tokens/index.native.js +4 -2
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.production.web.js.map +1 -1
- package/build/utils/index.d.ts +8 -4
- package/build/utils/index.development.web.js +24 -3
- package/build/utils/index.development.web.js.map +1 -1
- package/build/utils/index.native.d.ts +8 -4
- package/build/utils/index.native.js +4 -2
- package/build/utils/index.native.js.map +1 -1
- package/build/utils/index.production.web.js.map +1 -1
- package/package.json +1 -1
|
@@ -728,7 +728,7 @@ declare type ActionListProps = {
|
|
|
728
728
|
*/
|
|
729
729
|
surfaceLevel?: Exclude<SurfaceLevels, 1>;
|
|
730
730
|
} & TestID$1;
|
|
731
|
-
declare const ActionList: React__default.MemoExoticComponent<({ children, surfaceLevel, testID }: ActionListProps) =>
|
|
731
|
+
declare const ActionList: React__default.MemoExoticComponent<({ children, surfaceLevel, testID, }: ActionListProps) => React__default.ReactElement>;
|
|
732
732
|
|
|
733
733
|
/**
|
|
734
734
|
* Returns the value or the responsive object with that value
|
|
@@ -1927,7 +1927,7 @@ declare type ActionListItemProps = {
|
|
|
1927
1927
|
*/
|
|
1928
1928
|
_index?: number;
|
|
1929
1929
|
} & TestID$1;
|
|
1930
|
-
declare const ActionListSectionDivider: () =>
|
|
1930
|
+
declare const ActionListSectionDivider: () => React__default.ReactElement;
|
|
1931
1931
|
declare type ActionListSectionProps = {
|
|
1932
1932
|
title: string;
|
|
1933
1933
|
children: React__default.ReactNode[] | React__default.ReactNode;
|
|
@@ -1940,14 +1940,14 @@ declare type ActionListSectionProps = {
|
|
|
1940
1940
|
*/
|
|
1941
1941
|
_hideDivider?: boolean;
|
|
1942
1942
|
} & TestID$1;
|
|
1943
|
-
declare const ActionListSection: ({ title, children, testID, _hideDivider, }: ActionListSectionProps) =>
|
|
1943
|
+
declare const ActionListSection: ({ title, children, testID, _hideDivider, }: ActionListSectionProps) => React__default.ReactElement;
|
|
1944
1944
|
declare const ActionListItemIcon: ({ icon }: {
|
|
1945
1945
|
icon: IconComponent$1;
|
|
1946
|
-
}) =>
|
|
1946
|
+
}) => React__default.ReactElement;
|
|
1947
1947
|
declare const ActionListItemText: ({ children, }: {
|
|
1948
1948
|
children: StringChildrenType;
|
|
1949
1949
|
}) => React__default.ReactElement;
|
|
1950
|
-
declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) =>
|
|
1950
|
+
declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) => React__default.ReactElement>;
|
|
1951
1951
|
|
|
1952
1952
|
declare type ActionListItemAssetProps = {
|
|
1953
1953
|
/**
|
|
@@ -3257,6 +3257,72 @@ declare type CardBodyProps = {
|
|
|
3257
3257
|
} & TestID$1;
|
|
3258
3258
|
declare const CardBody: ({ children, testID }: CardBodyProps) => React__default.ReactElement;
|
|
3259
3259
|
|
|
3260
|
+
type FeedbackColors$1 = `feedback.text.${DotNotationColorStringToken<
|
|
3261
|
+
Theme$1['colors']['feedback']['text']
|
|
3262
|
+
>}`;
|
|
3263
|
+
type FeedbackActionColors$1 = `feedback.${Feedback}.action.text.${DotNotationColorStringToken<
|
|
3264
|
+
Theme$1['colors']['feedback'][Feedback]['action']['text']
|
|
3265
|
+
>}`;
|
|
3266
|
+
type SurfaceColors$1 = `surface.text.${DotNotationColorStringToken<
|
|
3267
|
+
Theme$1['colors']['surface']['text']
|
|
3268
|
+
>}`;
|
|
3269
|
+
type ActionColors$1 = `action.text.${DotNotationColorStringToken<Theme$1['colors']['action']['text']>}`;
|
|
3270
|
+
type BadgeTextColors$1 = `badge.text.${DotNotationColorStringToken<
|
|
3271
|
+
Theme$1['colors']['badge']['text']
|
|
3272
|
+
>}`;
|
|
3273
|
+
|
|
3274
|
+
type BrandPrimaryColors$1 = `brand.primary.${keyof Theme$1['colors']['brand']['primary']}`;
|
|
3275
|
+
|
|
3276
|
+
type As$1 =
|
|
3277
|
+
| 'code'
|
|
3278
|
+
| 'h1'
|
|
3279
|
+
| 'h2'
|
|
3280
|
+
| 'h3'
|
|
3281
|
+
| 'h4'
|
|
3282
|
+
| 'h5'
|
|
3283
|
+
| 'h6'
|
|
3284
|
+
| 'p'
|
|
3285
|
+
| 'span'
|
|
3286
|
+
| 'abbr'
|
|
3287
|
+
| 'q'
|
|
3288
|
+
| 'cite'
|
|
3289
|
+
| 'figcaption'
|
|
3290
|
+
| 'div';
|
|
3291
|
+
type BaseTextProps$1 = {
|
|
3292
|
+
id?: string;
|
|
3293
|
+
color?:
|
|
3294
|
+
| BrandPrimaryColors$1
|
|
3295
|
+
| ActionColors$1
|
|
3296
|
+
| FeedbackColors$1
|
|
3297
|
+
| SurfaceColors$1
|
|
3298
|
+
| FeedbackActionColors$1
|
|
3299
|
+
| BadgeTextColors$1;
|
|
3300
|
+
fontFamily?: keyof Theme$1['typography']['fonts']['family'];
|
|
3301
|
+
fontSize?: keyof Theme$1['typography']['fonts']['size'];
|
|
3302
|
+
fontWeight?: keyof Theme$1['typography']['fonts']['weight'];
|
|
3303
|
+
fontStyle?: 'italic' | 'normal';
|
|
3304
|
+
textDecorationLine?: 'line-through' | 'none' | 'underline';
|
|
3305
|
+
lineHeight?: keyof Theme$1['typography']['lineHeights'];
|
|
3306
|
+
/**
|
|
3307
|
+
* Web only
|
|
3308
|
+
*/
|
|
3309
|
+
as?: As$1;
|
|
3310
|
+
textAlign?: 'center' | 'justify' | 'left' | 'right';
|
|
3311
|
+
truncateAfterLines?: number;
|
|
3312
|
+
className?: string;
|
|
3313
|
+
style?: React.CSSProperties;
|
|
3314
|
+
children: React.ReactNode;
|
|
3315
|
+
accessibilityProps?: Partial<AccessibilityProps>;
|
|
3316
|
+
/**
|
|
3317
|
+
* React Native only
|
|
3318
|
+
*/
|
|
3319
|
+
numberOfLines?: number;
|
|
3320
|
+
componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code';
|
|
3321
|
+
} & TestID$1 &
|
|
3322
|
+
StyledPropsBlade$1;
|
|
3323
|
+
|
|
3324
|
+
type BaseTextSizes$1 = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
|
|
3325
|
+
|
|
3260
3326
|
declare type BaseLinkCommonProps = {
|
|
3261
3327
|
intent?: 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
|
|
3262
3328
|
contrast?: 'low' | 'high';
|
|
@@ -3275,13 +3341,13 @@ declare type BaseLinkCommonProps = {
|
|
|
3275
3341
|
native: (event: GestureResponderEvent) => void;
|
|
3276
3342
|
web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
|
|
3277
3343
|
}>;
|
|
3278
|
-
|
|
3344
|
+
accessibilityProps?: Partial<AccessibilityProps>;
|
|
3279
3345
|
/**
|
|
3280
3346
|
* Sets the size of the link
|
|
3281
3347
|
*
|
|
3282
3348
|
* @default medium
|
|
3283
3349
|
*/
|
|
3284
|
-
size?: 'xsmall' | 'small' | 'medium' | 'large'
|
|
3350
|
+
size?: Extract<BaseTextSizes$1, 'xsmall' | 'small' | 'medium' | 'large'>;
|
|
3285
3351
|
/**
|
|
3286
3352
|
* Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.
|
|
3287
3353
|
*/
|
|
@@ -3330,6 +3396,12 @@ declare type LinkCommonProps = {
|
|
|
3330
3396
|
href?: string;
|
|
3331
3397
|
target?: string;
|
|
3332
3398
|
accessibilityLabel?: string;
|
|
3399
|
+
/**
|
|
3400
|
+
* It is exposed for internal usage with tooltip.
|
|
3401
|
+
*
|
|
3402
|
+
* @private
|
|
3403
|
+
*/
|
|
3404
|
+
'aria-describedby'?: string;
|
|
3333
3405
|
/**
|
|
3334
3406
|
* Sets the size of the link
|
|
3335
3407
|
*
|
|
@@ -3407,7 +3479,7 @@ declare type BaseButtonCommonProps = {
|
|
|
3407
3479
|
}>;
|
|
3408
3480
|
type?: 'button' | 'reset' | 'submit';
|
|
3409
3481
|
isLoading?: boolean;
|
|
3410
|
-
|
|
3482
|
+
accessibilityProps?: Partial<AccessibilityProps>;
|
|
3411
3483
|
variant?: 'primary' | 'secondary' | 'tertiary';
|
|
3412
3484
|
contrast?: 'low' | 'high';
|
|
3413
3485
|
intent?: 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
|
|
@@ -3447,6 +3519,12 @@ declare type ButtonCommonProps = {
|
|
|
3447
3519
|
isLoading?: boolean;
|
|
3448
3520
|
accessibilityLabel?: string;
|
|
3449
3521
|
type?: 'button' | 'reset' | 'submit';
|
|
3522
|
+
/**
|
|
3523
|
+
* It is exposed for internal usage with tooltip.
|
|
3524
|
+
*
|
|
3525
|
+
* @private
|
|
3526
|
+
*/
|
|
3527
|
+
'aria-describedby'?: string;
|
|
3450
3528
|
onClick?: Platform.Select<{
|
|
3451
3529
|
native: (event: GestureResponderEvent) => void;
|
|
3452
3530
|
web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
|
|
@@ -3501,70 +3579,6 @@ declare type CounterProps = {
|
|
|
3501
3579
|
} & TestID$1 & StyledPropsBlade$1;
|
|
3502
3580
|
declare const Counter: ({ value, max, intent, variant, contrast, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
|
|
3503
3581
|
|
|
3504
|
-
type FeedbackColors$1 = `feedback.text.${DotNotationColorStringToken<
|
|
3505
|
-
Theme$1['colors']['feedback']['text']
|
|
3506
|
-
>}`;
|
|
3507
|
-
type FeedbackActionColors$1 = `feedback.${Feedback}.action.text.${DotNotationColorStringToken<
|
|
3508
|
-
Theme$1['colors']['feedback'][Feedback]['action']['text']
|
|
3509
|
-
>}`;
|
|
3510
|
-
type SurfaceColors$1 = `surface.text.${DotNotationColorStringToken<
|
|
3511
|
-
Theme$1['colors']['surface']['text']
|
|
3512
|
-
>}`;
|
|
3513
|
-
type ActionColors$1 = `action.text.${DotNotationColorStringToken<Theme$1['colors']['action']['text']>}`;
|
|
3514
|
-
type BadgeTextColors$1 = `badge.text.${DotNotationColorStringToken<
|
|
3515
|
-
Theme$1['colors']['badge']['text']
|
|
3516
|
-
>}`;
|
|
3517
|
-
|
|
3518
|
-
type BrandPrimaryColors$1 = `brand.primary.${keyof Theme$1['colors']['brand']['primary']}`;
|
|
3519
|
-
|
|
3520
|
-
type As$1 =
|
|
3521
|
-
| 'code'
|
|
3522
|
-
| 'h1'
|
|
3523
|
-
| 'h2'
|
|
3524
|
-
| 'h3'
|
|
3525
|
-
| 'h4'
|
|
3526
|
-
| 'h5'
|
|
3527
|
-
| 'h6'
|
|
3528
|
-
| 'p'
|
|
3529
|
-
| 'span'
|
|
3530
|
-
| 'abbr'
|
|
3531
|
-
| 'q'
|
|
3532
|
-
| 'cite'
|
|
3533
|
-
| 'figcaption'
|
|
3534
|
-
| 'div';
|
|
3535
|
-
type BaseTextProps$1 = {
|
|
3536
|
-
id?: string;
|
|
3537
|
-
color?:
|
|
3538
|
-
| BrandPrimaryColors$1
|
|
3539
|
-
| ActionColors$1
|
|
3540
|
-
| FeedbackColors$1
|
|
3541
|
-
| SurfaceColors$1
|
|
3542
|
-
| FeedbackActionColors$1
|
|
3543
|
-
| BadgeTextColors$1;
|
|
3544
|
-
fontFamily?: keyof Theme$1['typography']['fonts']['family'];
|
|
3545
|
-
fontSize?: keyof Theme$1['typography']['fonts']['size'];
|
|
3546
|
-
fontWeight?: keyof Theme$1['typography']['fonts']['weight'];
|
|
3547
|
-
fontStyle?: 'italic' | 'normal';
|
|
3548
|
-
textDecorationLine?: 'line-through' | 'none' | 'underline';
|
|
3549
|
-
lineHeight?: keyof Theme$1['typography']['lineHeights'];
|
|
3550
|
-
/**
|
|
3551
|
-
* Web only
|
|
3552
|
-
*/
|
|
3553
|
-
as?: As$1;
|
|
3554
|
-
textAlign?: 'center' | 'justify' | 'left' | 'right';
|
|
3555
|
-
truncateAfterLines?: number;
|
|
3556
|
-
className?: string;
|
|
3557
|
-
style?: React.CSSProperties;
|
|
3558
|
-
children: React.ReactNode;
|
|
3559
|
-
accessibilityProps?: Partial<AccessibilityProps>;
|
|
3560
|
-
/**
|
|
3561
|
-
* React Native only
|
|
3562
|
-
*/
|
|
3563
|
-
numberOfLines?: number;
|
|
3564
|
-
componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code';
|
|
3565
|
-
} & TestID$1 &
|
|
3566
|
-
StyledPropsBlade$1;
|
|
3567
|
-
|
|
3568
3582
|
/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
|
|
3569
3583
|
|
|
3570
3584
|
|
|
@@ -3591,12 +3605,12 @@ type TextVariant$1 = 'body' | 'caption';
|
|
|
3591
3605
|
|
|
3592
3606
|
type TextBodyVariant$1 = TextCommonProps$1 & {
|
|
3593
3607
|
variant?: Extract<TextVariant$1, 'body'>;
|
|
3594
|
-
size?: 'xsmall' | 'small' | 'medium' | 'large'
|
|
3608
|
+
size?: Extract<BaseTextSizes$1, 'xsmall' | 'small' | 'medium' | 'large'>;
|
|
3595
3609
|
};
|
|
3596
3610
|
|
|
3597
3611
|
type TextCaptionVariant$1 = TextCommonProps$1 & {
|
|
3598
3612
|
variant?: Extract<TextVariant$1, 'caption'>;
|
|
3599
|
-
size?: 'medium'
|
|
3613
|
+
size?: Extract<BaseTextSizes$1, 'medium'>;
|
|
3600
3614
|
};
|
|
3601
3615
|
|
|
3602
3616
|
/**
|
|
@@ -4313,21 +4327,21 @@ declare type DropdownOverlayProps = {
|
|
|
4313
4327
|
children: React.ReactElement[] | React.ReactElement;
|
|
4314
4328
|
} & TestID$1;
|
|
4315
4329
|
|
|
4316
|
-
declare const Dropdown: ({ children, selectionType, onDismiss, testID, ...styledProps }: DropdownProps) =>
|
|
4330
|
+
declare const Dropdown: ({ children, selectionType, onDismiss, testID, ...styledProps }: DropdownProps) => React__default.ReactElement;
|
|
4317
4331
|
|
|
4318
|
-
declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) =>
|
|
4332
|
+
declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => React__default.ReactElement;
|
|
4319
4333
|
|
|
4320
4334
|
declare type DropdownButtonProps = ButtonProps & {
|
|
4321
4335
|
onBlur?: BaseButtonProps['onBlur'];
|
|
4322
4336
|
onKeyDown?: BaseButtonProps['onKeyDown'];
|
|
4323
4337
|
};
|
|
4324
|
-
declare const DropdownButton: ({ children, icon, iconPosition, isDisabled, isFullWidth, isLoading, onClick, onBlur, onKeyDown, size, type, variant, accessibilityLabel, testID, ...styledProps }: DropdownButtonProps) =>
|
|
4338
|
+
declare const DropdownButton: ({ children, icon, iconPosition, isDisabled, isFullWidth, isLoading, onClick, onBlur, onKeyDown, size, type, variant, accessibilityLabel, testID, ...styledProps }: DropdownButtonProps) => React__default.ReactElement;
|
|
4325
4339
|
|
|
4326
4340
|
declare type DropdownLinkProps = LinkButtonVariantProps & {
|
|
4327
4341
|
onBlur?: BaseLinkProps['onBlur'];
|
|
4328
4342
|
onKeyDown?: BaseLinkProps['onKeyDown'];
|
|
4329
4343
|
};
|
|
4330
|
-
declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...styledProps }: DropdownLinkProps) =>
|
|
4344
|
+
declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...styledProps }: DropdownLinkProps) => React__default.ReactElement;
|
|
4331
4345
|
|
|
4332
4346
|
declare type BaseHeaderProps = {
|
|
4333
4347
|
title?: string;
|
|
@@ -5641,6 +5655,7 @@ declare type BaseTextProps = {
|
|
|
5641
5655
|
numberOfLines?: number;
|
|
5642
5656
|
componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code';
|
|
5643
5657
|
} & TestID$1 & StyledPropsBlade$1;
|
|
5658
|
+
declare type BaseTextSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
|
|
5644
5659
|
|
|
5645
5660
|
declare const validAsValues$2: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
|
|
5646
5661
|
declare type TitleProps = {
|
|
@@ -5651,7 +5666,7 @@ declare type TitleProps = {
|
|
|
5651
5666
|
* **Note** This takes priority over `type` and `constrast` prop to decide color of title
|
|
5652
5667
|
*/
|
|
5653
5668
|
color?: BaseTextProps['color'];
|
|
5654
|
-
size?: 'small' | 'medium' | 'large' | 'xlarge'
|
|
5669
|
+
size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge'>;
|
|
5655
5670
|
contrast?: ColorContrastTypes;
|
|
5656
5671
|
type?: TextTypes;
|
|
5657
5672
|
children: React.ReactNode;
|
|
@@ -5661,7 +5676,6 @@ declare type TitleProps = {
|
|
|
5661
5676
|
declare const Title: ({ as, size, type, contrast, color, children, testID, textAlign, textDecorationLine, ...styledProps }: TitleProps) => ReactElement;
|
|
5662
5677
|
|
|
5663
5678
|
declare type HeadingVariant = 'regular' | 'subheading';
|
|
5664
|
-
declare type HeadingSize = 'small' | 'medium' | 'large';
|
|
5665
5679
|
declare const validAsValues$1: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
|
|
5666
5680
|
declare type HeadingCommonProps = {
|
|
5667
5681
|
as?: typeof validAsValues$1[number];
|
|
@@ -5683,7 +5697,7 @@ declare type HeadingNormalVariant = HeadingCommonProps & {
|
|
|
5683
5697
|
*
|
|
5684
5698
|
* @default small
|
|
5685
5699
|
*/
|
|
5686
|
-
size?:
|
|
5700
|
+
size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large'>;
|
|
5687
5701
|
weight?: keyof Theme$1['typography']['fonts']['weight'];
|
|
5688
5702
|
};
|
|
5689
5703
|
declare type HeadingSubHeadingVariant = HeadingCommonProps & {
|
|
@@ -5725,11 +5739,11 @@ declare type TextCommonProps = {
|
|
|
5725
5739
|
declare type TextVariant = 'body' | 'caption';
|
|
5726
5740
|
declare type TextBodyVariant = TextCommonProps & {
|
|
5727
5741
|
variant?: Extract<TextVariant, 'body'>;
|
|
5728
|
-
size?: 'xsmall' | 'small' | 'medium' | 'large'
|
|
5742
|
+
size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
|
|
5729
5743
|
};
|
|
5730
5744
|
declare type TextCaptionVariant = TextCommonProps & {
|
|
5731
5745
|
variant?: Extract<TextVariant, 'caption'>;
|
|
5732
|
-
size?: 'medium'
|
|
5746
|
+
size?: Extract<BaseTextSizes, 'medium'>;
|
|
5733
5747
|
};
|
|
5734
5748
|
/**
|
|
5735
5749
|
* Conditionally changing props based on variant.
|
|
@@ -5759,7 +5773,7 @@ declare type CodeCommonProps = {
|
|
|
5759
5773
|
*
|
|
5760
5774
|
* @default small
|
|
5761
5775
|
*/
|
|
5762
|
-
size?: 'small' | 'medium'
|
|
5776
|
+
size?: Extract<BaseTextSizes, 'small' | 'medium'>;
|
|
5763
5777
|
weight?: 'regular' | 'bold';
|
|
5764
5778
|
isHighlighted?: boolean;
|
|
5765
5779
|
color?: BaseTextProps['color'];
|
|
@@ -5815,7 +5829,7 @@ declare type CodeProps = CodeHighlightedProps | CodeNonHighlightedProps;
|
|
|
5815
5829
|
* </Box>
|
|
5816
5830
|
* ```
|
|
5817
5831
|
*/
|
|
5818
|
-
declare const Code: ({ children, size, weight, isHighlighted, color, testID, ...styledProps }: CodeProps) =>
|
|
5832
|
+
declare const Code: ({ children, size, weight, isHighlighted, color, testID, ...styledProps }: CodeProps) => React__default.ReactElement;
|
|
5819
5833
|
|
|
5820
5834
|
declare type ListItemCodeProps = Exclude<CodeProps, 'size'>;
|
|
5821
5835
|
declare const ListItemCode: ({ children, testID }: ListItemCodeProps) => React.ReactElement;
|
|
@@ -5864,7 +5878,7 @@ declare type ModalProps = {
|
|
|
5864
5878
|
* Children of Modal
|
|
5865
5879
|
* Only ModalHeader, ModalBody and ModalFooter are allowed as children
|
|
5866
5880
|
*/
|
|
5867
|
-
children:
|
|
5881
|
+
children: React.ReactNode;
|
|
5868
5882
|
/**
|
|
5869
5883
|
Sets the modal to open or close
|
|
5870
5884
|
* @default false
|
|
@@ -5877,7 +5891,7 @@ declare type ModalProps = {
|
|
|
5877
5891
|
/**
|
|
5878
5892
|
* Ref to the element to be focused on opening the modal.
|
|
5879
5893
|
*/
|
|
5880
|
-
initialFocusRef?:
|
|
5894
|
+
initialFocusRef?: React.MutableRefObject<any>;
|
|
5881
5895
|
/**
|
|
5882
5896
|
* Size of the modal
|
|
5883
5897
|
* @default 'small'
|
|
@@ -5893,6 +5907,7 @@ declare type ModalProps = {
|
|
|
5893
5907
|
*/
|
|
5894
5908
|
zIndex?: number;
|
|
5895
5909
|
};
|
|
5910
|
+
|
|
5896
5911
|
declare const Modal: ({ isOpen, children, onDismiss, initialFocusRef, size, accessibilityLabel, zIndex, }: ModalProps) => React__default.ReactElement;
|
|
5897
5912
|
|
|
5898
5913
|
declare type ProgressBarCommonProps = {
|
|
@@ -6430,11 +6445,11 @@ declare type SkipNavLinkProps = {
|
|
|
6430
6445
|
id?: string;
|
|
6431
6446
|
children?: StringChildrenType;
|
|
6432
6447
|
};
|
|
6433
|
-
declare const SkipNavLink: ({ id, children, }: SkipNavLinkProps) =>
|
|
6448
|
+
declare const SkipNavLink: ({ id, children, }: SkipNavLinkProps) => React__default.ReactElement;
|
|
6434
6449
|
declare type SkipNavContentProps = {
|
|
6435
6450
|
id?: string;
|
|
6436
6451
|
} & TestID$1;
|
|
6437
|
-
declare const SkipNavContent: ({ id, testID, }: SkipNavContentProps) =>
|
|
6452
|
+
declare const SkipNavContent: ({ id, testID, }: SkipNavContentProps) => React__default.ReactElement;
|
|
6438
6453
|
|
|
6439
6454
|
declare type OnChange = ({ isChecked, value, event, }: {
|
|
6440
6455
|
isChecked: boolean;
|
|
@@ -6900,7 +6915,7 @@ declare type VisuallyHiddenProps = {
|
|
|
6900
6915
|
children: React.ReactNode;
|
|
6901
6916
|
} & TestID$1;
|
|
6902
6917
|
|
|
6903
|
-
declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) =>
|
|
6918
|
+
declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => React__default.ReactElement;
|
|
6904
6919
|
|
|
6905
6920
|
/**
|
|
6906
6921
|
* Screen reader class adapted from webaim
|
|
@@ -7724,7 +7739,9 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
|
|
|
7724
7739
|
id?: string | undefined;
|
|
7725
7740
|
tabIndex?: number | undefined;
|
|
7726
7741
|
}> & BladeCommonEvents & {
|
|
7742
|
+
'data-blade-component'?: string | undefined;
|
|
7743
|
+
'data-testid'?: string | undefined;
|
|
7727
7744
|
tabIndex: -1;
|
|
7728
|
-
}, "tabIndex">;
|
|
7745
|
+
}, "tabIndex" | "data-testid" | "data-blade-component">;
|
|
7729
7746
|
|
|
7730
7747
|
export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, 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, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };
|