@razorpay/blade 10.3.1 → 10.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.
@@ -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;
@@ -3144,10 +3146,68 @@ declare type CardProps = {
3144
3146
  * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page
3145
3147
  */
3146
3148
  padding?: Extract<SpacingValueType$1, 'spacing.0' | 'spacing.3' | 'spacing.5' | 'spacing.7'>;
3149
+ /**
3150
+ * Sets the width of the card
3151
+ */
3147
3152
  width?: BoxProps$1['width'];
3153
+ /**
3154
+ * Sets the height of the card
3155
+ */
3148
3156
  height?: BoxProps$1['height'];
3157
+ /**
3158
+ * If `true`, the card will be in selected state
3159
+ * Card will have a primary color border around it.
3160
+ *
3161
+ * @default false
3162
+ */
3163
+ isSelected?: boolean;
3164
+ /**
3165
+ * Makes the Card linkable by setting the `href` prop
3166
+ *
3167
+ * @default undefined
3168
+ */
3169
+ href?: string;
3170
+ /**
3171
+ * Sets the `target` attribute for the linkable card
3172
+ */
3173
+ target?: string;
3174
+ /**
3175
+ * Sets the `rel` attribute for the linkable card
3176
+ */
3177
+ rel?: string;
3178
+ /**
3179
+ * Sets the accessibility label for the card
3180
+ * This is useful when the card has an `href` or `onClick` prop
3181
+ * Setting this will announce the label when the card is focused
3182
+ */
3183
+ accessibilityLabel?: string;
3184
+ /**
3185
+ * If `true`, the card will scale up on hover
3186
+ *
3187
+ * On mobile devices it will scale down on press
3188
+ *
3189
+ * @default false
3190
+ */
3191
+ shouldScaleOnHover?: boolean;
3192
+ /**
3193
+ * Callback triggered when the card is hovered
3194
+ */
3195
+ onHover?: () => void;
3196
+ /**
3197
+ * Callback triggered when the card is clicked
3198
+ */
3199
+ onClick?: () => void;
3200
+ /**
3201
+ * Sets the HTML element for the Card
3202
+ *
3203
+ * When `as` is set to `label`, the card will be rendered as a label element
3204
+ * This can be used to create a custom checkbox or radio button using the card
3205
+ *
3206
+ * @default undefined
3207
+ */
3208
+ as?: 'label';
3149
3209
  } & TestID & StyledPropsBlade$1;
3150
- declare const Card: ({ children, surfaceLevel, elevation, testID, padding, width, height, ...styledProps }: CardProps) => React__default.ReactElement;
3210
+ declare const Card: ({ children, surfaceLevel, elevation, testID, padding, width, height, onClick, isSelected, accessibilityLabel, shouldScaleOnHover, onHover, href, target, rel, as, ...styledProps }: CardProps) => React__default.ReactElement;
3151
3211
  declare type CardBodyProps = {
3152
3212
  children: React__default.ReactNode;
3153
3213
  height?: BoxProps$1['height'];
@@ -4144,6 +4204,264 @@ declare type CarouselItemProps = {
4144
4204
  };
4145
4205
  declare const CarouselItem: ({ children }: CarouselItemProps) => React__default.ReactElement;
4146
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
+
4147
4465
  declare type DividerProps = {
4148
4466
  /**
4149
4467
  * Sets the orientation of divider
@@ -7159,4 +7477,4 @@ declare type BladeCommonEvents = {
7159
7477
  }>;
7160
7478
  };
7161
7479
 
7162
- 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 };