@razorpay/blade 6.2.3 → 6.4.0

package/build/css/bankingThemeDarkDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Feb 2023 07:25:14 GMT
+ * Generated on Wed, 15 Mar 2023 07:34:35 GMT
  */
 
 :root {

package/build/css/bankingThemeDarkMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Feb 2023 07:25:14 GMT
+ * Generated on Wed, 15 Mar 2023 07:34:35 GMT
  */
 
 :root {

package/build/css/bankingThemeLightDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Feb 2023 07:25:14 GMT
+ * Generated on Wed, 15 Mar 2023 07:34:35 GMT
  */
 
 :root {

package/build/css/bankingThemeLightMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Feb 2023 07:25:14 GMT
+ * Generated on Wed, 15 Mar 2023 07:34:35 GMT
  */
 
 :root {

package/build/css/paymentThemeDarkDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Feb 2023 07:25:14 GMT
+ * Generated on Wed, 15 Mar 2023 07:34:35 GMT
  */
 
 :root {

package/build/css/paymentThemeDarkMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Feb 2023 07:25:14 GMT
+ * Generated on Wed, 15 Mar 2023 07:34:35 GMT
  */
 
 :root {

package/build/css/paymentThemeLightDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Feb 2023 07:25:14 GMT
+ * Generated on Wed, 15 Mar 2023 07:34:35 GMT
  */
 
 :root {

package/build/css/paymentThemeLightMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Feb 2023 07:25:14 GMT
+ * Generated on Wed, 15 Mar 2023 07:34:35 GMT
  */
 
 :root {

package/build/tokens/index.d.ts

@@ -752,6 +752,59 @@ declare type Motion = Readonly<{
     easing: Easing;
 }>;
 
+/**
+ * Size tokens are currently not exposed for users (therefore not available in theme)
+ */
+declare const size: {
+    /** 0 px */
+    readonly 0: 0;
+    /** 1 px */
+    readonly 1: 1;
+    /** 2 px */
+    readonly 2: 2;
+    /** 3 px */
+    readonly 3: 3;
+    /** 4 px */
+    readonly 4: 4;
+    /** 5 px */
+    readonly 5: 5;
+    /** 6 px */
+    readonly 6: 6;
+    /** 8 px */
+    readonly 8: 8;
+    /** 10 px */
+    readonly 10: 10;
+    /** 12 px */
+    readonly 12: 12;
+    /** 16 px */
+    readonly 16: 16;
+    /** 18 px */
+    readonly 18: 18;
+    /** 20 px */
+    readonly 20: 20;
+    /** 24 px */
+    readonly 24: 24;
+    /** 28 px */
+    readonly 28: 28;
+    /** 32 px */
+    readonly 32: 32;
+    /** 36 px */
+    readonly 36: 36;
+    /** 40 px */
+    readonly 40: 40;
+    /** 48 px */
+    readonly 48: 48;
+    /** 100 px */
+    readonly 100: 100;
+    /** 120 px */
+    readonly 120: 120;
+    /** 300 px */
+    readonly 300: 300;
+    /** 584 px */
+    readonly 584: 584;
+};
+declare type Size = typeof size;
+
 type ColorSchemeNames = 'dark' | 'light';
 type ColorSchemeNamesInput = ColorSchemeNames | 'system';
 
@@ -952,4 +1005,4 @@ declare const overrideTheme: ({ baseThemeTokens, overrides }: OverrideTheme) =>
 
 declare const colorSchemeNamesInput: ColorSchemeNamesInput[];
 
-export { Border$1 as Border, Breakpoints$1 as Breakpoints, Color, ColorSchemeNames, ColorSchemeNamesInput, ColorsWithModes, FontFamily$1 as FontFamily, Motion, Opacity, Shadows, Spacing$1 as Spacing, ThemeTokens, Typography$1 as Typography, bankingTheme, colorSchemeNamesInput, colors, overrideTheme, paymentTheme };
+export { Border$1 as Border, Breakpoints$1 as Breakpoints, Color, ColorSchemeNames, ColorSchemeNamesInput, ColorsWithModes, FontFamily$1 as FontFamily, Motion, Opacity, Shadows, Size, Spacing$1 as Spacing, ThemeTokens, Typography$1 as Typography, bankingTheme, colorSchemeNamesInput, colors, overrideTheme, paymentTheme };

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

@@ -752,6 +752,59 @@ declare type Motion = Readonly<{
     easing: Easing;
 }>;
 
+/**
+ * Size tokens are currently not exposed for users (therefore not available in theme)
+ */
+declare const size: {
+    /** 0 px */
+    readonly 0: 0;
+    /** 1 px */
+    readonly 1: 1;
+    /** 2 px */
+    readonly 2: 2;
+    /** 3 px */
+    readonly 3: 3;
+    /** 4 px */
+    readonly 4: 4;
+    /** 5 px */
+    readonly 5: 5;
+    /** 6 px */
+    readonly 6: 6;
+    /** 8 px */
+    readonly 8: 8;
+    /** 10 px */
+    readonly 10: 10;
+    /** 12 px */
+    readonly 12: 12;
+    /** 16 px */
+    readonly 16: 16;
+    /** 18 px */
+    readonly 18: 18;
+    /** 20 px */
+    readonly 20: 20;
+    /** 24 px */
+    readonly 24: 24;
+    /** 28 px */
+    readonly 28: 28;
+    /** 32 px */
+    readonly 32: 32;
+    /** 36 px */
+    readonly 36: 36;
+    /** 40 px */
+    readonly 40: 40;
+    /** 48 px */
+    readonly 48: 48;
+    /** 100 px */
+    readonly 100: 100;
+    /** 120 px */
+    readonly 120: 120;
+    /** 300 px */
+    readonly 300: 300;
+    /** 584 px */
+    readonly 584: 584;
+};
+declare type Size = typeof size;
+
 type ColorSchemeNames = 'dark' | 'light';
 type ColorSchemeNamesInput = ColorSchemeNames | 'system';
 
@@ -952,4 +1005,4 @@ declare const overrideTheme: ({ baseThemeTokens, overrides }: OverrideTheme) =>
 
 declare const colorSchemeNamesInput: ColorSchemeNamesInput[];
 
-export { Border$1 as Border, Breakpoints$1 as Breakpoints, Color, ColorSchemeNames, ColorSchemeNamesInput, ColorsWithModes, FontFamily$1 as FontFamily, Motion, Opacity, Shadows, Spacing$1 as Spacing, ThemeTokens, Typography$1 as Typography, bankingTheme, colorSchemeNamesInput, colors, overrideTheme, paymentTheme };
+export { Border$1 as Border, Breakpoints$1 as Breakpoints, Color, ColorSchemeNames, ColorSchemeNamesInput, ColorsWithModes, FontFamily$1 as FontFamily, Motion, Opacity, Shadows, Size, Spacing$1 as Spacing, ThemeTokens, Typography$1 as Typography, bankingTheme, colorSchemeNamesInput, colors, overrideTheme, paymentTheme };

package/build/utils/index.d.ts

@@ -6,7 +6,10 @@ import React, { MutableRefObject } from 'react';
 import { AccessibilityRole, Platform as Platform$2 } from 'react-native';
 export { default as merge } from 'lodash/merge';
 
-declare const metaAttribute: (name: string, value: string | undefined) => Record<string, string>;
+declare const metaAttribute: ({ name, testID, }: {
+    name?: string | undefined;
+    testID?: string | undefined;
+}) => Record<string, string>;
 
 declare const MetaConstants: {
     readonly ActionList: "action-list";
@@ -40,6 +43,7 @@ declare const MetaConstants: {
     readonly CardBody: "card-body";
     readonly CardHeader: "card-header";
     readonly CardFooter: "card-footer";
+    readonly VisuallyHidden: "visually-hidden";
 };
 
 type Breakpoints = Readonly<{

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

@@ -7,7 +7,10 @@ import { AccessibilityRole, Platform as Platform$2 } from 'react-native';
 import { EasingFunctionFactory } from 'react-native-reanimated';
 export { default as merge } from 'lodash/merge';
 
-declare const metaAttribute: (_name: string, _value: string) => Record<string, string>;
+declare const metaAttribute: ({ testID }: {
+    name?: string | undefined;
+    testID?: string | undefined;
+}) => Record<string, string>;
 
 declare const MetaConstants: {
     readonly ActionList: "action-list";
@@ -41,6 +44,7 @@ declare const MetaConstants: {
     readonly CardBody: "card-body";
     readonly CardHeader: "card-header";
     readonly CardFooter: "card-footer";
+    readonly VisuallyHidden: "visually-hidden";
 };
 
 type Breakpoints = Readonly<{

package/build/utils/index.native.js

@@ -1,8 +1,8 @@
+import _extends from '@babel/runtime/helpers/extends';
 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';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2789,9 +2789,9 @@ function cloneDeep(value) {
 
 var cloneDeep_1 = cloneDeep;
 
-var metaAttribute=function metaAttribute(_name,_value){return {};};
+var metaAttribute=function metaAttribute(_ref){var testID=_ref.testID;return _extends({},testID?{testID:testID}:{});};
 
-var MetaConstants={ActionList:'action-list',ActionListFooter:'action-list-footer',ActionListHeader:'action-list-header',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Badge:'badge',Button:'button',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',Code:'code',Component:'blade-component',Counter:'counter',DropdownOverlay:'dropdown-overlay',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',List:'list',ListItem:'list-item',OTPInput:'otp-input',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',SkipNav:'skipnav',Spinner:'spinner',SelectInput:'select-input',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer'};
+var MetaConstants={ActionList:'action-list',ActionListFooter:'action-list-footer',ActionListHeader:'action-list-header',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Badge:'badge',Button:'button',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',Code:'code',Component:'blade-component',Counter:'counter',DropdownOverlay:'dropdown-overlay',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',List:'list',ListItem:'list-item',OTPInput:'otp-input',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',SkipNav:'skipnav',Spinner:'spinner',SelectInput:'select-input',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',VisuallyHidden:'visually-hidden'};
 
 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';};