@razorpay/blade 9.7.0 → 10.1.0

package/build/components/index.native.d.ts

@@ -523,10 +523,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 = {
@@ -534,49 +534,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)'>;
   };
 };
@@ -1311,6 +1311,7 @@ type FlexboxProps$1 = MakeObjectResponsive$1<
     | 'justifyContent'
     | 'justifySelf'
     | 'placeSelf'
+    | 'placeItems'
     | 'order'
   >
 >;
@@ -1393,6 +1394,7 @@ type CommonBoxVisualProps$1 = MakeObjectResponsive$1<
     | 'backgroundPosition'
     | 'backgroundOrigin'
     | 'backgroundRepeat'
+    | 'pointerEvents'
   > & {
       /**
        * Sets the elevation for Box
@@ -1499,6 +1501,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 &
@@ -1507,6 +1534,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>;
@@ -2883,6 +2923,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
     onMouseEnter: undefined;
     onMouseLeave: undefined;
     onScroll: undefined;
+} & {
+    draggable: undefined;
+    onDragStart: undefined;
+    onDragEnter: undefined;
+    onDragLeave: undefined;
+    onDragOver: undefined;
+    onDragEnd: undefined;
+    onDrop: undefined;
 } & {
     elevation?: ElevationLevels | {
         readonly base?: ElevationLevels | undefined;
@@ -2992,6 +3040,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
+        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
+    } | undefined;
     backgroundPosition: never;
     borderColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
         readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
@@ -6313,7 +6369,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;