@razorpay/blade 8.8.0 → 8.8.2

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.
Files changed (19) hide show
  1. package/build/components/index.d.ts +2144 -264
  2. package/build/components/index.native.d.ts +1324 -263
  3. package/build/components/index.native.js +11 -11
  4. package/build/components/index.native.js.map +1 -1
  5. package/build/components/index.web.js +40 -46
  6. package/build/components/index.web.js.map +1 -1
  7. package/build/css/bankingThemeDarkDesktop.css +1 -1
  8. package/build/css/bankingThemeDarkMobile.css +1 -1
  9. package/build/css/bankingThemeLightDesktop.css +32 -32
  10. package/build/css/bankingThemeLightMobile.css +32 -32
  11. package/build/css/paymentThemeDarkDesktop.css +1 -1
  12. package/build/css/paymentThemeDarkMobile.css +1 -1
  13. package/build/css/paymentThemeLightDesktop.css +32 -32
  14. package/build/css/paymentThemeLightMobile.css +32 -32
  15. package/build/tokens/index.native.js +2 -2
  16. package/build/tokens/index.native.js.map +1 -1
  17. package/build/tokens/index.web.js +62 -62
  18. package/build/tokens/index.web.js.map +1 -1
  19. package/package.json +1 -1
package/build/components/index.native.d.ts CHANGED
@@ -984,7 +984,7 @@ type TestID = {
984
984
  * native: PickIfExist<ViewStyle, T>;
985
985
  * ```
986
986
  */
987
- type PickIfExist$1<T, K extends keyof T> = {
987
+ type PickIfExist<T, K extends keyof T> = {
988
988
  [P in K]: P extends keyof T ? T[P] : never;
989
989
  };
990
990
 
@@ -998,10 +998,10 @@ type PickIfExist$1<T, K extends keyof T> = {
998
998
  * // On Native --> This will be just `flex` and `none`
999
999
  * ```
1000
1000
  */
1001
- type PickCSSByPlatform$1<T extends keyof React__default.CSSProperties | keyof ViewStyle> = Platform.Select<{
1002
- web: PickIfExist$1<CSSObject, T>;
1001
+ type PickCSSByPlatform<T extends keyof React__default.CSSProperties | keyof ViewStyle> = Platform.Select<{
1002
+ web: PickIfExist<CSSObject, T>;
1003
1003
  // @ts-expect-error: T passed here may not neccessarily exist. We return `never` type when it doesn't
1004
- native: PickIfExist$1<ViewStyle, T>;
1004
+ native: PickIfExist<ViewStyle, T>;
1005
1005
  }>;
1006
1006
 
1007
1007
  declare type ActionListContextProp = Pick<ActionListProps, 'surfaceLevel'>;
@@ -1073,7 +1073,14 @@ type MakeValueResponsive$1<T> = [T] extends [never]
1073
1073
  * }
1074
1074
  * ```
1075
1075
  */
1076
- type MakeObjectResponsive$1<T> = { [P in keyof T]: MakeValueResponsive$1<T[P]> };
1076
+ type MakeObjectResponsive$1<
1077
+ T,
1078
+ // using this workaround to preserve the jsdocs
1079
+ // https://github.com/microsoft/TypeScript/issues/31992
1080
+ K extends keyof T = Extract<keyof T, string>
1081
+ > = {
1082
+ [P in K]: MakeValueResponsive$1<T[P]>;
1083
+ };
1077
1084
 
1078
1085
  type ArrayOfMaxLength4$1<T> = readonly [T?, T?, T?, T?];
1079
1086
  type SpaceUnits$1 = 'px' | '%' | 'fr' | 'rem' | 'em' | 'vh' | 'vw';
@@ -1322,7 +1329,7 @@ type FlexboxProps$1 = MakeObjectResponsive$1<
1322
1329
  * @see https://developer.mozilla.org/docs/Web/CSS/flex
1323
1330
  */
1324
1331
  flex: string | number;
1325
- } & PickCSSByPlatform$1<
1332
+ } & PickCSSByPlatform<
1326
1333
  | 'flexWrap'
1327
1334
  | 'flexDirection'
1328
1335
  | 'flexGrow'
@@ -1345,11 +1352,11 @@ type PositionProps$1 = MakeObjectResponsive$1<
1345
1352
  right: SpacingValueType$1;
1346
1353
  bottom: SpacingValueType$1;
1347
1354
  left: SpacingValueType$1;
1348
- } & PickCSSByPlatform$1<'position' | 'zIndex'>
1355
+ } & PickCSSByPlatform<'position' | 'zIndex'>
1349
1356
  >;
1350
1357
 
1351
1358
  type GridProps$1 = MakeObjectResponsive$1<
1352
- PickCSSByPlatform$1<
1359
+ PickCSSByPlatform<
1353
1360
  | 'grid'
1354
1361
  | 'gridColumn'
1355
1362
  | 'gridRow'
@@ -1728,8 +1735,8 @@ declare type MakeValueResponsive<T> = [T] extends [never] ? never : T | {
1728
1735
  * }
1729
1736
  * ```
1730
1737
  */
1731
- declare type MakeObjectResponsive<T> = {
1732
- [P in keyof T]: MakeValueResponsive<T[P]>;
1738
+ declare type MakeObjectResponsive<T, K extends keyof T = Extract<keyof T, string>> = {
1739
+ [P in K]: MakeValueResponsive<T[P]>;
1733
1740
  };
1734
1741
 
1735
1742
  declare type ArrayOfMaxLength4<T> = readonly [T?, T?, T?, T?];
@@ -2172,7 +2179,7 @@ declare type LayoutProps = MakeObjectResponsive<{
2172
2179
  width: SpacingValueType;
2173
2180
  minWidth: SpacingValueType;
2174
2181
  maxWidth: SpacingValueType;
2175
- } & PickCSSByPlatform$1<'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign'>>;
2182
+ } & PickCSSByPlatform<'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign'>>;
2176
2183
  declare type FlexboxProps = MakeObjectResponsive<{
2177
2184
  /**
2178
2185
  * This uses the native gap property which might not work on older browsers.
@@ -2201,14 +2208,14 @@ declare type FlexboxProps = MakeObjectResponsive<{
2201
2208
  * @see https://developer.mozilla.org/docs/Web/CSS/flex
2202
2209
  */
2203
2210
  flex: string | number;
2204
- } & PickCSSByPlatform$1<'flexWrap' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'alignItems' | 'alignContent' | 'alignSelf' | 'justifyItems' | 'justifyContent' | 'justifySelf' | 'placeSelf' | 'order'>>;
2211
+ } & PickCSSByPlatform<'flexWrap' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'alignItems' | 'alignContent' | 'alignSelf' | 'justifyItems' | 'justifyContent' | 'justifySelf' | 'placeSelf' | 'order'>>;
2205
2212
  declare type PositionProps = MakeObjectResponsive<{
2206
2213
  top: SpacingValueType;
2207
2214
  right: SpacingValueType;
2208
2215
  bottom: SpacingValueType;
2209
2216
  left: SpacingValueType;
2210
- } & PickCSSByPlatform$1<'position' | 'zIndex'>>;
2211
- declare type GridProps = MakeObjectResponsive<PickCSSByPlatform$1<'grid' | 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea' | 'gridAutoFlow' | 'gridAutoRows' | 'gridAutoColumns' | 'gridTemplate' | 'gridTemplateAreas' | 'gridTemplateColumns' | 'gridTemplateRows'>>;
2217
+ } & PickCSSByPlatform<'position' | 'zIndex'>>;
2218
+ declare type GridProps = MakeObjectResponsive<PickCSSByPlatform<'grid' | 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea' | 'gridAutoFlow' | 'gridAutoRows' | 'gridAutoColumns' | 'gridTemplate' | 'gridTemplateAreas' | 'gridTemplateColumns' | 'gridTemplateRows'>>;
2212
2219
  declare type ColorObjects = 'feedback' | 'surface' | 'action';
2213
2220
  declare type BackgroundColorString<T extends ColorObjects> = `${T}.background.${DotNotationColorStringToken<Theme$1['colors'][T]['background']>}`;
2214
2221
  declare type BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationColorStringToken<Theme$1['colors'][T]['border']>}`;
@@ -2275,46 +2282,281 @@ declare type BoxRefType = Platform.Select<{
2275
2282
  native: View;
2276
2283
  }>;
2277
2284
 
2278
- declare const Box: React__default.ForwardRefExoticComponent<Partial<MakeObjectResponsive<{
2279
- padding: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
2280
- paddingX: SpacingValueType;
2281
- paddingY: SpacingValueType;
2282
- paddingTop: SpacingValueType;
2283
- paddingRight: SpacingValueType;
2284
- paddingBottom: SpacingValueType;
2285
- paddingLeft: SpacingValueType;
2286
- }> & MakeObjectResponsive<{
2287
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
2288
- marginX: SpacingValueType;
2289
- marginY: SpacingValueType;
2290
- marginTop: SpacingValueType;
2291
- marginRight: SpacingValueType;
2292
- marginBottom: SpacingValueType;
2293
- marginLeft: SpacingValueType;
2294
- }> & MakeObjectResponsive<{
2295
- height: SpacingValueType;
2296
- minHeight: SpacingValueType;
2297
- maxHeight: SpacingValueType;
2298
- width: SpacingValueType;
2299
- minWidth: SpacingValueType;
2300
- maxWidth: SpacingValueType;
2301
- } & PickIfExist$1<react_native.ViewStyle, "display" | "overflowX" | "overflowY" | "textAlign" | "overflow"> & {
2302
- __brand__?: "platform-native" | undefined;
2303
- }> & MakeObjectResponsive<{
2304
- gap: SpacingValueType;
2305
- rowGap: SpacingValueType;
2306
- columnGap: SpacingValueType;
2307
- flex: string | number;
2308
- } & PickIfExist$1<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
2309
- __brand__?: "platform-native" | undefined;
2310
- }> & MakeObjectResponsive<{
2311
- top: SpacingValueType;
2312
- right: SpacingValueType;
2313
- bottom: SpacingValueType;
2314
- left: SpacingValueType;
2315
- } & PickIfExist$1<react_native.ViewStyle, "position" | "zIndex"> & {
2316
- __brand__?: "platform-native" | undefined;
2317
- }> & MakeObjectResponsive<PickCSSByPlatform$1<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">> & {
2285
+ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps & MarginProps & {
2286
+ width: SpacingValueType | {
2287
+ readonly base?: SpacingValueType | undefined;
2288
+ readonly xs?: SpacingValueType | undefined;
2289
+ readonly s?: SpacingValueType | undefined;
2290
+ readonly m?: SpacingValueType | undefined;
2291
+ readonly l?: SpacingValueType | undefined;
2292
+ readonly xl?: SpacingValueType | undefined;
2293
+ };
2294
+ display?: "none" | "flex" | {
2295
+ readonly base?: "none" | "flex" | undefined;
2296
+ readonly xs?: "none" | "flex" | undefined;
2297
+ readonly s?: "none" | "flex" | undefined;
2298
+ readonly m?: "none" | "flex" | undefined;
2299
+ readonly l?: "none" | "flex" | undefined;
2300
+ readonly xl?: "none" | "flex" | undefined;
2301
+ } | undefined;
2302
+ height: SpacingValueType | {
2303
+ readonly base?: SpacingValueType | undefined;
2304
+ readonly xs?: SpacingValueType | undefined;
2305
+ readonly s?: SpacingValueType | undefined;
2306
+ readonly m?: SpacingValueType | undefined;
2307
+ readonly l?: SpacingValueType | undefined;
2308
+ readonly xl?: SpacingValueType | undefined;
2309
+ };
2310
+ maxHeight: SpacingValueType | {
2311
+ readonly base?: SpacingValueType | undefined;
2312
+ readonly xs?: SpacingValueType | undefined;
2313
+ readonly s?: SpacingValueType | undefined;
2314
+ readonly m?: SpacingValueType | undefined;
2315
+ readonly l?: SpacingValueType | undefined;
2316
+ readonly xl?: SpacingValueType | undefined;
2317
+ };
2318
+ maxWidth: SpacingValueType | {
2319
+ readonly base?: SpacingValueType | undefined;
2320
+ readonly xs?: SpacingValueType | undefined;
2321
+ readonly s?: SpacingValueType | undefined;
2322
+ readonly m?: SpacingValueType | undefined;
2323
+ readonly l?: SpacingValueType | undefined;
2324
+ readonly xl?: SpacingValueType | undefined;
2325
+ };
2326
+ minHeight: SpacingValueType | {
2327
+ readonly base?: SpacingValueType | undefined;
2328
+ readonly xs?: SpacingValueType | undefined;
2329
+ readonly s?: SpacingValueType | undefined;
2330
+ readonly m?: SpacingValueType | undefined;
2331
+ readonly l?: SpacingValueType | undefined;
2332
+ readonly xl?: SpacingValueType | undefined;
2333
+ };
2334
+ minWidth: SpacingValueType | {
2335
+ readonly base?: SpacingValueType | undefined;
2336
+ readonly xs?: SpacingValueType | undefined;
2337
+ readonly s?: SpacingValueType | undefined;
2338
+ readonly m?: SpacingValueType | undefined;
2339
+ readonly l?: SpacingValueType | undefined;
2340
+ readonly xl?: SpacingValueType | undefined;
2341
+ };
2342
+ overflowX: never;
2343
+ overflowY: never;
2344
+ textAlign: never;
2345
+ overflow?: "hidden" | "scroll" | "visible" | {
2346
+ readonly base?: "hidden" | "scroll" | "visible" | undefined;
2347
+ readonly xs?: "hidden" | "scroll" | "visible" | undefined;
2348
+ readonly s?: "hidden" | "scroll" | "visible" | undefined;
2349
+ readonly m?: "hidden" | "scroll" | "visible" | undefined;
2350
+ readonly l?: "hidden" | "scroll" | "visible" | undefined;
2351
+ readonly xl?: "hidden" | "scroll" | "visible" | undefined;
2352
+ } | undefined;
2353
+ __brand__?: "platform-native" | {
2354
+ readonly base?: "platform-native" | undefined;
2355
+ readonly xs?: "platform-native" | undefined;
2356
+ readonly s?: "platform-native" | undefined;
2357
+ readonly m?: "platform-native" | undefined;
2358
+ readonly l?: "platform-native" | undefined;
2359
+ readonly xl?: "platform-native" | undefined;
2360
+ } | undefined;
2361
+ } & {
2362
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
2363
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2364
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2365
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2366
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2367
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2368
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2369
+ } | undefined;
2370
+ alignItems?: react_native.FlexAlignType | {
2371
+ readonly base?: react_native.FlexAlignType | undefined;
2372
+ readonly xs?: react_native.FlexAlignType | undefined;
2373
+ readonly s?: react_native.FlexAlignType | undefined;
2374
+ readonly m?: react_native.FlexAlignType | undefined;
2375
+ readonly l?: react_native.FlexAlignType | undefined;
2376
+ readonly xl?: react_native.FlexAlignType | undefined;
2377
+ } | undefined;
2378
+ alignSelf?: "auto" | react_native.FlexAlignType | {
2379
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
2380
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
2381
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
2382
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
2383
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
2384
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
2385
+ } | undefined;
2386
+ columnGap: SpacingValueType | {
2387
+ readonly base?: SpacingValueType | undefined;
2388
+ readonly xs?: SpacingValueType | undefined;
2389
+ readonly s?: SpacingValueType | undefined;
2390
+ readonly m?: SpacingValueType | undefined;
2391
+ readonly l?: SpacingValueType | undefined;
2392
+ readonly xl?: SpacingValueType | undefined;
2393
+ };
2394
+ flexBasis?: string | number | {
2395
+ readonly base?: string | number | undefined;
2396
+ readonly xs?: string | number | undefined;
2397
+ readonly s?: string | number | undefined;
2398
+ readonly m?: string | number | undefined;
2399
+ readonly l?: string | number | undefined;
2400
+ readonly xl?: string | number | undefined;
2401
+ } | undefined;
2402
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
2403
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2404
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2405
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2406
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2407
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2408
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2409
+ } | undefined;
2410
+ flexGrow?: number | {
2411
+ readonly base?: number | undefined;
2412
+ readonly xs?: number | undefined;
2413
+ readonly s?: number | undefined;
2414
+ readonly m?: number | undefined;
2415
+ readonly l?: number | undefined;
2416
+ readonly xl?: number | undefined;
2417
+ } | undefined;
2418
+ flexShrink?: number | {
2419
+ readonly base?: number | undefined;
2420
+ readonly xs?: number | undefined;
2421
+ readonly s?: number | undefined;
2422
+ readonly m?: number | undefined;
2423
+ readonly l?: number | undefined;
2424
+ readonly xl?: number | undefined;
2425
+ } | undefined;
2426
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
2427
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2428
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2429
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2430
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2431
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2432
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2433
+ } | undefined;
2434
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
2435
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2436
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2437
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2438
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2439
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2440
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2441
+ } | undefined;
2442
+ justifyItems: never;
2443
+ justifySelf: never;
2444
+ order: never;
2445
+ rowGap: SpacingValueType | {
2446
+ readonly base?: SpacingValueType | undefined;
2447
+ readonly xs?: SpacingValueType | undefined;
2448
+ readonly s?: SpacingValueType | undefined;
2449
+ readonly m?: SpacingValueType | undefined;
2450
+ readonly l?: SpacingValueType | undefined;
2451
+ readonly xl?: SpacingValueType | undefined;
2452
+ };
2453
+ flex: string | number | {
2454
+ readonly base?: string | number | undefined;
2455
+ readonly xs?: string | number | undefined;
2456
+ readonly s?: string | number | undefined;
2457
+ readonly m?: string | number | undefined;
2458
+ readonly l?: string | number | undefined;
2459
+ readonly xl?: string | number | undefined;
2460
+ };
2461
+ gap: SpacingValueType | {
2462
+ readonly base?: SpacingValueType | undefined;
2463
+ readonly xs?: SpacingValueType | undefined;
2464
+ readonly s?: SpacingValueType | undefined;
2465
+ readonly m?: SpacingValueType | undefined;
2466
+ readonly l?: SpacingValueType | undefined;
2467
+ readonly xl?: SpacingValueType | undefined;
2468
+ };
2469
+ placeSelf: never;
2470
+ __brand__?: "platform-native" | {
2471
+ readonly base?: "platform-native" | undefined;
2472
+ readonly xs?: "platform-native" | undefined;
2473
+ readonly s?: "platform-native" | undefined;
2474
+ readonly m?: "platform-native" | undefined;
2475
+ readonly l?: "platform-native" | undefined;
2476
+ readonly xl?: "platform-native" | undefined;
2477
+ } | undefined;
2478
+ } & {
2479
+ bottom: SpacingValueType | {
2480
+ readonly base?: SpacingValueType | undefined;
2481
+ readonly xs?: SpacingValueType | undefined;
2482
+ readonly s?: SpacingValueType | undefined;
2483
+ readonly m?: SpacingValueType | undefined;
2484
+ readonly l?: SpacingValueType | undefined;
2485
+ readonly xl?: SpacingValueType | undefined;
2486
+ };
2487
+ left: SpacingValueType | {
2488
+ readonly base?: SpacingValueType | undefined;
2489
+ readonly xs?: SpacingValueType | undefined;
2490
+ readonly s?: SpacingValueType | undefined;
2491
+ readonly m?: SpacingValueType | undefined;
2492
+ readonly l?: SpacingValueType | undefined;
2493
+ readonly xl?: SpacingValueType | undefined;
2494
+ };
2495
+ position?: "absolute" | "relative" | {
2496
+ readonly base?: "absolute" | "relative" | undefined;
2497
+ readonly xs?: "absolute" | "relative" | undefined;
2498
+ readonly s?: "absolute" | "relative" | undefined;
2499
+ readonly m?: "absolute" | "relative" | undefined;
2500
+ readonly l?: "absolute" | "relative" | undefined;
2501
+ readonly xl?: "absolute" | "relative" | undefined;
2502
+ } | undefined;
2503
+ right: SpacingValueType | {
2504
+ readonly base?: SpacingValueType | undefined;
2505
+ readonly xs?: SpacingValueType | undefined;
2506
+ readonly s?: SpacingValueType | undefined;
2507
+ readonly m?: SpacingValueType | undefined;
2508
+ readonly l?: SpacingValueType | undefined;
2509
+ readonly xl?: SpacingValueType | undefined;
2510
+ };
2511
+ top: SpacingValueType | {
2512
+ readonly base?: SpacingValueType | undefined;
2513
+ readonly xs?: SpacingValueType | undefined;
2514
+ readonly s?: SpacingValueType | undefined;
2515
+ readonly m?: SpacingValueType | undefined;
2516
+ readonly l?: SpacingValueType | undefined;
2517
+ readonly xl?: SpacingValueType | undefined;
2518
+ };
2519
+ zIndex?: number | {
2520
+ readonly base?: number | undefined;
2521
+ readonly xs?: number | undefined;
2522
+ readonly s?: number | undefined;
2523
+ readonly m?: number | undefined;
2524
+ readonly l?: number | undefined;
2525
+ readonly xl?: number | undefined;
2526
+ } | undefined;
2527
+ __brand__?: "platform-native" | {
2528
+ readonly base?: "platform-native" | undefined;
2529
+ readonly xs?: "platform-native" | undefined;
2530
+ readonly s?: "platform-native" | undefined;
2531
+ readonly m?: "platform-native" | undefined;
2532
+ readonly l?: "platform-native" | undefined;
2533
+ readonly xl?: "platform-native" | undefined;
2534
+ } | undefined;
2535
+ } & {
2536
+ grid: never;
2537
+ gridAutoColumns: never;
2538
+ gridAutoFlow: never;
2539
+ gridAutoRows: never;
2540
+ gridColumnEnd: never;
2541
+ gridColumnStart: never;
2542
+ gridRowEnd: never;
2543
+ gridRowStart: never;
2544
+ gridTemplateAreas: never;
2545
+ gridTemplateColumns: never;
2546
+ gridTemplateRows: never;
2547
+ gridArea: never;
2548
+ gridColumn: never;
2549
+ gridRow: never;
2550
+ gridTemplate: never;
2551
+ __brand__?: "platform-native" | {
2552
+ readonly base?: "platform-native" | undefined;
2553
+ readonly xs?: "platform-native" | undefined;
2554
+ readonly s?: "platform-native" | undefined;
2555
+ readonly m?: "platform-native" | undefined;
2556
+ readonly l?: "platform-native" | undefined;
2557
+ readonly xl?: "platform-native" | undefined;
2558
+ } | undefined;
2559
+ } & {
2318
2560
  onMouseOver: undefined;
2319
2561
  onMouseEnter: undefined;
2320
2562
  onMouseLeave: undefined;
@@ -2336,7 +2578,7 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<MakeObjectRe
2336
2578
  borderTopRightRadius: "none" | "small" | "medium" | "large" | "max" | "round";
2337
2579
  borderBottomRightRadius: "none" | "small" | "medium" | "large" | "max" | "round";
2338
2580
  borderBottomLeftRadius: "none" | "small" | "medium" | "large" | "max" | "round";
2339
- }> & {
2581
+ }, "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderColor" | "borderRadius" | "borderWidth"> & {
2340
2582
  as: "header" | "main" | "label" | "aside" | "div" | "footer" | "nav" | "section" | "span";
2341
2583
  } & {
2342
2584
  children?: React__default.ReactNode | React__default.ReactNode[];
@@ -2619,6 +2861,37 @@ declare type ButtonWithIconProps = ButtonCommonProps & {
2619
2861
  declare type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;
2620
2862
  declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<BladeElementRef>>;
2621
2863
 
2864
+ declare type CounterProps = {
2865
+ /**
2866
+ * Sets the value for the counter.
2867
+ */
2868
+ value: number;
2869
+ /**
2870
+ * Sets the max value for the counter.
2871
+ * If value exceedes `max` it will render `value+`
2872
+ */
2873
+ max?: number;
2874
+ /**
2875
+ * Sets the intent of the counter.
2876
+ *
2877
+ * @default 'neutral'
2878
+ */
2879
+ intent?: Feedback;
2880
+ /**
2881
+ * Sets the contrast of the counter.
2882
+ *
2883
+ * @default 'low'
2884
+ */
2885
+ contrast?: 'high' | 'low';
2886
+ /**
2887
+ * Sets the size of the counter.
2888
+ *
2889
+ * @default 'medium'
2890
+ */
2891
+ size?: 'small' | 'medium' | 'large';
2892
+ } & TestID & StyledPropsBlade;
2893
+ declare const Counter: ({ value, max, intent, contrast, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
2894
+
2622
2895
  type FeedbackColors$1 = `feedback.text.${DotNotationColorStringToken<
2623
2896
  Theme$1['colors']['feedback']['text']
2624
2897
  >}`;
@@ -2705,41 +2978,10 @@ type TextProps$1<T> = T extends {
2705
2978
  : T
2706
2979
  : T;
2707
2980
 
2708
- type CounterProps$1 = {
2709
- /**
2710
- * Sets the value for the counter.
2711
- */
2712
- value: number;
2713
- /**
2714
- * Sets the max value for the counter.
2715
- * If value exceedes `max` it will render `value+`
2716
- */
2717
- max?: number;
2718
- /**
2719
- * Sets the intent of the counter.
2720
- *
2721
- * @default 'neutral'
2722
- */
2723
- intent?: Feedback;
2724
- /**
2725
- * Sets the contrast of the counter.
2726
- *
2727
- * @default 'low'
2728
- */
2729
- contrast?: 'high' | 'low';
2730
- /**
2731
- * Sets the size of the counter.
2732
- *
2733
- * @default 'medium'
2734
- */
2735
- size?: 'small' | 'medium' | 'large';
2736
- } & TestID &
2737
- StyledPropsBlade;
2738
-
2739
2981
  declare const CardHeaderIcon: ({ icon }: {
2740
2982
  icon: IconComponent$1;
2741
2983
  }) => React__default.ReactElement;
2742
- declare const CardHeaderCounter: (props: CounterProps$1) => React__default.ReactElement;
2984
+ declare const CardHeaderCounter: (props: CounterProps) => React__default.ReactElement;
2743
2985
  declare const CardHeaderBadge: (props: BadgeProps) => React__default.ReactElement;
2744
2986
  declare const CardHeaderText: (props: TextProps$1<{
2745
2987
  variant: TextVariant$1;
@@ -2825,37 +3067,6 @@ declare type IconButtonProps = {
2825
3067
  };
2826
3068
  declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<BladeElementRef>>;
2827
3069
 
2828
- declare type CounterProps = {
2829
- /**
2830
- * Sets the value for the counter.
2831
- */
2832
- value: number;
2833
- /**
2834
- * Sets the max value for the counter.
2835
- * If value exceedes `max` it will render `value+`
2836
- */
2837
- max?: number;
2838
- /**
2839
- * Sets the intent of the counter.
2840
- *
2841
- * @default 'neutral'
2842
- */
2843
- intent?: Feedback;
2844
- /**
2845
- * Sets the contrast of the counter.
2846
- *
2847
- * @default 'low'
2848
- */
2849
- contrast?: 'high' | 'low';
2850
- /**
2851
- * Sets the size of the counter.
2852
- *
2853
- * @default 'medium'
2854
- */
2855
- size?: 'small' | 'medium' | 'large';
2856
- } & TestID & StyledPropsBlade;
2857
- declare const Counter: ({ value, max, intent, contrast, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
2858
-
2859
3070
  declare type OnChange$1 = ({ isChecked, event, value, }: {
2860
3071
  isChecked: boolean;
2861
3072
  event?: React__default.ChangeEvent;
@@ -3018,29 +3229,205 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
3018
3229
  *
3019
3230
  */
3020
3231
  tabIndex?: number | undefined;
3021
- } & TestID & Partial<Omit<MakeObjectResponsive<{
3022
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
3023
- marginX: SpacingValueType;
3024
- marginY: SpacingValueType;
3025
- marginTop: SpacingValueType;
3026
- marginRight: SpacingValueType;
3027
- marginBottom: SpacingValueType;
3028
- marginLeft: SpacingValueType;
3029
- }> & Pick<MakeObjectResponsive<{
3030
- gap: SpacingValueType;
3031
- rowGap: SpacingValueType;
3032
- columnGap: SpacingValueType;
3033
- flex: string | number;
3034
- } & PickIfExist$1<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
3035
- __brand__?: "platform-native" | undefined;
3036
- }>, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & MakeObjectResponsive<{
3037
- top: SpacingValueType;
3038
- right: SpacingValueType;
3039
- bottom: SpacingValueType;
3040
- left: SpacingValueType;
3041
- } & PickIfExist$1<react_native.ViewStyle, "position" | "zIndex"> & {
3042
- __brand__?: "platform-native" | undefined;
3043
- }> & Pick<MakeObjectResponsive<PickCSSByPlatform$1<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">>, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
3232
+ } & TestID & Partial<Omit<MarginProps & Pick<{
3233
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
3234
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3235
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3236
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3237
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3238
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3239
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3240
+ } | undefined;
3241
+ alignItems?: react_native.FlexAlignType | {
3242
+ readonly base?: react_native.FlexAlignType | undefined;
3243
+ readonly xs?: react_native.FlexAlignType | undefined;
3244
+ readonly s?: react_native.FlexAlignType | undefined;
3245
+ readonly m?: react_native.FlexAlignType | undefined;
3246
+ readonly l?: react_native.FlexAlignType | undefined;
3247
+ readonly xl?: react_native.FlexAlignType | undefined;
3248
+ } | undefined;
3249
+ alignSelf?: "auto" | react_native.FlexAlignType | {
3250
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
3251
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
3252
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
3253
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
3254
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
3255
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
3256
+ } | undefined;
3257
+ columnGap: SpacingValueType | {
3258
+ readonly base?: SpacingValueType | undefined;
3259
+ readonly xs?: SpacingValueType | undefined;
3260
+ readonly s?: SpacingValueType | undefined;
3261
+ readonly m?: SpacingValueType | undefined;
3262
+ readonly l?: SpacingValueType | undefined;
3263
+ readonly xl?: SpacingValueType | undefined;
3264
+ };
3265
+ flexBasis?: string | number | {
3266
+ readonly base?: string | number | undefined;
3267
+ readonly xs?: string | number | undefined;
3268
+ readonly s?: string | number | undefined;
3269
+ readonly m?: string | number | undefined;
3270
+ readonly l?: string | number | undefined;
3271
+ readonly xl?: string | number | undefined;
3272
+ } | undefined;
3273
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
3274
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3275
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3276
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3277
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3278
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3279
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3280
+ } | undefined;
3281
+ flexGrow?: number | {
3282
+ readonly base?: number | undefined;
3283
+ readonly xs?: number | undefined;
3284
+ readonly s?: number | undefined;
3285
+ readonly m?: number | undefined;
3286
+ readonly l?: number | undefined;
3287
+ readonly xl?: number | undefined;
3288
+ } | undefined;
3289
+ flexShrink?: number | {
3290
+ readonly base?: number | undefined;
3291
+ readonly xs?: number | undefined;
3292
+ readonly s?: number | undefined;
3293
+ readonly m?: number | undefined;
3294
+ readonly l?: number | undefined;
3295
+ readonly xl?: number | undefined;
3296
+ } | undefined;
3297
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
3298
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3299
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3300
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3301
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3302
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3303
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3304
+ } | undefined;
3305
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
3306
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3307
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3308
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3309
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3310
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3311
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3312
+ } | undefined;
3313
+ justifyItems: never;
3314
+ justifySelf: never;
3315
+ order: never;
3316
+ rowGap: SpacingValueType | {
3317
+ readonly base?: SpacingValueType | undefined;
3318
+ readonly xs?: SpacingValueType | undefined;
3319
+ readonly s?: SpacingValueType | undefined;
3320
+ readonly m?: SpacingValueType | undefined;
3321
+ readonly l?: SpacingValueType | undefined;
3322
+ readonly xl?: SpacingValueType | undefined;
3323
+ };
3324
+ flex: string | number | {
3325
+ readonly base?: string | number | undefined;
3326
+ readonly xs?: string | number | undefined;
3327
+ readonly s?: string | number | undefined;
3328
+ readonly m?: string | number | undefined;
3329
+ readonly l?: string | number | undefined;
3330
+ readonly xl?: string | number | undefined;
3331
+ };
3332
+ gap: SpacingValueType | {
3333
+ readonly base?: SpacingValueType | undefined;
3334
+ readonly xs?: SpacingValueType | undefined;
3335
+ readonly s?: SpacingValueType | undefined;
3336
+ readonly m?: SpacingValueType | undefined;
3337
+ readonly l?: SpacingValueType | undefined;
3338
+ readonly xl?: SpacingValueType | undefined;
3339
+ };
3340
+ placeSelf: never;
3341
+ __brand__?: "platform-native" | {
3342
+ readonly base?: "platform-native" | undefined;
3343
+ readonly xs?: "platform-native" | undefined;
3344
+ readonly s?: "platform-native" | undefined;
3345
+ readonly m?: "platform-native" | undefined;
3346
+ readonly l?: "platform-native" | undefined;
3347
+ readonly xl?: "platform-native" | undefined;
3348
+ } | undefined;
3349
+ }, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
3350
+ bottom: SpacingValueType | {
3351
+ readonly base?: SpacingValueType | undefined;
3352
+ readonly xs?: SpacingValueType | undefined;
3353
+ readonly s?: SpacingValueType | undefined;
3354
+ readonly m?: SpacingValueType | undefined;
3355
+ readonly l?: SpacingValueType | undefined;
3356
+ readonly xl?: SpacingValueType | undefined;
3357
+ };
3358
+ left: SpacingValueType | {
3359
+ readonly base?: SpacingValueType | undefined;
3360
+ readonly xs?: SpacingValueType | undefined;
3361
+ readonly s?: SpacingValueType | undefined;
3362
+ readonly m?: SpacingValueType | undefined;
3363
+ readonly l?: SpacingValueType | undefined;
3364
+ readonly xl?: SpacingValueType | undefined;
3365
+ };
3366
+ position?: "absolute" | "relative" | {
3367
+ readonly base?: "absolute" | "relative" | undefined;
3368
+ readonly xs?: "absolute" | "relative" | undefined;
3369
+ readonly s?: "absolute" | "relative" | undefined;
3370
+ readonly m?: "absolute" | "relative" | undefined;
3371
+ readonly l?: "absolute" | "relative" | undefined;
3372
+ readonly xl?: "absolute" | "relative" | undefined;
3373
+ } | undefined;
3374
+ right: SpacingValueType | {
3375
+ readonly base?: SpacingValueType | undefined;
3376
+ readonly xs?: SpacingValueType | undefined;
3377
+ readonly s?: SpacingValueType | undefined;
3378
+ readonly m?: SpacingValueType | undefined;
3379
+ readonly l?: SpacingValueType | undefined;
3380
+ readonly xl?: SpacingValueType | undefined;
3381
+ };
3382
+ top: SpacingValueType | {
3383
+ readonly base?: SpacingValueType | undefined;
3384
+ readonly xs?: SpacingValueType | undefined;
3385
+ readonly s?: SpacingValueType | undefined;
3386
+ readonly m?: SpacingValueType | undefined;
3387
+ readonly l?: SpacingValueType | undefined;
3388
+ readonly xl?: SpacingValueType | undefined;
3389
+ };
3390
+ zIndex?: number | {
3391
+ readonly base?: number | undefined;
3392
+ readonly xs?: number | undefined;
3393
+ readonly s?: number | undefined;
3394
+ readonly m?: number | undefined;
3395
+ readonly l?: number | undefined;
3396
+ readonly xl?: number | undefined;
3397
+ } | undefined;
3398
+ __brand__?: "platform-native" | {
3399
+ readonly base?: "platform-native" | undefined;
3400
+ readonly xs?: "platform-native" | undefined;
3401
+ readonly s?: "platform-native" | undefined;
3402
+ readonly m?: "platform-native" | undefined;
3403
+ readonly l?: "platform-native" | undefined;
3404
+ readonly xl?: "platform-native" | undefined;
3405
+ } | undefined;
3406
+ } & Pick<{
3407
+ grid: never;
3408
+ gridAutoColumns: never;
3409
+ gridAutoFlow: never;
3410
+ gridAutoRows: never;
3411
+ gridColumnEnd: never;
3412
+ gridColumnStart: never;
3413
+ gridRowEnd: never;
3414
+ gridRowStart: never;
3415
+ gridTemplateAreas: never;
3416
+ gridTemplateColumns: never;
3417
+ gridTemplateRows: never;
3418
+ gridArea: never;
3419
+ gridColumn: never;
3420
+ gridRow: never;
3421
+ gridTemplate: never;
3422
+ __brand__?: "platform-native" | {
3423
+ readonly base?: "platform-native" | undefined;
3424
+ readonly xs?: "platform-native" | undefined;
3425
+ readonly s?: "platform-native" | undefined;
3426
+ readonly m?: "platform-native" | undefined;
3427
+ readonly l?: "platform-native" | undefined;
3428
+ readonly xl?: "platform-native" | undefined;
3429
+ } | undefined;
3430
+ }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
3044
3431
 
3045
3432
  declare type CheckboxGroupProps = {
3046
3433
  /**
@@ -3701,36 +4088,6 @@ declare type IconProps = {
3701
4088
  } & StyledPropsBlade;
3702
4089
  declare type IconComponent = React.ComponentType<IconProps>;
3703
4090
 
3704
- /**
3705
- * Similar to `Pick` except this returns `never` when value doesn't exist (native `Pick` returns `unknown`).
3706
- *
3707
- * You might have to ts-ignore the non-existing type error while using this. This is done so that you can get jsdoc from actual type.
3708
- *
3709
- * E.g. This will pick from ViewStyle prop if value exists else returns undefined.
3710
- *
3711
- * ```ts
3712
- * // @ts-expect-error: T passed here may not neccessarily exist. We return `never` type when it doesn't
3713
- * native: PickIfExist<ViewStyle, T>;
3714
- * ```
3715
- */
3716
- declare type PickIfExist<T, K extends keyof T> = {
3717
- [P in K]: P extends keyof T ? T[P] : never;
3718
- };
3719
- /**
3720
- * Picks the types based on the platform (web / native).
3721
- *
3722
- * E.g.
3723
- * ```ts
3724
- * type CSSObject = PickCSSByPlatform<'display'>
3725
- * // On Web --> This will be all possible web display properties like `block`, `flex`, `inline`, and more.
3726
- * // On Native --> This will be just `flex` and `none`
3727
- * ```
3728
- */
3729
- declare type PickCSSByPlatform<T extends keyof React__default.CSSProperties | keyof ViewStyle> = Platform.Select<{
3730
- web: PickIfExist<CSSObject, T>;
3731
- native: PickIfExist<ViewStyle, T>;
3732
- }>;
3733
-
3734
4091
  declare type FormInputLabelProps = {
3735
4092
  /**
3736
4093
  * Label to be shown for the input field
@@ -4074,29 +4431,205 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInput
4074
4431
  * @default text
4075
4432
  */
4076
4433
  type?: Type;
4077
- } & Partial<Omit<MakeObjectResponsive<{
4078
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
4079
- marginX: SpacingValueType;
4080
- marginY: SpacingValueType;
4081
- marginTop: SpacingValueType;
4082
- marginRight: SpacingValueType;
4083
- marginBottom: SpacingValueType;
4084
- marginLeft: SpacingValueType;
4085
- }> & Pick<MakeObjectResponsive<{
4086
- gap: SpacingValueType;
4087
- rowGap: SpacingValueType;
4088
- columnGap: SpacingValueType;
4089
- flex: string | number;
4090
- } & PickIfExist<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
4091
- __brand__?: "platform-native" | undefined;
4092
- }>, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & MakeObjectResponsive<{
4093
- top: SpacingValueType;
4094
- right: SpacingValueType;
4095
- bottom: SpacingValueType;
4096
- left: SpacingValueType;
4097
- } & PickIfExist<react_native.ViewStyle, "position" | "zIndex"> & {
4098
- __brand__?: "platform-native" | undefined;
4099
- }> & Pick<MakeObjectResponsive<PickCSSByPlatform<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">>, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4434
+ } & Partial<Omit<MarginProps & Pick<{
4435
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
4436
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4437
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4438
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4439
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4440
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4441
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4442
+ } | undefined;
4443
+ alignItems?: react_native.FlexAlignType | {
4444
+ readonly base?: react_native.FlexAlignType | undefined;
4445
+ readonly xs?: react_native.FlexAlignType | undefined;
4446
+ readonly s?: react_native.FlexAlignType | undefined;
4447
+ readonly m?: react_native.FlexAlignType | undefined;
4448
+ readonly l?: react_native.FlexAlignType | undefined;
4449
+ readonly xl?: react_native.FlexAlignType | undefined;
4450
+ } | undefined;
4451
+ alignSelf?: "auto" | react_native.FlexAlignType | {
4452
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
4453
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
4454
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
4455
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
4456
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
4457
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
4458
+ } | undefined;
4459
+ columnGap: SpacingValueType | {
4460
+ readonly base?: SpacingValueType | undefined;
4461
+ readonly xs?: SpacingValueType | undefined;
4462
+ readonly s?: SpacingValueType | undefined;
4463
+ readonly m?: SpacingValueType | undefined;
4464
+ readonly l?: SpacingValueType | undefined;
4465
+ readonly xl?: SpacingValueType | undefined;
4466
+ };
4467
+ flexBasis?: string | number | {
4468
+ readonly base?: string | number | undefined;
4469
+ readonly xs?: string | number | undefined;
4470
+ readonly s?: string | number | undefined;
4471
+ readonly m?: string | number | undefined;
4472
+ readonly l?: string | number | undefined;
4473
+ readonly xl?: string | number | undefined;
4474
+ } | undefined;
4475
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
4476
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4477
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4478
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4479
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4480
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4481
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4482
+ } | undefined;
4483
+ flexGrow?: number | {
4484
+ readonly base?: number | undefined;
4485
+ readonly xs?: number | undefined;
4486
+ readonly s?: number | undefined;
4487
+ readonly m?: number | undefined;
4488
+ readonly l?: number | undefined;
4489
+ readonly xl?: number | undefined;
4490
+ } | undefined;
4491
+ flexShrink?: number | {
4492
+ readonly base?: number | undefined;
4493
+ readonly xs?: number | undefined;
4494
+ readonly s?: number | undefined;
4495
+ readonly m?: number | undefined;
4496
+ readonly l?: number | undefined;
4497
+ readonly xl?: number | undefined;
4498
+ } | undefined;
4499
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
4500
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4501
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4502
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4503
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4504
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4505
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4506
+ } | undefined;
4507
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
4508
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4509
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4510
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4511
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4512
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4513
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4514
+ } | undefined;
4515
+ justifyItems: never;
4516
+ justifySelf: never;
4517
+ order: never;
4518
+ rowGap: SpacingValueType | {
4519
+ readonly base?: SpacingValueType | undefined;
4520
+ readonly xs?: SpacingValueType | undefined;
4521
+ readonly s?: SpacingValueType | undefined;
4522
+ readonly m?: SpacingValueType | undefined;
4523
+ readonly l?: SpacingValueType | undefined;
4524
+ readonly xl?: SpacingValueType | undefined;
4525
+ };
4526
+ flex: string | number | {
4527
+ readonly base?: string | number | undefined;
4528
+ readonly xs?: string | number | undefined;
4529
+ readonly s?: string | number | undefined;
4530
+ readonly m?: string | number | undefined;
4531
+ readonly l?: string | number | undefined;
4532
+ readonly xl?: string | number | undefined;
4533
+ };
4534
+ gap: SpacingValueType | {
4535
+ readonly base?: SpacingValueType | undefined;
4536
+ readonly xs?: SpacingValueType | undefined;
4537
+ readonly s?: SpacingValueType | undefined;
4538
+ readonly m?: SpacingValueType | undefined;
4539
+ readonly l?: SpacingValueType | undefined;
4540
+ readonly xl?: SpacingValueType | undefined;
4541
+ };
4542
+ placeSelf: never;
4543
+ __brand__?: "platform-native" | {
4544
+ readonly base?: "platform-native" | undefined;
4545
+ readonly xs?: "platform-native" | undefined;
4546
+ readonly s?: "platform-native" | undefined;
4547
+ readonly m?: "platform-native" | undefined;
4548
+ readonly l?: "platform-native" | undefined;
4549
+ readonly xl?: "platform-native" | undefined;
4550
+ } | undefined;
4551
+ }, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
4552
+ bottom: SpacingValueType | {
4553
+ readonly base?: SpacingValueType | undefined;
4554
+ readonly xs?: SpacingValueType | undefined;
4555
+ readonly s?: SpacingValueType | undefined;
4556
+ readonly m?: SpacingValueType | undefined;
4557
+ readonly l?: SpacingValueType | undefined;
4558
+ readonly xl?: SpacingValueType | undefined;
4559
+ };
4560
+ left: SpacingValueType | {
4561
+ readonly base?: SpacingValueType | undefined;
4562
+ readonly xs?: SpacingValueType | undefined;
4563
+ readonly s?: SpacingValueType | undefined;
4564
+ readonly m?: SpacingValueType | undefined;
4565
+ readonly l?: SpacingValueType | undefined;
4566
+ readonly xl?: SpacingValueType | undefined;
4567
+ };
4568
+ position?: "absolute" | "relative" | {
4569
+ readonly base?: "absolute" | "relative" | undefined;
4570
+ readonly xs?: "absolute" | "relative" | undefined;
4571
+ readonly s?: "absolute" | "relative" | undefined;
4572
+ readonly m?: "absolute" | "relative" | undefined;
4573
+ readonly l?: "absolute" | "relative" | undefined;
4574
+ readonly xl?: "absolute" | "relative" | undefined;
4575
+ } | undefined;
4576
+ right: SpacingValueType | {
4577
+ readonly base?: SpacingValueType | undefined;
4578
+ readonly xs?: SpacingValueType | undefined;
4579
+ readonly s?: SpacingValueType | undefined;
4580
+ readonly m?: SpacingValueType | undefined;
4581
+ readonly l?: SpacingValueType | undefined;
4582
+ readonly xl?: SpacingValueType | undefined;
4583
+ };
4584
+ top: SpacingValueType | {
4585
+ readonly base?: SpacingValueType | undefined;
4586
+ readonly xs?: SpacingValueType | undefined;
4587
+ readonly s?: SpacingValueType | undefined;
4588
+ readonly m?: SpacingValueType | undefined;
4589
+ readonly l?: SpacingValueType | undefined;
4590
+ readonly xl?: SpacingValueType | undefined;
4591
+ };
4592
+ zIndex?: number | {
4593
+ readonly base?: number | undefined;
4594
+ readonly xs?: number | undefined;
4595
+ readonly s?: number | undefined;
4596
+ readonly m?: number | undefined;
4597
+ readonly l?: number | undefined;
4598
+ readonly xl?: number | undefined;
4599
+ } | undefined;
4600
+ __brand__?: "platform-native" | {
4601
+ readonly base?: "platform-native" | undefined;
4602
+ readonly xs?: "platform-native" | undefined;
4603
+ readonly s?: "platform-native" | undefined;
4604
+ readonly m?: "platform-native" | undefined;
4605
+ readonly l?: "platform-native" | undefined;
4606
+ readonly xl?: "platform-native" | undefined;
4607
+ } | undefined;
4608
+ } & Pick<{
4609
+ grid: never;
4610
+ gridAutoColumns: never;
4611
+ gridAutoFlow: never;
4612
+ gridAutoRows: never;
4613
+ gridColumnEnd: never;
4614
+ gridColumnStart: never;
4615
+ gridRowEnd: never;
4616
+ gridRowStart: never;
4617
+ gridTemplateAreas: never;
4618
+ gridTemplateColumns: never;
4619
+ gridTemplateRows: never;
4620
+ gridArea: never;
4621
+ gridColumn: never;
4622
+ gridRow: never;
4623
+ gridTemplate: never;
4624
+ __brand__?: "platform-native" | {
4625
+ readonly base?: "platform-native" | undefined;
4626
+ readonly xs?: "platform-native" | undefined;
4627
+ readonly s?: "platform-native" | undefined;
4628
+ readonly m?: "platform-native" | undefined;
4629
+ readonly l?: "platform-native" | undefined;
4630
+ readonly xl?: "platform-native" | undefined;
4631
+ } | undefined;
4632
+ }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4100
4633
 
4101
4634
  declare type PasswordInputExtraProps = {
4102
4635
  /**
@@ -4129,29 +4662,205 @@ declare type PasswordInputExtraProps = {
4129
4662
  autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'password' | 'newPassword'>;
4130
4663
  };
4131
4664
  declare type PasswordInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID'> & PasswordInputExtraProps & StyledPropsBlade;
4132
- declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "testID" | "name" | "placeholder" | "label" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "successText" | "isRequired" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & Partial<Omit<MakeObjectResponsive<{
4133
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
4134
- marginX: SpacingValueType;
4135
- marginY: SpacingValueType;
4136
- marginTop: SpacingValueType;
4137
- marginRight: SpacingValueType;
4138
- marginBottom: SpacingValueType;
4139
- marginLeft: SpacingValueType;
4140
- }> & Pick<MakeObjectResponsive<{
4141
- gap: SpacingValueType;
4142
- rowGap: SpacingValueType;
4143
- columnGap: SpacingValueType;
4144
- flex: string | number;
4145
- } & PickIfExist<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
4146
- __brand__?: "platform-native" | undefined;
4147
- }>, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & MakeObjectResponsive<{
4148
- top: SpacingValueType;
4149
- right: SpacingValueType;
4150
- bottom: SpacingValueType;
4151
- left: SpacingValueType;
4152
- } & PickIfExist<react_native.ViewStyle, "position" | "zIndex"> & {
4153
- __brand__?: "platform-native" | undefined;
4154
- }> & Pick<MakeObjectResponsive<PickCSSByPlatform<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">>, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4665
+ declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "testID" | "name" | "placeholder" | "label" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "successText" | "isRequired" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & Partial<Omit<MarginProps & Pick<{
4666
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
4667
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4668
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4669
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4670
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4671
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4672
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4673
+ } | undefined;
4674
+ alignItems?: react_native.FlexAlignType | {
4675
+ readonly base?: react_native.FlexAlignType | undefined;
4676
+ readonly xs?: react_native.FlexAlignType | undefined;
4677
+ readonly s?: react_native.FlexAlignType | undefined;
4678
+ readonly m?: react_native.FlexAlignType | undefined;
4679
+ readonly l?: react_native.FlexAlignType | undefined;
4680
+ readonly xl?: react_native.FlexAlignType | undefined;
4681
+ } | undefined;
4682
+ alignSelf?: "auto" | react_native.FlexAlignType | {
4683
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
4684
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
4685
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
4686
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
4687
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
4688
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
4689
+ } | undefined;
4690
+ columnGap: SpacingValueType | {
4691
+ readonly base?: SpacingValueType | undefined;
4692
+ readonly xs?: SpacingValueType | undefined;
4693
+ readonly s?: SpacingValueType | undefined;
4694
+ readonly m?: SpacingValueType | undefined;
4695
+ readonly l?: SpacingValueType | undefined;
4696
+ readonly xl?: SpacingValueType | undefined;
4697
+ };
4698
+ flexBasis?: string | number | {
4699
+ readonly base?: string | number | undefined;
4700
+ readonly xs?: string | number | undefined;
4701
+ readonly s?: string | number | undefined;
4702
+ readonly m?: string | number | undefined;
4703
+ readonly l?: string | number | undefined;
4704
+ readonly xl?: string | number | undefined;
4705
+ } | undefined;
4706
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
4707
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4708
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4709
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4710
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4711
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4712
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4713
+ } | undefined;
4714
+ flexGrow?: number | {
4715
+ readonly base?: number | undefined;
4716
+ readonly xs?: number | undefined;
4717
+ readonly s?: number | undefined;
4718
+ readonly m?: number | undefined;
4719
+ readonly l?: number | undefined;
4720
+ readonly xl?: number | undefined;
4721
+ } | undefined;
4722
+ flexShrink?: number | {
4723
+ readonly base?: number | undefined;
4724
+ readonly xs?: number | undefined;
4725
+ readonly s?: number | undefined;
4726
+ readonly m?: number | undefined;
4727
+ readonly l?: number | undefined;
4728
+ readonly xl?: number | undefined;
4729
+ } | undefined;
4730
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
4731
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4732
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4733
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4734
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4735
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4736
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4737
+ } | undefined;
4738
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
4739
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4740
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4741
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4742
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4743
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4744
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4745
+ } | undefined;
4746
+ justifyItems: never;
4747
+ justifySelf: never;
4748
+ order: never;
4749
+ rowGap: SpacingValueType | {
4750
+ readonly base?: SpacingValueType | undefined;
4751
+ readonly xs?: SpacingValueType | undefined;
4752
+ readonly s?: SpacingValueType | undefined;
4753
+ readonly m?: SpacingValueType | undefined;
4754
+ readonly l?: SpacingValueType | undefined;
4755
+ readonly xl?: SpacingValueType | undefined;
4756
+ };
4757
+ flex: string | number | {
4758
+ readonly base?: string | number | undefined;
4759
+ readonly xs?: string | number | undefined;
4760
+ readonly s?: string | number | undefined;
4761
+ readonly m?: string | number | undefined;
4762
+ readonly l?: string | number | undefined;
4763
+ readonly xl?: string | number | undefined;
4764
+ };
4765
+ gap: SpacingValueType | {
4766
+ readonly base?: SpacingValueType | undefined;
4767
+ readonly xs?: SpacingValueType | undefined;
4768
+ readonly s?: SpacingValueType | undefined;
4769
+ readonly m?: SpacingValueType | undefined;
4770
+ readonly l?: SpacingValueType | undefined;
4771
+ readonly xl?: SpacingValueType | undefined;
4772
+ };
4773
+ placeSelf: never;
4774
+ __brand__?: "platform-native" | {
4775
+ readonly base?: "platform-native" | undefined;
4776
+ readonly xs?: "platform-native" | undefined;
4777
+ readonly s?: "platform-native" | undefined;
4778
+ readonly m?: "platform-native" | undefined;
4779
+ readonly l?: "platform-native" | undefined;
4780
+ readonly xl?: "platform-native" | undefined;
4781
+ } | undefined;
4782
+ }, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
4783
+ bottom: SpacingValueType | {
4784
+ readonly base?: SpacingValueType | undefined;
4785
+ readonly xs?: SpacingValueType | undefined;
4786
+ readonly s?: SpacingValueType | undefined;
4787
+ readonly m?: SpacingValueType | undefined;
4788
+ readonly l?: SpacingValueType | undefined;
4789
+ readonly xl?: SpacingValueType | undefined;
4790
+ };
4791
+ left: SpacingValueType | {
4792
+ readonly base?: SpacingValueType | undefined;
4793
+ readonly xs?: SpacingValueType | undefined;
4794
+ readonly s?: SpacingValueType | undefined;
4795
+ readonly m?: SpacingValueType | undefined;
4796
+ readonly l?: SpacingValueType | undefined;
4797
+ readonly xl?: SpacingValueType | undefined;
4798
+ };
4799
+ position?: "absolute" | "relative" | {
4800
+ readonly base?: "absolute" | "relative" | undefined;
4801
+ readonly xs?: "absolute" | "relative" | undefined;
4802
+ readonly s?: "absolute" | "relative" | undefined;
4803
+ readonly m?: "absolute" | "relative" | undefined;
4804
+ readonly l?: "absolute" | "relative" | undefined;
4805
+ readonly xl?: "absolute" | "relative" | undefined;
4806
+ } | undefined;
4807
+ right: SpacingValueType | {
4808
+ readonly base?: SpacingValueType | undefined;
4809
+ readonly xs?: SpacingValueType | undefined;
4810
+ readonly s?: SpacingValueType | undefined;
4811
+ readonly m?: SpacingValueType | undefined;
4812
+ readonly l?: SpacingValueType | undefined;
4813
+ readonly xl?: SpacingValueType | undefined;
4814
+ };
4815
+ top: SpacingValueType | {
4816
+ readonly base?: SpacingValueType | undefined;
4817
+ readonly xs?: SpacingValueType | undefined;
4818
+ readonly s?: SpacingValueType | undefined;
4819
+ readonly m?: SpacingValueType | undefined;
4820
+ readonly l?: SpacingValueType | undefined;
4821
+ readonly xl?: SpacingValueType | undefined;
4822
+ };
4823
+ zIndex?: number | {
4824
+ readonly base?: number | undefined;
4825
+ readonly xs?: number | undefined;
4826
+ readonly s?: number | undefined;
4827
+ readonly m?: number | undefined;
4828
+ readonly l?: number | undefined;
4829
+ readonly xl?: number | undefined;
4830
+ } | undefined;
4831
+ __brand__?: "platform-native" | {
4832
+ readonly base?: "platform-native" | undefined;
4833
+ readonly xs?: "platform-native" | undefined;
4834
+ readonly s?: "platform-native" | undefined;
4835
+ readonly m?: "platform-native" | undefined;
4836
+ readonly l?: "platform-native" | undefined;
4837
+ readonly xl?: "platform-native" | undefined;
4838
+ } | undefined;
4839
+ } & Pick<{
4840
+ grid: never;
4841
+ gridAutoColumns: never;
4842
+ gridAutoFlow: never;
4843
+ gridAutoRows: never;
4844
+ gridColumnEnd: never;
4845
+ gridColumnStart: never;
4846
+ gridRowEnd: never;
4847
+ gridRowStart: never;
4848
+ gridTemplateAreas: never;
4849
+ gridTemplateColumns: never;
4850
+ gridTemplateRows: never;
4851
+ gridArea: never;
4852
+ gridColumn: never;
4853
+ gridRow: never;
4854
+ gridTemplate: never;
4855
+ __brand__?: "platform-native" | {
4856
+ readonly base?: "platform-native" | undefined;
4857
+ readonly xs?: "platform-native" | undefined;
4858
+ readonly s?: "platform-native" | undefined;
4859
+ readonly m?: "platform-native" | undefined;
4860
+ readonly l?: "platform-native" | undefined;
4861
+ readonly xl?: "platform-native" | undefined;
4862
+ } | undefined;
4863
+ }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4155
4864
 
4156
4865
  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'> & {
4157
4866
  /**
@@ -4172,29 +4881,205 @@ declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputP
4172
4881
  * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
4173
4882
  */
4174
4883
  onClearButtonClick?: (() => void) | undefined;
4175
- } & Partial<Omit<MakeObjectResponsive<{
4176
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
4177
- marginX: SpacingValueType;
4178
- marginY: SpacingValueType;
4179
- marginTop: SpacingValueType;
4180
- marginRight: SpacingValueType;
4181
- marginBottom: SpacingValueType;
4182
- marginLeft: SpacingValueType;
4183
- }> & Pick<MakeObjectResponsive<{
4184
- gap: SpacingValueType;
4185
- rowGap: SpacingValueType;
4186
- columnGap: SpacingValueType;
4187
- flex: string | number;
4188
- } & PickIfExist<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
4189
- __brand__?: "platform-native" | undefined;
4190
- }>, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & MakeObjectResponsive<{
4191
- top: SpacingValueType;
4192
- right: SpacingValueType;
4193
- bottom: SpacingValueType;
4194
- left: SpacingValueType;
4195
- } & PickIfExist<react_native.ViewStyle, "position" | "zIndex"> & {
4196
- __brand__?: "platform-native" | undefined;
4197
- }> & Pick<MakeObjectResponsive<PickCSSByPlatform<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">>, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4884
+ } & Partial<Omit<MarginProps & Pick<{
4885
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
4886
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4887
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4888
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4889
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4890
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4891
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4892
+ } | undefined;
4893
+ alignItems?: react_native.FlexAlignType | {
4894
+ readonly base?: react_native.FlexAlignType | undefined;
4895
+ readonly xs?: react_native.FlexAlignType | undefined;
4896
+ readonly s?: react_native.FlexAlignType | undefined;
4897
+ readonly m?: react_native.FlexAlignType | undefined;
4898
+ readonly l?: react_native.FlexAlignType | undefined;
4899
+ readonly xl?: react_native.FlexAlignType | undefined;
4900
+ } | undefined;
4901
+ alignSelf?: "auto" | react_native.FlexAlignType | {
4902
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
4903
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
4904
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
4905
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
4906
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
4907
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
4908
+ } | undefined;
4909
+ columnGap: SpacingValueType | {
4910
+ readonly base?: SpacingValueType | undefined;
4911
+ readonly xs?: SpacingValueType | undefined;
4912
+ readonly s?: SpacingValueType | undefined;
4913
+ readonly m?: SpacingValueType | undefined;
4914
+ readonly l?: SpacingValueType | undefined;
4915
+ readonly xl?: SpacingValueType | undefined;
4916
+ };
4917
+ flexBasis?: string | number | {
4918
+ readonly base?: string | number | undefined;
4919
+ readonly xs?: string | number | undefined;
4920
+ readonly s?: string | number | undefined;
4921
+ readonly m?: string | number | undefined;
4922
+ readonly l?: string | number | undefined;
4923
+ readonly xl?: string | number | undefined;
4924
+ } | undefined;
4925
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
4926
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4927
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4928
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4929
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4930
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4931
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4932
+ } | undefined;
4933
+ flexGrow?: number | {
4934
+ readonly base?: number | undefined;
4935
+ readonly xs?: number | undefined;
4936
+ readonly s?: number | undefined;
4937
+ readonly m?: number | undefined;
4938
+ readonly l?: number | undefined;
4939
+ readonly xl?: number | undefined;
4940
+ } | undefined;
4941
+ flexShrink?: number | {
4942
+ readonly base?: number | undefined;
4943
+ readonly xs?: number | undefined;
4944
+ readonly s?: number | undefined;
4945
+ readonly m?: number | undefined;
4946
+ readonly l?: number | undefined;
4947
+ readonly xl?: number | undefined;
4948
+ } | undefined;
4949
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
4950
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4951
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4952
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4953
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4954
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4955
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4956
+ } | undefined;
4957
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
4958
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4959
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4960
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4961
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4962
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4963
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4964
+ } | undefined;
4965
+ justifyItems: never;
4966
+ justifySelf: never;
4967
+ order: never;
4968
+ rowGap: SpacingValueType | {
4969
+ readonly base?: SpacingValueType | undefined;
4970
+ readonly xs?: SpacingValueType | undefined;
4971
+ readonly s?: SpacingValueType | undefined;
4972
+ readonly m?: SpacingValueType | undefined;
4973
+ readonly l?: SpacingValueType | undefined;
4974
+ readonly xl?: SpacingValueType | undefined;
4975
+ };
4976
+ flex: string | number | {
4977
+ readonly base?: string | number | undefined;
4978
+ readonly xs?: string | number | undefined;
4979
+ readonly s?: string | number | undefined;
4980
+ readonly m?: string | number | undefined;
4981
+ readonly l?: string | number | undefined;
4982
+ readonly xl?: string | number | undefined;
4983
+ };
4984
+ gap: SpacingValueType | {
4985
+ readonly base?: SpacingValueType | undefined;
4986
+ readonly xs?: SpacingValueType | undefined;
4987
+ readonly s?: SpacingValueType | undefined;
4988
+ readonly m?: SpacingValueType | undefined;
4989
+ readonly l?: SpacingValueType | undefined;
4990
+ readonly xl?: SpacingValueType | undefined;
4991
+ };
4992
+ placeSelf: never;
4993
+ __brand__?: "platform-native" | {
4994
+ readonly base?: "platform-native" | undefined;
4995
+ readonly xs?: "platform-native" | undefined;
4996
+ readonly s?: "platform-native" | undefined;
4997
+ readonly m?: "platform-native" | undefined;
4998
+ readonly l?: "platform-native" | undefined;
4999
+ readonly xl?: "platform-native" | undefined;
5000
+ } | undefined;
5001
+ }, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
5002
+ bottom: SpacingValueType | {
5003
+ readonly base?: SpacingValueType | undefined;
5004
+ readonly xs?: SpacingValueType | undefined;
5005
+ readonly s?: SpacingValueType | undefined;
5006
+ readonly m?: SpacingValueType | undefined;
5007
+ readonly l?: SpacingValueType | undefined;
5008
+ readonly xl?: SpacingValueType | undefined;
5009
+ };
5010
+ left: SpacingValueType | {
5011
+ readonly base?: SpacingValueType | undefined;
5012
+ readonly xs?: SpacingValueType | undefined;
5013
+ readonly s?: SpacingValueType | undefined;
5014
+ readonly m?: SpacingValueType | undefined;
5015
+ readonly l?: SpacingValueType | undefined;
5016
+ readonly xl?: SpacingValueType | undefined;
5017
+ };
5018
+ position?: "absolute" | "relative" | {
5019
+ readonly base?: "absolute" | "relative" | undefined;
5020
+ readonly xs?: "absolute" | "relative" | undefined;
5021
+ readonly s?: "absolute" | "relative" | undefined;
5022
+ readonly m?: "absolute" | "relative" | undefined;
5023
+ readonly l?: "absolute" | "relative" | undefined;
5024
+ readonly xl?: "absolute" | "relative" | undefined;
5025
+ } | undefined;
5026
+ right: SpacingValueType | {
5027
+ readonly base?: SpacingValueType | undefined;
5028
+ readonly xs?: SpacingValueType | undefined;
5029
+ readonly s?: SpacingValueType | undefined;
5030
+ readonly m?: SpacingValueType | undefined;
5031
+ readonly l?: SpacingValueType | undefined;
5032
+ readonly xl?: SpacingValueType | undefined;
5033
+ };
5034
+ top: SpacingValueType | {
5035
+ readonly base?: SpacingValueType | undefined;
5036
+ readonly xs?: SpacingValueType | undefined;
5037
+ readonly s?: SpacingValueType | undefined;
5038
+ readonly m?: SpacingValueType | undefined;
5039
+ readonly l?: SpacingValueType | undefined;
5040
+ readonly xl?: SpacingValueType | undefined;
5041
+ };
5042
+ zIndex?: number | {
5043
+ readonly base?: number | undefined;
5044
+ readonly xs?: number | undefined;
5045
+ readonly s?: number | undefined;
5046
+ readonly m?: number | undefined;
5047
+ readonly l?: number | undefined;
5048
+ readonly xl?: number | undefined;
5049
+ } | undefined;
5050
+ __brand__?: "platform-native" | {
5051
+ readonly base?: "platform-native" | undefined;
5052
+ readonly xs?: "platform-native" | undefined;
5053
+ readonly s?: "platform-native" | undefined;
5054
+ readonly m?: "platform-native" | undefined;
5055
+ readonly l?: "platform-native" | undefined;
5056
+ readonly xl?: "platform-native" | undefined;
5057
+ } | undefined;
5058
+ } & Pick<{
5059
+ grid: never;
5060
+ gridAutoColumns: never;
5061
+ gridAutoFlow: never;
5062
+ gridAutoRows: never;
5063
+ gridColumnEnd: never;
5064
+ gridColumnStart: never;
5065
+ gridRowEnd: never;
5066
+ gridRowStart: never;
5067
+ gridTemplateAreas: never;
5068
+ gridTemplateColumns: never;
5069
+ gridTemplateRows: never;
5070
+ gridArea: never;
5071
+ gridColumn: never;
5072
+ gridRow: never;
5073
+ gridTemplate: never;
5074
+ __brand__?: "platform-native" | {
5075
+ readonly base?: "platform-native" | undefined;
5076
+ readonly xs?: "platform-native" | undefined;
5077
+ readonly s?: "platform-native" | undefined;
5078
+ readonly m?: "platform-native" | undefined;
5079
+ readonly l?: "platform-native" | undefined;
5080
+ readonly xl?: "platform-native" | undefined;
5081
+ } | undefined;
5082
+ }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4198
5083
 
4199
5084
  declare type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
4200
5085
  name?: string;
@@ -4804,29 +5689,205 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
4804
5689
  * @default "medium"
4805
5690
  */
4806
5691
  size?: "small" | "medium" | undefined;
4807
- } & TestID & Partial<Omit<MakeObjectResponsive<{
4808
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
4809
- marginX: SpacingValueType;
4810
- marginY: SpacingValueType;
4811
- marginTop: SpacingValueType;
4812
- marginRight: SpacingValueType;
4813
- marginBottom: SpacingValueType;
4814
- marginLeft: SpacingValueType;
4815
- }> & Pick<MakeObjectResponsive<{
4816
- gap: SpacingValueType;
4817
- rowGap: SpacingValueType;
4818
- columnGap: SpacingValueType;
4819
- flex: string | number;
4820
- } & PickIfExist$1<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
4821
- __brand__?: "platform-native" | undefined;
4822
- }>, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & MakeObjectResponsive<{
4823
- top: SpacingValueType;
4824
- right: SpacingValueType;
4825
- bottom: SpacingValueType;
4826
- left: SpacingValueType;
4827
- } & PickIfExist$1<react_native.ViewStyle, "position" | "zIndex"> & {
4828
- __brand__?: "platform-native" | undefined;
4829
- }> & Pick<MakeObjectResponsive<PickCSSByPlatform$1<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">>, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
5692
+ } & TestID & Partial<Omit<MarginProps & Pick<{
5693
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
5694
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5695
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5696
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5697
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5698
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5699
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5700
+ } | undefined;
5701
+ alignItems?: react_native.FlexAlignType | {
5702
+ readonly base?: react_native.FlexAlignType | undefined;
5703
+ readonly xs?: react_native.FlexAlignType | undefined;
5704
+ readonly s?: react_native.FlexAlignType | undefined;
5705
+ readonly m?: react_native.FlexAlignType | undefined;
5706
+ readonly l?: react_native.FlexAlignType | undefined;
5707
+ readonly xl?: react_native.FlexAlignType | undefined;
5708
+ } | undefined;
5709
+ alignSelf?: "auto" | react_native.FlexAlignType | {
5710
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
5711
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
5712
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
5713
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
5714
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
5715
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
5716
+ } | undefined;
5717
+ columnGap: SpacingValueType | {
5718
+ readonly base?: SpacingValueType | undefined;
5719
+ readonly xs?: SpacingValueType | undefined;
5720
+ readonly s?: SpacingValueType | undefined;
5721
+ readonly m?: SpacingValueType | undefined;
5722
+ readonly l?: SpacingValueType | undefined;
5723
+ readonly xl?: SpacingValueType | undefined;
5724
+ };
5725
+ flexBasis?: string | number | {
5726
+ readonly base?: string | number | undefined;
5727
+ readonly xs?: string | number | undefined;
5728
+ readonly s?: string | number | undefined;
5729
+ readonly m?: string | number | undefined;
5730
+ readonly l?: string | number | undefined;
5731
+ readonly xl?: string | number | undefined;
5732
+ } | undefined;
5733
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
5734
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5735
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5736
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5737
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5738
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5739
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5740
+ } | undefined;
5741
+ flexGrow?: number | {
5742
+ readonly base?: number | undefined;
5743
+ readonly xs?: number | undefined;
5744
+ readonly s?: number | undefined;
5745
+ readonly m?: number | undefined;
5746
+ readonly l?: number | undefined;
5747
+ readonly xl?: number | undefined;
5748
+ } | undefined;
5749
+ flexShrink?: number | {
5750
+ readonly base?: number | undefined;
5751
+ readonly xs?: number | undefined;
5752
+ readonly s?: number | undefined;
5753
+ readonly m?: number | undefined;
5754
+ readonly l?: number | undefined;
5755
+ readonly xl?: number | undefined;
5756
+ } | undefined;
5757
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
5758
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5759
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5760
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5761
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5762
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5763
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5764
+ } | undefined;
5765
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
5766
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5767
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5768
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5769
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5770
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5771
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5772
+ } | undefined;
5773
+ justifyItems: never;
5774
+ justifySelf: never;
5775
+ order: never;
5776
+ rowGap: SpacingValueType | {
5777
+ readonly base?: SpacingValueType | undefined;
5778
+ readonly xs?: SpacingValueType | undefined;
5779
+ readonly s?: SpacingValueType | undefined;
5780
+ readonly m?: SpacingValueType | undefined;
5781
+ readonly l?: SpacingValueType | undefined;
5782
+ readonly xl?: SpacingValueType | undefined;
5783
+ };
5784
+ flex: string | number | {
5785
+ readonly base?: string | number | undefined;
5786
+ readonly xs?: string | number | undefined;
5787
+ readonly s?: string | number | undefined;
5788
+ readonly m?: string | number | undefined;
5789
+ readonly l?: string | number | undefined;
5790
+ readonly xl?: string | number | undefined;
5791
+ };
5792
+ gap: SpacingValueType | {
5793
+ readonly base?: SpacingValueType | undefined;
5794
+ readonly xs?: SpacingValueType | undefined;
5795
+ readonly s?: SpacingValueType | undefined;
5796
+ readonly m?: SpacingValueType | undefined;
5797
+ readonly l?: SpacingValueType | undefined;
5798
+ readonly xl?: SpacingValueType | undefined;
5799
+ };
5800
+ placeSelf: never;
5801
+ __brand__?: "platform-native" | {
5802
+ readonly base?: "platform-native" | undefined;
5803
+ readonly xs?: "platform-native" | undefined;
5804
+ readonly s?: "platform-native" | undefined;
5805
+ readonly m?: "platform-native" | undefined;
5806
+ readonly l?: "platform-native" | undefined;
5807
+ readonly xl?: "platform-native" | undefined;
5808
+ } | undefined;
5809
+ }, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
5810
+ bottom: SpacingValueType | {
5811
+ readonly base?: SpacingValueType | undefined;
5812
+ readonly xs?: SpacingValueType | undefined;
5813
+ readonly s?: SpacingValueType | undefined;
5814
+ readonly m?: SpacingValueType | undefined;
5815
+ readonly l?: SpacingValueType | undefined;
5816
+ readonly xl?: SpacingValueType | undefined;
5817
+ };
5818
+ left: SpacingValueType | {
5819
+ readonly base?: SpacingValueType | undefined;
5820
+ readonly xs?: SpacingValueType | undefined;
5821
+ readonly s?: SpacingValueType | undefined;
5822
+ readonly m?: SpacingValueType | undefined;
5823
+ readonly l?: SpacingValueType | undefined;
5824
+ readonly xl?: SpacingValueType | undefined;
5825
+ };
5826
+ position?: "absolute" | "relative" | {
5827
+ readonly base?: "absolute" | "relative" | undefined;
5828
+ readonly xs?: "absolute" | "relative" | undefined;
5829
+ readonly s?: "absolute" | "relative" | undefined;
5830
+ readonly m?: "absolute" | "relative" | undefined;
5831
+ readonly l?: "absolute" | "relative" | undefined;
5832
+ readonly xl?: "absolute" | "relative" | undefined;
5833
+ } | undefined;
5834
+ right: SpacingValueType | {
5835
+ readonly base?: SpacingValueType | undefined;
5836
+ readonly xs?: SpacingValueType | undefined;
5837
+ readonly s?: SpacingValueType | undefined;
5838
+ readonly m?: SpacingValueType | undefined;
5839
+ readonly l?: SpacingValueType | undefined;
5840
+ readonly xl?: SpacingValueType | undefined;
5841
+ };
5842
+ top: SpacingValueType | {
5843
+ readonly base?: SpacingValueType | undefined;
5844
+ readonly xs?: SpacingValueType | undefined;
5845
+ readonly s?: SpacingValueType | undefined;
5846
+ readonly m?: SpacingValueType | undefined;
5847
+ readonly l?: SpacingValueType | undefined;
5848
+ readonly xl?: SpacingValueType | undefined;
5849
+ };
5850
+ zIndex?: number | {
5851
+ readonly base?: number | undefined;
5852
+ readonly xs?: number | undefined;
5853
+ readonly s?: number | undefined;
5854
+ readonly m?: number | undefined;
5855
+ readonly l?: number | undefined;
5856
+ readonly xl?: number | undefined;
5857
+ } | undefined;
5858
+ __brand__?: "platform-native" | {
5859
+ readonly base?: "platform-native" | undefined;
5860
+ readonly xs?: "platform-native" | undefined;
5861
+ readonly s?: "platform-native" | undefined;
5862
+ readonly m?: "platform-native" | undefined;
5863
+ readonly l?: "platform-native" | undefined;
5864
+ readonly xl?: "platform-native" | undefined;
5865
+ } | undefined;
5866
+ } & Pick<{
5867
+ grid: never;
5868
+ gridAutoColumns: never;
5869
+ gridAutoFlow: never;
5870
+ gridAutoRows: never;
5871
+ gridColumnEnd: never;
5872
+ gridColumnStart: never;
5873
+ gridRowEnd: never;
5874
+ gridRowStart: never;
5875
+ gridTemplateAreas: never;
5876
+ gridTemplateColumns: never;
5877
+ gridTemplateRows: never;
5878
+ gridArea: never;
5879
+ gridColumn: never;
5880
+ gridRow: never;
5881
+ gridTemplate: never;
5882
+ __brand__?: "platform-native" | {
5883
+ readonly base?: "platform-native" | undefined;
5884
+ readonly xs?: "platform-native" | undefined;
5885
+ readonly s?: "platform-native" | undefined;
5886
+ readonly m?: "platform-native" | undefined;
5887
+ readonly l?: "platform-native" | undefined;
5888
+ readonly xl?: "platform-native" | undefined;
5889
+ } | undefined;
5890
+ }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4830
5891
 
4831
5892
  declare type RadioGroupProps = {
4832
5893
  /**