@razorpay/blade 12.49.7 → 12.50.0

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

@@ -1299,7 +1299,7 @@ type CommonBoxVisualProps = MakeObjectResponsive<{
     borderTopRightRadius: keyof Border['radius'];
     borderBottomRightRadius: keyof Border['radius'];
     borderBottomLeftRadius: keyof Border['radius'];
-} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat' | 'pointerEvents' | 'opacity' | 'visibility' | 'transform' | 'transformOrigin' | 'clipPath' | 'borderStyle' | 'borderTopStyle' | 'borderBottomStyle' | 'borderLeftStyle' | 'borderRightStyle'> & {
+} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat' | 'pointerEvents' | 'opacity' | 'visibility' | 'transform' | 'transformOrigin' | 'clipPath' | 'borderStyle' | 'borderTopStyle' | 'borderBottomStyle' | 'borderLeftStyle' | 'borderRightStyle' | 'backdropFilter' | 'transition'> & {
     /**
      * Sets the elevation for Box
      *
@@ -1564,6 +1564,7 @@ declare const Box: react__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -1728,6 +1729,7 @@ declare const Box: react__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -2869,6 +2871,7 @@ declare const Accordion: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -3033,6 +3036,7 @@ declare const Accordion: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -3281,6 +3285,7 @@ declare const Divider: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -3445,6 +3450,7 @@ declare const Divider: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -3845,6 +3851,7 @@ declare const Badge: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -4009,6 +4016,7 @@ declare const Badge: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -4969,6 +4977,7 @@ declare const Alert: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -5133,6 +5142,7 @@ declare const Alert: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -5915,6 +5925,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -6079,6 +6090,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -6592,6 +6604,7 @@ declare const Card: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -6756,6 +6769,7 @@ declare const Card: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -6991,6 +7005,7 @@ declare const Counter: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -7155,6 +7170,7 @@ declare const Counter: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -7365,6 +7381,7 @@ declare const Heading: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -7529,6 +7546,7 @@ declare const Heading: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -7843,6 +7861,7 @@ declare const Display: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -8007,6 +8026,7 @@ declare const Display: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -8323,6 +8343,7 @@ declare const Carousel: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -8487,6 +8508,7 @@ declare const Carousel: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -8977,6 +8999,7 @@ declare const Checkbox: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -9141,6 +9164,7 @@ declare const Checkbox: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -9728,6 +9752,7 @@ declare const Collapsible: react.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -9892,6 +9917,7 @@ declare const Collapsible: react.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -10871,6 +10897,7 @@ declare const Dropdown: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -11035,6 +11062,7 @@ declare const Dropdown: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -11708,6 +11736,7 @@ declare const Indicator: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -11872,6 +11901,7 @@ declare const Indicator: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -13142,6 +13172,7 @@ declare const Radio: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -13306,6 +13337,7 @@ declare const Radio: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -13840,6 +13872,7 @@ declare const Skeleton: react__default.ForwardRefExoticComponent<Partial<Omit<Ma
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -14004,6 +14037,7 @@ declare const Skeleton: react__default.ForwardRefExoticComponent<Partial<Omit<Ma
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -14235,6 +14269,7 @@ declare const Spinner: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -14399,6 +14434,7 @@ declare const Spinner: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -14919,6 +14955,7 @@ declare const Switch: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -15083,6 +15120,7 @@ declare const Switch: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;
@@ -15910,6 +15948,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
         readonly l?: ElevationLevels | undefined;
         readonly xl?: ElevationLevels | undefined;
     } | undefined;
+    backdropFilter: never;
     backgroundImage: never;
     backgroundOrigin: never;
     backgroundRepeat: never;
@@ -16074,6 +16113,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
         readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
         readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
     };
+    transition: never;
     __brand__?: "platform-native" | {
         readonly base?: "platform-native" | undefined;
         readonly xs?: "platform-native" | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.49.7",
+  "version": "12.50.0",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"