@razorpay/blade 8.1.0 → 8.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/index.d.ts +61 -41
- package/build/components/index.native.d.ts +61 -41
- package/build/components/index.native.js +33 -35
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +226 -233
- package/build/components/index.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +5 -26
- package/build/css/bankingThemeDarkMobile.css +5 -26
- package/build/css/bankingThemeLightDesktop.css +5 -26
- package/build/css/bankingThemeLightMobile.css +5 -26
- package/build/css/paymentThemeDarkDesktop.css +5 -26
- package/build/css/paymentThemeDarkMobile.css +5 -26
- package/build/css/paymentThemeLightDesktop.css +5 -26
- package/build/css/paymentThemeLightMobile.css +5 -26
- package/build/tokens/index.d.ts +180 -150
- package/build/tokens/index.native.d.ts +180 -150
- package/build/tokens/index.native.js +12 -10
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.web.js +382 -409
- package/build/tokens/index.web.js.map +1 -1
- package/build/utils/index.native.js +0 -6
- package/build/utils/index.native.js.map +1 -1
- package/build/utils/index.web.js +16 -98
- package/build/utils/index.web.js.map +1 -1
- package/package.json +5 -5
- package/CHANGELOG.md +0 -1648
|
@@ -4539,12 +4539,6 @@ var toTitleCase=function toTitleCase(inputString){return inputString.toLowerCase
|
|
|
4539
4539
|
|
|
4540
4540
|
var deviceType={desktop:'desktop',mobile:'mobile'};var useBreakpoint=function useBreakpoint(_ref){var _window;var breakpoints=_ref.breakpoints;var supportsMatchMedia=typeof document!=='undefined'&&typeof window!=='undefined'&&typeof((_window=window)==null?void 0:_window.matchMedia)==='function';var breakpointsTokenAndQueryCollection=useMemo(function(){return supportsMatchMedia?Object.entries(breakpoints).map(function(_ref2,index,breakpointsArray){var _breakpointsArray;var _ref3=_slicedToArray(_ref2,2),token=_ref3[0],screenSize=_ref3[1];var min=screenSize;var maxValue=(_breakpointsArray=breakpointsArray[index+1])==null?void 0:_breakpointsArray[1];var mediaQuery=getMediaQuery({min:min,max:maxValue?maxValue-1:undefined});return {token:token,screenSize:screenSize,mediaQuery:mediaQuery};}):[];},[breakpoints,supportsMatchMedia]);var getMatchedDeviceType=useCallback(function(matchedBreakpoint){var matchedDeviceType=deviceType.mobile;var platform=getPlatformType();if(platform==='react-native'){matchedDeviceType=deviceType.mobile;}else if(platform==='browser'){if(matchedBreakpoint&&['base','xs','s'].includes(matchedBreakpoint)){matchedDeviceType=deviceType.mobile;}else {matchedDeviceType=deviceType.desktop;}}else if(platform==='node'){matchedDeviceType=deviceType.desktop;}return matchedDeviceType;},[]);var getMatchedBreakpoint=useCallback(function(event){var _breakpointsTokenAndQ,_breakpointsTokenAndQ2;var matchedBreakpoint=(_breakpointsTokenAndQ=(_breakpointsTokenAndQ2=breakpointsTokenAndQueryCollection.find(function(_ref4){var _ref4$mediaQuery=_ref4.mediaQuery,mediaQuery=_ref4$mediaQuery===void 0?'':_ref4$mediaQuery;if((event==null?void 0:event.media)===mediaQuery){return true;}if(window.matchMedia(mediaQuery).matches){return true;}return false;}))==null?void 0:_breakpointsTokenAndQ2.token)!=null?_breakpointsTokenAndQ:undefined;return matchedBreakpoint;},[breakpointsTokenAndQueryCollection]);var _useState=useState(function(){var matchedBreakpoint=getMatchedBreakpoint();var matchedDeviceType=getMatchedDeviceType(matchedBreakpoint);return {matchedBreakpoint:matchedBreakpoint,matchedDeviceType:matchedDeviceType};}),_useState2=_slicedToArray(_useState,2),breakpointAndDevice=_useState2[0],setBreakpointAndDevice=_useState2[1];useEffect(function(){if(!supportsMatchMedia){return undefined;}var handleMediaQueryChange=function handleMediaQueryChange(event){setBreakpointAndDevice(function(){var matchedBreakpoint=getMatchedBreakpoint(event);var matchedDeviceType=getMatchedDeviceType(matchedBreakpoint);return {matchedBreakpoint:matchedBreakpoint,matchedDeviceType:matchedDeviceType};});};var mediaQueryInstances=breakpointsTokenAndQueryCollection.map(function(_ref5){var _ref5$mediaQuery=_ref5.mediaQuery,mediaQuery=_ref5$mediaQuery===void 0?'':_ref5$mediaQuery;var mediaQueryInstance=window.matchMedia(mediaQuery);if(mediaQueryInstance.addEventListener){mediaQueryInstance.addEventListener('change',handleMediaQueryChange);}else {mediaQueryInstance.addListener(handleMediaQueryChange);}return mediaQueryInstance;});return function(){mediaQueryInstances.forEach(function(mediaQueryInstance){if(mediaQueryInstance.removeEventListener){mediaQueryInstance.removeEventListener('change',handleMediaQueryChange);}else {mediaQueryInstance.removeListener(handleMediaQueryChange);}});};},[breakpointsTokenAndQueryCollection,getMatchedBreakpoint,getMatchedDeviceType,supportsMatchMedia]);return breakpointAndDevice;};
|
|
4541
4541
|
|
|
4542
|
-
var fontFamily={text:'Lato',code:Platform$1.OS==='ios'?'Courier':'monospace'};
|
|
4543
|
-
|
|
4544
|
-
var fontWeight={regular:400,bold:700};({onDesktop:{fonts:{family:_extends({},fontFamily),size:{10:9,25:10,50:11,75:12,100:14,200:16,300:18,400:20,500:22,600:24,700:28,800:32,900:36,1000:40},weight:_extends({},fontWeight)},lineHeights:{0:0,25:14,50:16,75:18,100:20,200:24,300:24,400:28,500:32,600:40,700:40,800:48}},onMobile:{fonts:{family:_extends({},fontFamily),size:{10:9,25:10,50:11,75:12,100:14,200:16,300:16,400:18,500:20,600:20,700:24,800:28,900:32,1000:32},weight:_extends({},fontWeight)},lineHeights:{0:0,25:14,50:16,75:18,100:20,200:20,300:24,400:24,500:28,600:32,700:40,800:40}}});
|
|
4545
|
-
|
|
4546
|
-
({standard:{attentive:makeBezier(0.5,0,0.3,1.5),effective:makeBezier(0.3,0,0.2,1),revealing:makeBezier(0.5,0,0,1),wary:makeBezier(1,0.5,0,0.5)},entrance:{attentive:makeBezier(0.5,0,0.3,1.5),effective:makeBezier(0,0,0.2,1),revealing:makeBezier(0,0,0,1)},exit:{attentive:makeBezier(0.7,0,0.5,1),effective:makeBezier(0.17,0,1,1),revealing:makeBezier(0.5,0,1,1)}});
|
|
4547
|
-
|
|
4548
4542
|
var colorSchemeNamesInput=['light','dark','system'];
|
|
4549
4543
|
|
|
4550
4544
|
var useColorScheme=function useColorScheme(){var initialColorScheme=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'light';var _useState=useState(function(){return getColorScheme(initialColorScheme);}),_useState2=_slicedToArray(_useState,2),colorSchemeState=_useState2[0],setColorSchemeState=_useState2[1];var setColorScheme=useCallback(function setThemeMode(colorScheme){if(!colorSchemeNamesInput.includes(colorScheme)){throw new Error("[useColorScheme]: Expected color scheme to be one of ["+colorSchemeNamesInput.toString()+"] but received "+colorScheme);}setColorSchemeState(getColorScheme(colorScheme));},[]);return {colorScheme:colorSchemeState,setColorScheme:setColorScheme};};
|