@razorpay/blade 9.7.0 → 10.1.0

package/build/components/index.d.ts

@@ -525,10 +525,10 @@ type Delay = {
   xlong: 5000;
 };
 
-type EasingFunctionFactory = { factory: () => (value: number) => number }; // similar to EasingFunctionFactory of `react-native-reanimated`
+type EasingFactoryFn = { factory: () => (value: number) => number }; // similar to EasingFactoryFn of `react-native-reanimated`
 type EasingType<Value extends string> = Platform.Select<{
   web: Value;
-  native: EasingFunctionFactory;
+  native: EasingFactoryFn;
 }>;
 
 type Easing = {
@@ -536,49 +536,49 @@ type Easing = {
   standard: {
     /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
      *
-     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
+     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
     attentive: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
     /** `cubic-bezier(0.3, 0, 0.2, 1)`
      *
-     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
+     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
     effective: EasingType<'cubic-bezier(0.3, 0, 0.2, 1)'>;
     /** `cubic-bezier(0.5, 0, 0, 1)`
      *
-     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
+     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
     revealing: EasingType<'cubic-bezier(0.5, 0, 0, 1)'>;
     /** `cubic-bezier(1, 0.5, 0, 0.5)`
      *
-     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
+     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
     wary: EasingType<'cubic-bezier(1, 0.5, 0, 0.5)'>;
   };
   /** Easings for all entrance animations*/
   entrance: {
     /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
      *
-     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
+     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
     attentive: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
     /** `cubic-bezier(0, 0, 0.2, 1)`
      *
-     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
+     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
     effective: EasingType<'cubic-bezier(0, 0, 0.2, 1)'>;
     /** `cubic-bezier(0, 0, 0, 1)`
      *
-     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
+     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
     revealing: EasingType<'cubic-bezier(0, 0, 0, 1)'>;
   };
   /** Easings for all exit animations*/
   exit: {
     /** `cubic-bezier(0.7, 0, 0.5, 1)`
      *
-     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
+     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
     attentive: EasingType<'cubic-bezier(0.7, 0, 0.5, 1)'>;
     /** `cubic-bezier(0.17, 0, 1, 1)`
      *
-     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
+     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
     effective: EasingType<'cubic-bezier(0.17, 0, 1, 1)'>;
     /** `cubic-bezier(0.5, 0, 1, 1)`
      *
-     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFunctionFactory` for native */
+     *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
     revealing: EasingType<'cubic-bezier(0.5, 0, 1, 1)'>;
   };
 };
@@ -1313,6 +1313,7 @@ type FlexboxProps$1 = MakeObjectResponsive$1<
     | 'justifyContent'
     | 'justifySelf'
     | 'placeSelf'
+    | 'placeItems'
     | 'order'
   >
 >;
@@ -1395,6 +1396,7 @@ type CommonBoxVisualProps$1 = MakeObjectResponsive$1<
     | 'backgroundPosition'
     | 'backgroundOrigin'
     | 'backgroundRepeat'
+    | 'pointerEvents'
   > & {
       /**
        * Sets the elevation for Box
@@ -1501,6 +1503,31 @@ type BoxCallbackProps$1 = Omit<
   '__brand__'
 >;
 
+type BoxDragAndDropProps$1 = Omit<
+  Platform.Select<{
+    web: {
+      draggable: boolean;
+      onDragStart: React.DragEventHandler<HTMLElement>;
+      onDragEnter: React.DragEventHandler<HTMLElement>;
+      onDragLeave: React.DragEventHandler<HTMLElement>;
+      onDragOver: React.DragEventHandler<HTMLElement>;
+      onDragEnd: React.DragEventHandler<HTMLElement>;
+      onDrop: React.DragEventHandler<HTMLElement>;
+    };
+    native: Record<
+      | 'draggable'
+      | 'onDragStart'
+      | 'onDragEnter'
+      | 'onDragLeave'
+      | 'onDragOver'
+      | 'onDragEnd'
+      | 'onDrop',
+      undefined
+    >;
+  }>,
+  '__brand__'
+>;
+
 type BoxProps$1 = Partial<
   PaddingProps$1 &
     MarginProps$1 &
@@ -1509,6 +1536,7 @@ type BoxProps$1 = Partial<
     PositionProps$1 &
     GridProps$1 &
     BoxCallbackProps$1 &
+    BoxDragAndDropProps$1 &
     CommonBoxVisualProps$1 &
     BoxVisualProps$1 & {
       children?: React.ReactNode | React.ReactNode[];
@@ -2619,7 +2647,7 @@ declare type FlexboxProps = MakeObjectResponsive<{
      * @see https://developer.mozilla.org/docs/Web/CSS/flex
      */
     flex: string | number;
-} & PickCSSByPlatform<'flexWrap' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'alignItems' | 'alignContent' | 'alignSelf' | 'justifyItems' | 'justifyContent' | 'justifySelf' | 'placeSelf' | 'order'>>;
+} & PickCSSByPlatform<'flexWrap' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'alignItems' | 'alignContent' | 'alignSelf' | 'justifyItems' | 'justifyContent' | 'justifySelf' | 'placeSelf' | 'placeItems' | 'order'>>;
 declare type PositionProps = MakeObjectResponsive<{
     top: SpacingValueType;
     right: SpacingValueType;
@@ -2649,7 +2677,7 @@ declare type CommonBoxVisualProps = MakeObjectResponsive<{
     borderTopRightRadius: keyof Border['radius'];
     borderBottomRightRadius: keyof Border['radius'];
     borderBottomLeftRadius: keyof Border['radius'];
-} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat'> & {
+} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat' | 'pointerEvents'> & {
     /**
      * Sets the elevation for Box
      *
@@ -2707,7 +2735,19 @@ declare type BoxCallbackProps = Omit<Platform.Select<{
     };
     native: Record<'onMouseOver' | 'onMouseEnter' | 'onMouseLeave' | 'onScroll', undefined>;
 }>, '__brand__'>;
-declare type BoxProps = Partial<PaddingProps & MarginProps & LayoutProps & FlexboxProps & PositionProps & GridProps & BoxCallbackProps & CommonBoxVisualProps & BoxVisualProps & {
+declare type BoxDragAndDropProps = Omit<Platform.Select<{
+    web: {
+        draggable: boolean;
+        onDragStart: React.DragEventHandler<HTMLElement>;
+        onDragEnter: React.DragEventHandler<HTMLElement>;
+        onDragLeave: React.DragEventHandler<HTMLElement>;
+        onDragOver: React.DragEventHandler<HTMLElement>;
+        onDragEnd: React.DragEventHandler<HTMLElement>;
+        onDrop: React.DragEventHandler<HTMLElement>;
+    };
+    native: Record<'draggable' | 'onDragStart' | 'onDragEnter' | 'onDragLeave' | 'onDragOver' | 'onDragEnd' | 'onDrop', undefined>;
+}>, '__brand__'>;
+declare type BoxProps = Partial<PaddingProps & MarginProps & LayoutProps & FlexboxProps & PositionProps & GridProps & BoxCallbackProps & BoxDragAndDropProps & CommonBoxVisualProps & BoxVisualProps & {
     children?: React.ReactNode | React.ReactNode[];
     tabIndex?: number;
 } & TestID$1>;
@@ -3009,6 +3049,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
     onMouseEnter: React__default.MouseEventHandler<HTMLElement>;
     onMouseLeave: React__default.MouseEventHandler<HTMLElement>;
     onScroll: React__default.UIEventHandler<HTMLElement>;
+} & {
+    draggable: boolean;
+    onDragStart: React__default.DragEventHandler<HTMLElement>;
+    onDragEnter: React__default.DragEventHandler<HTMLElement>;
+    onDragLeave: React__default.DragEventHandler<HTMLElement>;
+    onDragOver: React__default.DragEventHandler<HTMLElement>;
+    onDragEnd: React__default.DragEventHandler<HTMLElement>;
+    onDrop: React__default.DragEventHandler<HTMLElement>;
 } & {
     elevation?: ElevationLevels | {
         readonly base?: ElevationLevels | undefined;
@@ -3146,6 +3194,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
+    pointerEvents?: csstype.Property.PointerEvents | {
+        readonly base?: csstype.Property.PointerEvents | undefined;
+        readonly xs?: csstype.Property.PointerEvents | undefined;
+        readonly s?: csstype.Property.PointerEvents | undefined;
+        readonly m?: csstype.Property.PointerEvents | undefined;
+        readonly l?: csstype.Property.PointerEvents | undefined;
+        readonly xl?: csstype.Property.PointerEvents | undefined;
+    } | undefined;
     backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
         readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
         readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
@@ -6910,7 +6966,7 @@ declare type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'ma
     testID?: string;
 };
 
-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;
+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;
 
 declare type VisuallyHiddenProps = {
     children: React.ReactNode;
@@ -7844,6 +7900,14 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
     onMouseEnter: React$1.MouseEventHandler<HTMLElement>;
     onMouseLeave: React$1.MouseEventHandler<HTMLElement>;
     onScroll: React$1.UIEventHandler<HTMLElement>;
+} & {
+    draggable: boolean;
+    onDragStart: React$1.DragEventHandler<HTMLElement>;
+    onDragEnter: React$1.DragEventHandler<HTMLElement>;
+    onDragLeave: React$1.DragEventHandler<HTMLElement>;
+    onDragOver: React$1.DragEventHandler<HTMLElement>;
+    onDragEnd: React$1.DragEventHandler<HTMLElement>;
+    onDrop: React$1.DragEventHandler<HTMLElement>;
 } & {
     elevation?: ElevationLevels | {
         readonly base?: ElevationLevels | undefined;
@@ -7981,6 +8045,14 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
+    pointerEvents?: csstype.Property.PointerEvents | {
+        readonly base?: csstype.Property.PointerEvents | undefined;
+        readonly xs?: csstype.Property.PointerEvents | undefined;
+        readonly s?: csstype.Property.PointerEvents | undefined;
+        readonly m?: csstype.Property.PointerEvents | undefined;
+        readonly l?: csstype.Property.PointerEvents | undefined;
+        readonly xl?: csstype.Property.PointerEvents | undefined;
+    } | undefined;
     backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
         readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
         readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;