@razorpay/blade 8.6.1 → 8.8.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 +186 -76
- package/build/components/index.native.d.ts +157 -76
- package/build/components/index.native.js +20 -14
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +4442 -1603
- package/build/components/index.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +2 -2
- package/build/css/bankingThemeDarkMobile.css +2 -2
- package/build/css/bankingThemeLightDesktop.css +2 -2
- package/build/css/bankingThemeLightMobile.css +2 -2
- package/build/css/paymentThemeDarkDesktop.css +2 -2
- package/build/css/paymentThemeDarkMobile.css +2 -2
- package/build/css/paymentThemeLightDesktop.css +2 -2
- package/build/css/paymentThemeLightMobile.css +2 -2
- package/build/tokens/index.d.ts +11 -4
- package/build/tokens/index.native.d.ts +11 -4
- package/build/tokens/index.native.js +5 -5
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.web.js +30 -15
- package/build/tokens/index.web.js.map +1 -1
- package/build/utils/index.d.ts +10 -0
- package/build/utils/index.native.d.ts +10 -0
- package/build/utils/index.native.js +1 -1
- package/build/utils/index.native.js.map +1 -1
- package/build/utils/index.web.js +10 -0
- package/build/utils/index.web.js.map +1 -1
- package/codemods/migrate-typography/transformers/migrate-typography.ts +0 -0
- package/package.json +3 -2
|
@@ -1076,11 +1076,12 @@ type MakeValueResponsive$1<T> = [T] extends [never]
|
|
|
1076
1076
|
type MakeObjectResponsive$1<T> = { [P in keyof T]: MakeValueResponsive$1<T[P]> };
|
|
1077
1077
|
|
|
1078
1078
|
type ArrayOfMaxLength4$1<T> = readonly [T?, T?, T?, T?];
|
|
1079
|
-
type SpaceUnits$1 =
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
}
|
|
1083
|
-
|
|
1079
|
+
type SpaceUnits$1 = 'px' | '%' | 'fr' | 'rem' | 'em' | 'vh' | 'vw';
|
|
1080
|
+
type SpacingValueType$1 =
|
|
1081
|
+
| DotNotationSpacingStringToken
|
|
1082
|
+
| `${string}${SpaceUnits$1}`
|
|
1083
|
+
| `calc(${string})`
|
|
1084
|
+
| 'auto';
|
|
1084
1085
|
|
|
1085
1086
|
type MarginProps$1 = MakeObjectResponsive$1<{
|
|
1086
1087
|
/**
|
|
@@ -1730,11 +1731,8 @@ declare type MakeObjectResponsive<T> = {
|
|
|
1730
1731
|
};
|
|
1731
1732
|
|
|
1732
1733
|
declare type ArrayOfMaxLength4<T> = readonly [T?, T?, T?, T?];
|
|
1733
|
-
declare type SpaceUnits =
|
|
1734
|
-
|
|
1735
|
-
native: 'px' | '%';
|
|
1736
|
-
}>;
|
|
1737
|
-
declare type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | 'auto';
|
|
1734
|
+
declare type SpaceUnits = 'px' | '%' | 'fr' | 'rem' | 'em' | 'vh' | 'vw';
|
|
1735
|
+
declare type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | `calc(${string})` | 'auto';
|
|
1738
1736
|
/**
|
|
1739
1737
|
* @IMPORTANT
|
|
1740
1738
|
*
|
|
@@ -2670,7 +2668,9 @@ type TextCommonProps$1 = {
|
|
|
2670
2668
|
children: React.ReactNode;
|
|
2671
2669
|
weight?: keyof Theme$1['typography']['fonts']['weight'];
|
|
2672
2670
|
/**
|
|
2673
|
-
*
|
|
2671
|
+
* Overrides the color of the Text component.
|
|
2672
|
+
*
|
|
2673
|
+
* **Note** This takes priority over `type` and `constrast` prop to decide color of text
|
|
2674
2674
|
*/
|
|
2675
2675
|
color?: BaseTextProps$1['color'];
|
|
2676
2676
|
textAlign?: BaseTextProps$1['textAlign'];
|
|
@@ -3788,6 +3788,8 @@ type FormInputOnKeyDownEvent = {
|
|
|
3788
3788
|
event: KeyboardEvent<HTMLInputElement>;
|
|
3789
3789
|
};
|
|
3790
3790
|
|
|
3791
|
+
declare type CommonAutoCompleteSuggestionTypes = 'none' | 'name' | 'email' | 'username' | 'password' | 'newPassword' | 'oneTimeCode' | 'telephone' | 'postalCode' | 'countryName' | 'creditCardNumber' | 'creditCardCSC' | 'creditCardExpiry' | 'creditCardExpiryMonth' | 'creditCardExpiryYear';
|
|
3792
|
+
declare type WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';
|
|
3791
3793
|
declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
|
|
3792
3794
|
/**
|
|
3793
3795
|
* Determines if it needs to be rendered as input, textarea or button
|
|
@@ -3913,17 +3915,6 @@ declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
|
|
|
3913
3915
|
* `previous` is only available on native android
|
|
3914
3916
|
*/
|
|
3915
3917
|
keyboardReturnKeyType?: 'default' | 'go' | 'done' | 'next' | 'previous' | 'search' | 'send';
|
|
3916
|
-
/**
|
|
3917
|
-
* determines what autoComplete suggestion type to show
|
|
3918
|
-
*
|
|
3919
|
-
* Internally it'll render platform specific attributes:
|
|
3920
|
-
*
|
|
3921
|
-
* - web: `autocomplete`
|
|
3922
|
-
* - iOS: `textContentType`
|
|
3923
|
-
* - android: `autoComplete`
|
|
3924
|
-
*
|
|
3925
|
-
*/
|
|
3926
|
-
autoCompleteSuggestionType?: 'none' | 'name' | 'email' | 'username' | 'password' | 'newPassword' | 'oneTimeCode' | 'telephone' | 'postalCode' | 'countryName' | 'creditCardNumber' | 'creditCardCSC' | 'creditCardExpiry' | 'creditCardExpiryMonth' | 'creditCardExpiryYear';
|
|
3927
3918
|
/**
|
|
3928
3919
|
* Element to be rendered on the trailing slot of input field label
|
|
3929
3920
|
*/
|
|
@@ -3985,12 +3976,34 @@ declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
|
|
|
3985
3976
|
* The callback function to be invoked when the value of the input field is submitted.
|
|
3986
3977
|
*/
|
|
3987
3978
|
onSubmit?: FormInputOnEvent;
|
|
3979
|
+
/**
|
|
3980
|
+
* determines what autoComplete suggestion type to show
|
|
3981
|
+
*
|
|
3982
|
+
* Internally it'll render platform specific attributes:
|
|
3983
|
+
*
|
|
3984
|
+
* - web: `autocomplete`
|
|
3985
|
+
* - iOS: `textContentType`
|
|
3986
|
+
* - android: `autoComplete`
|
|
3987
|
+
*
|
|
3988
|
+
*/
|
|
3989
|
+
autoCompleteSuggestionType?: CommonAutoCompleteSuggestionTypes;
|
|
3988
3990
|
};
|
|
3989
3991
|
web: {
|
|
3990
3992
|
/**
|
|
3991
3993
|
* This is a react-native only prop and has no effect on web.
|
|
3992
3994
|
*/
|
|
3993
3995
|
onSubmit?: undefined;
|
|
3996
|
+
/**
|
|
3997
|
+
* determines what autoComplete suggestion type to show
|
|
3998
|
+
*
|
|
3999
|
+
* Internally it'll render platform specific attributes:
|
|
4000
|
+
*
|
|
4001
|
+
* - web: `autocomplete`
|
|
4002
|
+
* - iOS: `textContentType`
|
|
4003
|
+
* - android: `autoComplete`
|
|
4004
|
+
*
|
|
4005
|
+
*/
|
|
4006
|
+
autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;
|
|
3994
4007
|
};
|
|
3995
4008
|
}> & StyledPropsBlade;
|
|
3996
4009
|
|
|
@@ -4389,14 +4402,6 @@ declare const List: ({ variant, size, children, icon, testID, ...styledProps }:
|
|
|
4389
4402
|
declare type ListItemLinkProps = Exclude<LinkProps, 'size' | 'variant' | 'isDisabled'>;
|
|
4390
4403
|
declare const ListItemLink: ({ accessibilityLabel, children, href, icon, iconPosition, onClick, rel, target, testID, }: ListItemLinkProps) => React.ReactElement;
|
|
4391
4404
|
|
|
4392
|
-
declare type TitleProps = {
|
|
4393
|
-
size?: 'small' | 'medium' | 'large' | 'xlarge';
|
|
4394
|
-
contrast?: ColorContrastTypes;
|
|
4395
|
-
type?: TextTypes;
|
|
4396
|
-
children: StringChildrenType;
|
|
4397
|
-
} & TestID & StyledPropsBlade;
|
|
4398
|
-
declare const Title: ({ size, type, contrast, children, testID, ...styledProps }: TitleProps) => ReactElement;
|
|
4399
|
-
|
|
4400
4405
|
declare type FeedbackColors = `feedback.text.${DotNotationColorStringToken<Theme$1['colors']['feedback']['text']>}`;
|
|
4401
4406
|
declare type FeedbackActionColors = `feedback.${Feedback}.action.text.${DotNotationColorStringToken<Theme$1['colors']['feedback'][Feedback]['action']['text']>}`;
|
|
4402
4407
|
declare type SurfaceColors = `surface.text.${DotNotationColorStringToken<Theme$1['colors']['surface']['text']>}`;
|
|
@@ -4428,9 +4433,29 @@ declare type BaseTextProps = {
|
|
|
4428
4433
|
componentName?: 'text' | 'title' | 'heading' | 'code';
|
|
4429
4434
|
} & TestID & StyledPropsBlade;
|
|
4430
4435
|
|
|
4436
|
+
declare type TitleProps = {
|
|
4437
|
+
/**
|
|
4438
|
+
* Overrides the color of the Title component.
|
|
4439
|
+
*
|
|
4440
|
+
* **Note** This takes priority over `type` and `constrast` prop to decide color of title
|
|
4441
|
+
*/
|
|
4442
|
+
color?: BaseTextProps['color'];
|
|
4443
|
+
size?: 'small' | 'medium' | 'large' | 'xlarge';
|
|
4444
|
+
contrast?: ColorContrastTypes;
|
|
4445
|
+
type?: TextTypes;
|
|
4446
|
+
children: StringChildrenType;
|
|
4447
|
+
} & TestID & StyledPropsBlade;
|
|
4448
|
+
declare const Title: ({ size, type, contrast, color, children, testID, ...styledProps }: TitleProps) => ReactElement;
|
|
4449
|
+
|
|
4431
4450
|
declare type HeadingVariant = 'regular' | 'subheading';
|
|
4432
4451
|
declare type HeadingSize = 'small' | 'medium' | 'large';
|
|
4433
4452
|
declare type HeadingCommonProps = {
|
|
4453
|
+
/**
|
|
4454
|
+
* Overrides the color of the Heading component.
|
|
4455
|
+
*
|
|
4456
|
+
* **Note** This takes priority over `type` and `constrast` prop to decide color of heading
|
|
4457
|
+
*/
|
|
4458
|
+
color?: BaseTextProps['color'];
|
|
4434
4459
|
type?: TextTypes;
|
|
4435
4460
|
contrast?: ColorContrastTypes;
|
|
4436
4461
|
children: StringChildrenType;
|
|
@@ -4462,7 +4487,7 @@ declare type HeadingProps<T> = T extends {
|
|
|
4462
4487
|
} ? Variant extends Exclude<HeadingVariant, 'subheading'> ? HeadingNormalVariant : Variant extends 'subheading' ? HeadingSubHeadingVariant : T : T;
|
|
4463
4488
|
declare const Heading: <T extends {
|
|
4464
4489
|
variant: HeadingVariant;
|
|
4465
|
-
}>({ variant, size, type, weight, contrast, children, testID, textAlign, ...styledProps }: HeadingProps<T>) => ReactElement;
|
|
4490
|
+
}>({ variant, size, type, weight, contrast, color, children, testID, textAlign, ...styledProps }: HeadingProps<T>) => ReactElement;
|
|
4466
4491
|
|
|
4467
4492
|
declare type TextCommonProps = {
|
|
4468
4493
|
type?: TextTypes;
|
|
@@ -4471,7 +4496,9 @@ declare type TextCommonProps = {
|
|
|
4471
4496
|
children: React.ReactNode;
|
|
4472
4497
|
weight?: keyof Theme$1['typography']['fonts']['weight'];
|
|
4473
4498
|
/**
|
|
4474
|
-
*
|
|
4499
|
+
* Overrides the color of the Text component.
|
|
4500
|
+
*
|
|
4501
|
+
* **Note** This takes priority over `type` and `constrast` prop to decide color of text
|
|
4475
4502
|
*/
|
|
4476
4503
|
color?: BaseTextProps['color'];
|
|
4477
4504
|
textAlign?: BaseTextProps['textAlign'];
|
|
@@ -4498,15 +4525,18 @@ declare type TextForwardedAs = {
|
|
|
4498
4525
|
declare type GetTextPropsReturn = Omit<BaseTextProps, 'children'> & TextForwardedAs;
|
|
4499
4526
|
declare type GetTextProps<T extends {
|
|
4500
4527
|
variant: TextVariant;
|
|
4501
|
-
}> = Pick<TextProps<T>, 'type' | 'variant' | 'weight' | 'size' | 'contrast' | 'testID' | 'textAlign'>;
|
|
4528
|
+
}> = Pick<TextProps<T>, 'type' | 'variant' | 'weight' | 'size' | 'contrast' | 'color' | 'testID' | 'textAlign'>;
|
|
4502
4529
|
declare const getTextProps: <T extends {
|
|
4503
4530
|
variant: TextVariant;
|
|
4504
|
-
}>({ variant, type, weight, size, contrast, testID, textAlign, }: GetTextProps<T>) => GetTextPropsReturn;
|
|
4531
|
+
}>({ variant, type, weight, size, color, contrast, testID, textAlign, }: GetTextProps<T>) => GetTextPropsReturn;
|
|
4505
4532
|
declare const Text: <T extends {
|
|
4506
4533
|
variant: TextVariant;
|
|
4507
4534
|
}>({ variant, weight, size, type, contrast, truncateAfterLines, children, color, testID, textAlign, ...styledProps }: TextProps<T>) => ReactElement;
|
|
4508
4535
|
|
|
4509
|
-
declare type
|
|
4536
|
+
declare type CodeCommonProps = {
|
|
4537
|
+
/**
|
|
4538
|
+
* Sets the color of the Heading component.
|
|
4539
|
+
*/
|
|
4510
4540
|
children: StringChildrenType;
|
|
4511
4541
|
/**
|
|
4512
4542
|
* Decides the fontSize and padding of Code
|
|
@@ -4515,7 +4545,34 @@ declare type CodeProps = {
|
|
|
4515
4545
|
*/
|
|
4516
4546
|
size?: 'small' | 'medium';
|
|
4517
4547
|
weight?: 'regular' | 'bold';
|
|
4548
|
+
isHighlighted?: boolean;
|
|
4549
|
+
color?: BaseTextProps['color'];
|
|
4518
4550
|
} & TestID & StyledPropsBlade;
|
|
4551
|
+
declare type CodeHighlightedProps = CodeCommonProps & {
|
|
4552
|
+
/**
|
|
4553
|
+
* Adds background color to highlight the text
|
|
4554
|
+
*
|
|
4555
|
+
* @default true
|
|
4556
|
+
*/
|
|
4557
|
+
isHighlighted?: true;
|
|
4558
|
+
/**
|
|
4559
|
+
* color prop can only be added when `isHighlighted` is set to `false`
|
|
4560
|
+
*/
|
|
4561
|
+
color?: undefined;
|
|
4562
|
+
};
|
|
4563
|
+
declare type CodeNonHighlightedProps = CodeCommonProps & {
|
|
4564
|
+
/**
|
|
4565
|
+
* Adds background color to highlight the text
|
|
4566
|
+
*
|
|
4567
|
+
* @default true
|
|
4568
|
+
*/
|
|
4569
|
+
isHighlighted: false;
|
|
4570
|
+
/**
|
|
4571
|
+
* color prop to set color of text when `isHighlighted` is set to false
|
|
4572
|
+
*/
|
|
4573
|
+
color?: BaseTextProps['color'];
|
|
4574
|
+
};
|
|
4575
|
+
declare type CodeProps = CodeHighlightedProps | CodeNonHighlightedProps;
|
|
4519
4576
|
/**
|
|
4520
4577
|
* Code component can be used for displaying token, variable names, or inlined code snippets.
|
|
4521
4578
|
*
|
|
@@ -4535,14 +4592,14 @@ declare type CodeProps = {
|
|
|
4535
4592
|
* In React Native, you would have to align it using flex to make sure the Code and the surrounding text is correctly aligned
|
|
4536
4593
|
*
|
|
4537
4594
|
* ```tsx
|
|
4538
|
-
* <
|
|
4595
|
+
* <Box flexWrap="wrap" flexDirection="row" alignItems="flex-start">
|
|
4539
4596
|
* <Text>Lorem ipsum </Text>
|
|
4540
4597
|
* <Code>SENTRY_TOKEN</Code>
|
|
4541
4598
|
* <Text> normal text</Text>
|
|
4542
|
-
* </
|
|
4599
|
+
* </Box>
|
|
4543
4600
|
* ```
|
|
4544
4601
|
*/
|
|
4545
|
-
declare const Code: ({ children, size, weight, testID, ...styledProps }: CodeProps) => JSX.Element;
|
|
4602
|
+
declare const Code: ({ children, size, weight, isHighlighted, color, testID, ...styledProps }: CodeProps) => JSX.Element;
|
|
4546
4603
|
|
|
4547
4604
|
declare type ListItemCodeProps = Exclude<CodeProps, 'size'>;
|
|
4548
4605
|
declare const ListItemCode: ({ children, testID }: ListItemCodeProps) => React.ReactElement;
|
|
@@ -4562,6 +4619,95 @@ declare function clearAnnouncer(assertiveness: Assertiveness): void;
|
|
|
4562
4619
|
*/
|
|
4563
4620
|
declare function destroyAnnouncer(): void;
|
|
4564
4621
|
|
|
4622
|
+
declare type BaseHeaderProps = {
|
|
4623
|
+
title?: string;
|
|
4624
|
+
subtitle?: string;
|
|
4625
|
+
/**
|
|
4626
|
+
* Leading part of the header placed at the left most side of the header
|
|
4627
|
+
*/
|
|
4628
|
+
leading?: React__default.ReactNode;
|
|
4629
|
+
/**
|
|
4630
|
+
* Trailing part of the header placed at the right most side of the header
|
|
4631
|
+
*/
|
|
4632
|
+
trailing?: React__default.ReactNode;
|
|
4633
|
+
/**
|
|
4634
|
+
* Placed adjacent to the title text
|
|
4635
|
+
*/
|
|
4636
|
+
titleSuffix?: React__default.ReactNode;
|
|
4637
|
+
/**
|
|
4638
|
+
* @default true
|
|
4639
|
+
*/
|
|
4640
|
+
showDivider?: boolean;
|
|
4641
|
+
/**
|
|
4642
|
+
* @default false
|
|
4643
|
+
*/
|
|
4644
|
+
showBackButton?: boolean;
|
|
4645
|
+
/**
|
|
4646
|
+
* @default true
|
|
4647
|
+
*/
|
|
4648
|
+
showCloseButton?: boolean;
|
|
4649
|
+
onCloseButtonClick?: () => void;
|
|
4650
|
+
onBackButtonClick?: () => void;
|
|
4651
|
+
closeButtonRef: React__default.MutableRefObject<any>;
|
|
4652
|
+
metaComponentName?: string;
|
|
4653
|
+
} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'>;
|
|
4654
|
+
|
|
4655
|
+
declare type ModalHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix'>;
|
|
4656
|
+
declare const ModalHeader: ({ leading, subtitle, title, titleSuffix, trailing, }: ModalHeaderProps) => React.ReactElement;
|
|
4657
|
+
|
|
4658
|
+
declare type BaseFooterProps$1 = {
|
|
4659
|
+
children: React__default.ReactNode;
|
|
4660
|
+
metaComponentName?: string;
|
|
4661
|
+
showDivider?: boolean;
|
|
4662
|
+
};
|
|
4663
|
+
|
|
4664
|
+
declare type ModalFooterProps = Pick<BaseFooterProps$1, 'children'>;
|
|
4665
|
+
declare const ModalFooter: (props: ModalFooterProps) => React__default.ReactElement;
|
|
4666
|
+
|
|
4667
|
+
declare type ModalBodyProps = {
|
|
4668
|
+
children: React__default.ReactNode;
|
|
4669
|
+
/**
|
|
4670
|
+
* Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately
|
|
4671
|
+
* @default `spacing.6`
|
|
4672
|
+
*
|
|
4673
|
+
* **Links:**
|
|
4674
|
+
* - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page
|
|
4675
|
+
*/
|
|
4676
|
+
padding?: Extract<SpacingValueType$1, 'spacing.0' | 'spacing.6'>;
|
|
4677
|
+
};
|
|
4678
|
+
declare const ModalBody: ({ children, padding }: ModalBodyProps) => React__default.ReactElement;
|
|
4679
|
+
|
|
4680
|
+
declare type ModalProps = {
|
|
4681
|
+
/**
|
|
4682
|
+
* Children of Modal
|
|
4683
|
+
* Only ModalHeader, ModalBody and ModalFooter are allowed as children
|
|
4684
|
+
*/
|
|
4685
|
+
children: React__default.ReactNode;
|
|
4686
|
+
/**
|
|
4687
|
+
Sets the modal to open or close
|
|
4688
|
+
* @default false
|
|
4689
|
+
*/
|
|
4690
|
+
isOpen: boolean;
|
|
4691
|
+
/**
|
|
4692
|
+
* Callback function when user clicks on close button or outside the modal or on pressing escape key.
|
|
4693
|
+
*/
|
|
4694
|
+
onDismiss: () => void;
|
|
4695
|
+
/**
|
|
4696
|
+
* Ref to the element to be focused on opening the modal.
|
|
4697
|
+
*/
|
|
4698
|
+
initialFocusRef?: React__default.MutableRefObject<any>;
|
|
4699
|
+
/**
|
|
4700
|
+
* Size of the modal
|
|
4701
|
+
* @default 'small'
|
|
4702
|
+
*/
|
|
4703
|
+
size?: 'small' | 'medium' | 'large';
|
|
4704
|
+
/**
|
|
4705
|
+
* Accessibility label for the modal
|
|
4706
|
+
*/
|
|
4707
|
+
accessibilityLabel?: string;
|
|
4708
|
+
};
|
|
4709
|
+
declare const Modal: ({ isOpen, children, onDismiss, initialFocusRef, size, accessibilityLabel, }: ModalProps) => React__default.ReactElement;
|
|
4710
|
+
|
|
4565
4711
|
declare type ProgressBarCommonProps = {
|
|
4566
4712
|
/**
|
|
4567
4713
|
* Sets aria-label to help users know what the progress bar is for. Default value is the same as the `label` passed.
|
|
@@ -4953,43 +5099,6 @@ declare type AmountProps = {
|
|
|
4953
5099
|
} & TestID & StyledPropsBlade;
|
|
4954
5100
|
declare const Amount: ({ value, suffix, size, isAffixSubtle, intent, prefix, testID, currency, ...styledProps }: AmountProps) => ReactElement;
|
|
4955
5101
|
|
|
4956
|
-
declare type BaseHeaderProps = {
|
|
4957
|
-
title?: string;
|
|
4958
|
-
subtitle?: string;
|
|
4959
|
-
/**
|
|
4960
|
-
* Leading part of the header placed at the left most side of the header
|
|
4961
|
-
*/
|
|
4962
|
-
leading?: React__default.ReactNode;
|
|
4963
|
-
/**
|
|
4964
|
-
* Trailing part of the header placed at the right most side of the header
|
|
4965
|
-
*/
|
|
4966
|
-
trailing?: React__default.ReactNode;
|
|
4967
|
-
/**
|
|
4968
|
-
* Placed adjacent to the title text
|
|
4969
|
-
*/
|
|
4970
|
-
titleSuffix?: React__default.ReactNode;
|
|
4971
|
-
/**
|
|
4972
|
-
* @default true
|
|
4973
|
-
*/
|
|
4974
|
-
showDivider?: boolean;
|
|
4975
|
-
/**
|
|
4976
|
-
* @default false
|
|
4977
|
-
*/
|
|
4978
|
-
showBackButton?: boolean;
|
|
4979
|
-
/**
|
|
4980
|
-
* @default true
|
|
4981
|
-
*/
|
|
4982
|
-
showCloseButton?: boolean;
|
|
4983
|
-
onCloseButtonClick?: () => void;
|
|
4984
|
-
onBackButtonClick?: () => void;
|
|
4985
|
-
closeButtonRef: React__default.MutableRefObject<any>;
|
|
4986
|
-
} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'>;
|
|
4987
|
-
|
|
4988
|
-
declare type BaseFooterProps$1 = {
|
|
4989
|
-
children: React__default.ReactNode;
|
|
4990
|
-
showDivider?: boolean;
|
|
4991
|
-
};
|
|
4992
|
-
|
|
4993
5102
|
declare type SnapPoints = [number, number, number];
|
|
4994
5103
|
|
|
4995
5104
|
declare type BottomSheetProps = {
|
|
@@ -5040,6 +5149,7 @@ declare const BottomSheetHeader: ({ title, subtitle, leading, titleSuffix, trail
|
|
|
5040
5149
|
|
|
5041
5150
|
type BaseFooterProps = {
|
|
5042
5151
|
children: React__default.ReactNode;
|
|
5152
|
+
metaComponentName?: string;
|
|
5043
5153
|
showDivider?: boolean;
|
|
5044
5154
|
};
|
|
5045
5155
|
|
|
@@ -5051,4 +5161,4 @@ declare const BottomSheetBody: ({ children }: {
|
|
|
5051
5161
|
|
|
5052
5162
|
declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, }: BottomSheetProps) => React__default.ReactElement;
|
|
5053
5163
|
|
|
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 };
|
|
5164
|
+
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, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, TagIcon, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, 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 };
|