@razorpay/blade 10.3.2 → 10.4.1
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 +457 -71
- package/build/components/index.development.web.js +2454 -1881
- package/build/components/index.development.web.js.map +1 -1
- package/build/components/index.native.d.ts +296 -36
- package/build/components/index.native.js +318 -302
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.production.web.js +2431 -1888
- package/build/components/index.production.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +2 -1
- package/build/css/bankingThemeDarkMobile.css +2 -1
- package/build/css/bankingThemeLightDesktop.css +2 -1
- package/build/css/bankingThemeLightMobile.css +2 -1
- package/build/css/paymentThemeDarkDesktop.css +2 -1
- package/build/css/paymentThemeDarkMobile.css +2 -1
- package/build/css/paymentThemeLightDesktop.css +2 -1
- package/build/css/paymentThemeLightMobile.css +2 -1
- package/build/tokens/index.d.ts +4 -0
- package/build/tokens/index.development.web.js +2 -1
- package/build/tokens/index.development.web.js.map +1 -1
- package/build/tokens/index.native.d.ts +4 -0
- package/build/tokens/index.native.js +1 -1
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.production.web.js +2 -1
- package/build/tokens/index.production.web.js.map +1 -1
- package/build/utils/index.d.ts +2 -0
- package/build/utils/index.native.d.ts +2 -0
- package/package.json +1 -1
|
@@ -30,6 +30,8 @@ type BorderWidth = Readonly<{
|
|
|
30
30
|
thin: 1;
|
|
31
31
|
/** thick: 1.5(px/rem/pt) */
|
|
32
32
|
thick: 1.5;
|
|
33
|
+
/** thicker: 2(px/rem/pt) */
|
|
34
|
+
thicker: 2;
|
|
33
35
|
}>;
|
|
34
36
|
|
|
35
37
|
type Border = Readonly<{
|
|
@@ -2966,13 +2968,13 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
|
|
|
2966
2968
|
readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
|
|
2967
2969
|
readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
|
|
2968
2970
|
};
|
|
2969
|
-
borderBottomWidth: "none" | "thinner" | "thin" | "thick" | {
|
|
2970
|
-
readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2971
|
-
readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2972
|
-
readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2973
|
-
readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2974
|
-
readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2975
|
-
readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2971
|
+
borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
|
|
2972
|
+
readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2973
|
+
readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2974
|
+
readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2975
|
+
readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2976
|
+
readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2977
|
+
readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2976
2978
|
};
|
|
2977
2979
|
borderLeftColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
|
|
2978
2980
|
readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
|
|
@@ -2982,13 +2984,13 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
|
|
|
2982
2984
|
readonly l?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
|
|
2983
2985
|
readonly xl?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
|
|
2984
2986
|
};
|
|
2985
|
-
borderLeftWidth: "none" | "thinner" | "thin" | "thick" | {
|
|
2986
|
-
readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2987
|
-
readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2988
|
-
readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2989
|
-
readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2990
|
-
readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2991
|
-
readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2987
|
+
borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
|
|
2988
|
+
readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2989
|
+
readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2990
|
+
readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2991
|
+
readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2992
|
+
readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2993
|
+
readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
2992
2994
|
};
|
|
2993
2995
|
borderRightColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
|
|
2994
2996
|
readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
|
|
@@ -2998,13 +3000,13 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
|
|
|
2998
3000
|
readonly l?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
|
|
2999
3001
|
readonly xl?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
|
|
3000
3002
|
};
|
|
3001
|
-
borderRightWidth: "none" | "thinner" | "thin" | "thick" | {
|
|
3002
|
-
readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3003
|
-
readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3004
|
-
readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3005
|
-
readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3006
|
-
readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3007
|
-
readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3003
|
+
borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
|
|
3004
|
+
readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3005
|
+
readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3006
|
+
readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3007
|
+
readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3008
|
+
readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3009
|
+
readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3008
3010
|
};
|
|
3009
3011
|
borderTopColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
|
|
3010
3012
|
readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
|
|
@@ -3030,13 +3032,13 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
|
|
|
3030
3032
|
readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
|
|
3031
3033
|
readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
|
|
3032
3034
|
};
|
|
3033
|
-
borderTopWidth: "none" | "thinner" | "thin" | "thick" | {
|
|
3034
|
-
readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3035
|
-
readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3036
|
-
readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3037
|
-
readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3038
|
-
readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3039
|
-
readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3035
|
+
borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
|
|
3036
|
+
readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3037
|
+
readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3038
|
+
readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3039
|
+
readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3040
|
+
readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3041
|
+
readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3040
3042
|
};
|
|
3041
3043
|
pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
|
|
3042
3044
|
readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
|
|
@@ -3063,13 +3065,13 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
|
|
|
3063
3065
|
readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
|
|
3064
3066
|
readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
|
|
3065
3067
|
};
|
|
3066
|
-
borderWidth: "none" | "thinner" | "thin" | "thick" | {
|
|
3067
|
-
readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3068
|
-
readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3069
|
-
readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3070
|
-
readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3071
|
-
readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3072
|
-
readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
3068
|
+
borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
|
|
3069
|
+
readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3070
|
+
readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3071
|
+
readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3072
|
+
readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3073
|
+
readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3074
|
+
readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
3073
3075
|
};
|
|
3074
3076
|
__brand__?: "platform-native" | {
|
|
3075
3077
|
readonly base?: "platform-native" | undefined;
|
|
@@ -4202,6 +4204,264 @@ declare type CarouselItemProps = {
|
|
|
4202
4204
|
};
|
|
4203
4205
|
declare const CarouselItem: ({ children }: CarouselItemProps) => React__default.ReactElement;
|
|
4204
4206
|
|
|
4207
|
+
declare type ChipProps = {
|
|
4208
|
+
/**
|
|
4209
|
+
* Sets the label of the Chip
|
|
4210
|
+
*/
|
|
4211
|
+
children: StringChildrenType;
|
|
4212
|
+
/**
|
|
4213
|
+
* Displays the Blade Icon component within the Chip
|
|
4214
|
+
* Accepts a component of type `IconComponent` from Blade.
|
|
4215
|
+
*
|
|
4216
|
+
*/
|
|
4217
|
+
icon?: IconComponent$1;
|
|
4218
|
+
/**
|
|
4219
|
+
* Sets the Chip's visual intent
|
|
4220
|
+
*
|
|
4221
|
+
*/
|
|
4222
|
+
intent?: 'positive' | 'negative' | 'none';
|
|
4223
|
+
/**
|
|
4224
|
+
* If `true`, the Chip will be disabled
|
|
4225
|
+
*
|
|
4226
|
+
* @default false
|
|
4227
|
+
*/
|
|
4228
|
+
isDisabled?: boolean;
|
|
4229
|
+
/**
|
|
4230
|
+
* The value to be used in the Chip input.
|
|
4231
|
+
* This is the value that will be returned on form submission.
|
|
4232
|
+
* Use `onChange` to update its value
|
|
4233
|
+
*/
|
|
4234
|
+
value?: string;
|
|
4235
|
+
} & TestID & StyledPropsBlade$1;
|
|
4236
|
+
declare type ChipGroupProps = {
|
|
4237
|
+
/**
|
|
4238
|
+
* Accessibility label for the ChipGroup
|
|
4239
|
+
*/
|
|
4240
|
+
accessibilityLabel: string;
|
|
4241
|
+
/**
|
|
4242
|
+
* Accepts multiple Chip components as children
|
|
4243
|
+
*/
|
|
4244
|
+
children: React.ReactNode;
|
|
4245
|
+
/**
|
|
4246
|
+
* Sets the initial value of the ChipGroup component.
|
|
4247
|
+
*/
|
|
4248
|
+
defaultValue?: string | string[];
|
|
4249
|
+
/**
|
|
4250
|
+
* Controls the interactive state of the ChipGroup. When set to true, all contained Chip elements become non-interactive and visually disabled.
|
|
4251
|
+
* Setting it to false enables normal user interaction. Useful for temporarily disabling user input within the ChipGroup.
|
|
4252
|
+
*
|
|
4253
|
+
* @default false
|
|
4254
|
+
*/
|
|
4255
|
+
isDisabled?: boolean;
|
|
4256
|
+
/**
|
|
4257
|
+
* Specifies the name attribute for the ChipGroup component.
|
|
4258
|
+
* When provided, this attribute ensures that the Chip elements within the group are semantically associated, allowing them to be grouped logically for form submission.
|
|
4259
|
+
* This can be particularly useful in scenarios where the ChipGroup is part of a larger form and needs to be identified as a distinct entity when the form is submitted.
|
|
4260
|
+
* If not provided, a default unique identifier will be generated internally.
|
|
4261
|
+
*/
|
|
4262
|
+
name?: string;
|
|
4263
|
+
/**
|
|
4264
|
+
* The callback invoked on any state change within the ChipGroup
|
|
4265
|
+
*/
|
|
4266
|
+
onChange?: ({ name, values }: {
|
|
4267
|
+
name: string;
|
|
4268
|
+
values: string[];
|
|
4269
|
+
}) => void;
|
|
4270
|
+
/**
|
|
4271
|
+
* Defines the selection behavior within the ChipGroup component.
|
|
4272
|
+
* When set to 'single', only one Chip can be selected at a time, akin to a radio button group.
|
|
4273
|
+
* When set to 'multiple', multiple Chips can be concurrently selected, simulating checkbox-like behavior within the group.
|
|
4274
|
+
*
|
|
4275
|
+
* @default "single"
|
|
4276
|
+
*/
|
|
4277
|
+
selectionType?: 'single' | 'multiple';
|
|
4278
|
+
/**
|
|
4279
|
+
* Specifies the size of the rendered Chips withing the ChipGroup
|
|
4280
|
+
*
|
|
4281
|
+
* @default "small"
|
|
4282
|
+
*/
|
|
4283
|
+
size?: 'xsmall' | 'small' | 'medium' | 'large';
|
|
4284
|
+
/**
|
|
4285
|
+
* Value of the Chip group
|
|
4286
|
+
* Acts as a controlled component by specifying the ChipGroup value
|
|
4287
|
+
* Use `onChange` to update its value
|
|
4288
|
+
*/
|
|
4289
|
+
value?: string | string[];
|
|
4290
|
+
/**
|
|
4291
|
+
* Sets the ChipGroups's visual intent, it will propagate down to all the Chips
|
|
4292
|
+
*
|
|
4293
|
+
* @default "none"
|
|
4294
|
+
*/
|
|
4295
|
+
intent?: 'positive' | 'negative' | 'none';
|
|
4296
|
+
} & TestID & StyledPropsBlade$1;
|
|
4297
|
+
|
|
4298
|
+
declare const Chip: React__default.ForwardRefExoticComponent<{
|
|
4299
|
+
children: StringChildrenType;
|
|
4300
|
+
icon?: IconComponent | undefined;
|
|
4301
|
+
intent?: "none" | "negative" | "positive" | undefined;
|
|
4302
|
+
isDisabled?: boolean | undefined;
|
|
4303
|
+
value?: string | undefined;
|
|
4304
|
+
} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
|
|
4305
|
+
bottom: SpacingValueType | {
|
|
4306
|
+
readonly base?: SpacingValueType | undefined;
|
|
4307
|
+
readonly xs?: SpacingValueType | undefined;
|
|
4308
|
+
readonly s?: SpacingValueType | undefined;
|
|
4309
|
+
readonly m?: SpacingValueType | undefined;
|
|
4310
|
+
readonly l?: SpacingValueType | undefined;
|
|
4311
|
+
readonly xl?: SpacingValueType | undefined;
|
|
4312
|
+
};
|
|
4313
|
+
left: SpacingValueType | {
|
|
4314
|
+
readonly base?: SpacingValueType | undefined;
|
|
4315
|
+
readonly xs?: SpacingValueType | undefined;
|
|
4316
|
+
readonly s?: SpacingValueType | undefined;
|
|
4317
|
+
readonly m?: SpacingValueType | undefined;
|
|
4318
|
+
readonly l?: SpacingValueType | undefined;
|
|
4319
|
+
readonly xl?: SpacingValueType | undefined;
|
|
4320
|
+
};
|
|
4321
|
+
position?: "absolute" | "relative" | {
|
|
4322
|
+
readonly base?: "absolute" | "relative" | undefined;
|
|
4323
|
+
readonly xs?: "absolute" | "relative" | undefined;
|
|
4324
|
+
readonly s?: "absolute" | "relative" | undefined;
|
|
4325
|
+
readonly m?: "absolute" | "relative" | undefined;
|
|
4326
|
+
readonly l?: "absolute" | "relative" | undefined;
|
|
4327
|
+
readonly xl?: "absolute" | "relative" | undefined;
|
|
4328
|
+
} | undefined;
|
|
4329
|
+
right: SpacingValueType | {
|
|
4330
|
+
readonly base?: SpacingValueType | undefined;
|
|
4331
|
+
readonly xs?: SpacingValueType | undefined;
|
|
4332
|
+
readonly s?: SpacingValueType | undefined;
|
|
4333
|
+
readonly m?: SpacingValueType | undefined;
|
|
4334
|
+
readonly l?: SpacingValueType | undefined;
|
|
4335
|
+
readonly xl?: SpacingValueType | undefined;
|
|
4336
|
+
};
|
|
4337
|
+
top: SpacingValueType | {
|
|
4338
|
+
readonly base?: SpacingValueType | undefined;
|
|
4339
|
+
readonly xs?: SpacingValueType | undefined;
|
|
4340
|
+
readonly s?: SpacingValueType | undefined;
|
|
4341
|
+
readonly m?: SpacingValueType | undefined;
|
|
4342
|
+
readonly l?: SpacingValueType | undefined;
|
|
4343
|
+
readonly xl?: SpacingValueType | undefined;
|
|
4344
|
+
};
|
|
4345
|
+
zIndex?: number | {
|
|
4346
|
+
readonly base?: number | undefined;
|
|
4347
|
+
readonly xs?: number | undefined;
|
|
4348
|
+
readonly s?: number | undefined;
|
|
4349
|
+
readonly m?: number | undefined;
|
|
4350
|
+
readonly l?: number | undefined;
|
|
4351
|
+
readonly xl?: number | undefined;
|
|
4352
|
+
} | undefined;
|
|
4353
|
+
__brand__?: "platform-native" | {
|
|
4354
|
+
readonly base?: "platform-native" | undefined;
|
|
4355
|
+
readonly xs?: "platform-native" | undefined;
|
|
4356
|
+
readonly s?: "platform-native" | undefined;
|
|
4357
|
+
readonly m?: "platform-native" | undefined;
|
|
4358
|
+
readonly l?: "platform-native" | undefined;
|
|
4359
|
+
readonly xl?: "platform-native" | undefined;
|
|
4360
|
+
} | undefined;
|
|
4361
|
+
} & Pick<{
|
|
4362
|
+
gridAutoColumns: never;
|
|
4363
|
+
gridAutoFlow: never;
|
|
4364
|
+
gridAutoRows: never;
|
|
4365
|
+
gridColumnEnd: never;
|
|
4366
|
+
gridColumnStart: never;
|
|
4367
|
+
gridRowEnd: never;
|
|
4368
|
+
gridRowStart: never;
|
|
4369
|
+
gridTemplateAreas: never;
|
|
4370
|
+
gridTemplateColumns: never;
|
|
4371
|
+
gridTemplateRows: never;
|
|
4372
|
+
grid: never;
|
|
4373
|
+
gridArea: never;
|
|
4374
|
+
gridColumn: never;
|
|
4375
|
+
gridRow: never;
|
|
4376
|
+
gridTemplate: never;
|
|
4377
|
+
__brand__?: "platform-native" | {
|
|
4378
|
+
readonly base?: "platform-native" | undefined;
|
|
4379
|
+
readonly xs?: "platform-native" | undefined;
|
|
4380
|
+
readonly s?: "platform-native" | undefined;
|
|
4381
|
+
readonly m?: "platform-native" | undefined;
|
|
4382
|
+
readonly l?: "platform-native" | undefined;
|
|
4383
|
+
readonly xl?: "platform-native" | undefined;
|
|
4384
|
+
} | undefined;
|
|
4385
|
+
}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
|
|
4386
|
+
width: SpacingValueType | {
|
|
4387
|
+
readonly base?: SpacingValueType | undefined;
|
|
4388
|
+
readonly xs?: SpacingValueType | undefined;
|
|
4389
|
+
readonly s?: SpacingValueType | undefined;
|
|
4390
|
+
readonly m?: SpacingValueType | undefined;
|
|
4391
|
+
readonly l?: SpacingValueType | undefined;
|
|
4392
|
+
readonly xl?: SpacingValueType | undefined;
|
|
4393
|
+
};
|
|
4394
|
+
display?: "none" | "flex" | {
|
|
4395
|
+
readonly base?: "none" | "flex" | undefined;
|
|
4396
|
+
readonly xs?: "none" | "flex" | undefined;
|
|
4397
|
+
readonly s?: "none" | "flex" | undefined;
|
|
4398
|
+
readonly m?: "none" | "flex" | undefined;
|
|
4399
|
+
readonly l?: "none" | "flex" | undefined;
|
|
4400
|
+
readonly xl?: "none" | "flex" | undefined;
|
|
4401
|
+
} | undefined;
|
|
4402
|
+
height: SpacingValueType | {
|
|
4403
|
+
readonly base?: SpacingValueType | undefined;
|
|
4404
|
+
readonly xs?: SpacingValueType | undefined;
|
|
4405
|
+
readonly s?: SpacingValueType | undefined;
|
|
4406
|
+
readonly m?: SpacingValueType | undefined;
|
|
4407
|
+
readonly l?: SpacingValueType | undefined;
|
|
4408
|
+
readonly xl?: SpacingValueType | undefined;
|
|
4409
|
+
};
|
|
4410
|
+
maxHeight: SpacingValueType | {
|
|
4411
|
+
readonly base?: SpacingValueType | undefined;
|
|
4412
|
+
readonly xs?: SpacingValueType | undefined;
|
|
4413
|
+
readonly s?: SpacingValueType | undefined;
|
|
4414
|
+
readonly m?: SpacingValueType | undefined;
|
|
4415
|
+
readonly l?: SpacingValueType | undefined;
|
|
4416
|
+
readonly xl?: SpacingValueType | undefined;
|
|
4417
|
+
};
|
|
4418
|
+
maxWidth: SpacingValueType | {
|
|
4419
|
+
readonly base?: SpacingValueType | undefined;
|
|
4420
|
+
readonly xs?: SpacingValueType | undefined;
|
|
4421
|
+
readonly s?: SpacingValueType | undefined;
|
|
4422
|
+
readonly m?: SpacingValueType | undefined;
|
|
4423
|
+
readonly l?: SpacingValueType | undefined;
|
|
4424
|
+
readonly xl?: SpacingValueType | undefined;
|
|
4425
|
+
};
|
|
4426
|
+
minHeight: SpacingValueType | {
|
|
4427
|
+
readonly base?: SpacingValueType | undefined;
|
|
4428
|
+
readonly xs?: SpacingValueType | undefined;
|
|
4429
|
+
readonly s?: SpacingValueType | undefined;
|
|
4430
|
+
readonly m?: SpacingValueType | undefined;
|
|
4431
|
+
readonly l?: SpacingValueType | undefined;
|
|
4432
|
+
readonly xl?: SpacingValueType | undefined;
|
|
4433
|
+
};
|
|
4434
|
+
minWidth: SpacingValueType | {
|
|
4435
|
+
readonly base?: SpacingValueType | undefined;
|
|
4436
|
+
readonly xs?: SpacingValueType | undefined;
|
|
4437
|
+
readonly s?: SpacingValueType | undefined;
|
|
4438
|
+
readonly m?: SpacingValueType | undefined;
|
|
4439
|
+
readonly l?: SpacingValueType | undefined;
|
|
4440
|
+
readonly xl?: SpacingValueType | undefined;
|
|
4441
|
+
};
|
|
4442
|
+
overflowX: never;
|
|
4443
|
+
overflowY: never;
|
|
4444
|
+
textAlign: never;
|
|
4445
|
+
overflow?: "hidden" | "scroll" | "visible" | {
|
|
4446
|
+
readonly base?: "hidden" | "scroll" | "visible" | undefined;
|
|
4447
|
+
readonly xs?: "hidden" | "scroll" | "visible" | undefined;
|
|
4448
|
+
readonly s?: "hidden" | "scroll" | "visible" | undefined;
|
|
4449
|
+
readonly m?: "hidden" | "scroll" | "visible" | undefined;
|
|
4450
|
+
readonly l?: "hidden" | "scroll" | "visible" | undefined;
|
|
4451
|
+
readonly xl?: "hidden" | "scroll" | "visible" | undefined;
|
|
4452
|
+
} | undefined;
|
|
4453
|
+
__brand__?: "platform-native" | {
|
|
4454
|
+
readonly base?: "platform-native" | undefined;
|
|
4455
|
+
readonly xs?: "platform-native" | undefined;
|
|
4456
|
+
readonly s?: "platform-native" | undefined;
|
|
4457
|
+
readonly m?: "platform-native" | undefined;
|
|
4458
|
+
readonly l?: "platform-native" | undefined;
|
|
4459
|
+
readonly xl?: "platform-native" | undefined;
|
|
4460
|
+
} | undefined;
|
|
4461
|
+
}, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
4462
|
+
|
|
4463
|
+
declare const ChipGroup: ({ accessibilityLabel, children, isDisabled, name, defaultValue, onChange, value, size, intent, testID, selectionType, ...styledProps }: ChipGroupProps) => React__default.ReactElement;
|
|
4464
|
+
|
|
4205
4465
|
declare type DividerProps = {
|
|
4206
4466
|
/**
|
|
4207
4467
|
* Sets the orientation of divider
|
|
@@ -7217,4 +7477,4 @@ declare type BladeCommonEvents = {
|
|
|
7217
7477
|
}>;
|
|
7218
7478
|
};
|
|
7219
7479
|
|
|
7220
|
-
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, Carousel, CarouselItem, CarouselProps, 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 };
|
|
7480
|
+
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, Carousel, CarouselItem, CarouselProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, 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 };
|