@razorpay/blade 9.2.0 → 9.4.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 +267 -974
- package/build/components/index.native.d.ts +201 -530
- package/build/components/index.native.js +322 -318
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +1916 -1771
- package/build/components/index.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +4 -4
- package/build/css/bankingThemeDarkMobile.css +4 -4
- package/build/css/bankingThemeLightDesktop.css +4 -4
- package/build/css/bankingThemeLightMobile.css +4 -4
- package/build/css/paymentThemeDarkDesktop.css +4 -4
- package/build/css/paymentThemeDarkMobile.css +4 -4
- package/build/css/paymentThemeLightDesktop.css +4 -4
- package/build/css/paymentThemeLightMobile.css +4 -4
- package/build/tokens/index.native.js +2 -2
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.web.js +12 -12
- package/build/tokens/index.web.js.map +1 -1
- package/package.json +1 -1
|
@@ -3527,7 +3527,7 @@ declare type IconButtonProps = {
|
|
|
3527
3527
|
*
|
|
3528
3528
|
* @default 'medium'
|
|
3529
3529
|
*/
|
|
3530
|
-
size?: 'medium' | 'large';
|
|
3530
|
+
size?: 'small' | 'medium' | 'large';
|
|
3531
3531
|
/**
|
|
3532
3532
|
* Icon contrast
|
|
3533
3533
|
*
|
|
@@ -3538,6 +3538,10 @@ declare type IconButtonProps = {
|
|
|
3538
3538
|
* Sets aria-label to help users know what the action does, eg 'Dismiss alert'
|
|
3539
3539
|
*/
|
|
3540
3540
|
accessibilityLabel: string;
|
|
3541
|
+
/**
|
|
3542
|
+
* Disabled state for IconButton
|
|
3543
|
+
*/
|
|
3544
|
+
isDisabled?: boolean;
|
|
3541
3545
|
} & BladeCommonEvents$1;
|
|
3542
3546
|
declare const IconButton: React__default.ForwardRefExoticComponent<{
|
|
3543
3547
|
/**
|
|
@@ -3550,7 +3554,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
|
|
|
3550
3554
|
*
|
|
3551
3555
|
* @default 'medium'
|
|
3552
3556
|
*/
|
|
3553
|
-
size?: "medium" | "large" | undefined;
|
|
3557
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
3554
3558
|
/**
|
|
3555
3559
|
* Icon contrast
|
|
3556
3560
|
*
|
|
@@ -3561,6 +3565,10 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
|
|
|
3561
3565
|
* Sets aria-label to help users know what the action does, eg 'Dismiss alert'
|
|
3562
3566
|
*/
|
|
3563
3567
|
accessibilityLabel: string;
|
|
3568
|
+
/**
|
|
3569
|
+
* Disabled state for IconButton
|
|
3570
|
+
*/
|
|
3571
|
+
isDisabled?: boolean | undefined;
|
|
3564
3572
|
} & BladeCommonEvents$1 & React__default.RefAttributes<BladeElementRef>>;
|
|
3565
3573
|
|
|
3566
3574
|
declare type OnChange$1 = ({ isChecked, event, value, }: {
|
|
@@ -4640,7 +4648,7 @@ declare type FormInputLabelProps = {
|
|
|
4640
4648
|
/**
|
|
4641
4649
|
* Label to be shown for the input field
|
|
4642
4650
|
*/
|
|
4643
|
-
label
|
|
4651
|
+
label?: string;
|
|
4644
4652
|
/**
|
|
4645
4653
|
* Desktop only prop. Default value on mobile will be `top`
|
|
4646
4654
|
*/
|
|
@@ -4698,7 +4706,7 @@ type FormInputOnKeyDownEvent = {
|
|
|
4698
4706
|
|
|
4699
4707
|
declare type CommonAutoCompleteSuggestionTypes = 'none' | 'name' | 'email' | 'username' | 'password' | 'newPassword' | 'oneTimeCode' | 'telephone' | 'postalCode' | 'countryName' | 'creditCardNumber' | 'creditCardCSC' | 'creditCardExpiry' | 'creditCardExpiryMonth' | 'creditCardExpiryYear';
|
|
4700
4708
|
declare type WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';
|
|
4701
|
-
declare type
|
|
4709
|
+
declare type BaseInputCommonProps = FormInputLabelProps & FormInputValidationProps & {
|
|
4702
4710
|
/**
|
|
4703
4711
|
* Determines if it needs to be rendered as input, textarea or button
|
|
4704
4712
|
*/
|
|
@@ -4914,9 +4922,30 @@ declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
|
|
|
4914
4922
|
autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;
|
|
4915
4923
|
};
|
|
4916
4924
|
}> & StyledPropsBlade$1;
|
|
4925
|
+
declare type BaseInputPropsWithA11yLabel = {
|
|
4926
|
+
/**
|
|
4927
|
+
* Label to be shown for the input field
|
|
4928
|
+
*/
|
|
4929
|
+
label?: undefined;
|
|
4930
|
+
/**
|
|
4931
|
+
* Accessibility label for the input
|
|
4932
|
+
*/
|
|
4933
|
+
accessibilityLabel: string;
|
|
4934
|
+
};
|
|
4935
|
+
declare type BaseInputPropsWithLabel = {
|
|
4936
|
+
/**
|
|
4937
|
+
* Label to be shown for the input field
|
|
4938
|
+
*/
|
|
4939
|
+
label: string;
|
|
4940
|
+
/**
|
|
4941
|
+
* Accessibility label for the input
|
|
4942
|
+
*/
|
|
4943
|
+
accessibilityLabel?: string;
|
|
4944
|
+
};
|
|
4945
|
+
declare type BaseInputProps = (BaseInputPropsWithA11yLabel | BaseInputPropsWithLabel) & BaseInputCommonProps;
|
|
4917
4946
|
|
|
4918
4947
|
declare type Type = Exclude<BaseInputProps['type'], 'password'>;
|
|
4919
|
-
declare type
|
|
4948
|
+
declare type TextInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID'> & {
|
|
4920
4949
|
/**
|
|
4921
4950
|
* Decides whether to render a clear icon button
|
|
4922
4951
|
*/
|
|
@@ -4948,195 +4977,28 @@ declare type TextInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | '
|
|
|
4948
4977
|
*/
|
|
4949
4978
|
type?: Type;
|
|
4950
4979
|
} & StyledPropsBlade$1;
|
|
4951
|
-
declare
|
|
4952
|
-
/**
|
|
4953
|
-
* Decides whether to render a clear icon button
|
|
4954
|
-
*/
|
|
4955
|
-
showClearButton?: boolean | undefined;
|
|
4980
|
+
declare type TextInputPropsWithA11yLabel = {
|
|
4956
4981
|
/**
|
|
4957
|
-
*
|
|
4982
|
+
* Label to be shown for the input field
|
|
4958
4983
|
*/
|
|
4959
|
-
|
|
4984
|
+
label?: undefined;
|
|
4960
4985
|
/**
|
|
4961
|
-
*
|
|
4986
|
+
* Accessibility label for the input
|
|
4962
4987
|
*/
|
|
4963
|
-
|
|
4988
|
+
accessibilityLabel: string;
|
|
4989
|
+
};
|
|
4990
|
+
declare type TextInputPropsWithLabel = {
|
|
4964
4991
|
/**
|
|
4965
|
-
*
|
|
4992
|
+
* Label to be shown for the input field
|
|
4966
4993
|
*/
|
|
4967
|
-
|
|
4994
|
+
label: string;
|
|
4968
4995
|
/**
|
|
4969
|
-
*
|
|
4970
|
-
*
|
|
4971
|
-
*
|
|
4972
|
-
* **Note on number type**
|
|
4973
|
-
*
|
|
4974
|
-
* `type="number"` internally uses `inputMode="numeric"` instead of HTML's `type="number"` which also allows text characters.
|
|
4975
|
-
* If you have a usecase where you only want to support number input, you can handle it on validations end.
|
|
4976
|
-
*
|
|
4977
|
-
* Check out [Why the GOV.UK Design System team changed the input type for numbers](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for reasoning
|
|
4978
|
-
*
|
|
4979
|
-
* @default text
|
|
4996
|
+
* Accessibility label for the input
|
|
4980
4997
|
*/
|
|
4981
|
-
|
|
4982
|
-
}
|
|
4983
|
-
|
|
4984
|
-
|
|
4985
|
-
readonly xs?: SpacingValueType | undefined;
|
|
4986
|
-
readonly s?: SpacingValueType | undefined;
|
|
4987
|
-
readonly m?: SpacingValueType | undefined;
|
|
4988
|
-
readonly l?: SpacingValueType | undefined;
|
|
4989
|
-
readonly xl?: SpacingValueType | undefined;
|
|
4990
|
-
};
|
|
4991
|
-
left: SpacingValueType | {
|
|
4992
|
-
readonly base?: SpacingValueType | undefined;
|
|
4993
|
-
readonly xs?: SpacingValueType | undefined;
|
|
4994
|
-
readonly s?: SpacingValueType | undefined;
|
|
4995
|
-
readonly m?: SpacingValueType | undefined;
|
|
4996
|
-
readonly l?: SpacingValueType | undefined;
|
|
4997
|
-
readonly xl?: SpacingValueType | undefined;
|
|
4998
|
-
};
|
|
4999
|
-
position?: "absolute" | "relative" | {
|
|
5000
|
-
readonly base?: "absolute" | "relative" | undefined;
|
|
5001
|
-
readonly xs?: "absolute" | "relative" | undefined;
|
|
5002
|
-
readonly s?: "absolute" | "relative" | undefined;
|
|
5003
|
-
readonly m?: "absolute" | "relative" | undefined;
|
|
5004
|
-
readonly l?: "absolute" | "relative" | undefined;
|
|
5005
|
-
readonly xl?: "absolute" | "relative" | undefined;
|
|
5006
|
-
} | undefined;
|
|
5007
|
-
right: SpacingValueType | {
|
|
5008
|
-
readonly base?: SpacingValueType | undefined;
|
|
5009
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5010
|
-
readonly s?: SpacingValueType | undefined;
|
|
5011
|
-
readonly m?: SpacingValueType | undefined;
|
|
5012
|
-
readonly l?: SpacingValueType | undefined;
|
|
5013
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5014
|
-
};
|
|
5015
|
-
top: SpacingValueType | {
|
|
5016
|
-
readonly base?: SpacingValueType | undefined;
|
|
5017
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5018
|
-
readonly s?: SpacingValueType | undefined;
|
|
5019
|
-
readonly m?: SpacingValueType | undefined;
|
|
5020
|
-
readonly l?: SpacingValueType | undefined;
|
|
5021
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5022
|
-
};
|
|
5023
|
-
zIndex?: number | {
|
|
5024
|
-
readonly base?: number | undefined;
|
|
5025
|
-
readonly xs?: number | undefined;
|
|
5026
|
-
readonly s?: number | undefined;
|
|
5027
|
-
readonly m?: number | undefined;
|
|
5028
|
-
readonly l?: number | undefined;
|
|
5029
|
-
readonly xl?: number | undefined;
|
|
5030
|
-
} | undefined;
|
|
5031
|
-
__brand__?: "platform-native" | {
|
|
5032
|
-
readonly base?: "platform-native" | undefined;
|
|
5033
|
-
readonly xs?: "platform-native" | undefined;
|
|
5034
|
-
readonly s?: "platform-native" | undefined;
|
|
5035
|
-
readonly m?: "platform-native" | undefined;
|
|
5036
|
-
readonly l?: "platform-native" | undefined;
|
|
5037
|
-
readonly xl?: "platform-native" | undefined;
|
|
5038
|
-
} | undefined;
|
|
5039
|
-
} & Pick<{
|
|
5040
|
-
gridAutoColumns: never;
|
|
5041
|
-
gridAutoFlow: never;
|
|
5042
|
-
gridAutoRows: never;
|
|
5043
|
-
gridColumnEnd: never;
|
|
5044
|
-
gridColumnStart: never;
|
|
5045
|
-
gridRowEnd: never;
|
|
5046
|
-
gridRowStart: never;
|
|
5047
|
-
gridTemplateAreas: never;
|
|
5048
|
-
gridTemplateColumns: never;
|
|
5049
|
-
gridTemplateRows: never;
|
|
5050
|
-
grid: never;
|
|
5051
|
-
gridArea: never;
|
|
5052
|
-
gridColumn: never;
|
|
5053
|
-
gridRow: never;
|
|
5054
|
-
gridTemplate: never;
|
|
5055
|
-
__brand__?: "platform-native" | {
|
|
5056
|
-
readonly base?: "platform-native" | undefined;
|
|
5057
|
-
readonly xs?: "platform-native" | undefined;
|
|
5058
|
-
readonly s?: "platform-native" | undefined;
|
|
5059
|
-
readonly m?: "platform-native" | undefined;
|
|
5060
|
-
readonly l?: "platform-native" | undefined;
|
|
5061
|
-
readonly xl?: "platform-native" | undefined;
|
|
5062
|
-
} | undefined;
|
|
5063
|
-
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
|
|
5064
|
-
width: SpacingValueType | {
|
|
5065
|
-
readonly base?: SpacingValueType | undefined;
|
|
5066
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5067
|
-
readonly s?: SpacingValueType | undefined;
|
|
5068
|
-
readonly m?: SpacingValueType | undefined;
|
|
5069
|
-
readonly l?: SpacingValueType | undefined;
|
|
5070
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5071
|
-
};
|
|
5072
|
-
display?: "none" | "flex" | {
|
|
5073
|
-
readonly base?: "none" | "flex" | undefined;
|
|
5074
|
-
readonly xs?: "none" | "flex" | undefined;
|
|
5075
|
-
readonly s?: "none" | "flex" | undefined;
|
|
5076
|
-
readonly m?: "none" | "flex" | undefined;
|
|
5077
|
-
readonly l?: "none" | "flex" | undefined;
|
|
5078
|
-
readonly xl?: "none" | "flex" | undefined;
|
|
5079
|
-
} | undefined;
|
|
5080
|
-
height: SpacingValueType | {
|
|
5081
|
-
readonly base?: SpacingValueType | undefined;
|
|
5082
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5083
|
-
readonly s?: SpacingValueType | undefined;
|
|
5084
|
-
readonly m?: SpacingValueType | undefined;
|
|
5085
|
-
readonly l?: SpacingValueType | undefined;
|
|
5086
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5087
|
-
};
|
|
5088
|
-
maxHeight: SpacingValueType | {
|
|
5089
|
-
readonly base?: SpacingValueType | undefined;
|
|
5090
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5091
|
-
readonly s?: SpacingValueType | undefined;
|
|
5092
|
-
readonly m?: SpacingValueType | undefined;
|
|
5093
|
-
readonly l?: SpacingValueType | undefined;
|
|
5094
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5095
|
-
};
|
|
5096
|
-
maxWidth: SpacingValueType | {
|
|
5097
|
-
readonly base?: SpacingValueType | undefined;
|
|
5098
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5099
|
-
readonly s?: SpacingValueType | undefined;
|
|
5100
|
-
readonly m?: SpacingValueType | undefined;
|
|
5101
|
-
readonly l?: SpacingValueType | undefined;
|
|
5102
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5103
|
-
};
|
|
5104
|
-
minHeight: SpacingValueType | {
|
|
5105
|
-
readonly base?: SpacingValueType | undefined;
|
|
5106
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5107
|
-
readonly s?: SpacingValueType | undefined;
|
|
5108
|
-
readonly m?: SpacingValueType | undefined;
|
|
5109
|
-
readonly l?: SpacingValueType | undefined;
|
|
5110
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5111
|
-
};
|
|
5112
|
-
minWidth: SpacingValueType | {
|
|
5113
|
-
readonly base?: SpacingValueType | undefined;
|
|
5114
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5115
|
-
readonly s?: SpacingValueType | undefined;
|
|
5116
|
-
readonly m?: SpacingValueType | undefined;
|
|
5117
|
-
readonly l?: SpacingValueType | undefined;
|
|
5118
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5119
|
-
};
|
|
5120
|
-
overflowX: never;
|
|
5121
|
-
overflowY: never;
|
|
5122
|
-
textAlign: never;
|
|
5123
|
-
overflow?: "hidden" | "scroll" | "visible" | {
|
|
5124
|
-
readonly base?: "hidden" | "scroll" | "visible" | undefined;
|
|
5125
|
-
readonly xs?: "hidden" | "scroll" | "visible" | undefined;
|
|
5126
|
-
readonly s?: "hidden" | "scroll" | "visible" | undefined;
|
|
5127
|
-
readonly m?: "hidden" | "scroll" | "visible" | undefined;
|
|
5128
|
-
readonly l?: "hidden" | "scroll" | "visible" | undefined;
|
|
5129
|
-
readonly xl?: "hidden" | "scroll" | "visible" | undefined;
|
|
5130
|
-
} | undefined;
|
|
5131
|
-
__brand__?: "platform-native" | {
|
|
5132
|
-
readonly base?: "platform-native" | undefined;
|
|
5133
|
-
readonly xs?: "platform-native" | undefined;
|
|
5134
|
-
readonly s?: "platform-native" | undefined;
|
|
5135
|
-
readonly m?: "platform-native" | undefined;
|
|
5136
|
-
readonly l?: "platform-native" | undefined;
|
|
5137
|
-
readonly xl?: "platform-native" | undefined;
|
|
5138
|
-
} | undefined;
|
|
5139
|
-
}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
4998
|
+
accessibilityLabel?: string;
|
|
4999
|
+
};
|
|
5000
|
+
declare type TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) & TextInputCommonProps;
|
|
5001
|
+
declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<BladeElementRef>>;
|
|
5140
5002
|
|
|
5141
5003
|
declare type PasswordInputExtraProps = {
|
|
5142
5004
|
/**
|
|
@@ -5168,167 +5030,31 @@ declare type PasswordInputExtraProps = {
|
|
|
5168
5030
|
*/
|
|
5169
5031
|
autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'password' | 'newPassword'>;
|
|
5170
5032
|
};
|
|
5171
|
-
declare type
|
|
5172
|
-
declare
|
|
5173
|
-
|
|
5174
|
-
|
|
5175
|
-
|
|
5176
|
-
|
|
5177
|
-
|
|
5178
|
-
|
|
5179
|
-
|
|
5180
|
-
|
|
5181
|
-
|
|
5182
|
-
|
|
5183
|
-
|
|
5184
|
-
|
|
5185
|
-
|
|
5186
|
-
|
|
5187
|
-
|
|
5188
|
-
|
|
5189
|
-
|
|
5190
|
-
|
|
5191
|
-
|
|
5192
|
-
|
|
5193
|
-
|
|
5194
|
-
readonly l?: "absolute" | "relative" | undefined;
|
|
5195
|
-
readonly xl?: "absolute" | "relative" | undefined;
|
|
5196
|
-
} | undefined;
|
|
5197
|
-
right: SpacingValueType | {
|
|
5198
|
-
readonly base?: SpacingValueType | undefined;
|
|
5199
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5200
|
-
readonly s?: SpacingValueType | undefined;
|
|
5201
|
-
readonly m?: SpacingValueType | undefined;
|
|
5202
|
-
readonly l?: SpacingValueType | undefined;
|
|
5203
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5204
|
-
};
|
|
5205
|
-
top: SpacingValueType | {
|
|
5206
|
-
readonly base?: SpacingValueType | undefined;
|
|
5207
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5208
|
-
readonly s?: SpacingValueType | undefined;
|
|
5209
|
-
readonly m?: SpacingValueType | undefined;
|
|
5210
|
-
readonly l?: SpacingValueType | undefined;
|
|
5211
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5212
|
-
};
|
|
5213
|
-
zIndex?: number | {
|
|
5214
|
-
readonly base?: number | undefined;
|
|
5215
|
-
readonly xs?: number | undefined;
|
|
5216
|
-
readonly s?: number | undefined;
|
|
5217
|
-
readonly m?: number | undefined;
|
|
5218
|
-
readonly l?: number | undefined;
|
|
5219
|
-
readonly xl?: number | undefined;
|
|
5220
|
-
} | undefined;
|
|
5221
|
-
__brand__?: "platform-native" | {
|
|
5222
|
-
readonly base?: "platform-native" | undefined;
|
|
5223
|
-
readonly xs?: "platform-native" | undefined;
|
|
5224
|
-
readonly s?: "platform-native" | undefined;
|
|
5225
|
-
readonly m?: "platform-native" | undefined;
|
|
5226
|
-
readonly l?: "platform-native" | undefined;
|
|
5227
|
-
readonly xl?: "platform-native" | undefined;
|
|
5228
|
-
} | undefined;
|
|
5229
|
-
} & Pick<{
|
|
5230
|
-
gridAutoColumns: never;
|
|
5231
|
-
gridAutoFlow: never;
|
|
5232
|
-
gridAutoRows: never;
|
|
5233
|
-
gridColumnEnd: never;
|
|
5234
|
-
gridColumnStart: never;
|
|
5235
|
-
gridRowEnd: never;
|
|
5236
|
-
gridRowStart: never;
|
|
5237
|
-
gridTemplateAreas: never;
|
|
5238
|
-
gridTemplateColumns: never;
|
|
5239
|
-
gridTemplateRows: never;
|
|
5240
|
-
grid: never;
|
|
5241
|
-
gridArea: never;
|
|
5242
|
-
gridColumn: never;
|
|
5243
|
-
gridRow: never;
|
|
5244
|
-
gridTemplate: never;
|
|
5245
|
-
__brand__?: "platform-native" | {
|
|
5246
|
-
readonly base?: "platform-native" | undefined;
|
|
5247
|
-
readonly xs?: "platform-native" | undefined;
|
|
5248
|
-
readonly s?: "platform-native" | undefined;
|
|
5249
|
-
readonly m?: "platform-native" | undefined;
|
|
5250
|
-
readonly l?: "platform-native" | undefined;
|
|
5251
|
-
readonly xl?: "platform-native" | undefined;
|
|
5252
|
-
} | undefined;
|
|
5253
|
-
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
|
|
5254
|
-
width: SpacingValueType | {
|
|
5255
|
-
readonly base?: SpacingValueType | undefined;
|
|
5256
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5257
|
-
readonly s?: SpacingValueType | undefined;
|
|
5258
|
-
readonly m?: SpacingValueType | undefined;
|
|
5259
|
-
readonly l?: SpacingValueType | undefined;
|
|
5260
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5261
|
-
};
|
|
5262
|
-
display?: "none" | "flex" | {
|
|
5263
|
-
readonly base?: "none" | "flex" | undefined;
|
|
5264
|
-
readonly xs?: "none" | "flex" | undefined;
|
|
5265
|
-
readonly s?: "none" | "flex" | undefined;
|
|
5266
|
-
readonly m?: "none" | "flex" | undefined;
|
|
5267
|
-
readonly l?: "none" | "flex" | undefined;
|
|
5268
|
-
readonly xl?: "none" | "flex" | undefined;
|
|
5269
|
-
} | undefined;
|
|
5270
|
-
height: SpacingValueType | {
|
|
5271
|
-
readonly base?: SpacingValueType | undefined;
|
|
5272
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5273
|
-
readonly s?: SpacingValueType | undefined;
|
|
5274
|
-
readonly m?: SpacingValueType | undefined;
|
|
5275
|
-
readonly l?: SpacingValueType | undefined;
|
|
5276
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5277
|
-
};
|
|
5278
|
-
maxHeight: SpacingValueType | {
|
|
5279
|
-
readonly base?: SpacingValueType | undefined;
|
|
5280
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5281
|
-
readonly s?: SpacingValueType | undefined;
|
|
5282
|
-
readonly m?: SpacingValueType | undefined;
|
|
5283
|
-
readonly l?: SpacingValueType | undefined;
|
|
5284
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5285
|
-
};
|
|
5286
|
-
maxWidth: SpacingValueType | {
|
|
5287
|
-
readonly base?: SpacingValueType | undefined;
|
|
5288
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5289
|
-
readonly s?: SpacingValueType | undefined;
|
|
5290
|
-
readonly m?: SpacingValueType | undefined;
|
|
5291
|
-
readonly l?: SpacingValueType | undefined;
|
|
5292
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5293
|
-
};
|
|
5294
|
-
minHeight: SpacingValueType | {
|
|
5295
|
-
readonly base?: SpacingValueType | undefined;
|
|
5296
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5297
|
-
readonly s?: SpacingValueType | undefined;
|
|
5298
|
-
readonly m?: SpacingValueType | undefined;
|
|
5299
|
-
readonly l?: SpacingValueType | undefined;
|
|
5300
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5301
|
-
};
|
|
5302
|
-
minWidth: SpacingValueType | {
|
|
5303
|
-
readonly base?: SpacingValueType | undefined;
|
|
5304
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5305
|
-
readonly s?: SpacingValueType | undefined;
|
|
5306
|
-
readonly m?: SpacingValueType | undefined;
|
|
5307
|
-
readonly l?: SpacingValueType | undefined;
|
|
5308
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5309
|
-
};
|
|
5310
|
-
overflowX: never;
|
|
5311
|
-
overflowY: never;
|
|
5312
|
-
textAlign: never;
|
|
5313
|
-
overflow?: "hidden" | "scroll" | "visible" | {
|
|
5314
|
-
readonly base?: "hidden" | "scroll" | "visible" | undefined;
|
|
5315
|
-
readonly xs?: "hidden" | "scroll" | "visible" | undefined;
|
|
5316
|
-
readonly s?: "hidden" | "scroll" | "visible" | undefined;
|
|
5317
|
-
readonly m?: "hidden" | "scroll" | "visible" | undefined;
|
|
5318
|
-
readonly l?: "hidden" | "scroll" | "visible" | undefined;
|
|
5319
|
-
readonly xl?: "hidden" | "scroll" | "visible" | undefined;
|
|
5320
|
-
} | undefined;
|
|
5321
|
-
__brand__?: "platform-native" | {
|
|
5322
|
-
readonly base?: "platform-native" | undefined;
|
|
5323
|
-
readonly xs?: "platform-native" | undefined;
|
|
5324
|
-
readonly s?: "platform-native" | undefined;
|
|
5325
|
-
readonly m?: "platform-native" | undefined;
|
|
5326
|
-
readonly l?: "platform-native" | undefined;
|
|
5327
|
-
readonly xl?: "platform-native" | undefined;
|
|
5328
|
-
} | undefined;
|
|
5329
|
-
}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
5033
|
+
declare type PasswordInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID'> & PasswordInputExtraProps & StyledPropsBlade$1;
|
|
5034
|
+
declare type PasswordInputPropsWithA11yLabel = {
|
|
5035
|
+
/**
|
|
5036
|
+
* Label to be shown for the input field
|
|
5037
|
+
*/
|
|
5038
|
+
label?: undefined;
|
|
5039
|
+
/**
|
|
5040
|
+
* Accessibility label for the input
|
|
5041
|
+
*/
|
|
5042
|
+
accessibilityLabel: string;
|
|
5043
|
+
};
|
|
5044
|
+
declare type PasswordInputPropsWithLabel = {
|
|
5045
|
+
/**
|
|
5046
|
+
* Label to be shown for the input field
|
|
5047
|
+
*/
|
|
5048
|
+
label: string;
|
|
5049
|
+
/**
|
|
5050
|
+
* Accessibility label for the input
|
|
5051
|
+
*/
|
|
5052
|
+
accessibilityLabel?: string;
|
|
5053
|
+
};
|
|
5054
|
+
declare type PasswordInputProps = (PasswordInputPropsWithA11yLabel | PasswordInputPropsWithLabel) & PasswordInputCommonProps;
|
|
5055
|
+
declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<BladeElementRef>>;
|
|
5330
5056
|
|
|
5331
|
-
declare type
|
|
5057
|
+
declare type TextAreaCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID'> & {
|
|
5332
5058
|
/**
|
|
5333
5059
|
* Decides whether to render a clear icon button
|
|
5334
5060
|
*/
|
|
@@ -5338,180 +5064,35 @@ declare type TextAreaProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'n
|
|
|
5338
5064
|
*/
|
|
5339
5065
|
onClearButtonClick?: () => void;
|
|
5340
5066
|
} & StyledPropsBlade$1;
|
|
5341
|
-
declare
|
|
5067
|
+
declare type TextAreaPropsWithA11yLabel = {
|
|
5342
5068
|
/**
|
|
5343
|
-
*
|
|
5069
|
+
* Label to be shown for the input field
|
|
5344
5070
|
*/
|
|
5345
|
-
|
|
5071
|
+
label?: undefined;
|
|
5346
5072
|
/**
|
|
5347
|
-
*
|
|
5073
|
+
* Accessibility label for the input
|
|
5348
5074
|
*/
|
|
5349
|
-
|
|
5350
|
-
}
|
|
5351
|
-
|
|
5352
|
-
|
|
5353
|
-
|
|
5354
|
-
|
|
5355
|
-
|
|
5356
|
-
|
|
5357
|
-
|
|
5358
|
-
|
|
5359
|
-
|
|
5360
|
-
|
|
5361
|
-
|
|
5362
|
-
|
|
5363
|
-
readonly m?: SpacingValueType | undefined;
|
|
5364
|
-
readonly l?: SpacingValueType | undefined;
|
|
5365
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5366
|
-
};
|
|
5367
|
-
position?: "absolute" | "relative" | {
|
|
5368
|
-
readonly base?: "absolute" | "relative" | undefined;
|
|
5369
|
-
readonly xs?: "absolute" | "relative" | undefined;
|
|
5370
|
-
readonly s?: "absolute" | "relative" | undefined;
|
|
5371
|
-
readonly m?: "absolute" | "relative" | undefined;
|
|
5372
|
-
readonly l?: "absolute" | "relative" | undefined;
|
|
5373
|
-
readonly xl?: "absolute" | "relative" | undefined;
|
|
5374
|
-
} | undefined;
|
|
5375
|
-
right: SpacingValueType | {
|
|
5376
|
-
readonly base?: SpacingValueType | undefined;
|
|
5377
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5378
|
-
readonly s?: SpacingValueType | undefined;
|
|
5379
|
-
readonly m?: SpacingValueType | undefined;
|
|
5380
|
-
readonly l?: SpacingValueType | undefined;
|
|
5381
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5382
|
-
};
|
|
5383
|
-
top: SpacingValueType | {
|
|
5384
|
-
readonly base?: SpacingValueType | undefined;
|
|
5385
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5386
|
-
readonly s?: SpacingValueType | undefined;
|
|
5387
|
-
readonly m?: SpacingValueType | undefined;
|
|
5388
|
-
readonly l?: SpacingValueType | undefined;
|
|
5389
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5390
|
-
};
|
|
5391
|
-
zIndex?: number | {
|
|
5392
|
-
readonly base?: number | undefined;
|
|
5393
|
-
readonly xs?: number | undefined;
|
|
5394
|
-
readonly s?: number | undefined;
|
|
5395
|
-
readonly m?: number | undefined;
|
|
5396
|
-
readonly l?: number | undefined;
|
|
5397
|
-
readonly xl?: number | undefined;
|
|
5398
|
-
} | undefined;
|
|
5399
|
-
__brand__?: "platform-native" | {
|
|
5400
|
-
readonly base?: "platform-native" | undefined;
|
|
5401
|
-
readonly xs?: "platform-native" | undefined;
|
|
5402
|
-
readonly s?: "platform-native" | undefined;
|
|
5403
|
-
readonly m?: "platform-native" | undefined;
|
|
5404
|
-
readonly l?: "platform-native" | undefined;
|
|
5405
|
-
readonly xl?: "platform-native" | undefined;
|
|
5406
|
-
} | undefined;
|
|
5407
|
-
} & Pick<{
|
|
5408
|
-
gridAutoColumns: never;
|
|
5409
|
-
gridAutoFlow: never;
|
|
5410
|
-
gridAutoRows: never;
|
|
5411
|
-
gridColumnEnd: never;
|
|
5412
|
-
gridColumnStart: never;
|
|
5413
|
-
gridRowEnd: never;
|
|
5414
|
-
gridRowStart: never;
|
|
5415
|
-
gridTemplateAreas: never;
|
|
5416
|
-
gridTemplateColumns: never;
|
|
5417
|
-
gridTemplateRows: never;
|
|
5418
|
-
grid: never;
|
|
5419
|
-
gridArea: never;
|
|
5420
|
-
gridColumn: never;
|
|
5421
|
-
gridRow: never;
|
|
5422
|
-
gridTemplate: never;
|
|
5423
|
-
__brand__?: "platform-native" | {
|
|
5424
|
-
readonly base?: "platform-native" | undefined;
|
|
5425
|
-
readonly xs?: "platform-native" | undefined;
|
|
5426
|
-
readonly s?: "platform-native" | undefined;
|
|
5427
|
-
readonly m?: "platform-native" | undefined;
|
|
5428
|
-
readonly l?: "platform-native" | undefined;
|
|
5429
|
-
readonly xl?: "platform-native" | undefined;
|
|
5430
|
-
} | undefined;
|
|
5431
|
-
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
|
|
5432
|
-
width: SpacingValueType | {
|
|
5433
|
-
readonly base?: SpacingValueType | undefined;
|
|
5434
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5435
|
-
readonly s?: SpacingValueType | undefined;
|
|
5436
|
-
readonly m?: SpacingValueType | undefined;
|
|
5437
|
-
readonly l?: SpacingValueType | undefined;
|
|
5438
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5439
|
-
};
|
|
5440
|
-
display?: "none" | "flex" | {
|
|
5441
|
-
readonly base?: "none" | "flex" | undefined;
|
|
5442
|
-
readonly xs?: "none" | "flex" | undefined;
|
|
5443
|
-
readonly s?: "none" | "flex" | undefined;
|
|
5444
|
-
readonly m?: "none" | "flex" | undefined;
|
|
5445
|
-
readonly l?: "none" | "flex" | undefined;
|
|
5446
|
-
readonly xl?: "none" | "flex" | undefined;
|
|
5447
|
-
} | undefined;
|
|
5448
|
-
height: SpacingValueType | {
|
|
5449
|
-
readonly base?: SpacingValueType | undefined;
|
|
5450
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5451
|
-
readonly s?: SpacingValueType | undefined;
|
|
5452
|
-
readonly m?: SpacingValueType | undefined;
|
|
5453
|
-
readonly l?: SpacingValueType | undefined;
|
|
5454
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5455
|
-
};
|
|
5456
|
-
maxHeight: SpacingValueType | {
|
|
5457
|
-
readonly base?: SpacingValueType | undefined;
|
|
5458
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5459
|
-
readonly s?: SpacingValueType | undefined;
|
|
5460
|
-
readonly m?: SpacingValueType | undefined;
|
|
5461
|
-
readonly l?: SpacingValueType | undefined;
|
|
5462
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5463
|
-
};
|
|
5464
|
-
maxWidth: SpacingValueType | {
|
|
5465
|
-
readonly base?: SpacingValueType | undefined;
|
|
5466
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5467
|
-
readonly s?: SpacingValueType | undefined;
|
|
5468
|
-
readonly m?: SpacingValueType | undefined;
|
|
5469
|
-
readonly l?: SpacingValueType | undefined;
|
|
5470
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5471
|
-
};
|
|
5472
|
-
minHeight: SpacingValueType | {
|
|
5473
|
-
readonly base?: SpacingValueType | undefined;
|
|
5474
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5475
|
-
readonly s?: SpacingValueType | undefined;
|
|
5476
|
-
readonly m?: SpacingValueType | undefined;
|
|
5477
|
-
readonly l?: SpacingValueType | undefined;
|
|
5478
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5479
|
-
};
|
|
5480
|
-
minWidth: SpacingValueType | {
|
|
5481
|
-
readonly base?: SpacingValueType | undefined;
|
|
5482
|
-
readonly xs?: SpacingValueType | undefined;
|
|
5483
|
-
readonly s?: SpacingValueType | undefined;
|
|
5484
|
-
readonly m?: SpacingValueType | undefined;
|
|
5485
|
-
readonly l?: SpacingValueType | undefined;
|
|
5486
|
-
readonly xl?: SpacingValueType | undefined;
|
|
5487
|
-
};
|
|
5488
|
-
overflowX: never;
|
|
5489
|
-
overflowY: never;
|
|
5490
|
-
textAlign: never;
|
|
5491
|
-
overflow?: "hidden" | "scroll" | "visible" | {
|
|
5492
|
-
readonly base?: "hidden" | "scroll" | "visible" | undefined;
|
|
5493
|
-
readonly xs?: "hidden" | "scroll" | "visible" | undefined;
|
|
5494
|
-
readonly s?: "hidden" | "scroll" | "visible" | undefined;
|
|
5495
|
-
readonly m?: "hidden" | "scroll" | "visible" | undefined;
|
|
5496
|
-
readonly l?: "hidden" | "scroll" | "visible" | undefined;
|
|
5497
|
-
readonly xl?: "hidden" | "scroll" | "visible" | undefined;
|
|
5498
|
-
} | undefined;
|
|
5499
|
-
__brand__?: "platform-native" | {
|
|
5500
|
-
readonly base?: "platform-native" | undefined;
|
|
5501
|
-
readonly xs?: "platform-native" | undefined;
|
|
5502
|
-
readonly s?: "platform-native" | undefined;
|
|
5503
|
-
readonly m?: "platform-native" | undefined;
|
|
5504
|
-
readonly l?: "platform-native" | undefined;
|
|
5505
|
-
readonly xl?: "platform-native" | undefined;
|
|
5506
|
-
} | undefined;
|
|
5507
|
-
}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
5075
|
+
accessibilityLabel: string;
|
|
5076
|
+
};
|
|
5077
|
+
declare type TextAreaPropsWithLabel = {
|
|
5078
|
+
/**
|
|
5079
|
+
* Label to be shown for the input field
|
|
5080
|
+
*/
|
|
5081
|
+
label: string;
|
|
5082
|
+
/**
|
|
5083
|
+
* Accessibility label for the input
|
|
5084
|
+
*/
|
|
5085
|
+
accessibilityLabel?: string;
|
|
5086
|
+
};
|
|
5087
|
+
declare type TextAreaProps = (TextAreaPropsWithA11yLabel | TextAreaPropsWithLabel) & TextAreaCommonProps;
|
|
5088
|
+
declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<BladeElementRef>>;
|
|
5508
5089
|
|
|
5509
5090
|
declare type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
|
|
5510
5091
|
name?: string;
|
|
5511
5092
|
value?: string;
|
|
5512
5093
|
inputIndex: number;
|
|
5513
5094
|
}) => void;
|
|
5514
|
-
declare type
|
|
5095
|
+
declare type OTPInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID'> & {
|
|
5515
5096
|
/**
|
|
5516
5097
|
* Determines the number of input fields to show for the OTP
|
|
5517
5098
|
* @default 6
|
|
@@ -5548,6 +5129,27 @@ declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'v
|
|
|
5548
5129
|
*/
|
|
5549
5130
|
onBlur?: FormInputOnEventWithIndex;
|
|
5550
5131
|
} & StyledPropsBlade$1;
|
|
5132
|
+
declare type OTPInputPropsWithA11yLabel = {
|
|
5133
|
+
/**
|
|
5134
|
+
* Label to be shown for the input field
|
|
5135
|
+
*/
|
|
5136
|
+
label?: undefined;
|
|
5137
|
+
/**
|
|
5138
|
+
* Accessibility label for the input
|
|
5139
|
+
*/
|
|
5140
|
+
accessibilityLabel: string;
|
|
5141
|
+
};
|
|
5142
|
+
declare type OTPInputPropsWithLabel = {
|
|
5143
|
+
/**
|
|
5144
|
+
* Label to be shown for the input field
|
|
5145
|
+
*/
|
|
5146
|
+
label: string;
|
|
5147
|
+
/**
|
|
5148
|
+
* Accessibility label for the input
|
|
5149
|
+
*/
|
|
5150
|
+
accessibilityLabel?: string;
|
|
5151
|
+
};
|
|
5152
|
+
declare type OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabel) & OTPInputCommonProps;
|
|
5551
5153
|
/**
|
|
5552
5154
|
* OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.
|
|
5553
5155
|
*
|
|
@@ -5562,9 +5164,9 @@ declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'v
|
|
|
5562
5164
|
* />
|
|
5563
5165
|
* ```
|
|
5564
5166
|
*/
|
|
5565
|
-
declare const OTPInput: ({ autoFocus, errorText, helpText, isDisabled, keyboardReturnKeyType, keyboardType, label, labelPosition, name, onChange, onFocus, onBlur, onOTPFilled, otpLength, placeholder, successText, validationState, value, isMasked, autoCompleteSuggestionType, testID, ...styledProps }: OTPInputProps) => React__default.ReactElement;
|
|
5167
|
+
declare const OTPInput: ({ autoFocus, errorText, helpText, isDisabled, keyboardReturnKeyType, keyboardType, label, accessibilityLabel, labelPosition, name, onChange, onFocus, onBlur, onOTPFilled, otpLength, placeholder, successText, validationState, value, isMasked, autoCompleteSuggestionType, testID, ...styledProps }: OTPInputProps) => React__default.ReactElement;
|
|
5566
5168
|
|
|
5567
|
-
declare type
|
|
5169
|
+
declare type SelectInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID'> & {
|
|
5568
5170
|
icon?: IconComponent$1;
|
|
5569
5171
|
/**
|
|
5570
5172
|
* Controlled value of the Select. Use it in combination of `onChange`.
|
|
@@ -5581,6 +5183,27 @@ declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' |
|
|
|
5581
5183
|
values: string[];
|
|
5582
5184
|
}) => void;
|
|
5583
5185
|
};
|
|
5186
|
+
declare type SelectInputPropsWithA11yLabel = {
|
|
5187
|
+
/**
|
|
5188
|
+
* Label to be shown for the input field
|
|
5189
|
+
*/
|
|
5190
|
+
label?: undefined;
|
|
5191
|
+
/**
|
|
5192
|
+
* Accessibility label for the input
|
|
5193
|
+
*/
|
|
5194
|
+
accessibilityLabel: string;
|
|
5195
|
+
};
|
|
5196
|
+
declare type SelectInputPropsWithLabel = {
|
|
5197
|
+
/**
|
|
5198
|
+
* Label to be shown for the input field
|
|
5199
|
+
*/
|
|
5200
|
+
label: string;
|
|
5201
|
+
/**
|
|
5202
|
+
* Accessibility label for the input
|
|
5203
|
+
*/
|
|
5204
|
+
accessibilityLabel?: string;
|
|
5205
|
+
};
|
|
5206
|
+
declare type SelectInputProps = (SelectInputPropsWithA11yLabel | SelectInputPropsWithLabel) & SelectInputCommonProps;
|
|
5584
5207
|
/**
|
|
5585
5208
|
* ### SelectInput
|
|
5586
5209
|
*
|
|
@@ -5608,23 +5231,7 @@ declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' |
|
|
|
5608
5231
|
*
|
|
5609
5232
|
* Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select SelectInput Documentation}.
|
|
5610
5233
|
*/
|
|
5611
|
-
declare const SelectInput: React__default.ForwardRefExoticComponent<
|
|
5612
|
-
icon?: IconComponent$1 | undefined;
|
|
5613
|
-
/**
|
|
5614
|
-
* Controlled value of the Select. Use it in combination of `onChange`.
|
|
5615
|
-
*
|
|
5616
|
-
* Check out [Controlled Dropdown Documentation](https://blade.razorpay.com/?path=/story/components-dropdown-with-select--controlled-dropdown&globals=measureEnabled:false) for example.
|
|
5617
|
-
*/
|
|
5618
|
-
value?: string | string[] | undefined;
|
|
5619
|
-
/**
|
|
5620
|
-
* Used to set the default value of SelectInput when it's uncontrolled. Use `value` instead for controlled SelectInput
|
|
5621
|
-
*/
|
|
5622
|
-
defaultValue?: string | string[] | undefined;
|
|
5623
|
-
onChange?: (({ name, values }: {
|
|
5624
|
-
name?: string | undefined;
|
|
5625
|
-
values: string[];
|
|
5626
|
-
}) => void) | undefined;
|
|
5627
|
-
} & React__default.RefAttributes<BladeElementRef>>;
|
|
5234
|
+
declare const SelectInput: React__default.ForwardRefExoticComponent<SelectInputProps & React__default.RefAttributes<BladeElementRef>>;
|
|
5628
5235
|
|
|
5629
5236
|
declare type IndicatorCommonProps = {
|
|
5630
5237
|
/**
|
|
@@ -6595,6 +6202,70 @@ declare const Switch: React__default.ForwardRefExoticComponent<{
|
|
|
6595
6202
|
} | undefined;
|
|
6596
6203
|
}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
6597
6204
|
|
|
6205
|
+
declare type TagProps = {
|
|
6206
|
+
/**
|
|
6207
|
+
* Decides the size of Tag
|
|
6208
|
+
*
|
|
6209
|
+
* @default medium
|
|
6210
|
+
*/
|
|
6211
|
+
size?: 'medium' | 'large';
|
|
6212
|
+
/**
|
|
6213
|
+
* Leading icon for your Tag
|
|
6214
|
+
*/
|
|
6215
|
+
icon?: IconComponent$1;
|
|
6216
|
+
/**
|
|
6217
|
+
* Callback when close icon on Tag is clicked
|
|
6218
|
+
*/
|
|
6219
|
+
onDismiss: () => void;
|
|
6220
|
+
/**
|
|
6221
|
+
* Text that renders inside Tag
|
|
6222
|
+
*/
|
|
6223
|
+
children: StringChildrenType;
|
|
6224
|
+
/**
|
|
6225
|
+
* Disable tag
|
|
6226
|
+
*/
|
|
6227
|
+
isDisabled?: boolean;
|
|
6228
|
+
/**
|
|
6229
|
+
* Private property for Blade.
|
|
6230
|
+
*
|
|
6231
|
+
* Should not be used by consumers.
|
|
6232
|
+
*
|
|
6233
|
+
* Used for adding virtual focus on tag.
|
|
6234
|
+
*
|
|
6235
|
+
* @private
|
|
6236
|
+
*
|
|
6237
|
+
*/
|
|
6238
|
+
_isTagFocussed?: boolean;
|
|
6239
|
+
} & StyledPropsBlade$1 & TestID;
|
|
6240
|
+
/**
|
|
6241
|
+
* ## Tags
|
|
6242
|
+
*
|
|
6243
|
+
* Tag component can be used to display selected items on UI.
|
|
6244
|
+
*
|
|
6245
|
+
* ### Usage
|
|
6246
|
+
*
|
|
6247
|
+
* ***Note:*** _Make sure to handle state when using Tag_
|
|
6248
|
+
*
|
|
6249
|
+
* ```jsx
|
|
6250
|
+
* const [showTag, setShowTag] = React.useState(true);
|
|
6251
|
+
*
|
|
6252
|
+
* // ...
|
|
6253
|
+
*
|
|
6254
|
+
* {showTag && (
|
|
6255
|
+
* <Tag
|
|
6256
|
+
* icon={CheckIcon}
|
|
6257
|
+
* onDismiss={() => setShowTag(false)}
|
|
6258
|
+
* >
|
|
6259
|
+
* Transactions
|
|
6260
|
+
* </Tag>
|
|
6261
|
+
* )}
|
|
6262
|
+
* ```
|
|
6263
|
+
*
|
|
6264
|
+
* Checkout [Tags Documentation](https://blade.razorpay.com/?path=/story/components-tag--default) for more info.
|
|
6265
|
+
*
|
|
6266
|
+
*/
|
|
6267
|
+
declare const Tag: ({ size, icon, onDismiss, children, isDisabled, testID, _isTagFocussed, ...styledProps }: TagProps) => React__default.ReactElement | null;
|
|
6268
|
+
|
|
6598
6269
|
declare type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'borderRadius'> & Partial<FlexboxProps> & {
|
|
6599
6270
|
contrast?: 'low' | 'high';
|
|
6600
6271
|
testID?: string;
|
|
@@ -6888,4 +6559,4 @@ declare type BladeCommonEvents = {
|
|
|
6888
6559
|
}>;
|
|
6889
6560
|
};
|
|
6890
6561
|
|
|
6891
|
-
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,
|
|
6562
|
+
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 };
|