@razorpay/blade 10.0.0 → 10.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/index.d.ts +200 -22
- package/build/components/index.development.web.js +2694 -1874
- package/build/components/index.development.web.js.map +1 -1
- package/build/components/index.native.d.ts +180 -22
- package/build/components/index.native.js +325 -301
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.production.web.js +2687 -1863
- package/build/components/index.production.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +1 -1
- package/build/css/bankingThemeDarkMobile.css +1 -1
- package/build/css/bankingThemeLightDesktop.css +1 -1
- package/build/css/bankingThemeLightMobile.css +1 -1
- package/build/css/paymentThemeDarkDesktop.css +1 -1
- package/build/css/paymentThemeDarkMobile.css +1 -1
- package/build/css/paymentThemeLightDesktop.css +1 -1
- package/build/css/paymentThemeLightMobile.css +1 -1
- package/build/utils/index.d.ts +6 -1
- package/build/utils/index.development.web.js +44 -2
- package/build/utils/index.development.web.js.map +1 -1
- package/build/utils/index.native.d.ts +6 -1
- package/build/utils/index.native.js +7 -2
- package/build/utils/index.native.js.map +1 -1
- package/build/utils/index.production.web.js +44 -2
- package/build/utils/index.production.web.js.map +1 -1
- package/package.json +18 -16
|
@@ -1311,6 +1311,7 @@ type FlexboxProps$1 = MakeObjectResponsive$1<
|
|
|
1311
1311
|
| 'justifyContent'
|
|
1312
1312
|
| 'justifySelf'
|
|
1313
1313
|
| 'placeSelf'
|
|
1314
|
+
| 'placeItems'
|
|
1314
1315
|
| 'order'
|
|
1315
1316
|
>
|
|
1316
1317
|
>;
|
|
@@ -1344,11 +1345,11 @@ type GridProps$1 = MakeObjectResponsive$1<
|
|
|
1344
1345
|
>
|
|
1345
1346
|
>;
|
|
1346
1347
|
|
|
1347
|
-
type ColorObjects$
|
|
1348
|
-
type BackgroundColorString$
|
|
1348
|
+
type ColorObjects$2 = 'feedback' | 'surface' | 'action';
|
|
1349
|
+
type BackgroundColorString$2<T extends ColorObjects$2> = `${T}.background.${DotNotationColorStringToken<
|
|
1349
1350
|
Theme$1['colors'][T]['background']
|
|
1350
1351
|
>}`;
|
|
1351
|
-
type BorderColorString$1<T extends ColorObjects$
|
|
1352
|
+
type BorderColorString$1<T extends ColorObjects$2> = `${T}.border.${DotNotationColorStringToken<
|
|
1352
1353
|
Theme$1['colors'][T]['border']
|
|
1353
1354
|
>}`;
|
|
1354
1355
|
|
|
@@ -1367,7 +1368,7 @@ declare const validBoxAsValues$1 = [
|
|
|
1367
1368
|
|
|
1368
1369
|
type BoxAsType$1 = typeof validBoxAsValues$1[number];
|
|
1369
1370
|
|
|
1370
|
-
type BrandColorString$
|
|
1371
|
+
type BrandColorString$2 = `brand.${DotNotationColorStringToken<Theme$1['colors']['brand']>}`;
|
|
1371
1372
|
|
|
1372
1373
|
// Visual props that are common for both Box and BaseBox
|
|
1373
1374
|
type CommonBoxVisualProps$1 = MakeObjectResponsive$1<
|
|
@@ -1393,6 +1394,7 @@ type CommonBoxVisualProps$1 = MakeObjectResponsive$1<
|
|
|
1393
1394
|
| 'backgroundPosition'
|
|
1394
1395
|
| 'backgroundOrigin'
|
|
1395
1396
|
| 'backgroundRepeat'
|
|
1397
|
+
| 'pointerEvents'
|
|
1396
1398
|
> & {
|
|
1397
1399
|
/**
|
|
1398
1400
|
* Sets the elevation for Box
|
|
@@ -1413,10 +1415,10 @@ type CommonBoxVisualProps$1 = MakeObjectResponsive$1<
|
|
|
1413
1415
|
type BaseBoxVisualProps$1 = MakeObjectResponsive$1<
|
|
1414
1416
|
{
|
|
1415
1417
|
backgroundColor:
|
|
1416
|
-
| BackgroundColorString$
|
|
1417
|
-
| BackgroundColorString$
|
|
1418
|
-
| BackgroundColorString$
|
|
1419
|
-
| BrandColorString$
|
|
1418
|
+
| BackgroundColorString$2<'feedback'>
|
|
1419
|
+
| BackgroundColorString$2<'surface'>
|
|
1420
|
+
| BackgroundColorString$2<'action'>
|
|
1421
|
+
| BrandColorString$2
|
|
1420
1422
|
| 'transparent'
|
|
1421
1423
|
| (string & Record<never, never>);
|
|
1422
1424
|
lineHeight: SpacingValueType$1;
|
|
@@ -1435,7 +1437,7 @@ type BaseBoxVisualProps$1 = MakeObjectResponsive$1<
|
|
|
1435
1437
|
|
|
1436
1438
|
// Visual props that are specific to Box
|
|
1437
1439
|
type BoxVisualProps$1 = MakeObjectResponsive$1<{
|
|
1438
|
-
backgroundColor: BackgroundColorString$
|
|
1440
|
+
backgroundColor: BackgroundColorString$2<'surface'> | BrandColorString$2 | 'transparent';
|
|
1439
1441
|
}> & {
|
|
1440
1442
|
// Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object
|
|
1441
1443
|
// styled-components do not support passing `as` prop as an object
|
|
@@ -1499,6 +1501,31 @@ type BoxCallbackProps$1 = Omit<
|
|
|
1499
1501
|
'__brand__'
|
|
1500
1502
|
>;
|
|
1501
1503
|
|
|
1504
|
+
type BoxDragAndDropProps$1 = Omit<
|
|
1505
|
+
Platform.Select<{
|
|
1506
|
+
web: {
|
|
1507
|
+
draggable: boolean;
|
|
1508
|
+
onDragStart: React.DragEventHandler<HTMLElement>;
|
|
1509
|
+
onDragEnter: React.DragEventHandler<HTMLElement>;
|
|
1510
|
+
onDragLeave: React.DragEventHandler<HTMLElement>;
|
|
1511
|
+
onDragOver: React.DragEventHandler<HTMLElement>;
|
|
1512
|
+
onDragEnd: React.DragEventHandler<HTMLElement>;
|
|
1513
|
+
onDrop: React.DragEventHandler<HTMLElement>;
|
|
1514
|
+
};
|
|
1515
|
+
native: Record<
|
|
1516
|
+
| 'draggable'
|
|
1517
|
+
| 'onDragStart'
|
|
1518
|
+
| 'onDragEnter'
|
|
1519
|
+
| 'onDragLeave'
|
|
1520
|
+
| 'onDragOver'
|
|
1521
|
+
| 'onDragEnd'
|
|
1522
|
+
| 'onDrop',
|
|
1523
|
+
undefined
|
|
1524
|
+
>;
|
|
1525
|
+
}>,
|
|
1526
|
+
'__brand__'
|
|
1527
|
+
>;
|
|
1528
|
+
|
|
1502
1529
|
type BoxProps$1 = Partial<
|
|
1503
1530
|
PaddingProps$1 &
|
|
1504
1531
|
MarginProps$1 &
|
|
@@ -1507,6 +1534,7 @@ type BoxProps$1 = Partial<
|
|
|
1507
1534
|
PositionProps$1 &
|
|
1508
1535
|
GridProps$1 &
|
|
1509
1536
|
BoxCallbackProps$1 &
|
|
1537
|
+
BoxDragAndDropProps$1 &
|
|
1510
1538
|
CommonBoxVisualProps$1 &
|
|
1511
1539
|
BoxVisualProps$1 & {
|
|
1512
1540
|
children?: React.ReactNode | React.ReactNode[];
|
|
@@ -2619,7 +2647,7 @@ declare type FlexboxProps = MakeObjectResponsive<{
|
|
|
2619
2647
|
* @see https://developer.mozilla.org/docs/Web/CSS/flex
|
|
2620
2648
|
*/
|
|
2621
2649
|
flex: string | number;
|
|
2622
|
-
} & PickCSSByPlatform<'flexWrap' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'alignItems' | 'alignContent' | 'alignSelf' | 'justifyItems' | 'justifyContent' | 'justifySelf' | 'placeSelf' | 'order'>>;
|
|
2650
|
+
} & PickCSSByPlatform<'flexWrap' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'alignItems' | 'alignContent' | 'alignSelf' | 'justifyItems' | 'justifyContent' | 'justifySelf' | 'placeSelf' | 'placeItems' | 'order'>>;
|
|
2623
2651
|
declare type PositionProps = MakeObjectResponsive<{
|
|
2624
2652
|
top: SpacingValueType;
|
|
2625
2653
|
right: SpacingValueType;
|
|
@@ -2627,12 +2655,12 @@ declare type PositionProps = MakeObjectResponsive<{
|
|
|
2627
2655
|
left: SpacingValueType;
|
|
2628
2656
|
} & PickCSSByPlatform<'position' | 'zIndex'>>;
|
|
2629
2657
|
declare type GridProps = MakeObjectResponsive<PickCSSByPlatform<'grid' | 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea' | 'gridAutoFlow' | 'gridAutoRows' | 'gridAutoColumns' | 'gridTemplate' | 'gridTemplateAreas' | 'gridTemplateColumns' | 'gridTemplateRows'>>;
|
|
2630
|
-
declare type ColorObjects = 'feedback' | 'surface' | 'action';
|
|
2631
|
-
declare type BackgroundColorString<T extends ColorObjects> = `${T}.background.${DotNotationColorStringToken<Theme$1['colors'][T]['background']>}`;
|
|
2632
|
-
declare type BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationColorStringToken<Theme$1['colors'][T]['border']>}`;
|
|
2658
|
+
declare type ColorObjects$1 = 'feedback' | 'surface' | 'action';
|
|
2659
|
+
declare type BackgroundColorString$1<T extends ColorObjects$1> = `${T}.background.${DotNotationColorStringToken<Theme$1['colors'][T]['background']>}`;
|
|
2660
|
+
declare type BorderColorString<T extends ColorObjects$1> = `${T}.border.${DotNotationColorStringToken<Theme$1['colors'][T]['border']>}`;
|
|
2633
2661
|
declare const validBoxAsValues: readonly ["div", "section", "footer", "header", "main", "aside", "nav", "span", "label"];
|
|
2634
2662
|
declare type BoxAsType = typeof validBoxAsValues[number];
|
|
2635
|
-
declare type BrandColorString = `brand.${DotNotationColorStringToken<Theme$1['colors']['brand']>}`;
|
|
2663
|
+
declare type BrandColorString$1 = `brand.${DotNotationColorStringToken<Theme$1['colors']['brand']>}`;
|
|
2636
2664
|
declare type CommonBoxVisualProps = MakeObjectResponsive<{
|
|
2637
2665
|
borderRadius: keyof Border['radius'];
|
|
2638
2666
|
borderWidth: keyof Border['width'];
|
|
@@ -2649,7 +2677,7 @@ declare type CommonBoxVisualProps = MakeObjectResponsive<{
|
|
|
2649
2677
|
borderTopRightRadius: keyof Border['radius'];
|
|
2650
2678
|
borderBottomRightRadius: keyof Border['radius'];
|
|
2651
2679
|
borderBottomLeftRadius: keyof Border['radius'];
|
|
2652
|
-
} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat'> & {
|
|
2680
|
+
} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat' | 'pointerEvents'> & {
|
|
2653
2681
|
/**
|
|
2654
2682
|
* Sets the elevation for Box
|
|
2655
2683
|
*
|
|
@@ -2663,13 +2691,13 @@ declare type CommonBoxVisualProps = MakeObjectResponsive<{
|
|
|
2663
2691
|
elevation?: keyof Elevation;
|
|
2664
2692
|
}>;
|
|
2665
2693
|
declare type BaseBoxVisualProps = MakeObjectResponsive<{
|
|
2666
|
-
backgroundColor: BackgroundColorString<'feedback'> | BackgroundColorString<'surface'> | BackgroundColorString<'action'> | BrandColorString | 'transparent' | (string & Record<never, never>);
|
|
2694
|
+
backgroundColor: BackgroundColorString$1<'feedback'> | BackgroundColorString$1<'surface'> | BackgroundColorString$1<'action'> | BrandColorString$1 | 'transparent' | (string & Record<never, never>);
|
|
2667
2695
|
lineHeight: SpacingValueType;
|
|
2668
2696
|
touchAction: CSSObject['touchAction'];
|
|
2669
2697
|
userSelect: CSSObject['userSelect'];
|
|
2670
2698
|
} & PickCSSByPlatform<'border' | 'borderLeft' | 'borderRight' | 'borderTop' | 'borderBottom' | 'opacity' | 'pointerEvents'>>;
|
|
2671
2699
|
declare type BoxVisualProps = MakeObjectResponsive<{
|
|
2672
|
-
backgroundColor: BackgroundColorString<'surface'> | BrandColorString | 'transparent';
|
|
2700
|
+
backgroundColor: BackgroundColorString$1<'surface'> | BrandColorString$1 | 'transparent';
|
|
2673
2701
|
}> & {
|
|
2674
2702
|
as: BoxAsType;
|
|
2675
2703
|
};
|
|
@@ -2707,7 +2735,19 @@ declare type BoxCallbackProps = Omit<Platform.Select<{
|
|
|
2707
2735
|
};
|
|
2708
2736
|
native: Record<'onMouseOver' | 'onMouseEnter' | 'onMouseLeave' | 'onScroll', undefined>;
|
|
2709
2737
|
}>, '__brand__'>;
|
|
2710
|
-
declare type
|
|
2738
|
+
declare type BoxDragAndDropProps = Omit<Platform.Select<{
|
|
2739
|
+
web: {
|
|
2740
|
+
draggable: boolean;
|
|
2741
|
+
onDragStart: React.DragEventHandler<HTMLElement>;
|
|
2742
|
+
onDragEnter: React.DragEventHandler<HTMLElement>;
|
|
2743
|
+
onDragLeave: React.DragEventHandler<HTMLElement>;
|
|
2744
|
+
onDragOver: React.DragEventHandler<HTMLElement>;
|
|
2745
|
+
onDragEnd: React.DragEventHandler<HTMLElement>;
|
|
2746
|
+
onDrop: React.DragEventHandler<HTMLElement>;
|
|
2747
|
+
};
|
|
2748
|
+
native: Record<'draggable' | 'onDragStart' | 'onDragEnter' | 'onDragLeave' | 'onDragOver' | 'onDragEnd' | 'onDrop', undefined>;
|
|
2749
|
+
}>, '__brand__'>;
|
|
2750
|
+
declare type BoxProps = Partial<PaddingProps & MarginProps & LayoutProps & FlexboxProps & PositionProps & GridProps & BoxCallbackProps & BoxDragAndDropProps & CommonBoxVisualProps & BoxVisualProps & {
|
|
2711
2751
|
children?: React.ReactNode | React.ReactNode[];
|
|
2712
2752
|
tabIndex?: number;
|
|
2713
2753
|
} & TestID>;
|
|
@@ -2883,6 +2923,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
|
|
|
2883
2923
|
onMouseEnter: undefined;
|
|
2884
2924
|
onMouseLeave: undefined;
|
|
2885
2925
|
onScroll: undefined;
|
|
2926
|
+
} & {
|
|
2927
|
+
draggable: undefined;
|
|
2928
|
+
onDragStart: undefined;
|
|
2929
|
+
onDragEnter: undefined;
|
|
2930
|
+
onDragLeave: undefined;
|
|
2931
|
+
onDragOver: undefined;
|
|
2932
|
+
onDragEnd: undefined;
|
|
2933
|
+
onDrop: undefined;
|
|
2886
2934
|
} & {
|
|
2887
2935
|
elevation?: ElevationLevels | {
|
|
2888
2936
|
readonly base?: ElevationLevels | undefined;
|
|
@@ -2992,6 +3040,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
|
|
|
2992
3040
|
readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2993
3041
|
readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
|
|
2994
3042
|
};
|
|
3043
|
+
pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
|
|
3044
|
+
readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
|
|
3045
|
+
readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
|
|
3046
|
+
readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
|
|
3047
|
+
readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
|
|
3048
|
+
readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
|
|
3049
|
+
readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
|
|
3050
|
+
} | undefined;
|
|
2995
3051
|
backgroundPosition: never;
|
|
2996
3052
|
borderColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
|
|
2997
3053
|
readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
|
|
@@ -3090,12 +3146,15 @@ declare type CardProps = {
|
|
|
3090
3146
|
* - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page
|
|
3091
3147
|
*/
|
|
3092
3148
|
padding?: Extract<SpacingValueType$1, 'spacing.0' | 'spacing.3' | 'spacing.5' | 'spacing.7'>;
|
|
3149
|
+
width?: BoxProps$1['width'];
|
|
3150
|
+
height?: BoxProps$1['height'];
|
|
3093
3151
|
} & TestID & StyledPropsBlade$1;
|
|
3094
|
-
declare const Card: ({ children, surfaceLevel, elevation, testID, padding, ...styledProps }: CardProps) => React__default.ReactElement;
|
|
3152
|
+
declare const Card: ({ children, surfaceLevel, elevation, testID, padding, width, height, ...styledProps }: CardProps) => React__default.ReactElement;
|
|
3095
3153
|
declare type CardBodyProps = {
|
|
3096
3154
|
children: React__default.ReactNode;
|
|
3155
|
+
height?: BoxProps$1['height'];
|
|
3097
3156
|
} & TestID;
|
|
3098
|
-
declare const CardBody: ({ children, testID }: CardBodyProps) => React__default.ReactElement;
|
|
3157
|
+
declare const CardBody: ({ height, children, testID }: CardBodyProps) => React__default.ReactElement;
|
|
3099
3158
|
|
|
3100
3159
|
type FeedbackColors$1 = `feedback.text.${DotNotationColorStringToken<
|
|
3101
3160
|
Theme$1['colors']['feedback']['text']
|
|
@@ -3988,6 +4047,105 @@ declare type CheckboxGroupProps = {
|
|
|
3988
4047
|
} & TestID & StyledPropsBlade$1;
|
|
3989
4048
|
declare const CheckboxGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: CheckboxGroupProps) => React__default.ReactElement;
|
|
3990
4049
|
|
|
4050
|
+
declare type ColorObjects = 'feedback' | 'surface' | 'action';
|
|
4051
|
+
declare type BackgroundColorString<T extends ColorObjects> = `${T}.background.${DotNotationColorStringToken<Theme$1['colors'][T]['background']>}`;
|
|
4052
|
+
declare type BrandColorString = `brand.${DotNotationColorStringToken<Theme$1['colors']['brand']>}`;
|
|
4053
|
+
declare type OverlayColor = BackgroundColorString<'surface'> | BrandColorString;
|
|
4054
|
+
declare type CarouselProps = {
|
|
4055
|
+
/**
|
|
4056
|
+
* Accepts CarouselItem
|
|
4057
|
+
*/
|
|
4058
|
+
children: React.ReactNode;
|
|
4059
|
+
/**
|
|
4060
|
+
* Total number of carousel items to show at once,
|
|
4061
|
+
* if set to 1,2 or 3 all the CarouselItem's width will remain the same,
|
|
4062
|
+
* but if set to `autofit` the carousel items will take up space responsively
|
|
4063
|
+
*
|
|
4064
|
+
* @default 1
|
|
4065
|
+
*/
|
|
4066
|
+
visibleItems?: 1 | 2 | 3 | 'autofit';
|
|
4067
|
+
/**
|
|
4068
|
+
* If true, adds extra margin before and after the first/last slides so that they align in center
|
|
4069
|
+
* This prop is only effective on desktop screen sizes
|
|
4070
|
+
*
|
|
4071
|
+
* @default false
|
|
4072
|
+
*/
|
|
4073
|
+
shouldAddStartEndSpacing?: boolean;
|
|
4074
|
+
/**
|
|
4075
|
+
* If true, the carousel will automatically slide to the next slide, default interval is 6 seconds
|
|
4076
|
+
*
|
|
4077
|
+
* @default false
|
|
4078
|
+
*/
|
|
4079
|
+
autoPlay?: boolean;
|
|
4080
|
+
/**
|
|
4081
|
+
* Toggles the visibility of indicators
|
|
4082
|
+
*
|
|
4083
|
+
* @default true
|
|
4084
|
+
*/
|
|
4085
|
+
showIndicators?: boolean;
|
|
4086
|
+
/**
|
|
4087
|
+
* Changes the color of the overlay, so that carousel can blend with the background color
|
|
4088
|
+
* If set to undefined overlay won't be shown
|
|
4089
|
+
*
|
|
4090
|
+
* This prop is only effective on desktop screen sizes
|
|
4091
|
+
*
|
|
4092
|
+
* @default undefined
|
|
4093
|
+
*/
|
|
4094
|
+
scrollOverlayColor?: OverlayColor;
|
|
4095
|
+
/**
|
|
4096
|
+
* Sets the position of navigation button
|
|
4097
|
+
*
|
|
4098
|
+
* @default 'bottom'
|
|
4099
|
+
*/
|
|
4100
|
+
navigationButtonPosition?: 'bottom' | 'side';
|
|
4101
|
+
/**
|
|
4102
|
+
* Variant to be used depending on the emphasis you want to give to the navigation buttons
|
|
4103
|
+
*
|
|
4104
|
+
* @default 'filled'
|
|
4105
|
+
*/
|
|
4106
|
+
navigationButtonVariant?: 'filled' | 'stroked';
|
|
4107
|
+
/**
|
|
4108
|
+
* Variant to be used depending on the emphasis you want to give to the indicators
|
|
4109
|
+
*
|
|
4110
|
+
* @default 'gray'
|
|
4111
|
+
*/
|
|
4112
|
+
indicatorVariant?: 'gray' | 'white' | 'blue';
|
|
4113
|
+
/**
|
|
4114
|
+
* Sets the width of the carousel items, this can be used with visibleItems: auto to achive automatic bleed
|
|
4115
|
+
*
|
|
4116
|
+
* @default undefined
|
|
4117
|
+
*/
|
|
4118
|
+
carouselItemWidth?: Platform.Select<{
|
|
4119
|
+
web: BoxProps$1['width'];
|
|
4120
|
+
native: `${number}%`;
|
|
4121
|
+
}>;
|
|
4122
|
+
/**
|
|
4123
|
+
* Sets the align-items CSS property on carousel container which specifies how the carousel items will align if their heights are different
|
|
4124
|
+
*
|
|
4125
|
+
* @default 'start'
|
|
4126
|
+
*/
|
|
4127
|
+
carouselItemAlignment?: BoxProps$1['alignItems'];
|
|
4128
|
+
/**
|
|
4129
|
+
* Callback which gets fired everytime a slide changes, useful for analytic events (only runs on user interaction not on autoPlay)
|
|
4130
|
+
*
|
|
4131
|
+
* @default undefined
|
|
4132
|
+
*/
|
|
4133
|
+
onChange?: (slideIndex: number) => void;
|
|
4134
|
+
/**
|
|
4135
|
+
* Accessibility label for the carousel, this will let screen reader users know what content the carousel holds (eg: "Product carousel")
|
|
4136
|
+
*
|
|
4137
|
+
* @default undefined
|
|
4138
|
+
*/
|
|
4139
|
+
accessibilityLabel?: string;
|
|
4140
|
+
};
|
|
4141
|
+
|
|
4142
|
+
declare const Carousel: ({ autoPlay, showIndicators, children, carouselItemWidth, accessibilityLabel, onChange, indicatorVariant, navigationButtonVariant, }: CarouselProps) => React__default.ReactElement;
|
|
4143
|
+
|
|
4144
|
+
declare type CarouselItemProps = {
|
|
4145
|
+
children: React__default.ReactNode;
|
|
4146
|
+
};
|
|
4147
|
+
declare const CarouselItem: ({ children }: CarouselItemProps) => React__default.ReactElement;
|
|
4148
|
+
|
|
3991
4149
|
declare type DividerProps = {
|
|
3992
4150
|
/**
|
|
3993
4151
|
* Sets the orientation of divider
|
|
@@ -6313,7 +6471,7 @@ declare type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'ma
|
|
|
6313
6471
|
testID?: string;
|
|
6314
6472
|
};
|
|
6315
6473
|
|
|
6316
|
-
declare const Skeleton: ({ contrast, width, maxWidth, minWidth, height, maxHeight, minHeight, borderRadius, flexWrap, flexDirection, flexGrow, flexShrink, flexBasis, alignItems, alignContent, alignSelf, justifyItems, justifyContent, justifySelf, placeSelf, order, testID, ...props }: SkeletonProps) => React.ReactElement;
|
|
6474
|
+
declare const Skeleton: ({ contrast, width, maxWidth, minWidth, height, maxHeight, minHeight, borderRadius, flexWrap, flexDirection, flexGrow, flexShrink, flexBasis, alignItems, alignContent, alignSelf, justifyItems, justifyContent, justifySelf, placeSelf, placeItems, order, testID, ...props }: SkeletonProps) => React.ReactElement;
|
|
6317
6475
|
|
|
6318
6476
|
declare type VisuallyHiddenProps = {
|
|
6319
6477
|
children: React.ReactNode;
|
|
@@ -6996,4 +7154,4 @@ declare type BladeCommonEvents = {
|
|
|
6996
7154
|
}>;
|
|
6997
7155
|
};
|
|
6998
7156
|
|
|
6999
|
-
export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };
|
|
7157
|
+
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 };
|