@razorpay/blade 5.2.0 → 5.3.0

package/build/css/bankingThemeDarkDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Dec 2022 10:43:29 GMT
+ * Generated on Wed, 21 Dec 2022 12:41:42 GMT
  */
 
 :root {

package/build/css/bankingThemeDarkMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Dec 2022 10:43:29 GMT
+ * Generated on Wed, 21 Dec 2022 12:41:42 GMT
  */
 
 :root {

package/build/css/bankingThemeLightDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Dec 2022 10:43:29 GMT
+ * Generated on Wed, 21 Dec 2022 12:41:42 GMT
  */
 
 :root {

package/build/css/bankingThemeLightMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Dec 2022 10:43:29 GMT
+ * Generated on Wed, 21 Dec 2022 12:41:42 GMT
  */
 
 :root {

package/build/css/paymentThemeDarkDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Dec 2022 10:43:28 GMT
+ * Generated on Wed, 21 Dec 2022 12:41:42 GMT
  */
 
 :root {

package/build/css/paymentThemeDarkMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Dec 2022 10:43:29 GMT
+ * Generated on Wed, 21 Dec 2022 12:41:42 GMT
  */
 
 :root {

package/build/css/paymentThemeLightDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Dec 2022 10:43:28 GMT
+ * Generated on Wed, 21 Dec 2022 12:41:42 GMT
  */
 
 :root {

package/build/css/paymentThemeLightMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Dec 2022 10:43:28 GMT
+ * Generated on Wed, 21 Dec 2022 12:41:42 GMT
  */
 
 :root {

package/build/tokens/index.native.js

@@ -1,9 +1,9 @@
 import _extends from '@babel/runtime/helpers/extends';
 import { Platform } from 'react-native';
+import 'react';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
 import { Easing } from 'react-native-reanimated';
-import 'react';
 
 var opacities={0:0,1:0.09,2:0.18,3:0.32,4:1.0,5:1.0,6:1.0,7:1.0,8:1.0,9:1.0};
 

package/build/tokens/index.web.js

@@ -1,7 +1,7 @@
 import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
+import 'react';
 import _typeof from '@babel/runtime/helpers/typeof';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import 'react';
 
 var opacities = {
   0: 0,

package/build/utils/index.d.ts

@@ -2,9 +2,9 @@ export { default as cloneDeep } from 'lodash/cloneDeep';
 export { default as getIn } from 'lodash/get';
 export { default as isEmpty } from 'lodash/isEmpty';
 export { default as isEqual } from 'lodash/isEqual';
+import React, { MutableRefObject } from 'react';
 import { AccessibilityRole } from 'react-native';
 export { default as merge } from 'lodash/merge';
-import { MutableRefObject } from 'react';
 
 declare const metaAttribute: (name: string, value: string | undefined) => Record<string, string>;
 
@@ -26,6 +26,10 @@ declare const MetaConstants: {
     readonly RadioGroup: "radio-group";
     readonly SkipNav: "skipnav";
     readonly Spinner: "spinner";
+    readonly Card: "card";
+    readonly CardBody: "card-body";
+    readonly CardHeader: "card-header";
+    readonly CardFooter: "card-footer";
 };
 
 type Breakpoints = Readonly<{
@@ -87,6 +91,21 @@ declare const getColorScheme: (colorScheme?: ColorSchemeNamesInput) => ColorSche
 declare type PlatformTypes = 'browser' | 'node' | 'react-native' | 'unknown';
 declare const getPlatformType: () => PlatformTypes;
 
+/**
+ * A type defining React component with additional static prop `componentId`
+ */
+declare type WithComponentId<Props> = ((props: Props) => React.ReactElement) & {
+    componentId: string;
+};
+/**
+ * Gets the `componentId` prop of React component if it exists.
+ */
+declare const getComponentId: (component: React.ReactNode) => string | null;
+/**
+ * Checks if the `component` matches the `componentId`
+ */
+declare const isValidAllowedChildren: (component: React.ReactNode, id: string) => boolean;
+
 declare type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends Record<number | string, unknown> ? DeepPartial<T[P]> : T[P];
 };
@@ -446,4 +465,4 @@ 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, getPlatformType, isPartialMatchObjectKeys, isReactNative, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };
+export { AccessibilityKeys, AccessibilityMap, AccessibilityProps, AriaAttributes, AriaRoles, DeepPartial, MakeSize, MetaConstants, Platform, PlatformTypes, UseColorScheme, WithComponentId, castNativeType, castWebType, getColorScheme, getComponentId, getPlatformType, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };

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

@@ -2,10 +2,10 @@ export { default as cloneDeep } from 'lodash/cloneDeep';
 export { default as getIn } from 'lodash/get';
 export { default as isEmpty } from 'lodash/isEmpty';
 export { default as isEqual } from 'lodash/isEqual';
+import React, { MutableRefObject } from 'react';
 import { AccessibilityRole } from 'react-native';
 import { EasingFunctionFactory } from 'react-native-reanimated';
 export { default as merge } from 'lodash/merge';
-import { MutableRefObject } from 'react';
 
 declare const metaAttribute: (_name: string, _value: string) => Record<string, string>;
 
@@ -27,6 +27,10 @@ declare const MetaConstants: {
     readonly RadioGroup: "radio-group";
     readonly SkipNav: "skipnav";
     readonly Spinner: "spinner";
+    readonly Card: "card";
+    readonly CardBody: "card-body";
+    readonly CardHeader: "card-header";
+    readonly CardFooter: "card-footer";
 };
 
 type Breakpoints = Readonly<{
@@ -88,6 +92,21 @@ declare const getColorScheme: (colorScheme?: ColorSchemeNamesInput) => ColorSche
 declare type PlatformTypes = 'browser' | 'node' | 'react-native' | 'unknown';
 declare const getPlatformType: () => PlatformTypes;
 
+/**
+ * A type defining React component with additional static prop `componentId`
+ */
+declare type WithComponentId<Props> = ((props: Props) => React.ReactElement) & {
+    componentId: string;
+};
+/**
+ * Gets the `componentId` prop of React component if it exists.
+ */
+declare const getComponentId: (component: React.ReactNode) => string | null;
+/**
+ * Checks if the `component` matches the `componentId`
+ */
+declare const isValidAllowedChildren: (component: React.ReactNode, id: string) => boolean;
+
 declare type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends Record<number | string, unknown> ? DeepPartial<T[P]> : T[P];
 };
@@ -445,4 +464,4 @@ 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, getPlatformType, isPartialMatchObjectKeys, isReactNative, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };
+export { AccessibilityKeys, AccessibilityMap, AccessibilityProps, AriaAttributes, AriaRoles, DeepPartial, MakeSize, MetaConstants, Platform, PlatformTypes, UseColorScheme, WithComponentId, castNativeType, castWebType, getColorScheme, getComponentId, getPlatformType, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };

package/build/utils/index.native.js

@@ -1,9 +1,9 @@
 import { Appearance, Platform as Platform$1 } from 'react-native';
+import React, { useMemo, useCallback, useState, useEffect, useRef } from 'react';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
 import _extends from '@babel/runtime/helpers/extends';
 import { Easing } from 'react-native-reanimated';
-import { useMemo, useCallback, useState, useEffect, useRef } from 'react';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2791,7 +2791,7 @@ var cloneDeep_1 = cloneDeep;
 
 var metaAttribute=function metaAttribute(_name,_value){return {};};
 
-var MetaConstants={Alert:'alert',Badge:'badge',Button:'button',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',Code:'code',Component:'blade-component',Counter:'counter',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',OTPInput:'otp-input',Radio:'radio',RadioGroup:'radio-group',SkipNav:'skipnav',Spinner:'spinner'};
+var MetaConstants={Alert:'alert',Badge:'badge',Button:'button',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',Code:'code',Component:'blade-component',Counter:'counter',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',OTPInput:'otp-input',Radio:'radio',RadioGroup:'radio-group',SkipNav:'skipnav',Spinner:'spinner',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer'};
 
 var getColorScheme=function getColorScheme(){var colorScheme=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'light';if(colorScheme==='light'||colorScheme==='dark'){return colorScheme;}if(colorScheme==='system'){var _Appearance$getColorS;return (_Appearance$getColorS=Appearance.getColorScheme())!=null?_Appearance$getColorS:'light';}return 'light';};
 
@@ -3840,6 +3840,8 @@ function isEqual(value, other) {
 
 var isEqual_1 = isEqual;
 
+var getComponentId=function getComponentId(component){var _component$type;if(!React.isValidElement(component))return null;return (_component$type=component.type)==null?void 0:_component$type.componentId;};var isValidAllowedChildren=function isValidAllowedChildren(component,id){return getComponentId(component)===id;};
+
 var isPartialMatchObjectKeys=function isPartialMatchObjectKeys(_ref){var objectToMatch=_ref.objectToMatch,objectToInspect=_ref.objectToInspect;var matchResponses=[];var matchObjectKeys=function matchObjectKeys(_ref2){var innerObjectToMatch=_ref2.innerObjectToMatch,innerObjectToInspect=_ref2.innerObjectToInspect;for(var _i=0,_Object$entries=Object.entries(innerObjectToMatch);_i<_Object$entries.length;_i++){var _ref3=_Object$entries[_i];var _ref4=_slicedToArray(_ref3,2);var key=_ref4[0];var valueToMatch=_ref4[1];var valueToInspect=innerObjectToInspect[key];if(innerObjectToInspect.hasOwnProperty(key)){if(valueToMatch===null||valueToMatch===undefined||valueToMatch===''||Array.isArray(valueToMatch)||!(valueToMatch instanceof Object)&&typeof valueToMatch!==typeof valueToInspect){console.error("[isPartialMatchObjectKeys]: Unexpected value: "+JSON.stringify(valueToMatch)+" of type "+typeof valueToMatch+" for key: "+key);matchResponses.push(false);}if(typeof valueToMatch==='string'){matchResponses.push(true);}if(isObject_1(valueToMatch)&&isObject_1(valueToInspect)){matchObjectKeys({innerObjectToMatch:valueToMatch,innerObjectToInspect:valueToInspect});}}else {console.error("[isPartialMatchObjectKeys]: "+key+" doesn't exist in "+JSON.stringify(innerObjectToInspect,null,2));matchResponses.push(false);}}};matchObjectKeys({innerObjectToMatch:objectToMatch,innerObjectToInspect:objectToInspect});return matchResponses.every(Boolean);};
 
 var accessibilityValue={valueMax:'max',valueMin:'min',valueNow:'now',valueText:'text'};var accessibilityState={selected:'selected',disabled:'disabled',expanded:'expanded',busy:'busy',checked:'checked'};var accessibilityValueKeys=Object.keys(accessibilityValue);var accessibilityStateKeys=Object.keys(accessibilityState);var accessibilityMap=_extends({},accessibilityState,accessibilityValue,{activeDescendant:'accessibilityActiveDescendant',atomic:'accessibilityAtomic',autoComplete:'accessibilityAutoComplete',colCount:'accessibilityColCount',colIndex:'accessibilityColIndex',colSpan:'accessibilityColSpan',controls:'accessibilityControls',describedBy:'accessibilityDescribedBy',details:'accessibilityDetails',errorMessage:'accessibilityErrorMessage',flowTo:'accessibilityFlowTo',hasPopup:'accessibilityHasPopup',hidden:'accessibilityHidden',invalid:'accessibilityInvalid',keyShortcuts:'accessibilityKeyShortcuts',label:'accessibilityLabel',labelledBy:'accessibilityLabelledBy',liveRegion:'accessibilityLiveRegion',modal:'accessibilityModal',multiline:'accessibilityMultiline',multiSelectable:'accessibilityMultiSelectable',orientation:'accessibilityOrientation',owns:'accessibilityOwns',placeholder:'accessibilityPlaceholder',posInSet:'accessibilityPosInSet',pressed:'accessibilityPressed',readOnly:'accessibilityReadOnly',required:'accessibilityRequired',role:'accessibilityRole',roleDescription:'accessibilityRoleDescription',rowCount:'accessibilityRowCount',rowIndex:'accessibilityRowIndex',rowSpan:'accessibilityRowSpan',setSize:'accessibilitySetSize',sort:'accessibilitySort',current:'accessibilityCurrent',dropEffect:'accessibilityDropEffect',grabbed:'accessibilityGrabbed',level:'accessibilityLevel',relevant:'accessibilityRelevant'});var accessibilityRoleMap={alert:'alert',button:'button',checkbox:'checkbox',combobox:'combobox',image:'image',link:'link',menu:'menu',menubar:'menubar',menuitem:'menuitem',progressbar:'progressbar',radio:'radio',radiogroup:'radiogroup',scrollbar:'scrollbar',search:'search',spinbutton:'spinbutton',switch:'switch',tab:'tab',tablist:'tablist',timer:'timer',togglebutton:'togglebutton',toolbar:'toolbar',heading:'header',slider:'adjustable',img:'image',presentation:'none',region:'summary',imagebutton:'imagebutton',keyboardkey:'keyboardkey',label:'label',text:'text'};
@@ -4555,5 +4557,5 @@ 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, get_1 as getIn, getPlatformType, isEmpty_1 as isEmpty, isEqual_1 as isEqual, isPartialMatchObjectKeys, isReactNative, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, merge_1 as merge, metaAttribute, setupMatchMediaMock, testID, toTitleCase, useBreakpoint, useColorScheme, usePrevious };
+export { MetaConstants, Platform, castNativeType, castWebType, cloneDeep_1 as cloneDeep, getColorScheme, getComponentId, get_1 as getIn, getPlatformType, 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