@razorpay/blade 9.6.1 → 10.0.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)'>;
   };
 };
@@ -1417,6 +1417,7 @@ type BaseBoxVisualProps$1 = MakeObjectResponsive$1<
       | BackgroundColorString$1<'surface'>
       | BackgroundColorString$1<'action'>
       | BrandColorString$1
+      | 'transparent'
       | (string & Record<never, never>);
     lineHeight: SpacingValueType$1;
     touchAction: CSSObject['touchAction'];
@@ -1434,7 +1435,7 @@ type BaseBoxVisualProps$1 = MakeObjectResponsive$1<
 
 // Visual props that are specific to Box
 type BoxVisualProps$1 = MakeObjectResponsive$1<{
-  backgroundColor: BackgroundColorString$1<'surface'> | BrandColorString$1;
+  backgroundColor: BackgroundColorString$1<'surface'> | BrandColorString$1 | 'transparent';
 }> & {
   // Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object
   // styled-components do not support passing `as` prop as an object
@@ -2662,13 +2663,13 @@ declare type CommonBoxVisualProps = MakeObjectResponsive<{
     elevation?: keyof Elevation;
 }>;
 declare type BaseBoxVisualProps = MakeObjectResponsive<{
-    backgroundColor: BackgroundColorString<'feedback'> | BackgroundColorString<'surface'> | BackgroundColorString<'action'> | BrandColorString | (string & Record<never, never>);
+    backgroundColor: BackgroundColorString<'feedback'> | BackgroundColorString<'surface'> | BackgroundColorString<'action'> | BrandColorString | 'transparent' | (string & Record<never, never>);
     lineHeight: SpacingValueType;
     touchAction: CSSObject['touchAction'];
     userSelect: CSSObject['userSelect'];
 } & PickCSSByPlatform<'border' | 'borderLeft' | 'borderRight' | 'borderTop' | 'borderBottom' | 'opacity' | 'pointerEvents'>>;
 declare type BoxVisualProps = MakeObjectResponsive<{
-    backgroundColor: BackgroundColorString<'surface'> | BrandColorString;
+    backgroundColor: BackgroundColorString<'surface'> | BrandColorString | 'transparent';
 }> & {
     as: BoxAsType;
 };
@@ -3025,7 +3026,7 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly xl?: "platform-native" | undefined;
     } | undefined;
 } & MakeObjectResponsive<{
-    backgroundColor: "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast";
+    backgroundColor: "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "transparent";
 }, "backgroundColor"> & {
     as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
 } & {