@razorpay/blade 8.10.2 → 8.11.0

package/build/components/index.d.ts

@@ -1091,10 +1091,14 @@ type SpacingValueType$1 =
   | DotNotationSpacingStringToken
   | `${string}${SpaceUnits$1}`
   | `calc(${string})`
+  | 'auto'
   | `min(${string})`
   | `max(${string})`
-  | 'auto'
-  | 'none';
+  | 'none'
+  | 'initial'
+  | 'fit-content'
+  | 'max-content'
+  | 'min-content';
 
 type MarginProps$1 = MakeObjectResponsive$1<{
   /**
@@ -1771,7 +1775,7 @@ declare type MakeObjectResponsive<T, K extends keyof T = Extract<keyof T, string
 
 declare type ArrayOfMaxLength4<T> = readonly [T?, T?, T?, T?];
 declare type SpaceUnits = 'px' | '%' | 'fr' | 'rem' | 'em' | 'vh' | 'vw';
-declare type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | `calc(${string})` | `min(${string})` | `max(${string})` | 'auto' | 'none';
+declare type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | `calc(${string})` | 'auto' | `min(${string})` | `max(${string})` | 'none' | 'initial' | 'fit-content' | 'max-content' | 'min-content';
 /**
  * @IMPORTANT
  *
@@ -2838,7 +2842,7 @@ declare const CardBody: ({ children, testID }: CardBodyProps) => React__default.
 
 type BladeElementRef = Platform.Select<{
   web:
-    | Pick<HTMLElement, 'focus' | 'scrollIntoView' | 'getBoundingClientRect'>
+    | Pick<HTMLElement, 'focus' | 'scrollIntoView' | 'getBoundingClientRect' | 'clientHeight'>
     | Pick<View, 'focus'>;
   native: React.MutableRefObject<any>;
 }>;
@@ -6092,7 +6096,7 @@ declare type TitleProps = {
     size?: 'small' | 'medium' | 'large' | 'xlarge';
     contrast?: ColorContrastTypes;
     type?: TextTypes;
-    children: StringChildrenType;
+    children: React.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
 } & TestID$1 & StyledPropsBlade;
 declare const Title: ({ as, size, type, contrast, color, children, testID, textAlign, ...styledProps }: TitleProps) => ReactElement;
@@ -6110,7 +6114,7 @@ declare type HeadingCommonProps = {
     color?: BaseTextProps['color'];
     type?: TextTypes;
     contrast?: ColorContrastTypes;
-    children: StringChildrenType;
+    children: React.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
 } & TestID$1 & StyledPropsBlade;
 declare type HeadingNormalVariant = HeadingCommonProps & {

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

@@ -1090,10 +1090,14 @@ type SpacingValueType$1 =
   | DotNotationSpacingStringToken
   | `${string}${SpaceUnits$1}`
   | `calc(${string})`
+  | 'auto'
   | `min(${string})`
   | `max(${string})`
-  | 'auto'
-  | 'none';
+  | 'none'
+  | 'initial'
+  | 'fit-content'
+  | 'max-content'
+  | 'min-content';
 
 type MarginProps$1 = MakeObjectResponsive$1<{
   /**
@@ -1772,7 +1776,7 @@ declare type MakeObjectResponsive<T, K extends keyof T = Extract<keyof T, string
 
 declare type ArrayOfMaxLength4<T> = readonly [T?, T?, T?, T?];
 declare type SpaceUnits = 'px' | '%' | 'fr' | 'rem' | 'em' | 'vh' | 'vw';
-declare type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | `calc(${string})` | `min(${string})` | `max(${string})` | 'auto' | 'none';
+declare type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | `calc(${string})` | 'auto' | `min(${string})` | `max(${string})` | 'none' | 'initial' | 'fit-content' | 'max-content' | 'min-content';
 /**
  * @IMPORTANT
  *
@@ -2685,7 +2689,7 @@ declare const CardBody: ({ children, testID }: CardBodyProps) => React__default.
 
 type BladeElementRef = Platform.Select<{
   web:
-    | Pick<HTMLElement, 'focus' | 'scrollIntoView' | 'getBoundingClientRect'>
+    | Pick<HTMLElement, 'focus' | 'scrollIntoView' | 'getBoundingClientRect' | 'clientHeight'>
     | Pick<View, 'focus'>;
   native: React.MutableRefObject<any>;
 }>;
@@ -5408,7 +5412,7 @@ declare type TitleProps = {
     size?: 'small' | 'medium' | 'large' | 'xlarge';
     contrast?: ColorContrastTypes;
     type?: TextTypes;
-    children: StringChildrenType;
+    children: React.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
 } & TestID & StyledPropsBlade;
 declare const Title: ({ as, size, type, contrast, color, children, testID, textAlign, ...styledProps }: TitleProps) => ReactElement;
@@ -5426,7 +5430,7 @@ declare type HeadingCommonProps = {
     color?: BaseTextProps['color'];
     type?: TextTypes;
     contrast?: ColorContrastTypes;
-    children: StringChildrenType;
+    children: React.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
 } & TestID & StyledPropsBlade;
 declare type HeadingNormalVariant = HeadingCommonProps & {

package/build/components/index.native.js

@@ -12,8 +12,9 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import GorhomBottomSheet, { BottomSheetSectionList, BottomSheetScrollView, BottomSheetBackdrop as BottomSheetBackdrop$1, BottomSheetFooter as BottomSheetFooter$1 } from '@gorhom/bottom-sheet';
-import { ClipPath as ClipPath$1, Circle as Circle$1, Defs as Defs$1, G as G$1, Path as Path$1, Rect as Rect$1, Svg as Svg$1 } from 'react-native-svg';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
+import '@floating-ui/react';
+import { ClipPath as ClipPath$1, Circle as Circle$1, Defs as Defs$1, G as G$1, Path as Path$1, Rect as Rect$1, Svg as Svg$1 } from 'react-native-svg';
 import { useFloating, shift, flip, offset, arrow } from '@floating-ui/react-native';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};