@razorpay/blade 10.14.0 → 10.14.2

package/build/components/index.native.js

@@ -2764,7 +2764,7 @@ var _CardFooter=function _CardFooter(_ref){var _footerChildrensArray,_footerChil
 
 var CarouselContext=React__default.createContext(null);var useCarouselContext=function useCarouselContext(){var state=React__default.useContext(CarouselContext);if(!state){throwBladeError({moduleName:'Carousel',message:'useCarouselContext must be used within Carousel'});}return state;};
 
-var getIndicatorButtonStyles=function getIndicatorButtonStyles(_ref){var theme=_ref.theme,isActive=_ref.isActive,variant=_ref.variant;var backgroundColor={gray:theme.colors.brand.gray[600].highContrast,white:theme.colors.brand.gray[700].highContrast,blue:theme.colors.brand.primary[500]};var easing=castWebType(theme.motion.easing.standard.effective);var duration=castWebType(makeMotionTime(theme.motion.duration.gentle));return Object.assign({border:'none',cursor:'pointer',padding:makeSpace(theme.spacing[0]),borderRadius:theme.border.radius.max,backgroundColor:isActive?backgroundColor[variant]:'hsla(214, 18%, 69%, 0.64)',width:isActive?makeSize(size[18]):makeSize(size[6]),height:makeSize(size[6])},isReactNative$4()&&{width:undefined},!isReactNative$4()&&{transitionProperty:'width',transitionDuration:duration,transitionTimingFunction:easing,'&:before':{content:`""`,padding:makeSize(size[10]),paddingTop:makeSize(size[20])},'&:focus':{outline:'none',boxShadow:`0px 0px 0px 4px ${theme.colors.brand.primary[400]}`}});};
+var getIndicatorButtonStyles=function getIndicatorButtonStyles(_ref){var theme=_ref.theme,isActive=_ref.isActive,variant=_ref.variant;var backgroundColor={gray:theme.colors.brand.gray[600].highContrast,white:theme.colors.brand.gray[700].highContrast,blue:theme.colors.brand.primary[500]};var easing=castWebType(theme.motion.easing.standard.effective);var duration=castWebType(makeMotionTime(theme.motion.duration.gentle));return Object.assign({border:'none',cursor:'pointer',padding:makeSpace(theme.spacing[0]),borderRadius:theme.border.radius.max,backgroundColor:isActive?backgroundColor[variant]:'hsla(214, 18%, 69%, 0.64)',width:isActive?makeSize(size[18]):makeSize(size[6]),height:makeSize(size[6])},isReactNative$4()&&{width:undefined},!isReactNative$4()&&{transitionProperty:'width',transitionDuration:duration,transitionTimingFunction:easing,'&:before':{content:`""`,padding:makeSize(size[10]),paddingTop:makeSize(size[20])},'&:focus-visible':{outline:'none',boxShadow:`0px 0px 0px 4px ${theme.colors.brand.primary[400]}`}});};
 
 var _excluded$v=["onClick","accessibilityLabel"];var PressableIndicatorButton=styled(BaseBox)(function(_ref){var theme=_ref.theme,isActive=_ref.isActive,variant=_ref.variant;return getIndicatorButtonStyles({theme:theme,isActive:isActive,variant:variant});});var _worklet_4597623406864_init_data={code:"function anonymous(){const{withTiming,props,size,duration,easing}=this._closure;return{width:withTiming(props.isActive?size[18]:size[6],{duration:duration,easing:easing})};}",location:"/home/runner/work/blade/blade/packages/blade/src/components/Carousel/Indicators/StyledIndicatorButton.native.tsx",sourceMap:"{\"version\":3,\"mappings\":\"AAyBiC,SAAAA,SAAMA,CAAA,QAAAC,UAAA,CAAAC,KAAA,CAAAC,IAAA,CAAAC,QAAA,CAAAC,MAAA,OAAAC,QAAA,CACnC,MAAO,CACLC,KAAK,CAAEN,UAAU,CAACC,KAAK,CAACM,QAAQ,CAAGL,IAAI,CAAC,EAAE,CAAC,CAAGA,IAAI,CAAC,CAAC,CAAC,CAAE,CACrDC,QAAQ,CAARA,QAAQ,CACRC,aACF,CAAC,CACH,CAAC,CACH\",\"names\":[\"anonymous\",\"withTiming\",\"props\",\"size\",\"duration\",\"easing\",\"_closure\",\"width\",\"isActive\"],\"sources\":[\"/home/runner/work/blade/blade/packages/blade/src/components/Carousel/Indicators/StyledIndicatorButton.native.tsx\"]}",version:"3.4.1"};var StyledIndicatorButton=function StyledIndicatorButton(_ref2){var onClick=_ref2.onClick,accessibilityLabel=_ref2.accessibilityLabel,props=_objectWithoutProperties(_ref2,_excluded$v);var _useTheme=useTheme(),theme=_useTheme.theme;var easing=castNativeType(theme.motion.easing.standard.effective);var duration=castNativeType(makeMotionTime(theme.motion.duration.gentle));var style=useAnimatedStyle(function(){var _e=[new global.Error(),-6,-27];var _f=function _f(){return {width:withTiming(props.isActive?size[18]:size[6],{duration:duration,easing:easing})};};_f._closure={withTiming:withTiming,props:props,size:size,duration:duration,easing:easing};_f.__initData=_worklet_4597623406864_init_data;_f.__workletHash=4597623406864;_f.__stackDetails=_e;return _f;}(),[props.isActive]);return jsx(Pressable,{onPress:onClick,accessibilityLabel:accessibilityLabel,children:jsx(PressableIndicatorButton,Object.assign({},props,{children:jsx(Animated$1.View,{style:style})}))});};
 
@@ -2772,7 +2772,7 @@ var _excluded$u=["onClick","isActive","variant"];var IndicatorButton=function In
 
 var Indicators=function Indicators(props){var _useCarouselContext=useCarouselContext(),carouselId=_useCarouselContext.carouselId,isResponsive=_useCarouselContext.isResponsive,visibleItems=_useCarouselContext.visibleItems;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:"row",gap:"spacing.2"},makeAccessible({role:'tablist',label:'Slides'}),{children:new Array(props.totalItems).fill(0).map(function(_,idx){var _visibleItems=visibleItems;if(isResponsive){_visibleItems=1;}return jsx(IndicatorButton,Object.assign({},makeAccessible({role:'tab',label:`Slide ${idx*_visibleItems+1}`,selected:idx===props.activeIndex,controls:`${carouselId}-carousel-item-${idx*_visibleItems}`}),{slideIndex:idx*_visibleItems,isActive:idx===props.activeIndex,onClick:function onClick(){return props==null?void 0:props.onClick==null?void 0:props.onClick(idx);},variant:props.variant}),idx);})}));};
 
-var getNavigationButtonStyles=function getNavigationButtonStyles(props){var theme=props.theme,_props$isPressed=props.isPressed,isPressed=_props$isPressed===void 0?false:_props$isPressed,_props$variant=props.variant,variant=_props$variant===void 0?'filled':_props$variant;var motionToken=theme.motion;var iconColor={filled:{default:theme.colors.action.icon.tertiary.default,hover:theme.colors.action.icon.tertiary.hover,focus:theme.colors.action.icon.tertiary.focus,active:theme.colors.action.icon.tertiary.active},stroked:{default:theme.colors.surface.action.icon.active.highContrast,hover:theme.colors.surface.action.icon.active.highContrast,focus:theme.colors.surface.action.icon.active.highContrast,active:theme.colors.surface.action.icon.active.highContrast}};var backgroundColor={filled:{default:theme.colors.action.background.tertiary.default,hover:theme.colors.action.background.tertiary.hover,focus:theme.colors.action.background.tertiary.focus,active:theme.colors.action.background.tertiary.active},stroked:{default:'transparent',hover:theme.colors.brand.gray.a50.highContrast,focus:theme.colors.brand.gray.a100.highContrast,active:theme.colors.brand.gray.a100.highContrast}};var borderColorToken=theme.colors.action.border.tertiary;var borderWidth=theme.border.width.thin;var borderRadius=theme.border.radius.max;var state=isPressed?'active':'default';return Object.assign({cursor:'pointer',background:'transparent',border:'none',borderStyle:'solid',borderWidth:borderWidth,borderRadius:borderRadius,borderColor:borderColorToken[state],backgroundColor:backgroundColor[variant][state],color:iconColor[variant][state],padding:makeSpace(theme.spacing[3]),display:'flex',alignItems:'center',justifyContent:'center',alignSelf:'center'},isReactNative$4()?{}:{transitionProperty:'color, box-shadow',transitionDuration:castWebType(makeMotionTime(motionToken.duration.xquick)),transitionTimingFunction:castWebType(motionToken.easing.standard.effective),boxShadow:variant==='filled'?castWebType(theme.elevation.midRaised):undefined,'&:hover':{color:iconColor[variant].hover,borderColor:borderColorToken.hover,backgroundColor:backgroundColor[variant].hover},'&:focus':{outline:'none',boxShadow:`0px 0px 0px 4px ${theme.colors.brand.primary[400]}`,color:iconColor[variant].focus,borderColor:borderColorToken.focus,backgroundColor:backgroundColor[variant].focus},'&:active':{color:iconColor[variant].active,borderColor:borderColorToken.active,backgroundColor:backgroundColor[variant].active}});};
+var getNavigationButtonStyles=function getNavigationButtonStyles(props){var theme=props.theme,_props$isPressed=props.isPressed,isPressed=_props$isPressed===void 0?false:_props$isPressed,_props$variant=props.variant,variant=_props$variant===void 0?'filled':_props$variant;var motionToken=theme.motion;var iconColor={filled:{default:theme.colors.action.icon.tertiary.default,hover:theme.colors.action.icon.tertiary.hover,focus:theme.colors.action.icon.tertiary.focus,active:theme.colors.action.icon.tertiary.active},stroked:{default:theme.colors.surface.action.icon.active.highContrast,hover:theme.colors.surface.action.icon.active.highContrast,focus:theme.colors.surface.action.icon.active.highContrast,active:theme.colors.surface.action.icon.active.highContrast}};var backgroundColor={filled:{default:theme.colors.action.background.tertiary.default,hover:theme.colors.action.background.tertiary.hover,focus:theme.colors.action.background.tertiary.focus,active:theme.colors.action.background.tertiary.active},stroked:{default:'transparent',hover:theme.colors.brand.gray.a50.highContrast,focus:theme.colors.brand.gray.a100.highContrast,active:theme.colors.brand.gray.a100.highContrast}};var borderColorToken=theme.colors.action.border.tertiary;var borderWidth=theme.border.width.thin;var borderRadius=theme.border.radius.max;var state=isPressed?'active':'default';return Object.assign({cursor:'pointer',background:'transparent',border:'none',borderStyle:'solid',borderWidth:borderWidth,borderRadius:borderRadius,borderColor:borderColorToken[state],backgroundColor:backgroundColor[variant][state],color:iconColor[variant][state],padding:makeSpace(theme.spacing[3]),display:'flex',alignItems:'center',justifyContent:'center',alignSelf:'center'},isReactNative$4()?{}:{transitionProperty:'color, box-shadow',transitionDuration:castWebType(makeMotionTime(motionToken.duration.xquick)),transitionTimingFunction:castWebType(motionToken.easing.standard.effective),boxShadow:variant==='filled'?castWebType(theme.elevation.midRaised):undefined,'&:hover':{color:iconColor[variant].hover,borderColor:borderColorToken.hover,backgroundColor:backgroundColor[variant].hover},'&:focus-visible':{outline:'none',boxShadow:`0px 0px 0px 4px ${theme.colors.brand.primary[400]}`,color:iconColor[variant].focus,borderColor:borderColorToken.focus,backgroundColor:backgroundColor[variant].focus},'&:active':{color:iconColor[variant].active,borderColor:borderColorToken.active,backgroundColor:backgroundColor[variant].active}});};
 
 var StyledPressable$2=styled.Pressable(function(props){return getNavigationButtonStyles(props);});var StyledNavigationButton=function StyledNavigationButton(_ref){var children=_ref.children,onClick=_ref.onClick,variant=_ref.variant,accessibilityLabel=_ref.accessibilityLabel;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];return jsx(StyledPressable$2,Object.assign({isPressed:isPressed,variant:variant,onPress:onClick,onPressIn:function onPressIn(){return setIsPressed(true);},onPressOut:function onPressOut(){return setIsPressed(false);}},makeAccessible({role:'button',label:accessibilityLabel}),{children:children}));};