@razorpay/blade 9.1.2 → 9.3.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 +943 -93
- package/build/components/index.native.d.ts +655 -36
- package/build/components/index.native.js +329 -325
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +2327 -2145
- 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
|
@@ -1455,7 +1455,8 @@ type StyledPropsBlade$1 = Partial<
|
|
|
1455
1455
|
| 'gridColumnStart'
|
|
1456
1456
|
| 'gridColumnEnd'
|
|
1457
1457
|
| 'gridArea'
|
|
1458
|
-
|
|
1458
|
+
> &
|
|
1459
|
+
Pick<LayoutProps$1, 'display'>,
|
|
1459
1460
|
'__brand__'
|
|
1460
1461
|
>
|
|
1461
1462
|
>;
|
|
@@ -2671,7 +2672,7 @@ declare type BoxVisualProps = MakeObjectResponsive<{
|
|
|
2671
2672
|
}> & {
|
|
2672
2673
|
as: BoxAsType;
|
|
2673
2674
|
};
|
|
2674
|
-
declare type StyledPropsBlade = Partial<Omit<MarginProps & Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> & PositionProps & Pick<GridProps, 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea'>, '__brand__'>>;
|
|
2675
|
+
declare type StyledPropsBlade = Partial<Omit<MarginProps & Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> & PositionProps & Pick<GridProps, 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea'> & Pick<LayoutProps, 'display'>, '__brand__'>>;
|
|
2675
2676
|
declare type BoxCallbackProps = Omit<Platform.Select<{
|
|
2676
2677
|
web: {
|
|
2677
2678
|
/**
|
|
@@ -3526,7 +3527,7 @@ declare type IconButtonProps = {
|
|
|
3526
3527
|
*
|
|
3527
3528
|
* @default 'medium'
|
|
3528
3529
|
*/
|
|
3529
|
-
size?: 'medium' | 'large';
|
|
3530
|
+
size?: 'small' | 'medium' | 'large';
|
|
3530
3531
|
/**
|
|
3531
3532
|
* Icon contrast
|
|
3532
3533
|
*
|
|
@@ -3537,6 +3538,10 @@ declare type IconButtonProps = {
|
|
|
3537
3538
|
* Sets aria-label to help users know what the action does, eg 'Dismiss alert'
|
|
3538
3539
|
*/
|
|
3539
3540
|
accessibilityLabel: string;
|
|
3541
|
+
/**
|
|
3542
|
+
* Disabled state for IconButton
|
|
3543
|
+
*/
|
|
3544
|
+
isDisabled?: boolean;
|
|
3540
3545
|
} & BladeCommonEvents$1;
|
|
3541
3546
|
declare const IconButton: React__default.ForwardRefExoticComponent<{
|
|
3542
3547
|
/**
|
|
@@ -3549,7 +3554,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
|
|
|
3549
3554
|
*
|
|
3550
3555
|
* @default 'medium'
|
|
3551
3556
|
*/
|
|
3552
|
-
size?: "medium" | "large" | undefined;
|
|
3557
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
3553
3558
|
/**
|
|
3554
3559
|
* Icon contrast
|
|
3555
3560
|
*
|
|
@@ -3560,6 +3565,10 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
|
|
|
3560
3565
|
* Sets aria-label to help users know what the action does, eg 'Dismiss alert'
|
|
3561
3566
|
*/
|
|
3562
3567
|
accessibilityLabel: string;
|
|
3568
|
+
/**
|
|
3569
|
+
* Disabled state for IconButton
|
|
3570
|
+
*/
|
|
3571
|
+
isDisabled?: boolean | undefined;
|
|
3563
3572
|
} & BladeCommonEvents$1 & React__default.RefAttributes<BladeElementRef>>;
|
|
3564
3573
|
|
|
3565
3574
|
declare type OnChange$1 = ({ isChecked, event, value, }: {
|
|
@@ -3805,7 +3814,83 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
|
|
|
3805
3814
|
readonly l?: "platform-native" | undefined;
|
|
3806
3815
|
readonly xl?: "platform-native" | undefined;
|
|
3807
3816
|
} | undefined;
|
|
3808
|
-
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"
|
|
3817
|
+
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
|
|
3818
|
+
width: SpacingValueType | {
|
|
3819
|
+
readonly base?: SpacingValueType | undefined;
|
|
3820
|
+
readonly xs?: SpacingValueType | undefined;
|
|
3821
|
+
readonly s?: SpacingValueType | undefined;
|
|
3822
|
+
readonly m?: SpacingValueType | undefined;
|
|
3823
|
+
readonly l?: SpacingValueType | undefined;
|
|
3824
|
+
readonly xl?: SpacingValueType | undefined;
|
|
3825
|
+
};
|
|
3826
|
+
display?: "none" | "flex" | {
|
|
3827
|
+
readonly base?: "none" | "flex" | undefined;
|
|
3828
|
+
readonly xs?: "none" | "flex" | undefined;
|
|
3829
|
+
readonly s?: "none" | "flex" | undefined;
|
|
3830
|
+
readonly m?: "none" | "flex" | undefined;
|
|
3831
|
+
readonly l?: "none" | "flex" | undefined;
|
|
3832
|
+
readonly xl?: "none" | "flex" | undefined;
|
|
3833
|
+
} | undefined;
|
|
3834
|
+
height: SpacingValueType | {
|
|
3835
|
+
readonly base?: SpacingValueType | undefined;
|
|
3836
|
+
readonly xs?: SpacingValueType | undefined;
|
|
3837
|
+
readonly s?: SpacingValueType | undefined;
|
|
3838
|
+
readonly m?: SpacingValueType | undefined;
|
|
3839
|
+
readonly l?: SpacingValueType | undefined;
|
|
3840
|
+
readonly xl?: SpacingValueType | undefined;
|
|
3841
|
+
};
|
|
3842
|
+
maxHeight: SpacingValueType | {
|
|
3843
|
+
readonly base?: SpacingValueType | undefined;
|
|
3844
|
+
readonly xs?: SpacingValueType | undefined;
|
|
3845
|
+
readonly s?: SpacingValueType | undefined;
|
|
3846
|
+
readonly m?: SpacingValueType | undefined;
|
|
3847
|
+
readonly l?: SpacingValueType | undefined;
|
|
3848
|
+
readonly xl?: SpacingValueType | undefined;
|
|
3849
|
+
};
|
|
3850
|
+
maxWidth: SpacingValueType | {
|
|
3851
|
+
readonly base?: SpacingValueType | undefined;
|
|
3852
|
+
readonly xs?: SpacingValueType | undefined;
|
|
3853
|
+
readonly s?: SpacingValueType | undefined;
|
|
3854
|
+
readonly m?: SpacingValueType | undefined;
|
|
3855
|
+
readonly l?: SpacingValueType | undefined;
|
|
3856
|
+
readonly xl?: SpacingValueType | undefined;
|
|
3857
|
+
};
|
|
3858
|
+
minHeight: SpacingValueType | {
|
|
3859
|
+
readonly base?: SpacingValueType | undefined;
|
|
3860
|
+
readonly xs?: SpacingValueType | undefined;
|
|
3861
|
+
readonly s?: SpacingValueType | undefined;
|
|
3862
|
+
readonly m?: SpacingValueType | undefined;
|
|
3863
|
+
readonly l?: SpacingValueType | undefined;
|
|
3864
|
+
readonly xl?: SpacingValueType | undefined;
|
|
3865
|
+
};
|
|
3866
|
+
minWidth: SpacingValueType | {
|
|
3867
|
+
readonly base?: SpacingValueType | undefined;
|
|
3868
|
+
readonly xs?: SpacingValueType | undefined;
|
|
3869
|
+
readonly s?: SpacingValueType | undefined;
|
|
3870
|
+
readonly m?: SpacingValueType | undefined;
|
|
3871
|
+
readonly l?: SpacingValueType | undefined;
|
|
3872
|
+
readonly xl?: SpacingValueType | undefined;
|
|
3873
|
+
};
|
|
3874
|
+
overflowX: never;
|
|
3875
|
+
overflowY: never;
|
|
3876
|
+
textAlign: never;
|
|
3877
|
+
overflow?: "hidden" | "scroll" | "visible" | {
|
|
3878
|
+
readonly base?: "hidden" | "scroll" | "visible" | undefined;
|
|
3879
|
+
readonly xs?: "hidden" | "scroll" | "visible" | undefined;
|
|
3880
|
+
readonly s?: "hidden" | "scroll" | "visible" | undefined;
|
|
3881
|
+
readonly m?: "hidden" | "scroll" | "visible" | undefined;
|
|
3882
|
+
readonly l?: "hidden" | "scroll" | "visible" | undefined;
|
|
3883
|
+
readonly xl?: "hidden" | "scroll" | "visible" | undefined;
|
|
3884
|
+
} | undefined;
|
|
3885
|
+
__brand__?: "platform-native" | {
|
|
3886
|
+
readonly base?: "platform-native" | undefined;
|
|
3887
|
+
readonly xs?: "platform-native" | undefined;
|
|
3888
|
+
readonly s?: "platform-native" | undefined;
|
|
3889
|
+
readonly m?: "platform-native" | undefined;
|
|
3890
|
+
readonly l?: "platform-native" | undefined;
|
|
3891
|
+
readonly xl?: "platform-native" | undefined;
|
|
3892
|
+
} | undefined;
|
|
3893
|
+
}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
3809
3894
|
|
|
3810
3895
|
declare type CheckboxGroupProps = {
|
|
3811
3896
|
/**
|
|
@@ -3929,19 +4014,19 @@ declare type DividerProps = {
|
|
|
3929
4014
|
*
|
|
3930
4015
|
*/
|
|
3931
4016
|
width?: CSSObject['width'];
|
|
3932
|
-
};
|
|
3933
|
-
declare const Divider: ({ orientation, dividerStyle, variant, thickness, contrast, height, width, }: DividerProps) => React__default.ReactElement;
|
|
4017
|
+
} & TestID & StyledPropsBlade$1;
|
|
4018
|
+
declare const Divider: ({ orientation, dividerStyle, variant, thickness, contrast, height, width, testID, ...styledProps }: DividerProps) => React__default.ReactElement;
|
|
3934
4019
|
|
|
3935
4020
|
declare type DropdownProps = {
|
|
3936
4021
|
selectionType?: 'single' | 'multiple';
|
|
3937
4022
|
onDismiss?: () => void;
|
|
3938
4023
|
children: React.ReactNode[];
|
|
3939
|
-
} & StyledPropsBlade$1;
|
|
4024
|
+
} & TestID & StyledPropsBlade$1;
|
|
3940
4025
|
declare type DropdownOverlayProps = {
|
|
3941
4026
|
children: React.ReactElement[] | React.ReactElement;
|
|
3942
4027
|
} & TestID;
|
|
3943
4028
|
|
|
3944
|
-
declare const Dropdown: ({ children, selectionType, onDismiss, ...styledProps }: DropdownProps) => JSX.Element;
|
|
4029
|
+
declare const Dropdown: ({ children, selectionType, onDismiss, testID, ...styledProps }: DropdownProps) => JSX.Element;
|
|
3945
4030
|
|
|
3946
4031
|
declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => JSX.Element;
|
|
3947
4032
|
|
|
@@ -4983,7 +5068,83 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInput
|
|
|
4983
5068
|
readonly l?: "platform-native" | undefined;
|
|
4984
5069
|
readonly xl?: "platform-native" | undefined;
|
|
4985
5070
|
} | undefined;
|
|
4986
|
-
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"
|
|
5071
|
+
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
|
|
5072
|
+
width: SpacingValueType | {
|
|
5073
|
+
readonly base?: SpacingValueType | undefined;
|
|
5074
|
+
readonly xs?: SpacingValueType | undefined;
|
|
5075
|
+
readonly s?: SpacingValueType | undefined;
|
|
5076
|
+
readonly m?: SpacingValueType | undefined;
|
|
5077
|
+
readonly l?: SpacingValueType | undefined;
|
|
5078
|
+
readonly xl?: SpacingValueType | undefined;
|
|
5079
|
+
};
|
|
5080
|
+
display?: "none" | "flex" | {
|
|
5081
|
+
readonly base?: "none" | "flex" | undefined;
|
|
5082
|
+
readonly xs?: "none" | "flex" | undefined;
|
|
5083
|
+
readonly s?: "none" | "flex" | undefined;
|
|
5084
|
+
readonly m?: "none" | "flex" | undefined;
|
|
5085
|
+
readonly l?: "none" | "flex" | undefined;
|
|
5086
|
+
readonly xl?: "none" | "flex" | undefined;
|
|
5087
|
+
} | undefined;
|
|
5088
|
+
height: 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
|
+
maxHeight: 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
|
+
maxWidth: 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
|
+
minHeight: 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
|
+
minWidth: SpacingValueType | {
|
|
5121
|
+
readonly base?: SpacingValueType | undefined;
|
|
5122
|
+
readonly xs?: SpacingValueType | undefined;
|
|
5123
|
+
readonly s?: SpacingValueType | undefined;
|
|
5124
|
+
readonly m?: SpacingValueType | undefined;
|
|
5125
|
+
readonly l?: SpacingValueType | undefined;
|
|
5126
|
+
readonly xl?: SpacingValueType | undefined;
|
|
5127
|
+
};
|
|
5128
|
+
overflowX: never;
|
|
5129
|
+
overflowY: never;
|
|
5130
|
+
textAlign: never;
|
|
5131
|
+
overflow?: "hidden" | "scroll" | "visible" | {
|
|
5132
|
+
readonly base?: "hidden" | "scroll" | "visible" | undefined;
|
|
5133
|
+
readonly xs?: "hidden" | "scroll" | "visible" | undefined;
|
|
5134
|
+
readonly s?: "hidden" | "scroll" | "visible" | undefined;
|
|
5135
|
+
readonly m?: "hidden" | "scroll" | "visible" | undefined;
|
|
5136
|
+
readonly l?: "hidden" | "scroll" | "visible" | undefined;
|
|
5137
|
+
readonly xl?: "hidden" | "scroll" | "visible" | undefined;
|
|
5138
|
+
} | undefined;
|
|
5139
|
+
__brand__?: "platform-native" | {
|
|
5140
|
+
readonly base?: "platform-native" | undefined;
|
|
5141
|
+
readonly xs?: "platform-native" | undefined;
|
|
5142
|
+
readonly s?: "platform-native" | undefined;
|
|
5143
|
+
readonly m?: "platform-native" | undefined;
|
|
5144
|
+
readonly l?: "platform-native" | undefined;
|
|
5145
|
+
readonly xl?: "platform-native" | undefined;
|
|
5146
|
+
} | undefined;
|
|
5147
|
+
}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
4987
5148
|
|
|
4988
5149
|
declare type PasswordInputExtraProps = {
|
|
4989
5150
|
/**
|
|
@@ -5097,7 +5258,83 @@ declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseI
|
|
|
5097
5258
|
readonly l?: "platform-native" | undefined;
|
|
5098
5259
|
readonly xl?: "platform-native" | undefined;
|
|
5099
5260
|
} | undefined;
|
|
5100
|
-
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"
|
|
5261
|
+
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
|
|
5262
|
+
width: SpacingValueType | {
|
|
5263
|
+
readonly base?: SpacingValueType | undefined;
|
|
5264
|
+
readonly xs?: SpacingValueType | undefined;
|
|
5265
|
+
readonly s?: SpacingValueType | undefined;
|
|
5266
|
+
readonly m?: SpacingValueType | undefined;
|
|
5267
|
+
readonly l?: SpacingValueType | undefined;
|
|
5268
|
+
readonly xl?: SpacingValueType | undefined;
|
|
5269
|
+
};
|
|
5270
|
+
display?: "none" | "flex" | {
|
|
5271
|
+
readonly base?: "none" | "flex" | undefined;
|
|
5272
|
+
readonly xs?: "none" | "flex" | undefined;
|
|
5273
|
+
readonly s?: "none" | "flex" | undefined;
|
|
5274
|
+
readonly m?: "none" | "flex" | undefined;
|
|
5275
|
+
readonly l?: "none" | "flex" | undefined;
|
|
5276
|
+
readonly xl?: "none" | "flex" | undefined;
|
|
5277
|
+
} | undefined;
|
|
5278
|
+
height: 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
|
+
maxHeight: 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
|
+
maxWidth: 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
|
+
minHeight: 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
|
+
minWidth: 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
|
+
overflowX: never;
|
|
5319
|
+
overflowY: never;
|
|
5320
|
+
textAlign: never;
|
|
5321
|
+
overflow?: "hidden" | "scroll" | "visible" | {
|
|
5322
|
+
readonly base?: "hidden" | "scroll" | "visible" | undefined;
|
|
5323
|
+
readonly xs?: "hidden" | "scroll" | "visible" | undefined;
|
|
5324
|
+
readonly s?: "hidden" | "scroll" | "visible" | undefined;
|
|
5325
|
+
readonly m?: "hidden" | "scroll" | "visible" | undefined;
|
|
5326
|
+
readonly l?: "hidden" | "scroll" | "visible" | undefined;
|
|
5327
|
+
readonly xl?: "hidden" | "scroll" | "visible" | undefined;
|
|
5328
|
+
} | undefined;
|
|
5329
|
+
__brand__?: "platform-native" | {
|
|
5330
|
+
readonly base?: "platform-native" | undefined;
|
|
5331
|
+
readonly xs?: "platform-native" | undefined;
|
|
5332
|
+
readonly s?: "platform-native" | undefined;
|
|
5333
|
+
readonly m?: "platform-native" | undefined;
|
|
5334
|
+
readonly l?: "platform-native" | undefined;
|
|
5335
|
+
readonly xl?: "platform-native" | undefined;
|
|
5336
|
+
} | undefined;
|
|
5337
|
+
}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
5101
5338
|
|
|
5102
5339
|
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'> & {
|
|
5103
5340
|
/**
|
|
@@ -5199,26 +5436,102 @@ declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputP
|
|
|
5199
5436
|
readonly l?: "platform-native" | undefined;
|
|
5200
5437
|
readonly xl?: "platform-native" | undefined;
|
|
5201
5438
|
} | undefined;
|
|
5202
|
-
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"
|
|
5203
|
-
|
|
5204
|
-
|
|
5205
|
-
|
|
5206
|
-
|
|
5207
|
-
|
|
5208
|
-
|
|
5209
|
-
|
|
5210
|
-
|
|
5211
|
-
|
|
5212
|
-
|
|
5213
|
-
|
|
5214
|
-
|
|
5215
|
-
|
|
5216
|
-
|
|
5217
|
-
|
|
5218
|
-
|
|
5219
|
-
|
|
5220
|
-
|
|
5221
|
-
|
|
5439
|
+
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
|
|
5440
|
+
width: SpacingValueType | {
|
|
5441
|
+
readonly base?: SpacingValueType | undefined;
|
|
5442
|
+
readonly xs?: SpacingValueType | undefined;
|
|
5443
|
+
readonly s?: SpacingValueType | undefined;
|
|
5444
|
+
readonly m?: SpacingValueType | undefined;
|
|
5445
|
+
readonly l?: SpacingValueType | undefined;
|
|
5446
|
+
readonly xl?: SpacingValueType | undefined;
|
|
5447
|
+
};
|
|
5448
|
+
display?: "none" | "flex" | {
|
|
5449
|
+
readonly base?: "none" | "flex" | undefined;
|
|
5450
|
+
readonly xs?: "none" | "flex" | undefined;
|
|
5451
|
+
readonly s?: "none" | "flex" | undefined;
|
|
5452
|
+
readonly m?: "none" | "flex" | undefined;
|
|
5453
|
+
readonly l?: "none" | "flex" | undefined;
|
|
5454
|
+
readonly xl?: "none" | "flex" | undefined;
|
|
5455
|
+
} | undefined;
|
|
5456
|
+
height: 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
|
+
maxHeight: 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
|
+
maxWidth: 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
|
+
minHeight: 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
|
+
minWidth: 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
|
+
overflowX: never;
|
|
5497
|
+
overflowY: never;
|
|
5498
|
+
textAlign: never;
|
|
5499
|
+
overflow?: "hidden" | "scroll" | "visible" | {
|
|
5500
|
+
readonly base?: "hidden" | "scroll" | "visible" | undefined;
|
|
5501
|
+
readonly xs?: "hidden" | "scroll" | "visible" | undefined;
|
|
5502
|
+
readonly s?: "hidden" | "scroll" | "visible" | undefined;
|
|
5503
|
+
readonly m?: "hidden" | "scroll" | "visible" | undefined;
|
|
5504
|
+
readonly l?: "hidden" | "scroll" | "visible" | undefined;
|
|
5505
|
+
readonly xl?: "hidden" | "scroll" | "visible" | undefined;
|
|
5506
|
+
} | undefined;
|
|
5507
|
+
__brand__?: "platform-native" | {
|
|
5508
|
+
readonly base?: "platform-native" | undefined;
|
|
5509
|
+
readonly xs?: "platform-native" | undefined;
|
|
5510
|
+
readonly s?: "platform-native" | undefined;
|
|
5511
|
+
readonly m?: "platform-native" | undefined;
|
|
5512
|
+
readonly l?: "platform-native" | undefined;
|
|
5513
|
+
readonly xl?: "platform-native" | undefined;
|
|
5514
|
+
} | undefined;
|
|
5515
|
+
}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
5516
|
+
|
|
5517
|
+
declare type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
|
|
5518
|
+
name?: string;
|
|
5519
|
+
value?: string;
|
|
5520
|
+
inputIndex: number;
|
|
5521
|
+
}) => void;
|
|
5522
|
+
declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID'> & {
|
|
5523
|
+
/**
|
|
5524
|
+
* Determines the number of input fields to show for the OTP
|
|
5525
|
+
* @default 6
|
|
5526
|
+
*/
|
|
5527
|
+
otpLength?: 4 | 6;
|
|
5528
|
+
/**
|
|
5529
|
+
* The callback function to be invoked when all the values of the OTPInput are filled
|
|
5530
|
+
*/
|
|
5531
|
+
onOTPFilled?: FormInputOnEvent;
|
|
5532
|
+
/**
|
|
5533
|
+
* Masks input characters in all the fields
|
|
5534
|
+
*/
|
|
5222
5535
|
isMasked?: boolean;
|
|
5223
5536
|
/**
|
|
5224
5537
|
* Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.
|
|
@@ -5865,7 +6178,83 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
|
|
|
5865
6178
|
readonly l?: "platform-native" | undefined;
|
|
5866
6179
|
readonly xl?: "platform-native" | undefined;
|
|
5867
6180
|
} | undefined;
|
|
5868
|
-
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"
|
|
6181
|
+
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
|
|
6182
|
+
width: SpacingValueType | {
|
|
6183
|
+
readonly base?: SpacingValueType | undefined;
|
|
6184
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6185
|
+
readonly s?: SpacingValueType | undefined;
|
|
6186
|
+
readonly m?: SpacingValueType | undefined;
|
|
6187
|
+
readonly l?: SpacingValueType | undefined;
|
|
6188
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6189
|
+
};
|
|
6190
|
+
display?: "none" | "flex" | {
|
|
6191
|
+
readonly base?: "none" | "flex" | undefined;
|
|
6192
|
+
readonly xs?: "none" | "flex" | undefined;
|
|
6193
|
+
readonly s?: "none" | "flex" | undefined;
|
|
6194
|
+
readonly m?: "none" | "flex" | undefined;
|
|
6195
|
+
readonly l?: "none" | "flex" | undefined;
|
|
6196
|
+
readonly xl?: "none" | "flex" | undefined;
|
|
6197
|
+
} | undefined;
|
|
6198
|
+
height: SpacingValueType | {
|
|
6199
|
+
readonly base?: SpacingValueType | undefined;
|
|
6200
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6201
|
+
readonly s?: SpacingValueType | undefined;
|
|
6202
|
+
readonly m?: SpacingValueType | undefined;
|
|
6203
|
+
readonly l?: SpacingValueType | undefined;
|
|
6204
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6205
|
+
};
|
|
6206
|
+
maxHeight: SpacingValueType | {
|
|
6207
|
+
readonly base?: SpacingValueType | undefined;
|
|
6208
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6209
|
+
readonly s?: SpacingValueType | undefined;
|
|
6210
|
+
readonly m?: SpacingValueType | undefined;
|
|
6211
|
+
readonly l?: SpacingValueType | undefined;
|
|
6212
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6213
|
+
};
|
|
6214
|
+
maxWidth: SpacingValueType | {
|
|
6215
|
+
readonly base?: SpacingValueType | undefined;
|
|
6216
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6217
|
+
readonly s?: SpacingValueType | undefined;
|
|
6218
|
+
readonly m?: SpacingValueType | undefined;
|
|
6219
|
+
readonly l?: SpacingValueType | undefined;
|
|
6220
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6221
|
+
};
|
|
6222
|
+
minHeight: SpacingValueType | {
|
|
6223
|
+
readonly base?: SpacingValueType | undefined;
|
|
6224
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6225
|
+
readonly s?: SpacingValueType | undefined;
|
|
6226
|
+
readonly m?: SpacingValueType | undefined;
|
|
6227
|
+
readonly l?: SpacingValueType | undefined;
|
|
6228
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6229
|
+
};
|
|
6230
|
+
minWidth: SpacingValueType | {
|
|
6231
|
+
readonly base?: SpacingValueType | undefined;
|
|
6232
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6233
|
+
readonly s?: SpacingValueType | undefined;
|
|
6234
|
+
readonly m?: SpacingValueType | undefined;
|
|
6235
|
+
readonly l?: SpacingValueType | undefined;
|
|
6236
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6237
|
+
};
|
|
6238
|
+
overflowX: never;
|
|
6239
|
+
overflowY: never;
|
|
6240
|
+
textAlign: never;
|
|
6241
|
+
overflow?: "hidden" | "scroll" | "visible" | {
|
|
6242
|
+
readonly base?: "hidden" | "scroll" | "visible" | undefined;
|
|
6243
|
+
readonly xs?: "hidden" | "scroll" | "visible" | undefined;
|
|
6244
|
+
readonly s?: "hidden" | "scroll" | "visible" | undefined;
|
|
6245
|
+
readonly m?: "hidden" | "scroll" | "visible" | undefined;
|
|
6246
|
+
readonly l?: "hidden" | "scroll" | "visible" | undefined;
|
|
6247
|
+
readonly xl?: "hidden" | "scroll" | "visible" | undefined;
|
|
6248
|
+
} | undefined;
|
|
6249
|
+
__brand__?: "platform-native" | {
|
|
6250
|
+
readonly base?: "platform-native" | undefined;
|
|
6251
|
+
readonly xs?: "platform-native" | undefined;
|
|
6252
|
+
readonly s?: "platform-native" | undefined;
|
|
6253
|
+
readonly m?: "platform-native" | undefined;
|
|
6254
|
+
readonly l?: "platform-native" | undefined;
|
|
6255
|
+
readonly xl?: "platform-native" | undefined;
|
|
6256
|
+
} | undefined;
|
|
6257
|
+
}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
5869
6258
|
|
|
5870
6259
|
declare type RadioGroupProps = {
|
|
5871
6260
|
/**
|
|
@@ -6043,10 +6432,240 @@ declare type SwitchProps = {
|
|
|
6043
6432
|
* The id of the input field in a switch, useful for associating a label element with the input via htmlFor prop
|
|
6044
6433
|
*/
|
|
6045
6434
|
id?: string;
|
|
6046
|
-
|
|
6047
|
-
};
|
|
6435
|
+
} & TestID & StyledPropsBlade$1;
|
|
6048
6436
|
|
|
6049
|
-
declare const Switch: React__default.ForwardRefExoticComponent<
|
|
6437
|
+
declare const Switch: React__default.ForwardRefExoticComponent<{
|
|
6438
|
+
isChecked?: boolean | undefined;
|
|
6439
|
+
defaultChecked?: boolean | undefined;
|
|
6440
|
+
onChange?: OnChange | undefined;
|
|
6441
|
+
name?: string | undefined;
|
|
6442
|
+
value?: string | undefined;
|
|
6443
|
+
isDisabled?: boolean | undefined;
|
|
6444
|
+
size?: "small" | "medium" | undefined;
|
|
6445
|
+
accessibilityLabel: string;
|
|
6446
|
+
id?: string | undefined;
|
|
6447
|
+
} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
|
|
6448
|
+
bottom: SpacingValueType | {
|
|
6449
|
+
readonly base?: SpacingValueType | undefined;
|
|
6450
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6451
|
+
readonly s?: SpacingValueType | undefined;
|
|
6452
|
+
readonly m?: SpacingValueType | undefined;
|
|
6453
|
+
readonly l?: SpacingValueType | undefined;
|
|
6454
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6455
|
+
};
|
|
6456
|
+
left: SpacingValueType | {
|
|
6457
|
+
readonly base?: SpacingValueType | undefined;
|
|
6458
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6459
|
+
readonly s?: SpacingValueType | undefined;
|
|
6460
|
+
readonly m?: SpacingValueType | undefined;
|
|
6461
|
+
readonly l?: SpacingValueType | undefined;
|
|
6462
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6463
|
+
};
|
|
6464
|
+
position?: "absolute" | "relative" | {
|
|
6465
|
+
readonly base?: "absolute" | "relative" | undefined;
|
|
6466
|
+
readonly xs?: "absolute" | "relative" | undefined;
|
|
6467
|
+
readonly s?: "absolute" | "relative" | undefined;
|
|
6468
|
+
readonly m?: "absolute" | "relative" | undefined;
|
|
6469
|
+
readonly l?: "absolute" | "relative" | undefined;
|
|
6470
|
+
readonly xl?: "absolute" | "relative" | undefined;
|
|
6471
|
+
} | undefined;
|
|
6472
|
+
right: SpacingValueType | {
|
|
6473
|
+
readonly base?: SpacingValueType | undefined;
|
|
6474
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6475
|
+
readonly s?: SpacingValueType | undefined;
|
|
6476
|
+
readonly m?: SpacingValueType | undefined;
|
|
6477
|
+
readonly l?: SpacingValueType | undefined;
|
|
6478
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6479
|
+
};
|
|
6480
|
+
top: SpacingValueType | {
|
|
6481
|
+
readonly base?: SpacingValueType | undefined;
|
|
6482
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6483
|
+
readonly s?: SpacingValueType | undefined;
|
|
6484
|
+
readonly m?: SpacingValueType | undefined;
|
|
6485
|
+
readonly l?: SpacingValueType | undefined;
|
|
6486
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6487
|
+
};
|
|
6488
|
+
zIndex?: number | {
|
|
6489
|
+
readonly base?: number | undefined;
|
|
6490
|
+
readonly xs?: number | undefined;
|
|
6491
|
+
readonly s?: number | undefined;
|
|
6492
|
+
readonly m?: number | undefined;
|
|
6493
|
+
readonly l?: number | undefined;
|
|
6494
|
+
readonly xl?: number | undefined;
|
|
6495
|
+
} | undefined;
|
|
6496
|
+
__brand__?: "platform-native" | {
|
|
6497
|
+
readonly base?: "platform-native" | undefined;
|
|
6498
|
+
readonly xs?: "platform-native" | undefined;
|
|
6499
|
+
readonly s?: "platform-native" | undefined;
|
|
6500
|
+
readonly m?: "platform-native" | undefined;
|
|
6501
|
+
readonly l?: "platform-native" | undefined;
|
|
6502
|
+
readonly xl?: "platform-native" | undefined;
|
|
6503
|
+
} | undefined;
|
|
6504
|
+
} & Pick<{
|
|
6505
|
+
gridAutoColumns: never;
|
|
6506
|
+
gridAutoFlow: never;
|
|
6507
|
+
gridAutoRows: never;
|
|
6508
|
+
gridColumnEnd: never;
|
|
6509
|
+
gridColumnStart: never;
|
|
6510
|
+
gridRowEnd: never;
|
|
6511
|
+
gridRowStart: never;
|
|
6512
|
+
gridTemplateAreas: never;
|
|
6513
|
+
gridTemplateColumns: never;
|
|
6514
|
+
gridTemplateRows: never;
|
|
6515
|
+
grid: never;
|
|
6516
|
+
gridArea: never;
|
|
6517
|
+
gridColumn: never;
|
|
6518
|
+
gridRow: never;
|
|
6519
|
+
gridTemplate: never;
|
|
6520
|
+
__brand__?: "platform-native" | {
|
|
6521
|
+
readonly base?: "platform-native" | undefined;
|
|
6522
|
+
readonly xs?: "platform-native" | undefined;
|
|
6523
|
+
readonly s?: "platform-native" | undefined;
|
|
6524
|
+
readonly m?: "platform-native" | undefined;
|
|
6525
|
+
readonly l?: "platform-native" | undefined;
|
|
6526
|
+
readonly xl?: "platform-native" | undefined;
|
|
6527
|
+
} | undefined;
|
|
6528
|
+
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
|
|
6529
|
+
width: SpacingValueType | {
|
|
6530
|
+
readonly base?: SpacingValueType | undefined;
|
|
6531
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6532
|
+
readonly s?: SpacingValueType | undefined;
|
|
6533
|
+
readonly m?: SpacingValueType | undefined;
|
|
6534
|
+
readonly l?: SpacingValueType | undefined;
|
|
6535
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6536
|
+
};
|
|
6537
|
+
display?: "none" | "flex" | {
|
|
6538
|
+
readonly base?: "none" | "flex" | undefined;
|
|
6539
|
+
readonly xs?: "none" | "flex" | undefined;
|
|
6540
|
+
readonly s?: "none" | "flex" | undefined;
|
|
6541
|
+
readonly m?: "none" | "flex" | undefined;
|
|
6542
|
+
readonly l?: "none" | "flex" | undefined;
|
|
6543
|
+
readonly xl?: "none" | "flex" | undefined;
|
|
6544
|
+
} | undefined;
|
|
6545
|
+
height: SpacingValueType | {
|
|
6546
|
+
readonly base?: SpacingValueType | undefined;
|
|
6547
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6548
|
+
readonly s?: SpacingValueType | undefined;
|
|
6549
|
+
readonly m?: SpacingValueType | undefined;
|
|
6550
|
+
readonly l?: SpacingValueType | undefined;
|
|
6551
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6552
|
+
};
|
|
6553
|
+
maxHeight: SpacingValueType | {
|
|
6554
|
+
readonly base?: SpacingValueType | undefined;
|
|
6555
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6556
|
+
readonly s?: SpacingValueType | undefined;
|
|
6557
|
+
readonly m?: SpacingValueType | undefined;
|
|
6558
|
+
readonly l?: SpacingValueType | undefined;
|
|
6559
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6560
|
+
};
|
|
6561
|
+
maxWidth: SpacingValueType | {
|
|
6562
|
+
readonly base?: SpacingValueType | undefined;
|
|
6563
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6564
|
+
readonly s?: SpacingValueType | undefined;
|
|
6565
|
+
readonly m?: SpacingValueType | undefined;
|
|
6566
|
+
readonly l?: SpacingValueType | undefined;
|
|
6567
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6568
|
+
};
|
|
6569
|
+
minHeight: SpacingValueType | {
|
|
6570
|
+
readonly base?: SpacingValueType | undefined;
|
|
6571
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6572
|
+
readonly s?: SpacingValueType | undefined;
|
|
6573
|
+
readonly m?: SpacingValueType | undefined;
|
|
6574
|
+
readonly l?: SpacingValueType | undefined;
|
|
6575
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6576
|
+
};
|
|
6577
|
+
minWidth: SpacingValueType | {
|
|
6578
|
+
readonly base?: SpacingValueType | undefined;
|
|
6579
|
+
readonly xs?: SpacingValueType | undefined;
|
|
6580
|
+
readonly s?: SpacingValueType | undefined;
|
|
6581
|
+
readonly m?: SpacingValueType | undefined;
|
|
6582
|
+
readonly l?: SpacingValueType | undefined;
|
|
6583
|
+
readonly xl?: SpacingValueType | undefined;
|
|
6584
|
+
};
|
|
6585
|
+
overflowX: never;
|
|
6586
|
+
overflowY: never;
|
|
6587
|
+
textAlign: never;
|
|
6588
|
+
overflow?: "hidden" | "scroll" | "visible" | {
|
|
6589
|
+
readonly base?: "hidden" | "scroll" | "visible" | undefined;
|
|
6590
|
+
readonly xs?: "hidden" | "scroll" | "visible" | undefined;
|
|
6591
|
+
readonly s?: "hidden" | "scroll" | "visible" | undefined;
|
|
6592
|
+
readonly m?: "hidden" | "scroll" | "visible" | undefined;
|
|
6593
|
+
readonly l?: "hidden" | "scroll" | "visible" | undefined;
|
|
6594
|
+
readonly xl?: "hidden" | "scroll" | "visible" | undefined;
|
|
6595
|
+
} | undefined;
|
|
6596
|
+
__brand__?: "platform-native" | {
|
|
6597
|
+
readonly base?: "platform-native" | undefined;
|
|
6598
|
+
readonly xs?: "platform-native" | undefined;
|
|
6599
|
+
readonly s?: "platform-native" | undefined;
|
|
6600
|
+
readonly m?: "platform-native" | undefined;
|
|
6601
|
+
readonly l?: "platform-native" | undefined;
|
|
6602
|
+
readonly xl?: "platform-native" | undefined;
|
|
6603
|
+
} | undefined;
|
|
6604
|
+
}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
6605
|
+
|
|
6606
|
+
declare type TagProps = {
|
|
6607
|
+
/**
|
|
6608
|
+
* Decides the size of Tag
|
|
6609
|
+
*
|
|
6610
|
+
* @default medium
|
|
6611
|
+
*/
|
|
6612
|
+
size?: 'medium' | 'large';
|
|
6613
|
+
/**
|
|
6614
|
+
* Leading icon for your Tag
|
|
6615
|
+
*/
|
|
6616
|
+
icon?: IconComponent$1;
|
|
6617
|
+
/**
|
|
6618
|
+
* Callback when close icon on Tag is clicked
|
|
6619
|
+
*/
|
|
6620
|
+
onDismiss: () => void;
|
|
6621
|
+
/**
|
|
6622
|
+
* Text that renders inside Tag
|
|
6623
|
+
*/
|
|
6624
|
+
children: StringChildrenType;
|
|
6625
|
+
/**
|
|
6626
|
+
* Disable tag
|
|
6627
|
+
*/
|
|
6628
|
+
isDisabled?: boolean;
|
|
6629
|
+
/**
|
|
6630
|
+
* Private property for Blade.
|
|
6631
|
+
*
|
|
6632
|
+
* Should not be used by consumers.
|
|
6633
|
+
*
|
|
6634
|
+
* Used for adding virtual focus on tag.
|
|
6635
|
+
*
|
|
6636
|
+
* @private
|
|
6637
|
+
*
|
|
6638
|
+
*/
|
|
6639
|
+
_isTagFocussed?: boolean;
|
|
6640
|
+
} & StyledPropsBlade$1 & TestID;
|
|
6641
|
+
/**
|
|
6642
|
+
* ## Tags
|
|
6643
|
+
*
|
|
6644
|
+
* Tag component can be used to display selected items on UI.
|
|
6645
|
+
*
|
|
6646
|
+
* ### Usage
|
|
6647
|
+
*
|
|
6648
|
+
* ***Note:*** _Make sure to handle state when using Tag_
|
|
6649
|
+
*
|
|
6650
|
+
* ```jsx
|
|
6651
|
+
* const [showTag, setShowTag] = React.useState(true);
|
|
6652
|
+
*
|
|
6653
|
+
* // ...
|
|
6654
|
+
*
|
|
6655
|
+
* {showTag && (
|
|
6656
|
+
* <Tag
|
|
6657
|
+
* icon={CheckIcon}
|
|
6658
|
+
* onDismiss={() => setShowTag(false)}
|
|
6659
|
+
* >
|
|
6660
|
+
* Transactions
|
|
6661
|
+
* </Tag>
|
|
6662
|
+
* )}
|
|
6663
|
+
* ```
|
|
6664
|
+
*
|
|
6665
|
+
* Checkout [Tags Documentation](https://blade.razorpay.com/?path=/story/components-tag--default) for more info.
|
|
6666
|
+
*
|
|
6667
|
+
*/
|
|
6668
|
+
declare const Tag: ({ size, icon, onDismiss, children, isDisabled, testID, _isTagFocussed, ...styledProps }: TagProps) => React__default.ReactElement | null;
|
|
6050
6669
|
|
|
6051
6670
|
declare type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'borderRadius'> & Partial<FlexboxProps> & {
|
|
6052
6671
|
contrast?: 'low' | 'high';
|
|
@@ -6341,4 +6960,4 @@ declare type BladeCommonEvents = {
|
|
|
6341
6960
|
}>;
|
|
6342
6961
|
};
|
|
6343
6962
|
|
|
6344
|
-
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, TagIcon, 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 };
|
|
6963
|
+
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 };
|