@razorpay/blade 7.0.4 → 7.1.0

package/build/css/bankingThemeDarkDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Apr 2023 07:11:56 GMT
+ * Generated on Thu, 27 Apr 2023 12:47:22 GMT
  */
 
 :root {

package/build/css/bankingThemeDarkMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Apr 2023 07:11:56 GMT
+ * Generated on Thu, 27 Apr 2023 12:47:22 GMT
  */
 
 :root {

package/build/css/bankingThemeLightDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Apr 2023 07:11:56 GMT
+ * Generated on Thu, 27 Apr 2023 12:47:22 GMT
  */
 
 :root {

package/build/css/bankingThemeLightMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Apr 2023 07:11:56 GMT
+ * Generated on Thu, 27 Apr 2023 12:47:22 GMT
  */
 
 :root {

package/build/css/paymentThemeDarkDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Apr 2023 07:11:56 GMT
+ * Generated on Thu, 27 Apr 2023 12:47:22 GMT
  */
 
 :root {

package/build/css/paymentThemeDarkMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Apr 2023 07:11:56 GMT
+ * Generated on Thu, 27 Apr 2023 12:47:22 GMT
  */
 
 :root {

package/build/css/paymentThemeLightDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Apr 2023 07:11:56 GMT
+ * Generated on Thu, 27 Apr 2023 12:47:22 GMT
  */
 
 :root {

package/build/css/paymentThemeLightMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Apr 2023 07:11:56 GMT
+ * Generated on Thu, 27 Apr 2023 12:47:22 GMT
  */
 
 :root {

package/build/utils/index.d.ts

@@ -538,4 +538,41 @@ declare const castNativeType: <T>(value: T) => Extract<T, {
     __brand__?: "platform-all" | "platform-native" | undefined;
 }>;
 
-export { AccessibilityKeys, AccessibilityMap, AccessibilityProps, AriaAttributes, AriaRoles, DeepPartial, MakeSize, MetaConstants, Platform, PlatformTypes, UseColorScheme, castNativeType, castWebType, getColorScheme, getComponentId, getMediaQuery, getOS, getPlatformType, isAndroid, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };
+/**
+ * Do you want to define `displayName` or `componentId` on your component? Use this instead to make sure treeshaking doesn't break.
+ *
+ * ## Usage
+ *
+ * ### ❌ Incorrect Code (Breaks treeshaking)
+ *
+ * ```ts
+ * const _MyComponent = () => {};
+ * const MyComponent = React.forwardRef(_MyComponent);
+ * const MyComponent.displayName = 'MyComponent'; // this breaks treeshaking
+ *
+ * export { MyComponent }
+ * ```
+ *
+ * ### ✅ Correct Code (No Side-Effects. Treeshaking continues to work)
+ *
+ * ```ts
+ * const _MyComponent = () => {};
+ * const MyComponentWithRef = React.forwardRef(_MyComponent);
+ * const MyComponent = assignWithoutSideEffects(
+ *  MyComponentWithRef,
+ *  { displayName: 'MyComponent' }
+ * );
+ *
+ * export { MyComponent }
+ * ```
+ *
+ * Checkout other components like [Button.tsx](../../components/Button/Button/Button.tsx), [SelectInput.tsx](../../components/Input/SelectInput/SelectInput.tsx) for example.
+ *
+ * _Note: You don't have to add PURE comment to this function as it is added during build-time by our `manualPureFunctions` babel plugin_
+ */
+declare const assignWithoutSideEffects: <T extends {}>(component: T, sourceObj: {
+    displayName?: string;
+    componentId?: string;
+}) => T;
+
+export { AccessibilityKeys, AccessibilityMap, AccessibilityProps, AriaAttributes, AriaRoles, DeepPartial, MakeSize, MetaConstants, Platform, PlatformTypes, UseColorScheme, assignWithoutSideEffects, castNativeType, castWebType, getColorScheme, getComponentId, getMediaQuery, getOS, getPlatformType, isAndroid, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };

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

@@ -537,4 +537,41 @@ declare const castNativeType: <T>(value: T) => Extract<T, {
     __brand__?: "platform-native" | "platform-all" | undefined;
 }>;
 
-export { AccessibilityKeys, AccessibilityMap, AccessibilityProps, AriaAttributes, AriaRoles, DeepPartial, MakeSize, MetaConstants, Platform, PlatformTypes, UseColorScheme, castNativeType, castWebType, getColorScheme, getComponentId, getMediaQuery, getOS, getPlatformType, isAndroid, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };
+/**
+ * Do you want to define `displayName` or `componentId` on your component? Use this instead to make sure treeshaking doesn't break.
+ *
+ * ## Usage
+ *
+ * ### ❌ Incorrect Code (Breaks treeshaking)
+ *
+ * ```ts
+ * const _MyComponent = () => {};
+ * const MyComponent = React.forwardRef(_MyComponent);
+ * const MyComponent.displayName = 'MyComponent'; // this breaks treeshaking
+ *
+ * export { MyComponent }
+ * ```
+ *
+ * ### ✅ Correct Code (No Side-Effects. Treeshaking continues to work)
+ *
+ * ```ts
+ * const _MyComponent = () => {};
+ * const MyComponentWithRef = React.forwardRef(_MyComponent);
+ * const MyComponent = assignWithoutSideEffects(
+ *  MyComponentWithRef,
+ *  { displayName: 'MyComponent' }
+ * );
+ *
+ * export { MyComponent }
+ * ```
+ *
+ * Checkout other components like [Button.tsx](../../components/Button/Button/Button.tsx), [SelectInput.tsx](../../components/Input/SelectInput/SelectInput.tsx) for example.
+ *
+ * _Note: You don't have to add PURE comment to this function as it is added during build-time by our `manualPureFunctions` babel plugin_
+ */
+declare const assignWithoutSideEffects: <T extends {}>(component: T, sourceObj: {
+    displayName?: string;
+    componentId?: string;
+}) => T;
+
+export { AccessibilityKeys, AccessibilityMap, AccessibilityProps, AriaAttributes, AriaRoles, DeepPartial, MakeSize, MetaConstants, Platform, PlatformTypes, UseColorScheme, assignWithoutSideEffects, castNativeType, castWebType, getColorScheme, getComponentId, getMediaQuery, getOS, getPlatformType, isAndroid, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };

package/build/utils/index.native.js

@@ -4561,5 +4561,7 @@ var Platform;(function(_Platform){})(Platform||(Platform={}));
 
 var castWebType=function castWebType(value){return value;};var castNativeType=function castNativeType(value){return value;};
 
-export { MetaConstants, Platform, castNativeType, castWebType, cloneDeep_1 as cloneDeep, getColorScheme, getComponentId, get_1 as getIn, getMediaQuery, getOS, getPlatformType, isAndroid, isEmpty_1 as isEmpty, isEqual_1 as isEqual, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, merge_1 as merge, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };
+var assignWithoutSideEffects=function assignWithoutSideEffects(component,sourceObj){return _extends(component,sourceObj);};
+
+export { MetaConstants, Platform, assignWithoutSideEffects, castNativeType, castWebType, cloneDeep_1 as cloneDeep, getColorScheme, getComponentId, get_1 as getIn, getMediaQuery, getOS, getPlatformType, isAndroid, isEmpty_1 as isEmpty, isEqual_1 as isEqual, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, merge_1 as merge, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };
 //# sourceMappingURL=index.native.js.map