@razorpay/blade 9.3.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.
@@ -4935,7 +4935,7 @@ declare type FormInputLabelProps = {
4935
4935
  /**
4936
4936
  * Label to be shown for the input field
4937
4937
  */
4938
- label: string;
4938
+ label?: string;
4939
4939
  /**
4940
4940
  * Desktop only prop. Default value on mobile will be `top`
4941
4941
  */
@@ -4993,7 +4993,7 @@ type FormInputOnKeyDownEvent = {
4993
4993
 
4994
4994
  declare type CommonAutoCompleteSuggestionTypes = 'none' | 'name' | 'email' | 'username' | 'password' | 'newPassword' | 'oneTimeCode' | 'telephone' | 'postalCode' | 'countryName' | 'creditCardNumber' | 'creditCardCSC' | 'creditCardExpiry' | 'creditCardExpiryMonth' | 'creditCardExpiryYear';
4995
4995
  declare type WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';
4996
- declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
4996
+ declare type BaseInputCommonProps = FormInputLabelProps & FormInputValidationProps & {
4997
4997
  /**
4998
4998
  * Determines if it needs to be rendered as input, textarea or button
4999
4999
  */
@@ -5209,9 +5209,30 @@ declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
5209
5209
  autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;
5210
5210
  };
5211
5211
  }> & StyledPropsBlade$1;
5212
+ declare type BaseInputPropsWithA11yLabel = {
5213
+ /**
5214
+ * Label to be shown for the input field
5215
+ */
5216
+ label?: undefined;
5217
+ /**
5218
+ * Accessibility label for the input
5219
+ */
5220
+ accessibilityLabel: string;
5221
+ };
5222
+ declare type BaseInputPropsWithLabel = {
5223
+ /**
5224
+ * Label to be shown for the input field
5225
+ */
5226
+ label: string;
5227
+ /**
5228
+ * Accessibility label for the input
5229
+ */
5230
+ accessibilityLabel?: string;
5231
+ };
5232
+ declare type BaseInputProps = (BaseInputPropsWithA11yLabel | BaseInputPropsWithLabel) & BaseInputCommonProps;
5212
5233
 
5213
5234
  declare type Type = Exclude<BaseInputProps['type'], 'password'>;
5214
- declare type TextInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID'> & {
5235
+ 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'> & {
5215
5236
  /**
5216
5237
  * Decides whether to render a clear icon button
5217
5238
  */
@@ -5243,984 +5264,179 @@ declare type TextInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | '
5243
5264
  */
5244
5265
  type?: Type;
5245
5266
  } & StyledPropsBlade$1;
5246
- declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "prefix" | "value" | "label" | "onBlur" | "onFocus" | "defaultValue" | "autoCapitalize" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & {
5267
+ declare type TextInputPropsWithA11yLabel = {
5268
+ /**
5269
+ * Label to be shown for the input field
5270
+ */
5271
+ label?: undefined;
5272
+ /**
5273
+ * Accessibility label for the input
5274
+ */
5275
+ accessibilityLabel: string;
5276
+ };
5277
+ declare type TextInputPropsWithLabel = {
5278
+ /**
5279
+ * Label to be shown for the input field
5280
+ */
5281
+ label: string;
5282
+ /**
5283
+ * Accessibility label for the input
5284
+ */
5285
+ accessibilityLabel?: string;
5286
+ };
5287
+ declare type TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) & TextInputCommonProps;
5288
+ declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<BladeElementRef>>;
5289
+
5290
+ declare type PasswordInputExtraProps = {
5291
+ /**
5292
+ * Shows a reveal button to toggle password visibility
5293
+ *
5294
+ * @default true
5295
+ */
5296
+ showRevealButton?: boolean;
5297
+ /**
5298
+ * Displays asterisk (`*`) when `isRequired` is enabled
5299
+ *
5300
+ * @default none
5301
+ */
5302
+ necessityIndicator?: Exclude<BaseInputProps['necessityIndicator'], 'optional'>;
5303
+ /**
5304
+ * Determines what autoComplete suggestion type to show. Defaults to using platform heuristics.
5305
+ *
5306
+ * It's not recommended to turn this off in favor of safe password practices.
5307
+ * Providing `password` or `newPassword` is more informative to the platform for browser autofill or password managers.
5308
+ *
5309
+ * **Note**: Using `newPassword` on iOS has some [known issue](https://github.com/facebook/react-native/issues/21911) on React Native
5310
+ *
5311
+ * Internally it'll render platform specific attributes:
5312
+ *
5313
+ * - web: `autocomplete`
5314
+ * - iOS: `textContentType`
5315
+ * - android: `autoComplete`
5316
+ *
5317
+ */
5318
+ autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'password' | 'newPassword'>;
5319
+ };
5320
+ 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;
5321
+ declare type PasswordInputPropsWithA11yLabel = {
5322
+ /**
5323
+ * Label to be shown for the input field
5324
+ */
5325
+ label?: undefined;
5326
+ /**
5327
+ * Accessibility label for the input
5328
+ */
5329
+ accessibilityLabel: string;
5330
+ };
5331
+ declare type PasswordInputPropsWithLabel = {
5332
+ /**
5333
+ * Label to be shown for the input field
5334
+ */
5335
+ label: string;
5336
+ /**
5337
+ * Accessibility label for the input
5338
+ */
5339
+ accessibilityLabel?: string;
5340
+ };
5341
+ declare type PasswordInputProps = (PasswordInputPropsWithA11yLabel | PasswordInputPropsWithLabel) & PasswordInputCommonProps;
5342
+ declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<BladeElementRef>>;
5343
+
5344
+ 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'> & {
5247
5345
  /**
5248
5346
  * Decides whether to render a clear icon button
5249
5347
  */
5250
- showClearButton?: boolean | undefined;
5348
+ showClearButton?: boolean;
5251
5349
  /**
5252
5350
  * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
5253
5351
  */
5254
- onClearButtonClick?: (() => void) | undefined;
5352
+ onClearButtonClick?: () => void;
5353
+ } & StyledPropsBlade$1;
5354
+ declare type TextAreaPropsWithA11yLabel = {
5255
5355
  /**
5256
- * Decides whether to show a loading spinner for the input field.
5356
+ * Label to be shown for the input field
5257
5357
  */
5258
- isLoading?: boolean | undefined;
5358
+ label?: undefined;
5259
5359
  /**
5260
- * Icon that will be rendered at the beginning of the input field
5360
+ * Accessibility label for the input
5261
5361
  */
5262
- icon?: IconComponent$1 | undefined;
5362
+ accessibilityLabel: string;
5363
+ };
5364
+ declare type TextAreaPropsWithLabel = {
5263
5365
  /**
5264
- * Type of Input Field to be rendered. Use `PasswordInput` for type `password`
5366
+ * Label to be shown for the input field
5367
+ */
5368
+ label: string;
5369
+ /**
5370
+ * Accessibility label for the input
5371
+ */
5372
+ accessibilityLabel?: string;
5373
+ };
5374
+ declare type TextAreaProps = (TextAreaPropsWithA11yLabel | TextAreaPropsWithLabel) & TextAreaCommonProps;
5375
+ declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<BladeElementRef>>;
5376
+
5377
+ declare type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
5378
+ name?: string;
5379
+ value?: string;
5380
+ inputIndex: number;
5381
+ }) => void;
5382
+ declare type OTPInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID'> & {
5383
+ /**
5384
+ * Determines the number of input fields to show for the OTP
5385
+ * @default 6
5386
+ */
5387
+ otpLength?: 4 | 6;
5388
+ /**
5389
+ * The callback function to be invoked when all the values of the OTPInput are filled
5390
+ */
5391
+ onOTPFilled?: FormInputOnEvent;
5392
+ /**
5393
+ * Masks input characters in all the fields
5394
+ */
5395
+ isMasked?: boolean;
5396
+ /**
5397
+ * Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.
5265
5398
  *
5399
+ * It's not recommended to turn this off in favor of otp input practices.
5266
5400
  *
5267
- * **Note on number type**
5268
5401
  *
5269
- * `type="number"` internally uses `inputMode="numeric"` instead of HTML's `type="number"` which also allows text characters.
5270
- * If you have a usecase where you only want to support number input, you can handle it on validations end.
5402
+ * Internally it'll render platform specific attributes:
5271
5403
  *
5272
- * 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
5404
+ * - web: `autocomplete`
5405
+ * - iOS: `textContentType`
5406
+ * - android: `autoComplete`
5273
5407
  *
5274
- * @default text
5275
5408
  */
5276
- type?: Type;
5277
- } & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
5278
- bottom: 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
- left: 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
- position?: csstype.Property.Position | {
5295
- readonly base?: csstype.Property.Position | undefined;
5296
- readonly xs?: csstype.Property.Position | undefined;
5297
- readonly s?: csstype.Property.Position | undefined;
5298
- readonly m?: csstype.Property.Position | undefined;
5299
- readonly l?: csstype.Property.Position | undefined;
5300
- readonly xl?: csstype.Property.Position | undefined;
5301
- } | undefined;
5302
- right: 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
- top: SpacingValueType | {
5311
- readonly base?: SpacingValueType | undefined;
5312
- readonly xs?: SpacingValueType | undefined;
5313
- readonly s?: SpacingValueType | undefined;
5314
- readonly m?: SpacingValueType | undefined;
5315
- readonly l?: SpacingValueType | undefined;
5316
- readonly xl?: SpacingValueType | undefined;
5317
- };
5318
- zIndex?: csstype.Property.ZIndex | {
5319
- readonly base?: csstype.Property.ZIndex | undefined;
5320
- readonly xs?: csstype.Property.ZIndex | undefined;
5321
- readonly s?: csstype.Property.ZIndex | undefined;
5322
- readonly m?: csstype.Property.ZIndex | undefined;
5323
- readonly l?: csstype.Property.ZIndex | undefined;
5324
- readonly xl?: csstype.Property.ZIndex | undefined;
5325
- } | undefined;
5326
- __brand__?: "platform-web" | {
5327
- readonly base?: "platform-web" | undefined;
5328
- readonly xs?: "platform-web" | undefined;
5329
- readonly s?: "platform-web" | undefined;
5330
- readonly m?: "platform-web" | undefined;
5331
- readonly l?: "platform-web" | undefined;
5332
- readonly xl?: "platform-web" | undefined;
5333
- } | undefined;
5334
- } & Pick<{
5335
- gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
5336
- readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
5337
- readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
5338
- readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
5339
- readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
5340
- readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
5341
- readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
5342
- } | undefined;
5343
- gridAutoFlow?: csstype.Property.GridAutoFlow | {
5344
- readonly base?: csstype.Property.GridAutoFlow | undefined;
5345
- readonly xs?: csstype.Property.GridAutoFlow | undefined;
5346
- readonly s?: csstype.Property.GridAutoFlow | undefined;
5347
- readonly m?: csstype.Property.GridAutoFlow | undefined;
5348
- readonly l?: csstype.Property.GridAutoFlow | undefined;
5349
- readonly xl?: csstype.Property.GridAutoFlow | undefined;
5350
- } | undefined;
5351
- gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
5352
- readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
5353
- readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
5354
- readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
5355
- readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
5356
- readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
5357
- readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
5358
- } | undefined;
5359
- gridColumnEnd?: csstype.Property.GridColumnEnd | {
5360
- readonly base?: csstype.Property.GridColumnEnd | undefined;
5361
- readonly xs?: csstype.Property.GridColumnEnd | undefined;
5362
- readonly s?: csstype.Property.GridColumnEnd | undefined;
5363
- readonly m?: csstype.Property.GridColumnEnd | undefined;
5364
- readonly l?: csstype.Property.GridColumnEnd | undefined;
5365
- readonly xl?: csstype.Property.GridColumnEnd | undefined;
5366
- } | undefined;
5367
- gridColumnStart?: csstype.Property.GridColumnStart | {
5368
- readonly base?: csstype.Property.GridColumnStart | undefined;
5369
- readonly xs?: csstype.Property.GridColumnStart | undefined;
5370
- readonly s?: csstype.Property.GridColumnStart | undefined;
5371
- readonly m?: csstype.Property.GridColumnStart | undefined;
5372
- readonly l?: csstype.Property.GridColumnStart | undefined;
5373
- readonly xl?: csstype.Property.GridColumnStart | undefined;
5374
- } | undefined;
5375
- gridRowEnd?: csstype.Property.GridRowEnd | {
5376
- readonly base?: csstype.Property.GridRowEnd | undefined;
5377
- readonly xs?: csstype.Property.GridRowEnd | undefined;
5378
- readonly s?: csstype.Property.GridRowEnd | undefined;
5379
- readonly m?: csstype.Property.GridRowEnd | undefined;
5380
- readonly l?: csstype.Property.GridRowEnd | undefined;
5381
- readonly xl?: csstype.Property.GridRowEnd | undefined;
5382
- } | undefined;
5383
- gridRowStart?: csstype.Property.GridRowStart | {
5384
- readonly base?: csstype.Property.GridRowStart | undefined;
5385
- readonly xs?: csstype.Property.GridRowStart | undefined;
5386
- readonly s?: csstype.Property.GridRowStart | undefined;
5387
- readonly m?: csstype.Property.GridRowStart | undefined;
5388
- readonly l?: csstype.Property.GridRowStart | undefined;
5389
- readonly xl?: csstype.Property.GridRowStart | undefined;
5390
- } | undefined;
5391
- gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
5392
- readonly base?: csstype.Property.GridTemplateAreas | undefined;
5393
- readonly xs?: csstype.Property.GridTemplateAreas | undefined;
5394
- readonly s?: csstype.Property.GridTemplateAreas | undefined;
5395
- readonly m?: csstype.Property.GridTemplateAreas | undefined;
5396
- readonly l?: csstype.Property.GridTemplateAreas | undefined;
5397
- readonly xl?: csstype.Property.GridTemplateAreas | undefined;
5398
- } | undefined;
5399
- gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
5400
- readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5401
- readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5402
- readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5403
- readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5404
- readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5405
- readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5406
- } | undefined;
5407
- gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
5408
- readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
5409
- readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
5410
- readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
5411
- readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
5412
- readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
5413
- readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
5414
- } | undefined;
5415
- grid?: csstype.Property.Grid | {
5416
- readonly base?: csstype.Property.Grid | undefined;
5417
- readonly xs?: csstype.Property.Grid | undefined;
5418
- readonly s?: csstype.Property.Grid | undefined;
5419
- readonly m?: csstype.Property.Grid | undefined;
5420
- readonly l?: csstype.Property.Grid | undefined;
5421
- readonly xl?: csstype.Property.Grid | undefined;
5422
- } | undefined;
5423
- gridArea?: csstype.Property.GridArea | {
5424
- readonly base?: csstype.Property.GridArea | undefined;
5425
- readonly xs?: csstype.Property.GridArea | undefined;
5426
- readonly s?: csstype.Property.GridArea | undefined;
5427
- readonly m?: csstype.Property.GridArea | undefined;
5428
- readonly l?: csstype.Property.GridArea | undefined;
5429
- readonly xl?: csstype.Property.GridArea | undefined;
5430
- } | undefined;
5431
- gridColumn?: csstype.Property.GridColumn | {
5432
- readonly base?: csstype.Property.GridColumn | undefined;
5433
- readonly xs?: csstype.Property.GridColumn | undefined;
5434
- readonly s?: csstype.Property.GridColumn | undefined;
5435
- readonly m?: csstype.Property.GridColumn | undefined;
5436
- readonly l?: csstype.Property.GridColumn | undefined;
5437
- readonly xl?: csstype.Property.GridColumn | undefined;
5438
- } | undefined;
5439
- gridRow?: csstype.Property.GridRow | {
5440
- readonly base?: csstype.Property.GridRow | undefined;
5441
- readonly xs?: csstype.Property.GridRow | undefined;
5442
- readonly s?: csstype.Property.GridRow | undefined;
5443
- readonly m?: csstype.Property.GridRow | undefined;
5444
- readonly l?: csstype.Property.GridRow | undefined;
5445
- readonly xl?: csstype.Property.GridRow | undefined;
5446
- } | undefined;
5447
- gridTemplate?: csstype.Property.GridTemplate | {
5448
- readonly base?: csstype.Property.GridTemplate | undefined;
5449
- readonly xs?: csstype.Property.GridTemplate | undefined;
5450
- readonly s?: csstype.Property.GridTemplate | undefined;
5451
- readonly m?: csstype.Property.GridTemplate | undefined;
5452
- readonly l?: csstype.Property.GridTemplate | undefined;
5453
- readonly xl?: csstype.Property.GridTemplate | undefined;
5454
- } | undefined;
5455
- __brand__?: "platform-web" | {
5456
- readonly base?: "platform-web" | undefined;
5457
- readonly xs?: "platform-web" | undefined;
5458
- readonly s?: "platform-web" | undefined;
5459
- readonly m?: "platform-web" | undefined;
5460
- readonly l?: "platform-web" | undefined;
5461
- readonly xl?: "platform-web" | undefined;
5462
- } | undefined;
5463
- }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
5464
- width: 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
- display?: csstype.Property.Display | {
5473
- readonly base?: csstype.Property.Display | undefined;
5474
- readonly xs?: csstype.Property.Display | undefined;
5475
- readonly s?: csstype.Property.Display | undefined;
5476
- readonly m?: csstype.Property.Display | undefined;
5477
- readonly l?: csstype.Property.Display | undefined;
5478
- readonly xl?: csstype.Property.Display | undefined;
5479
- } | undefined;
5480
- height: 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
- maxHeight: SpacingValueType | {
5489
- readonly base?: SpacingValueType | undefined;
5490
- readonly xs?: SpacingValueType | undefined;
5491
- readonly s?: SpacingValueType | undefined;
5492
- readonly m?: SpacingValueType | undefined;
5493
- readonly l?: SpacingValueType | undefined;
5494
- readonly xl?: SpacingValueType | undefined;
5495
- };
5496
- maxWidth: SpacingValueType | {
5497
- readonly base?: SpacingValueType | undefined;
5498
- readonly xs?: SpacingValueType | undefined;
5499
- readonly s?: SpacingValueType | undefined;
5500
- readonly m?: SpacingValueType | undefined;
5501
- readonly l?: SpacingValueType | undefined;
5502
- readonly xl?: SpacingValueType | undefined;
5503
- };
5504
- minHeight: SpacingValueType | {
5505
- readonly base?: SpacingValueType | undefined;
5506
- readonly xs?: SpacingValueType | undefined;
5507
- readonly s?: SpacingValueType | undefined;
5508
- readonly m?: SpacingValueType | undefined;
5509
- readonly l?: SpacingValueType | undefined;
5510
- readonly xl?: SpacingValueType | undefined;
5511
- };
5512
- minWidth: SpacingValueType | {
5513
- readonly base?: SpacingValueType | undefined;
5514
- readonly xs?: SpacingValueType | undefined;
5515
- readonly s?: SpacingValueType | undefined;
5516
- readonly m?: SpacingValueType | undefined;
5517
- readonly l?: SpacingValueType | undefined;
5518
- readonly xl?: SpacingValueType | undefined;
5519
- };
5520
- overflowX?: csstype.Property.OverflowX | {
5521
- readonly base?: csstype.Property.OverflowX | undefined;
5522
- readonly xs?: csstype.Property.OverflowX | undefined;
5523
- readonly s?: csstype.Property.OverflowX | undefined;
5524
- readonly m?: csstype.Property.OverflowX | undefined;
5525
- readonly l?: csstype.Property.OverflowX | undefined;
5526
- readonly xl?: csstype.Property.OverflowX | undefined;
5527
- } | undefined;
5528
- overflowY?: csstype.Property.OverflowY | {
5529
- readonly base?: csstype.Property.OverflowY | undefined;
5530
- readonly xs?: csstype.Property.OverflowY | undefined;
5531
- readonly s?: csstype.Property.OverflowY | undefined;
5532
- readonly m?: csstype.Property.OverflowY | undefined;
5533
- readonly l?: csstype.Property.OverflowY | undefined;
5534
- readonly xl?: csstype.Property.OverflowY | undefined;
5535
- } | undefined;
5536
- textAlign?: csstype.Property.TextAlign | {
5537
- readonly base?: csstype.Property.TextAlign | undefined;
5538
- readonly xs?: csstype.Property.TextAlign | undefined;
5539
- readonly s?: csstype.Property.TextAlign | undefined;
5540
- readonly m?: csstype.Property.TextAlign | undefined;
5541
- readonly l?: csstype.Property.TextAlign | undefined;
5542
- readonly xl?: csstype.Property.TextAlign | undefined;
5543
- } | undefined;
5544
- overflow?: csstype.Property.Overflow | {
5545
- readonly base?: csstype.Property.Overflow | undefined;
5546
- readonly xs?: csstype.Property.Overflow | undefined;
5547
- readonly s?: csstype.Property.Overflow | undefined;
5548
- readonly m?: csstype.Property.Overflow | undefined;
5549
- readonly l?: csstype.Property.Overflow | undefined;
5550
- readonly xl?: csstype.Property.Overflow | undefined;
5551
- } | undefined;
5552
- __brand__?: "platform-web" | {
5553
- readonly base?: "platform-web" | undefined;
5554
- readonly xs?: "platform-web" | undefined;
5555
- readonly s?: "platform-web" | undefined;
5556
- readonly m?: "platform-web" | undefined;
5557
- readonly l?: "platform-web" | undefined;
5558
- readonly xl?: "platform-web" | undefined;
5559
- } | undefined;
5560
- }, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
5561
-
5562
- declare type PasswordInputExtraProps = {
5563
- /**
5564
- * Shows a reveal button to toggle password visibility
5565
- *
5566
- * @default true
5567
- */
5568
- showRevealButton?: boolean;
5569
- /**
5570
- * Displays asterisk (`*`) when `isRequired` is enabled
5571
- *
5572
- * @default none
5573
- */
5574
- necessityIndicator?: Exclude<BaseInputProps['necessityIndicator'], 'optional'>;
5575
- /**
5576
- * Determines what autoComplete suggestion type to show. Defaults to using platform heuristics.
5577
- *
5578
- * It's not recommended to turn this off in favor of safe password practices.
5579
- * Providing `password` or `newPassword` is more informative to the platform for browser autofill or password managers.
5580
- *
5581
- * **Note**: Using `newPassword` on iOS has some [known issue](https://github.com/facebook/react-native/issues/21911) on React Native
5582
- *
5583
- * Internally it'll render platform specific attributes:
5584
- *
5585
- * - web: `autocomplete`
5586
- * - iOS: `textContentType`
5587
- * - android: `autoComplete`
5588
- *
5589
- */
5590
- autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'password' | 'newPassword'>;
5591
- };
5592
- declare type PasswordInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID'> & PasswordInputExtraProps & StyledPropsBlade$1;
5593
- declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "value" | "label" | "onBlur" | "onFocus" | "defaultValue" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "helpText" | "errorText" | "successText" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
5594
- bottom: SpacingValueType | {
5595
- readonly base?: SpacingValueType | undefined;
5596
- readonly xs?: SpacingValueType | undefined;
5597
- readonly s?: SpacingValueType | undefined;
5598
- readonly m?: SpacingValueType | undefined;
5599
- readonly l?: SpacingValueType | undefined;
5600
- readonly xl?: SpacingValueType | undefined;
5601
- };
5602
- left: SpacingValueType | {
5603
- readonly base?: SpacingValueType | undefined;
5604
- readonly xs?: SpacingValueType | undefined;
5605
- readonly s?: SpacingValueType | undefined;
5606
- readonly m?: SpacingValueType | undefined;
5607
- readonly l?: SpacingValueType | undefined;
5608
- readonly xl?: SpacingValueType | undefined;
5609
- };
5610
- position?: csstype.Property.Position | {
5611
- readonly base?: csstype.Property.Position | undefined;
5612
- readonly xs?: csstype.Property.Position | undefined;
5613
- readonly s?: csstype.Property.Position | undefined;
5614
- readonly m?: csstype.Property.Position | undefined;
5615
- readonly l?: csstype.Property.Position | undefined;
5616
- readonly xl?: csstype.Property.Position | undefined;
5617
- } | undefined;
5618
- right: SpacingValueType | {
5619
- readonly base?: SpacingValueType | undefined;
5620
- readonly xs?: SpacingValueType | undefined;
5621
- readonly s?: SpacingValueType | undefined;
5622
- readonly m?: SpacingValueType | undefined;
5623
- readonly l?: SpacingValueType | undefined;
5624
- readonly xl?: SpacingValueType | undefined;
5625
- };
5626
- top: SpacingValueType | {
5627
- readonly base?: SpacingValueType | undefined;
5628
- readonly xs?: SpacingValueType | undefined;
5629
- readonly s?: SpacingValueType | undefined;
5630
- readonly m?: SpacingValueType | undefined;
5631
- readonly l?: SpacingValueType | undefined;
5632
- readonly xl?: SpacingValueType | undefined;
5633
- };
5634
- zIndex?: csstype.Property.ZIndex | {
5635
- readonly base?: csstype.Property.ZIndex | undefined;
5636
- readonly xs?: csstype.Property.ZIndex | undefined;
5637
- readonly s?: csstype.Property.ZIndex | undefined;
5638
- readonly m?: csstype.Property.ZIndex | undefined;
5639
- readonly l?: csstype.Property.ZIndex | undefined;
5640
- readonly xl?: csstype.Property.ZIndex | undefined;
5641
- } | undefined;
5642
- __brand__?: "platform-web" | {
5643
- readonly base?: "platform-web" | undefined;
5644
- readonly xs?: "platform-web" | undefined;
5645
- readonly s?: "platform-web" | undefined;
5646
- readonly m?: "platform-web" | undefined;
5647
- readonly l?: "platform-web" | undefined;
5648
- readonly xl?: "platform-web" | undefined;
5649
- } | undefined;
5650
- } & Pick<{
5651
- gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
5652
- readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
5653
- readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
5654
- readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
5655
- readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
5656
- readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
5657
- readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
5658
- } | undefined;
5659
- gridAutoFlow?: csstype.Property.GridAutoFlow | {
5660
- readonly base?: csstype.Property.GridAutoFlow | undefined;
5661
- readonly xs?: csstype.Property.GridAutoFlow | undefined;
5662
- readonly s?: csstype.Property.GridAutoFlow | undefined;
5663
- readonly m?: csstype.Property.GridAutoFlow | undefined;
5664
- readonly l?: csstype.Property.GridAutoFlow | undefined;
5665
- readonly xl?: csstype.Property.GridAutoFlow | undefined;
5666
- } | undefined;
5667
- gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
5668
- readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
5669
- readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
5670
- readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
5671
- readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
5672
- readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
5673
- readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
5674
- } | undefined;
5675
- gridColumnEnd?: csstype.Property.GridColumnEnd | {
5676
- readonly base?: csstype.Property.GridColumnEnd | undefined;
5677
- readonly xs?: csstype.Property.GridColumnEnd | undefined;
5678
- readonly s?: csstype.Property.GridColumnEnd | undefined;
5679
- readonly m?: csstype.Property.GridColumnEnd | undefined;
5680
- readonly l?: csstype.Property.GridColumnEnd | undefined;
5681
- readonly xl?: csstype.Property.GridColumnEnd | undefined;
5682
- } | undefined;
5683
- gridColumnStart?: csstype.Property.GridColumnStart | {
5684
- readonly base?: csstype.Property.GridColumnStart | undefined;
5685
- readonly xs?: csstype.Property.GridColumnStart | undefined;
5686
- readonly s?: csstype.Property.GridColumnStart | undefined;
5687
- readonly m?: csstype.Property.GridColumnStart | undefined;
5688
- readonly l?: csstype.Property.GridColumnStart | undefined;
5689
- readonly xl?: csstype.Property.GridColumnStart | undefined;
5690
- } | undefined;
5691
- gridRowEnd?: csstype.Property.GridRowEnd | {
5692
- readonly base?: csstype.Property.GridRowEnd | undefined;
5693
- readonly xs?: csstype.Property.GridRowEnd | undefined;
5694
- readonly s?: csstype.Property.GridRowEnd | undefined;
5695
- readonly m?: csstype.Property.GridRowEnd | undefined;
5696
- readonly l?: csstype.Property.GridRowEnd | undefined;
5697
- readonly xl?: csstype.Property.GridRowEnd | undefined;
5698
- } | undefined;
5699
- gridRowStart?: csstype.Property.GridRowStart | {
5700
- readonly base?: csstype.Property.GridRowStart | undefined;
5701
- readonly xs?: csstype.Property.GridRowStart | undefined;
5702
- readonly s?: csstype.Property.GridRowStart | undefined;
5703
- readonly m?: csstype.Property.GridRowStart | undefined;
5704
- readonly l?: csstype.Property.GridRowStart | undefined;
5705
- readonly xl?: csstype.Property.GridRowStart | undefined;
5706
- } | undefined;
5707
- gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
5708
- readonly base?: csstype.Property.GridTemplateAreas | undefined;
5709
- readonly xs?: csstype.Property.GridTemplateAreas | undefined;
5710
- readonly s?: csstype.Property.GridTemplateAreas | undefined;
5711
- readonly m?: csstype.Property.GridTemplateAreas | undefined;
5712
- readonly l?: csstype.Property.GridTemplateAreas | undefined;
5713
- readonly xl?: csstype.Property.GridTemplateAreas | undefined;
5714
- } | undefined;
5715
- gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
5716
- readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5717
- readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5718
- readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5719
- readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5720
- readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5721
- readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
5722
- } | undefined;
5723
- gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
5724
- readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
5725
- readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
5726
- readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
5727
- readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
5728
- readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
5729
- readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
5730
- } | undefined;
5731
- grid?: csstype.Property.Grid | {
5732
- readonly base?: csstype.Property.Grid | undefined;
5733
- readonly xs?: csstype.Property.Grid | undefined;
5734
- readonly s?: csstype.Property.Grid | undefined;
5735
- readonly m?: csstype.Property.Grid | undefined;
5736
- readonly l?: csstype.Property.Grid | undefined;
5737
- readonly xl?: csstype.Property.Grid | undefined;
5738
- } | undefined;
5739
- gridArea?: csstype.Property.GridArea | {
5740
- readonly base?: csstype.Property.GridArea | undefined;
5741
- readonly xs?: csstype.Property.GridArea | undefined;
5742
- readonly s?: csstype.Property.GridArea | undefined;
5743
- readonly m?: csstype.Property.GridArea | undefined;
5744
- readonly l?: csstype.Property.GridArea | undefined;
5745
- readonly xl?: csstype.Property.GridArea | undefined;
5746
- } | undefined;
5747
- gridColumn?: csstype.Property.GridColumn | {
5748
- readonly base?: csstype.Property.GridColumn | undefined;
5749
- readonly xs?: csstype.Property.GridColumn | undefined;
5750
- readonly s?: csstype.Property.GridColumn | undefined;
5751
- readonly m?: csstype.Property.GridColumn | undefined;
5752
- readonly l?: csstype.Property.GridColumn | undefined;
5753
- readonly xl?: csstype.Property.GridColumn | undefined;
5754
- } | undefined;
5755
- gridRow?: csstype.Property.GridRow | {
5756
- readonly base?: csstype.Property.GridRow | undefined;
5757
- readonly xs?: csstype.Property.GridRow | undefined;
5758
- readonly s?: csstype.Property.GridRow | undefined;
5759
- readonly m?: csstype.Property.GridRow | undefined;
5760
- readonly l?: csstype.Property.GridRow | undefined;
5761
- readonly xl?: csstype.Property.GridRow | undefined;
5762
- } | undefined;
5763
- gridTemplate?: csstype.Property.GridTemplate | {
5764
- readonly base?: csstype.Property.GridTemplate | undefined;
5765
- readonly xs?: csstype.Property.GridTemplate | undefined;
5766
- readonly s?: csstype.Property.GridTemplate | undefined;
5767
- readonly m?: csstype.Property.GridTemplate | undefined;
5768
- readonly l?: csstype.Property.GridTemplate | undefined;
5769
- readonly xl?: csstype.Property.GridTemplate | undefined;
5770
- } | undefined;
5771
- __brand__?: "platform-web" | {
5772
- readonly base?: "platform-web" | undefined;
5773
- readonly xs?: "platform-web" | undefined;
5774
- readonly s?: "platform-web" | undefined;
5775
- readonly m?: "platform-web" | undefined;
5776
- readonly l?: "platform-web" | undefined;
5777
- readonly xl?: "platform-web" | undefined;
5778
- } | undefined;
5779
- }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
5780
- width: SpacingValueType | {
5781
- readonly base?: SpacingValueType | undefined;
5782
- readonly xs?: SpacingValueType | undefined;
5783
- readonly s?: SpacingValueType | undefined;
5784
- readonly m?: SpacingValueType | undefined;
5785
- readonly l?: SpacingValueType | undefined;
5786
- readonly xl?: SpacingValueType | undefined;
5787
- };
5788
- display?: csstype.Property.Display | {
5789
- readonly base?: csstype.Property.Display | undefined;
5790
- readonly xs?: csstype.Property.Display | undefined;
5791
- readonly s?: csstype.Property.Display | undefined;
5792
- readonly m?: csstype.Property.Display | undefined;
5793
- readonly l?: csstype.Property.Display | undefined;
5794
- readonly xl?: csstype.Property.Display | undefined;
5795
- } | undefined;
5796
- height: SpacingValueType | {
5797
- readonly base?: SpacingValueType | undefined;
5798
- readonly xs?: SpacingValueType | undefined;
5799
- readonly s?: SpacingValueType | undefined;
5800
- readonly m?: SpacingValueType | undefined;
5801
- readonly l?: SpacingValueType | undefined;
5802
- readonly xl?: SpacingValueType | undefined;
5803
- };
5804
- maxHeight: SpacingValueType | {
5805
- readonly base?: SpacingValueType | undefined;
5806
- readonly xs?: SpacingValueType | undefined;
5807
- readonly s?: SpacingValueType | undefined;
5808
- readonly m?: SpacingValueType | undefined;
5809
- readonly l?: SpacingValueType | undefined;
5810
- readonly xl?: SpacingValueType | undefined;
5811
- };
5812
- maxWidth: SpacingValueType | {
5813
- readonly base?: SpacingValueType | undefined;
5814
- readonly xs?: SpacingValueType | undefined;
5815
- readonly s?: SpacingValueType | undefined;
5816
- readonly m?: SpacingValueType | undefined;
5817
- readonly l?: SpacingValueType | undefined;
5818
- readonly xl?: SpacingValueType | undefined;
5819
- };
5820
- minHeight: SpacingValueType | {
5821
- readonly base?: SpacingValueType | undefined;
5822
- readonly xs?: SpacingValueType | undefined;
5823
- readonly s?: SpacingValueType | undefined;
5824
- readonly m?: SpacingValueType | undefined;
5825
- readonly l?: SpacingValueType | undefined;
5826
- readonly xl?: SpacingValueType | undefined;
5827
- };
5828
- minWidth: SpacingValueType | {
5829
- readonly base?: SpacingValueType | undefined;
5830
- readonly xs?: SpacingValueType | undefined;
5831
- readonly s?: SpacingValueType | undefined;
5832
- readonly m?: SpacingValueType | undefined;
5833
- readonly l?: SpacingValueType | undefined;
5834
- readonly xl?: SpacingValueType | undefined;
5835
- };
5836
- overflowX?: csstype.Property.OverflowX | {
5837
- readonly base?: csstype.Property.OverflowX | undefined;
5838
- readonly xs?: csstype.Property.OverflowX | undefined;
5839
- readonly s?: csstype.Property.OverflowX | undefined;
5840
- readonly m?: csstype.Property.OverflowX | undefined;
5841
- readonly l?: csstype.Property.OverflowX | undefined;
5842
- readonly xl?: csstype.Property.OverflowX | undefined;
5843
- } | undefined;
5844
- overflowY?: csstype.Property.OverflowY | {
5845
- readonly base?: csstype.Property.OverflowY | undefined;
5846
- readonly xs?: csstype.Property.OverflowY | undefined;
5847
- readonly s?: csstype.Property.OverflowY | undefined;
5848
- readonly m?: csstype.Property.OverflowY | undefined;
5849
- readonly l?: csstype.Property.OverflowY | undefined;
5850
- readonly xl?: csstype.Property.OverflowY | undefined;
5851
- } | undefined;
5852
- textAlign?: csstype.Property.TextAlign | {
5853
- readonly base?: csstype.Property.TextAlign | undefined;
5854
- readonly xs?: csstype.Property.TextAlign | undefined;
5855
- readonly s?: csstype.Property.TextAlign | undefined;
5856
- readonly m?: csstype.Property.TextAlign | undefined;
5857
- readonly l?: csstype.Property.TextAlign | undefined;
5858
- readonly xl?: csstype.Property.TextAlign | undefined;
5859
- } | undefined;
5860
- overflow?: csstype.Property.Overflow | {
5861
- readonly base?: csstype.Property.Overflow | undefined;
5862
- readonly xs?: csstype.Property.Overflow | undefined;
5863
- readonly s?: csstype.Property.Overflow | undefined;
5864
- readonly m?: csstype.Property.Overflow | undefined;
5865
- readonly l?: csstype.Property.Overflow | undefined;
5866
- readonly xl?: csstype.Property.Overflow | undefined;
5867
- } | undefined;
5868
- __brand__?: "platform-web" | {
5869
- readonly base?: "platform-web" | undefined;
5870
- readonly xs?: "platform-web" | undefined;
5871
- readonly s?: "platform-web" | undefined;
5872
- readonly m?: "platform-web" | undefined;
5873
- readonly l?: "platform-web" | undefined;
5874
- readonly xl?: "platform-web" | undefined;
5875
- } | undefined;
5876
- }, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
5877
-
5878
- declare type TextAreaProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID'> & {
5879
- /**
5880
- * Decides whether to render a clear icon button
5881
- */
5882
- showClearButton?: boolean;
5883
- /**
5884
- * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
5885
- */
5886
- onClearButtonClick?: () => void;
5887
- } & StyledPropsBlade$1;
5888
- declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "value" | "label" | "onBlur" | "onFocus" | "defaultValue" | "onChange" | "onSubmit" | "autoFocus" | "numberOfLines" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "maxCharacters"> & {
5889
- /**
5890
- * Decides whether to render a clear icon button
5891
- */
5892
- showClearButton?: boolean | undefined;
5893
- /**
5894
- * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
5895
- */
5896
- onClearButtonClick?: (() => void) | undefined;
5897
- } & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
5898
- bottom: SpacingValueType | {
5899
- readonly base?: SpacingValueType | undefined;
5900
- readonly xs?: SpacingValueType | undefined;
5901
- readonly s?: SpacingValueType | undefined;
5902
- readonly m?: SpacingValueType | undefined;
5903
- readonly l?: SpacingValueType | undefined;
5904
- readonly xl?: SpacingValueType | undefined;
5905
- };
5906
- left: SpacingValueType | {
5907
- readonly base?: SpacingValueType | undefined;
5908
- readonly xs?: SpacingValueType | undefined;
5909
- readonly s?: SpacingValueType | undefined;
5910
- readonly m?: SpacingValueType | undefined;
5911
- readonly l?: SpacingValueType | undefined;
5912
- readonly xl?: SpacingValueType | undefined;
5913
- };
5914
- position?: csstype.Property.Position | {
5915
- readonly base?: csstype.Property.Position | undefined;
5916
- readonly xs?: csstype.Property.Position | undefined;
5917
- readonly s?: csstype.Property.Position | undefined;
5918
- readonly m?: csstype.Property.Position | undefined;
5919
- readonly l?: csstype.Property.Position | undefined;
5920
- readonly xl?: csstype.Property.Position | undefined;
5921
- } | undefined;
5922
- right: SpacingValueType | {
5923
- readonly base?: SpacingValueType | undefined;
5924
- readonly xs?: SpacingValueType | undefined;
5925
- readonly s?: SpacingValueType | undefined;
5926
- readonly m?: SpacingValueType | undefined;
5927
- readonly l?: SpacingValueType | undefined;
5928
- readonly xl?: SpacingValueType | undefined;
5929
- };
5930
- top: SpacingValueType | {
5931
- readonly base?: SpacingValueType | undefined;
5932
- readonly xs?: SpacingValueType | undefined;
5933
- readonly s?: SpacingValueType | undefined;
5934
- readonly m?: SpacingValueType | undefined;
5935
- readonly l?: SpacingValueType | undefined;
5936
- readonly xl?: SpacingValueType | undefined;
5937
- };
5938
- zIndex?: csstype.Property.ZIndex | {
5939
- readonly base?: csstype.Property.ZIndex | undefined;
5940
- readonly xs?: csstype.Property.ZIndex | undefined;
5941
- readonly s?: csstype.Property.ZIndex | undefined;
5942
- readonly m?: csstype.Property.ZIndex | undefined;
5943
- readonly l?: csstype.Property.ZIndex | undefined;
5944
- readonly xl?: csstype.Property.ZIndex | undefined;
5945
- } | undefined;
5946
- __brand__?: "platform-web" | {
5947
- readonly base?: "platform-web" | undefined;
5948
- readonly xs?: "platform-web" | undefined;
5949
- readonly s?: "platform-web" | undefined;
5950
- readonly m?: "platform-web" | undefined;
5951
- readonly l?: "platform-web" | undefined;
5952
- readonly xl?: "platform-web" | undefined;
5953
- } | undefined;
5954
- } & Pick<{
5955
- gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
5956
- readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
5957
- readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
5958
- readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
5959
- readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
5960
- readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
5961
- readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
5962
- } | undefined;
5963
- gridAutoFlow?: csstype.Property.GridAutoFlow | {
5964
- readonly base?: csstype.Property.GridAutoFlow | undefined;
5965
- readonly xs?: csstype.Property.GridAutoFlow | undefined;
5966
- readonly s?: csstype.Property.GridAutoFlow | undefined;
5967
- readonly m?: csstype.Property.GridAutoFlow | undefined;
5968
- readonly l?: csstype.Property.GridAutoFlow | undefined;
5969
- readonly xl?: csstype.Property.GridAutoFlow | undefined;
5970
- } | undefined;
5971
- gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
5972
- readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
5973
- readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
5974
- readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
5975
- readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
5976
- readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
5977
- readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
5978
- } | undefined;
5979
- gridColumnEnd?: csstype.Property.GridColumnEnd | {
5980
- readonly base?: csstype.Property.GridColumnEnd | undefined;
5981
- readonly xs?: csstype.Property.GridColumnEnd | undefined;
5982
- readonly s?: csstype.Property.GridColumnEnd | undefined;
5983
- readonly m?: csstype.Property.GridColumnEnd | undefined;
5984
- readonly l?: csstype.Property.GridColumnEnd | undefined;
5985
- readonly xl?: csstype.Property.GridColumnEnd | undefined;
5986
- } | undefined;
5987
- gridColumnStart?: csstype.Property.GridColumnStart | {
5988
- readonly base?: csstype.Property.GridColumnStart | undefined;
5989
- readonly xs?: csstype.Property.GridColumnStart | undefined;
5990
- readonly s?: csstype.Property.GridColumnStart | undefined;
5991
- readonly m?: csstype.Property.GridColumnStart | undefined;
5992
- readonly l?: csstype.Property.GridColumnStart | undefined;
5993
- readonly xl?: csstype.Property.GridColumnStart | undefined;
5994
- } | undefined;
5995
- gridRowEnd?: csstype.Property.GridRowEnd | {
5996
- readonly base?: csstype.Property.GridRowEnd | undefined;
5997
- readonly xs?: csstype.Property.GridRowEnd | undefined;
5998
- readonly s?: csstype.Property.GridRowEnd | undefined;
5999
- readonly m?: csstype.Property.GridRowEnd | undefined;
6000
- readonly l?: csstype.Property.GridRowEnd | undefined;
6001
- readonly xl?: csstype.Property.GridRowEnd | undefined;
6002
- } | undefined;
6003
- gridRowStart?: csstype.Property.GridRowStart | {
6004
- readonly base?: csstype.Property.GridRowStart | undefined;
6005
- readonly xs?: csstype.Property.GridRowStart | undefined;
6006
- readonly s?: csstype.Property.GridRowStart | undefined;
6007
- readonly m?: csstype.Property.GridRowStart | undefined;
6008
- readonly l?: csstype.Property.GridRowStart | undefined;
6009
- readonly xl?: csstype.Property.GridRowStart | undefined;
6010
- } | undefined;
6011
- gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
6012
- readonly base?: csstype.Property.GridTemplateAreas | undefined;
6013
- readonly xs?: csstype.Property.GridTemplateAreas | undefined;
6014
- readonly s?: csstype.Property.GridTemplateAreas | undefined;
6015
- readonly m?: csstype.Property.GridTemplateAreas | undefined;
6016
- readonly l?: csstype.Property.GridTemplateAreas | undefined;
6017
- readonly xl?: csstype.Property.GridTemplateAreas | undefined;
6018
- } | undefined;
6019
- gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
6020
- readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
6021
- readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
6022
- readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
6023
- readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
6024
- readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
6025
- readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
6026
- } | undefined;
6027
- gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
6028
- readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
6029
- readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
6030
- readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
6031
- readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
6032
- readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
6033
- readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
6034
- } | undefined;
6035
- grid?: csstype.Property.Grid | {
6036
- readonly base?: csstype.Property.Grid | undefined;
6037
- readonly xs?: csstype.Property.Grid | undefined;
6038
- readonly s?: csstype.Property.Grid | undefined;
6039
- readonly m?: csstype.Property.Grid | undefined;
6040
- readonly l?: csstype.Property.Grid | undefined;
6041
- readonly xl?: csstype.Property.Grid | undefined;
6042
- } | undefined;
6043
- gridArea?: csstype.Property.GridArea | {
6044
- readonly base?: csstype.Property.GridArea | undefined;
6045
- readonly xs?: csstype.Property.GridArea | undefined;
6046
- readonly s?: csstype.Property.GridArea | undefined;
6047
- readonly m?: csstype.Property.GridArea | undefined;
6048
- readonly l?: csstype.Property.GridArea | undefined;
6049
- readonly xl?: csstype.Property.GridArea | undefined;
6050
- } | undefined;
6051
- gridColumn?: csstype.Property.GridColumn | {
6052
- readonly base?: csstype.Property.GridColumn | undefined;
6053
- readonly xs?: csstype.Property.GridColumn | undefined;
6054
- readonly s?: csstype.Property.GridColumn | undefined;
6055
- readonly m?: csstype.Property.GridColumn | undefined;
6056
- readonly l?: csstype.Property.GridColumn | undefined;
6057
- readonly xl?: csstype.Property.GridColumn | undefined;
6058
- } | undefined;
6059
- gridRow?: csstype.Property.GridRow | {
6060
- readonly base?: csstype.Property.GridRow | undefined;
6061
- readonly xs?: csstype.Property.GridRow | undefined;
6062
- readonly s?: csstype.Property.GridRow | undefined;
6063
- readonly m?: csstype.Property.GridRow | undefined;
6064
- readonly l?: csstype.Property.GridRow | undefined;
6065
- readonly xl?: csstype.Property.GridRow | undefined;
6066
- } | undefined;
6067
- gridTemplate?: csstype.Property.GridTemplate | {
6068
- readonly base?: csstype.Property.GridTemplate | undefined;
6069
- readonly xs?: csstype.Property.GridTemplate | undefined;
6070
- readonly s?: csstype.Property.GridTemplate | undefined;
6071
- readonly m?: csstype.Property.GridTemplate | undefined;
6072
- readonly l?: csstype.Property.GridTemplate | undefined;
6073
- readonly xl?: csstype.Property.GridTemplate | undefined;
6074
- } | undefined;
6075
- __brand__?: "platform-web" | {
6076
- readonly base?: "platform-web" | undefined;
6077
- readonly xs?: "platform-web" | undefined;
6078
- readonly s?: "platform-web" | undefined;
6079
- readonly m?: "platform-web" | undefined;
6080
- readonly l?: "platform-web" | undefined;
6081
- readonly xl?: "platform-web" | undefined;
6082
- } | undefined;
6083
- }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
6084
- width: SpacingValueType | {
6085
- readonly base?: SpacingValueType | undefined;
6086
- readonly xs?: SpacingValueType | undefined;
6087
- readonly s?: SpacingValueType | undefined;
6088
- readonly m?: SpacingValueType | undefined;
6089
- readonly l?: SpacingValueType | undefined;
6090
- readonly xl?: SpacingValueType | undefined;
6091
- };
6092
- display?: csstype.Property.Display | {
6093
- readonly base?: csstype.Property.Display | undefined;
6094
- readonly xs?: csstype.Property.Display | undefined;
6095
- readonly s?: csstype.Property.Display | undefined;
6096
- readonly m?: csstype.Property.Display | undefined;
6097
- readonly l?: csstype.Property.Display | undefined;
6098
- readonly xl?: csstype.Property.Display | undefined;
6099
- } | undefined;
6100
- height: SpacingValueType | {
6101
- readonly base?: SpacingValueType | undefined;
6102
- readonly xs?: SpacingValueType | undefined;
6103
- readonly s?: SpacingValueType | undefined;
6104
- readonly m?: SpacingValueType | undefined;
6105
- readonly l?: SpacingValueType | undefined;
6106
- readonly xl?: SpacingValueType | undefined;
6107
- };
6108
- maxHeight: SpacingValueType | {
6109
- readonly base?: SpacingValueType | undefined;
6110
- readonly xs?: SpacingValueType | undefined;
6111
- readonly s?: SpacingValueType | undefined;
6112
- readonly m?: SpacingValueType | undefined;
6113
- readonly l?: SpacingValueType | undefined;
6114
- readonly xl?: SpacingValueType | undefined;
6115
- };
6116
- maxWidth: SpacingValueType | {
6117
- readonly base?: SpacingValueType | undefined;
6118
- readonly xs?: SpacingValueType | undefined;
6119
- readonly s?: SpacingValueType | undefined;
6120
- readonly m?: SpacingValueType | undefined;
6121
- readonly l?: SpacingValueType | undefined;
6122
- readonly xl?: SpacingValueType | undefined;
6123
- };
6124
- minHeight: SpacingValueType | {
6125
- readonly base?: SpacingValueType | undefined;
6126
- readonly xs?: SpacingValueType | undefined;
6127
- readonly s?: SpacingValueType | undefined;
6128
- readonly m?: SpacingValueType | undefined;
6129
- readonly l?: SpacingValueType | undefined;
6130
- readonly xl?: SpacingValueType | undefined;
6131
- };
6132
- minWidth: SpacingValueType | {
6133
- readonly base?: SpacingValueType | undefined;
6134
- readonly xs?: SpacingValueType | undefined;
6135
- readonly s?: SpacingValueType | undefined;
6136
- readonly m?: SpacingValueType | undefined;
6137
- readonly l?: SpacingValueType | undefined;
6138
- readonly xl?: SpacingValueType | undefined;
6139
- };
6140
- overflowX?: csstype.Property.OverflowX | {
6141
- readonly base?: csstype.Property.OverflowX | undefined;
6142
- readonly xs?: csstype.Property.OverflowX | undefined;
6143
- readonly s?: csstype.Property.OverflowX | undefined;
6144
- readonly m?: csstype.Property.OverflowX | undefined;
6145
- readonly l?: csstype.Property.OverflowX | undefined;
6146
- readonly xl?: csstype.Property.OverflowX | undefined;
6147
- } | undefined;
6148
- overflowY?: csstype.Property.OverflowY | {
6149
- readonly base?: csstype.Property.OverflowY | undefined;
6150
- readonly xs?: csstype.Property.OverflowY | undefined;
6151
- readonly s?: csstype.Property.OverflowY | undefined;
6152
- readonly m?: csstype.Property.OverflowY | undefined;
6153
- readonly l?: csstype.Property.OverflowY | undefined;
6154
- readonly xl?: csstype.Property.OverflowY | undefined;
6155
- } | undefined;
6156
- textAlign?: csstype.Property.TextAlign | {
6157
- readonly base?: csstype.Property.TextAlign | undefined;
6158
- readonly xs?: csstype.Property.TextAlign | undefined;
6159
- readonly s?: csstype.Property.TextAlign | undefined;
6160
- readonly m?: csstype.Property.TextAlign | undefined;
6161
- readonly l?: csstype.Property.TextAlign | undefined;
6162
- readonly xl?: csstype.Property.TextAlign | undefined;
6163
- } | undefined;
6164
- overflow?: csstype.Property.Overflow | {
6165
- readonly base?: csstype.Property.Overflow | undefined;
6166
- readonly xs?: csstype.Property.Overflow | undefined;
6167
- readonly s?: csstype.Property.Overflow | undefined;
6168
- readonly m?: csstype.Property.Overflow | undefined;
6169
- readonly l?: csstype.Property.Overflow | undefined;
6170
- readonly xl?: csstype.Property.Overflow | undefined;
6171
- } | undefined;
6172
- __brand__?: "platform-web" | {
6173
- readonly base?: "platform-web" | undefined;
6174
- readonly xs?: "platform-web" | undefined;
6175
- readonly s?: "platform-web" | undefined;
6176
- readonly m?: "platform-web" | undefined;
6177
- readonly l?: "platform-web" | undefined;
6178
- readonly xl?: "platform-web" | undefined;
6179
- } | undefined;
6180
- }, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
6181
-
6182
- declare type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
6183
- name?: string;
6184
- value?: string;
6185
- inputIndex: number;
6186
- }) => void;
6187
- declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID'> & {
5409
+ autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'oneTimeCode'>;
6188
5410
  /**
6189
- * Determines the number of input fields to show for the OTP
6190
- * @default 6
5411
+ * The callback function to be invoked when one of the input fields gets focus
6191
5412
  */
6192
- otpLength?: 4 | 6;
5413
+ onFocus?: FormInputOnEventWithIndex;
6193
5414
  /**
6194
- * The callback function to be invoked when all the values of the OTPInput are filled
5415
+ * The callback function to be invoked when one of the input fields is blurred
6195
5416
  */
6196
- onOTPFilled?: FormInputOnEvent;
5417
+ onBlur?: FormInputOnEventWithIndex;
5418
+ } & StyledPropsBlade$1;
5419
+ declare type OTPInputPropsWithA11yLabel = {
6197
5420
  /**
6198
- * Masks input characters in all the fields
5421
+ * Label to be shown for the input field
6199
5422
  */
6200
- isMasked?: boolean;
5423
+ label?: undefined;
6201
5424
  /**
6202
- * Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.
6203
- *
6204
- * It's not recommended to turn this off in favor of otp input practices.
6205
- *
6206
- *
6207
- * Internally it'll render platform specific attributes:
6208
- *
6209
- * - web: `autocomplete`
6210
- * - iOS: `textContentType`
6211
- * - android: `autoComplete`
6212
- *
5425
+ * Accessibility label for the input
6213
5426
  */
6214
- autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'oneTimeCode'>;
5427
+ accessibilityLabel: string;
5428
+ };
5429
+ declare type OTPInputPropsWithLabel = {
6215
5430
  /**
6216
- * The callback function to be invoked when one of the input fields gets focus
5431
+ * Label to be shown for the input field
6217
5432
  */
6218
- onFocus?: FormInputOnEventWithIndex;
5433
+ label: string;
6219
5434
  /**
6220
- * The callback function to be invoked when one of the input fields is blurred
5435
+ * Accessibility label for the input
6221
5436
  */
6222
- onBlur?: FormInputOnEventWithIndex;
6223
- } & StyledPropsBlade$1;
5437
+ accessibilityLabel?: string;
5438
+ };
5439
+ declare type OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabel) & OTPInputCommonProps;
6224
5440
  /**
6225
5441
  * OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.
6226
5442
  *
@@ -6235,9 +5451,9 @@ declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'v
6235
5451
  * />
6236
5452
  * ```
6237
5453
  */
6238
- 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;
5454
+ 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;
6239
5455
 
6240
- declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID'> & {
5456
+ declare type SelectInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID'> & {
6241
5457
  icon?: IconComponent$1;
6242
5458
  /**
6243
5459
  * Controlled value of the Select. Use it in combination of `onChange`.
@@ -6254,6 +5470,27 @@ declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' |
6254
5470
  values: string[];
6255
5471
  }) => void;
6256
5472
  };
5473
+ declare type SelectInputPropsWithA11yLabel = {
5474
+ /**
5475
+ * Label to be shown for the input field
5476
+ */
5477
+ label?: undefined;
5478
+ /**
5479
+ * Accessibility label for the input
5480
+ */
5481
+ accessibilityLabel: string;
5482
+ };
5483
+ declare type SelectInputPropsWithLabel = {
5484
+ /**
5485
+ * Label to be shown for the input field
5486
+ */
5487
+ label: string;
5488
+ /**
5489
+ * Accessibility label for the input
5490
+ */
5491
+ accessibilityLabel?: string;
5492
+ };
5493
+ declare type SelectInputProps = (SelectInputPropsWithA11yLabel | SelectInputPropsWithLabel) & SelectInputCommonProps;
6257
5494
  /**
6258
5495
  * ### SelectInput
6259
5496
  *
@@ -6281,23 +5518,7 @@ declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' |
6281
5518
  *
6282
5519
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select SelectInput Documentation}.
6283
5520
  */
6284
- declare const SelectInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "prefix" | "label" | "onBlur" | "onFocus" | "onClick" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
6285
- icon?: IconComponent$1 | undefined;
6286
- /**
6287
- * Controlled value of the Select. Use it in combination of `onChange`.
6288
- *
6289
- * Check out [Controlled Dropdown Documentation](https://blade.razorpay.com/?path=/story/components-dropdown-with-select--controlled-dropdown&globals=measureEnabled:false) for example.
6290
- */
6291
- value?: string | string[] | undefined;
6292
- /**
6293
- * Used to set the default value of SelectInput when it's uncontrolled. Use `value` instead for controlled SelectInput
6294
- */
6295
- defaultValue?: string | string[] | undefined;
6296
- onChange?: (({ name, values }: {
6297
- name?: string | undefined;
6298
- values: string[];
6299
- }) => void) | undefined;
6300
- } & React__default.RefAttributes<BladeElementRef>>;
5521
+ declare const SelectInput: React__default.ForwardRefExoticComponent<SelectInputProps & React__default.RefAttributes<BladeElementRef>>;
6301
5522
 
6302
5523
  declare type IndicatorCommonProps = {
6303
5524
  /**
@@ -8496,4 +7717,4 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
8496
7717
  tabIndex: -1;
8497
7718
  }, "tabIndex">;
8498
7719
 
8499
- 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, 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, 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 };
7720
+ 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 };