@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
|
/**
|
|
@@ -1732,11 +1733,8 @@ declare type MakeObjectResponsive<T> = {
|
|
|
1732
1733
|
};
|
|
1733
1734
|
|
|
1734
1735
|
declare type ArrayOfMaxLength4<T> = readonly [T?, T?, T?, T?];
|
|
1735
|
-
declare type SpaceUnits =
|
|
1736
|
-
|
|
1737
|
-
native: 'px' | '%';
|
|
1738
|
-
}>;
|
|
1739
|
-
declare type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | 'auto';
|
|
1736
|
+
declare type SpaceUnits = 'px' | '%' | 'fr' | 'rem' | 'em' | 'vh' | 'vw';
|
|
1737
|
+
declare type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | `calc(${string})` | 'auto';
|
|
1740
1738
|
/**
|
|
1741
1739
|
* @IMPORTANT
|
|
1742
1740
|
*
|
|
@@ -2672,7 +2670,9 @@ type TextCommonProps$1 = {
|
|
|
2672
2670
|
children: React.ReactNode;
|
|
2673
2671
|
weight?: keyof Theme$1['typography']['fonts']['weight'];
|
|
2674
2672
|
/**
|
|
2675
|
-
*
|
|
2673
|
+
* Overrides the color of the Text component.
|
|
2674
|
+
*
|
|
2675
|
+
* **Note** This takes priority over `type` and `constrast` prop to decide color of text
|
|
2676
2676
|
*/
|
|
2677
2677
|
color?: BaseTextProps$1['color'];
|
|
2678
2678
|
textAlign?: BaseTextProps$1['textAlign'];
|
|
@@ -3791,6 +3791,8 @@ type FormInputOnKeyDownEvent = {
|
|
|
3791
3791
|
event: KeyboardEvent<HTMLInputElement>;
|
|
3792
3792
|
};
|
|
3793
3793
|
|
|
3794
|
+
declare type CommonAutoCompleteSuggestionTypes = 'none' | 'name' | 'email' | 'username' | 'password' | 'newPassword' | 'oneTimeCode' | 'telephone' | 'postalCode' | 'countryName' | 'creditCardNumber' | 'creditCardCSC' | 'creditCardExpiry' | 'creditCardExpiryMonth' | 'creditCardExpiryYear';
|
|
3795
|
+
declare type WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';
|
|
3794
3796
|
declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
|
|
3795
3797
|
/**
|
|
3796
3798
|
* Determines if it needs to be rendered as input, textarea or button
|
|
@@ -3916,17 +3918,6 @@ declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
|
|
|
3916
3918
|
* `previous` is only available on native android
|
|
3917
3919
|
*/
|
|
3918
3920
|
keyboardReturnKeyType?: 'default' | 'go' | 'done' | 'next' | 'previous' | 'search' | 'send';
|
|
3919
|
-
/**
|
|
3920
|
-
* determines what autoComplete suggestion type to show
|
|
3921
|
-
*
|
|
3922
|
-
* Internally it'll render platform specific attributes:
|
|
3923
|
-
*
|
|
3924
|
-
* - web: `autocomplete`
|
|
3925
|
-
* - iOS: `textContentType`
|
|
3926
|
-
* - android: `autoComplete`
|
|
3927
|
-
*
|
|
3928
|
-
*/
|
|
3929
|
-
autoCompleteSuggestionType?: 'none' | 'name' | 'email' | 'username' | 'password' | 'newPassword' | 'oneTimeCode' | 'telephone' | 'postalCode' | 'countryName' | 'creditCardNumber' | 'creditCardCSC' | 'creditCardExpiry' | 'creditCardExpiryMonth' | 'creditCardExpiryYear';
|
|
3930
3921
|
/**
|
|
3931
3922
|
* Element to be rendered on the trailing slot of input field label
|
|
3932
3923
|
*/
|
|
@@ -3988,12 +3979,34 @@ declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
|
|
|
3988
3979
|
* The callback function to be invoked when the value of the input field is submitted.
|
|
3989
3980
|
*/
|
|
3990
3981
|
onSubmit?: FormInputOnEvent;
|
|
3982
|
+
/**
|
|
3983
|
+
* determines what autoComplete suggestion type to show
|
|
3984
|
+
*
|
|
3985
|
+
* Internally it'll render platform specific attributes:
|
|
3986
|
+
*
|
|
3987
|
+
* - web: `autocomplete`
|
|
3988
|
+
* - iOS: `textContentType`
|
|
3989
|
+
* - android: `autoComplete`
|
|
3990
|
+
*
|
|
3991
|
+
*/
|
|
3992
|
+
autoCompleteSuggestionType?: CommonAutoCompleteSuggestionTypes;
|
|
3991
3993
|
};
|
|
3992
3994
|
web: {
|
|
3993
3995
|
/**
|
|
3994
3996
|
* This is a react-native only prop and has no effect on web.
|
|
3995
3997
|
*/
|
|
3996
3998
|
onSubmit?: undefined;
|
|
3999
|
+
/**
|
|
4000
|
+
* determines what autoComplete suggestion type to show
|
|
4001
|
+
*
|
|
4002
|
+
* Internally it'll render platform specific attributes:
|
|
4003
|
+
*
|
|
4004
|
+
* - web: `autocomplete`
|
|
4005
|
+
* - iOS: `textContentType`
|
|
4006
|
+
* - android: `autoComplete`
|
|
4007
|
+
*
|
|
4008
|
+
*/
|
|
4009
|
+
autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;
|
|
3997
4010
|
};
|
|
3998
4011
|
}> & StyledPropsBlade;
|
|
3999
4012
|
|
|
@@ -4392,14 +4405,6 @@ declare const List: ({ variant, size, children, icon, testID, ...styledProps }:
|
|
|
4392
4405
|
declare type ListItemLinkProps = Exclude<LinkProps, 'size' | 'variant' | 'isDisabled'>;
|
|
4393
4406
|
declare const ListItemLink: ({ accessibilityLabel, children, href, icon, iconPosition, onClick, rel, target, testID, }: ListItemLinkProps) => React.ReactElement;
|
|
4394
4407
|
|
|
4395
|
-
declare type TitleProps = {
|
|
4396
|
-
size?: 'small' | 'medium' | 'large' | 'xlarge';
|
|
4397
|
-
contrast?: ColorContrastTypes;
|
|
4398
|
-
type?: TextTypes;
|
|
4399
|
-
children: StringChildrenType;
|
|
4400
|
-
} & TestID & StyledPropsBlade;
|
|
4401
|
-
declare const Title: ({ size, type, contrast, children, testID, ...styledProps }: TitleProps) => ReactElement;
|
|
4402
|
-
|
|
4403
4408
|
declare type FeedbackColors = `feedback.text.${DotNotationColorStringToken<Theme$1['colors']['feedback']['text']>}`;
|
|
4404
4409
|
declare type FeedbackActionColors = `feedback.${Feedback}.action.text.${DotNotationColorStringToken<Theme$1['colors']['feedback'][Feedback]['action']['text']>}`;
|
|
4405
4410
|
declare type SurfaceColors = `surface.text.${DotNotationColorStringToken<Theme$1['colors']['surface']['text']>}`;
|
|
@@ -4431,9 +4436,29 @@ declare type BaseTextProps = {
|
|
|
4431
4436
|
componentName?: 'text' | 'title' | 'heading' | 'code';
|
|
4432
4437
|
} & TestID & StyledPropsBlade;
|
|
4433
4438
|
|
|
4439
|
+
declare type TitleProps = {
|
|
4440
|
+
/**
|
|
4441
|
+
* Overrides the color of the Title component.
|
|
4442
|
+
*
|
|
4443
|
+
* **Note** This takes priority over `type` and `constrast` prop to decide color of title
|
|
4444
|
+
*/
|
|
4445
|
+
color?: BaseTextProps['color'];
|
|
4446
|
+
size?: 'small' | 'medium' | 'large' | 'xlarge';
|
|
4447
|
+
contrast?: ColorContrastTypes;
|
|
4448
|
+
type?: TextTypes;
|
|
4449
|
+
children: StringChildrenType;
|
|
4450
|
+
} & TestID & StyledPropsBlade;
|
|
4451
|
+
declare const Title: ({ size, type, contrast, color, children, testID, ...styledProps }: TitleProps) => ReactElement;
|
|
4452
|
+
|
|
4434
4453
|
declare type HeadingVariant = 'regular' | 'subheading';
|
|
4435
4454
|
declare type HeadingSize = 'small' | 'medium' | 'large';
|
|
4436
4455
|
declare type HeadingCommonProps = {
|
|
4456
|
+
/**
|
|
4457
|
+
* Overrides the color of the Heading component.
|
|
4458
|
+
*
|
|
4459
|
+
* **Note** This takes priority over `type` and `constrast` prop to decide color of heading
|
|
4460
|
+
*/
|
|
4461
|
+
color?: BaseTextProps['color'];
|
|
4437
4462
|
type?: TextTypes;
|
|
4438
4463
|
contrast?: ColorContrastTypes;
|
|
4439
4464
|
children: StringChildrenType;
|
|
@@ -4465,7 +4490,7 @@ declare type HeadingProps<T> = T extends {
|
|
|
4465
4490
|
} ? Variant extends Exclude<HeadingVariant, 'subheading'> ? HeadingNormalVariant : Variant extends 'subheading' ? HeadingSubHeadingVariant : T : T;
|
|
4466
4491
|
declare const Heading: <T extends {
|
|
4467
4492
|
variant: HeadingVariant;
|
|
4468
|
-
}>({ variant, size, type, weight, contrast, children, testID, textAlign, ...styledProps }: HeadingProps<T>) => ReactElement;
|
|
4493
|
+
}>({ variant, size, type, weight, contrast, color, children, testID, textAlign, ...styledProps }: HeadingProps<T>) => ReactElement;
|
|
4469
4494
|
|
|
4470
4495
|
declare type TextCommonProps = {
|
|
4471
4496
|
type?: TextTypes;
|
|
@@ -4474,7 +4499,9 @@ declare type TextCommonProps = {
|
|
|
4474
4499
|
children: React.ReactNode;
|
|
4475
4500
|
weight?: keyof Theme$1['typography']['fonts']['weight'];
|
|
4476
4501
|
/**
|
|
4477
|
-
*
|
|
4502
|
+
* Overrides the color of the Text component.
|
|
4503
|
+
*
|
|
4504
|
+
* **Note** This takes priority over `type` and `constrast` prop to decide color of text
|
|
4478
4505
|
*/
|
|
4479
4506
|
color?: BaseTextProps['color'];
|
|
4480
4507
|
textAlign?: BaseTextProps['textAlign'];
|
|
@@ -4501,15 +4528,18 @@ declare type TextForwardedAs = {
|
|
|
4501
4528
|
declare type GetTextPropsReturn = Omit<BaseTextProps, 'children'> & TextForwardedAs;
|
|
4502
4529
|
declare type GetTextProps<T extends {
|
|
4503
4530
|
variant: TextVariant;
|
|
4504
|
-
}> = Pick<TextProps<T>, 'type' | 'variant' | 'weight' | 'size' | 'contrast' | 'testID' | 'textAlign'>;
|
|
4531
|
+
}> = Pick<TextProps<T>, 'type' | 'variant' | 'weight' | 'size' | 'contrast' | 'color' | 'testID' | 'textAlign'>;
|
|
4505
4532
|
declare const getTextProps: <T extends {
|
|
4506
4533
|
variant: TextVariant;
|
|
4507
|
-
}>({ variant, type, weight, size, contrast, testID, textAlign, }: GetTextProps<T>) => GetTextPropsReturn;
|
|
4534
|
+
}>({ variant, type, weight, size, color, contrast, testID, textAlign, }: GetTextProps<T>) => GetTextPropsReturn;
|
|
4508
4535
|
declare const Text: <T extends {
|
|
4509
4536
|
variant: TextVariant;
|
|
4510
4537
|
}>({ variant, weight, size, type, contrast, truncateAfterLines, children, color, testID, textAlign, ...styledProps }: TextProps<T>) => ReactElement;
|
|
4511
4538
|
|
|
4512
|
-
declare type
|
|
4539
|
+
declare type CodeCommonProps = {
|
|
4540
|
+
/**
|
|
4541
|
+
* Sets the color of the Heading component.
|
|
4542
|
+
*/
|
|
4513
4543
|
children: StringChildrenType;
|
|
4514
4544
|
/**
|
|
4515
4545
|
* Decides the fontSize and padding of Code
|
|
@@ -4518,7 +4548,34 @@ declare type CodeProps = {
|
|
|
4518
4548
|
*/
|
|
4519
4549
|
size?: 'small' | 'medium';
|
|
4520
4550
|
weight?: 'regular' | 'bold';
|
|
4551
|
+
isHighlighted?: boolean;
|
|
4552
|
+
color?: BaseTextProps['color'];
|
|
4521
4553
|
} & TestID & StyledPropsBlade;
|
|
4554
|
+
declare type CodeHighlightedProps = CodeCommonProps & {
|
|
4555
|
+
/**
|
|
4556
|
+
* Adds background color to highlight the text
|
|
4557
|
+
*
|
|
4558
|
+
* @default true
|
|
4559
|
+
*/
|
|
4560
|
+
isHighlighted?: true;
|
|
4561
|
+
/**
|
|
4562
|
+
* color prop can only be added when `isHighlighted` is set to `false`
|
|
4563
|
+
*/
|
|
4564
|
+
color?: undefined;
|
|
4565
|
+
};
|
|
4566
|
+
declare type CodeNonHighlightedProps = CodeCommonProps & {
|
|
4567
|
+
/**
|
|
4568
|
+
* Adds background color to highlight the text
|
|
4569
|
+
*
|
|
4570
|
+
* @default true
|
|
4571
|
+
*/
|
|
4572
|
+
isHighlighted: false;
|
|
4573
|
+
/**
|
|
4574
|
+
* color prop to set color of text when `isHighlighted` is set to false
|
|
4575
|
+
*/
|
|
4576
|
+
color?: BaseTextProps['color'];
|
|
4577
|
+
};
|
|
4578
|
+
declare type CodeProps = CodeHighlightedProps | CodeNonHighlightedProps;
|
|
4522
4579
|
/**
|
|
4523
4580
|
* Code component can be used for displaying token, variable names, or inlined code snippets.
|
|
4524
4581
|
*
|
|
@@ -4538,14 +4595,14 @@ declare type CodeProps = {
|
|
|
4538
4595
|
* In React Native, you would have to align it using flex to make sure the Code and the surrounding text is correctly aligned
|
|
4539
4596
|
*
|
|
4540
4597
|
* ```tsx
|
|
4541
|
-
* <
|
|
4598
|
+
* <Box flexWrap="wrap" flexDirection="row" alignItems="flex-start">
|
|
4542
4599
|
* <Text>Lorem ipsum </Text>
|
|
4543
4600
|
* <Code>SENTRY_TOKEN</Code>
|
|
4544
4601
|
* <Text> normal text</Text>
|
|
4545
|
-
* </
|
|
4602
|
+
* </Box>
|
|
4546
4603
|
* ```
|
|
4547
4604
|
*/
|
|
4548
|
-
declare const Code: ({ children, size, weight, testID, ...styledProps }: CodeProps) => JSX.Element;
|
|
4605
|
+
declare const Code: ({ children, size, weight, isHighlighted, color, testID, ...styledProps }: CodeProps) => JSX.Element;
|
|
4549
4606
|
|
|
4550
4607
|
declare type ListItemCodeProps = Exclude<CodeProps, 'size'>;
|
|
4551
4608
|
declare const ListItemCode: ({ children, testID }: ListItemCodeProps) => React.ReactElement;
|
|
@@ -4556,6 +4613,67 @@ declare function announce(message: string, _assertiveness?: Assertiveness): void
|
|
|
4556
4613
|
declare function clearAnnouncer(_assertiveness: Assertiveness): void;
|
|
4557
4614
|
declare function destroyAnnouncer(): void;
|
|
4558
4615
|
|
|
4616
|
+
declare type BaseHeaderProps = {
|
|
4617
|
+
title?: string;
|
|
4618
|
+
subtitle?: string;
|
|
4619
|
+
/**
|
|
4620
|
+
* Leading part of the header placed at the left most side of the header
|
|
4621
|
+
*/
|
|
4622
|
+
leading?: React__default.ReactNode;
|
|
4623
|
+
/**
|
|
4624
|
+
* Trailing part of the header placed at the right most side of the header
|
|
4625
|
+
*/
|
|
4626
|
+
trailing?: React__default.ReactNode;
|
|
4627
|
+
/**
|
|
4628
|
+
* Placed adjacent to the title text
|
|
4629
|
+
*/
|
|
4630
|
+
titleSuffix?: React__default.ReactNode;
|
|
4631
|
+
/**
|
|
4632
|
+
* @default true
|
|
4633
|
+
*/
|
|
4634
|
+
showDivider?: boolean;
|
|
4635
|
+
/**
|
|
4636
|
+
* @default false
|
|
4637
|
+
*/
|
|
4638
|
+
showBackButton?: boolean;
|
|
4639
|
+
/**
|
|
4640
|
+
* @default true
|
|
4641
|
+
*/
|
|
4642
|
+
showCloseButton?: boolean;
|
|
4643
|
+
onCloseButtonClick?: () => void;
|
|
4644
|
+
onBackButtonClick?: () => void;
|
|
4645
|
+
closeButtonRef: React__default.MutableRefObject<any>;
|
|
4646
|
+
metaComponentName?: string;
|
|
4647
|
+
} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'>;
|
|
4648
|
+
|
|
4649
|
+
declare type ModalHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix'>;
|
|
4650
|
+
declare const ModalHeader: () => React__default.ReactElement;
|
|
4651
|
+
|
|
4652
|
+
declare type BaseFooterProps = {
|
|
4653
|
+
children: React__default.ReactNode;
|
|
4654
|
+
metaComponentName?: string;
|
|
4655
|
+
showDivider?: boolean;
|
|
4656
|
+
};
|
|
4657
|
+
|
|
4658
|
+
declare type ModalFooterProps = Pick<BaseFooterProps, 'children'>;
|
|
4659
|
+
declare const ModalFooter: () => React__default.ReactElement;
|
|
4660
|
+
|
|
4661
|
+
declare type ModalBodyProps = {
|
|
4662
|
+
children: React__default.ReactNode;
|
|
4663
|
+
padding?: Extract<SpacingValueType$1, 'spacing.0' | 'spacing.6'>;
|
|
4664
|
+
};
|
|
4665
|
+
declare const ModalBody: (props: ModalBodyProps) => React__default.ReactElement;
|
|
4666
|
+
|
|
4667
|
+
declare type ModalProps = {
|
|
4668
|
+
children: React__default.ReactNode;
|
|
4669
|
+
isOpen: boolean;
|
|
4670
|
+
onDismiss: () => void;
|
|
4671
|
+
initialFocusRef?: React__default.MutableRefObject<any>;
|
|
4672
|
+
size?: 'small' | 'medium' | 'large';
|
|
4673
|
+
accessibilityLabel?: string;
|
|
4674
|
+
};
|
|
4675
|
+
declare const Modal: (props: ModalProps) => React__default.ReactElement;
|
|
4676
|
+
|
|
4559
4677
|
declare type ProgressBarCommonProps = {
|
|
4560
4678
|
/**
|
|
4561
4679
|
* Sets aria-label to help users know what the progress bar is for. Default value is the same as the `label` passed.
|
|
@@ -4944,43 +5062,6 @@ declare type AmountProps = {
|
|
|
4944
5062
|
} & TestID & StyledPropsBlade;
|
|
4945
5063
|
declare const Amount: ({ value, suffix, size, isAffixSubtle, intent, prefix, testID, currency, ...styledProps }: AmountProps) => ReactElement;
|
|
4946
5064
|
|
|
4947
|
-
declare type BaseHeaderProps = {
|
|
4948
|
-
title?: string;
|
|
4949
|
-
subtitle?: string;
|
|
4950
|
-
/**
|
|
4951
|
-
* Leading part of the header placed at the left most side of the header
|
|
4952
|
-
*/
|
|
4953
|
-
leading?: React__default.ReactNode;
|
|
4954
|
-
/**
|
|
4955
|
-
* Trailing part of the header placed at the right most side of the header
|
|
4956
|
-
*/
|
|
4957
|
-
trailing?: React__default.ReactNode;
|
|
4958
|
-
/**
|
|
4959
|
-
* Placed adjacent to the title text
|
|
4960
|
-
*/
|
|
4961
|
-
titleSuffix?: React__default.ReactNode;
|
|
4962
|
-
/**
|
|
4963
|
-
* @default true
|
|
4964
|
-
*/
|
|
4965
|
-
showDivider?: boolean;
|
|
4966
|
-
/**
|
|
4967
|
-
* @default false
|
|
4968
|
-
*/
|
|
4969
|
-
showBackButton?: boolean;
|
|
4970
|
-
/**
|
|
4971
|
-
* @default true
|
|
4972
|
-
*/
|
|
4973
|
-
showCloseButton?: boolean;
|
|
4974
|
-
onCloseButtonClick?: () => void;
|
|
4975
|
-
onBackButtonClick?: () => void;
|
|
4976
|
-
closeButtonRef: React__default.MutableRefObject<any>;
|
|
4977
|
-
} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'>;
|
|
4978
|
-
|
|
4979
|
-
declare type BaseFooterProps = {
|
|
4980
|
-
children: React__default.ReactNode;
|
|
4981
|
-
showDivider?: boolean;
|
|
4982
|
-
};
|
|
4983
|
-
|
|
4984
5065
|
declare type SnapPoints = [number, number, number];
|
|
4985
5066
|
|
|
4986
5067
|
declare type BottomSheetProps = {
|
|
@@ -5037,4 +5118,4 @@ declare const BottomSheetFooter: ({ children }: BottomSheetFooterProps) => React
|
|
|
5037
5118
|
|
|
5038
5119
|
declare const BottomSheet: ({ children, snapPoints, isOpen, onDismiss, initialFocusRef, }: BottomSheetProps) => React__default.ReactElement;
|
|
5039
5120
|
|
|
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 };
|
|
5121
|
+
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 };
|