@razorpay/blade 10.2.0 → 10.2.1

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

@@ -5479,7 +5479,7 @@ declare type ListCommonProps = {
      *
      * @default 'medium'
      */
-    size?: 'small' | 'medium';
+    size?: 'small' | 'medium' | 'large';
 } & TestID & StyledPropsBlade$1;
 declare type ListWithIconProps = ListCommonProps & {
     variant?: 'unordered';

package/build/components/index.native.js

@@ -2814,7 +2814,7 @@ var OrderedList=View;
 
 var _excluded$d=["variant","size","children","icon","testID"];var StyledOrderedList=styled(OrderedList)(function(_ref){var marginTop=_ref.marginTop,theme=_ref.theme;return {marginTop:marginTop?makeSpace(get_1(theme,marginTop)):undefined};});var StyledUnorderedList=styled(UnorderedList)(function(_ref2){var marginTop=_ref2.marginTop,theme=_ref2.theme;return {marginTop:marginTop?makeSpace(get_1(theme,marginTop)):undefined};});var _List=function _List(_ref3){var _ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?'unordered':_ref3$variant,size=_ref3.size,children=_ref3.children,icon=_ref3.icon,testID=_ref3.testID,styledProps=_objectWithoutProperties(_ref3,_excluded$d);var ListElement=variant==='unordered'?StyledUnorderedList:StyledOrderedList;var _useListContext=useListContext(),level=_useListContext.level,listContextSize=_useListContext.size;var listContextValue=useMemo(function(){return {level:level?level+1:1,size:size!=null?size:listContextSize,icon:icon,variant:variant};},[icon,level,listContextSize,size,variant]);var childrenArray=React__default.Children.toArray(children);var childListItems=childrenArray.filter(function(child){if(isValidAllowedChildren(child,MetaConstants.ListItem)){return child;}if(__DEV__){throwBladeError({message:'You can only pass a ListItem as a child to List.',moduleName:'List'});}return null;});return jsx(ListProvider,{value:listContextValue,children:jsx(BaseBox,Object.assign({},getStyledProps(styledProps),{children:jsx(ListElement,Object.assign({marginTop:level?undefined:'spacing.3'},metaAttribute({name:MetaConstants.List,testID:testID}),makeAccessible({role:'list'}),{children:variant==='unordered'?childListItems:childListItems.map(function(child,index){return React__default.cloneElement(child,{_itemNumber:index+1});})}))}))});};var List=assignWithoutSideEffects(_List,{componentId:MetaConstants.List});
 
-var listItemMarginLeft={unordered:{1:'spacing.2',2:'spacing.5',3:'spacing.5'},unorderedWithIcon:{1:'spacing.0',2:'spacing.5',3:'spacing.5'},ordered:{1:'spacing.0',2:'spacing.6',3:'spacing.6'},'ordered-filled':{1:'spacing.0',2:'spacing.6',3:'spacing.6'}};var listItemBulletMarginRight={unordered:'spacing.3',ordered:'spacing.2','ordered-filled':'spacing.3'};var listItemBulletMarginTop={unordered:{onDesktop:{small:makeSize(6),medium:makeSize(7)},onMobile:{small:makeSize(6),medium:makeSize(7)}},unorderedWithIcon:{onDesktop:{small:'spacing.2',medium:'spacing.1'},onMobile:{small:'spacing.2',medium:'spacing.1'}},ordered:{onDesktop:{small:makeSize(0),medium:makeSize(0)},onMobile:{small:makeSize(0),medium:makeSize(0)}},'ordered-filled':{onDesktop:{small:makeSize(0),medium:makeSize(0)},onMobile:{small:makeSize(0),medium:makeSize(0)}}};var listItemUnorderedBulletSize={onDesktop:{small:makeSize(size[6]),medium:makeSize(size[6])},onMobile:{small:makeSize(size[5]),medium:makeSize(size[6])}};var listItemMarginBottom='spacing.3';var listItemOrderedBulletBoxSize={ordered:{onDesktop:{small:makeSize(size[16]),medium:makeSize(size[20])},onMobile:{small:makeSize(size[16]),medium:makeSize(size[24])}},'ordered-filled':{onDesktop:{small:makeSize(size[18]),medium:makeSize(size[20])},onMobile:{small:makeSize(size[16]),medium:makeSize(size[20])}}};var listItemCodeSize={small:'small',medium:'small'};
+var listItemMarginLeft={unordered:{1:'spacing.2',2:'spacing.5',3:'spacing.5'},unorderedWithIcon:{1:'spacing.0',2:'spacing.5',3:'spacing.5'},ordered:{1:'spacing.0',2:'spacing.6',3:'spacing.6'},'ordered-filled':{1:'spacing.0',2:'spacing.6',3:'spacing.6'}};var listItemBulletMarginRight={unordered:'spacing.3',ordered:'spacing.2','ordered-filled':'spacing.3'};var listItemBulletMarginTop={unordered:{onDesktop:{small:makeSize(6),medium:makeSize(7),large:makeSize(10)},onMobile:{small:makeSize(6),medium:makeSize(7),large:makeSize(10)}},unorderedWithIcon:{onDesktop:{small:'spacing.2',medium:'spacing.1',large:makeSize(5)},onMobile:{small:'spacing.2',medium:'spacing.1',large:makeSize(5)}},ordered:{onDesktop:{small:makeSize(0),medium:makeSize(0),large:makeSize(0)},onMobile:{small:makeSize(0),medium:makeSize(0),large:makeSize(0)}},'ordered-filled':{onDesktop:{small:makeSize(0),medium:makeSize(0),large:makeSize(0)},onMobile:{small:makeSize(0),medium:makeSize(0),large:makeSize(0)}}};var listItemUnorderedBulletSize={onDesktop:{small:makeSize(size[6]),medium:makeSize(size[6]),large:makeSize(size[6])},onMobile:{small:makeSize(size[5]),medium:makeSize(size[6]),large:makeSize(size[6])}};var listItemMarginBottom='spacing.3';var listItemOrderedBulletBoxSize={ordered:{onDesktop:{small:makeSize(size[16]),medium:makeSize(size[20]),large:makeSize(size[24])},onMobile:{small:makeSize(size[16]),medium:makeSize(size[24]),large:makeSize(size[24])}},'ordered-filled':{onDesktop:{small:makeSize(size[18]),medium:makeSize(size[20]),large:makeSize(size[24])},onMobile:{small:makeSize(size[16]),medium:makeSize(size[20]),large:makeSize(size[24])}}};var listItemCodeSize={small:'small',medium:'small',large:'medium'};
 
 var UnorderedLevel1Icon=function UnorderedLevel1Icon(_ref){var iconDimensions=_ref.iconDimensions,color=_ref.color;return jsx(Svg,{width:iconDimensions,height:iconDimensions,viewBox:"0 0 6 6",fill:"none",children:jsx(Circle,{cx:"3px",cy:"3px",r:"3px",fill:color})});};var UnorderedLevel2Icon=function UnorderedLevel2Icon(_ref2){var iconDimensions=_ref2.iconDimensions,color=_ref2.color;return jsx(Svg,{width:iconDimensions,height:iconDimensions,viewBox:"0 0 6 6",fill:"none",children:jsx(Circle,{cx:"3px",cy:"3px",r:"2.5px",stroke:color})});};var UnorderedLevel3Icon=function UnorderedLevel3Icon(_ref3){var iconDimensions=_ref3.iconDimensions,color=_ref3.color;return jsx(Svg,{width:iconDimensions,height:iconDimensions,viewBox:"0 0 6 6",fill:"none",children:jsx(Rect,{width:iconDimensions,height:iconDimensions,rx:"1px",fill:color})});};var UnorderedItemIcon=function UnorderedItemIcon(_ref4){var level=_ref4.level;var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var _useListContext=useListContext(),size=_useListContext.size;var iconDimensions=listItemUnorderedBulletSize[platform][size];var color=theme.colors.surface.text.placeholder.lowContrast;switch(level){case 1:return jsx(UnorderedLevel1Icon,{iconDimensions:iconDimensions,color:color});case 2:return jsx(UnorderedLevel2Icon,{iconDimensions:iconDimensions,color:color});case 3:return jsx(UnorderedLevel3Icon,{iconDimensions:iconDimensions,color:color});default:return jsx(UnorderedLevel3Icon,{iconDimensions:iconDimensions,color:color});}};
 
@@ -3121,7 +3121,7 @@ var AccordionContext=createContext(null);var useAccordion=function useAccordion(
 
 var MAX_WIDTH$1={s:makeSize(Dimensions.get('window').width-size[40]),m:makeSize(size[640]),l:makeSize(size[800])};
 
-var _excluded$2=["defaultExpandedIndex","expandedIndex","onExpandChange","showNumberPrefix","children","testID"];var MIN_WIDTH$1={s:makeSize(size[200]),m:makeSize(size[360]),l:makeSize(size[400])};var Accordion=function Accordion(_ref){var defaultExpandedIndex=_ref.defaultExpandedIndex,expandedIndex=_ref.expandedIndex,onExpandChange=_ref.onExpandChange,_ref$showNumberPrefix=_ref.showNumberPrefix,showNumberPrefix=_ref$showNumberPrefix===void 0?false:_ref$showNumberPrefix,children=_ref.children,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded$2);var _useState=useState(defaultExpandedIndex),_useState2=_slicedToArray(_useState,2),expandedAccordionItemIndex=_useState2[0],setExpandedAccordionItemIndex=_useState2[1];var handleExpandChange=useCallback(function(nextExpandedIndex){if(typeof expandedIndex!=='undefined'){onExpandChange==null?void 0:onExpandChange({expandedIndex:nextExpandedIndex});}else {setExpandedAccordionItemIndex(nextExpandedIndex);onExpandChange==null?void 0:onExpandChange({expandedIndex:nextExpandedIndex});}},[onExpandChange,expandedIndex]);var accordionContext=useMemo(function(){return {expandedIndex:expandedIndex!=null?expandedIndex:expandedAccordionItemIndex,defaultExpandedIndex:defaultExpandedIndex,onExpandChange:handleExpandChange,showNumberPrefix:showNumberPrefix};},[expandedAccordionItemIndex,handleExpandChange,expandedIndex,showNumberPrefix,defaultExpandedIndex]);return jsx(AccordionContext.Provider,{value:accordionContext,children:jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.Accordion,testID:testID}),getStyledProps(styledProps),{children:jsx(BaseBox,{minWidth:MIN_WIDTH$1,maxWidth:MAX_WIDTH$1,width:"100%",children:Children.map(children,function(child,index){return cloneElement(child,{_index:index,key:index});})})}))});};
+var _excluded$2=["defaultExpandedIndex","expandedIndex","onExpandChange","showNumberPrefix","children","testID"];var MIN_WIDTH$1={s:makeSize(size[200]),m:makeSize(size[360]),l:makeSize(size[360])};var Accordion=function Accordion(_ref){var defaultExpandedIndex=_ref.defaultExpandedIndex,expandedIndex=_ref.expandedIndex,onExpandChange=_ref.onExpandChange,_ref$showNumberPrefix=_ref.showNumberPrefix,showNumberPrefix=_ref$showNumberPrefix===void 0?false:_ref$showNumberPrefix,children=_ref.children,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded$2);var _useState=useState(defaultExpandedIndex),_useState2=_slicedToArray(_useState,2),expandedAccordionItemIndex=_useState2[0],setExpandedAccordionItemIndex=_useState2[1];var handleExpandChange=useCallback(function(nextExpandedIndex){if(typeof expandedIndex!=='undefined'){onExpandChange==null?void 0:onExpandChange({expandedIndex:nextExpandedIndex});}else {setExpandedAccordionItemIndex(nextExpandedIndex);onExpandChange==null?void 0:onExpandChange({expandedIndex:nextExpandedIndex});}},[onExpandChange,expandedIndex]);var accordionContext=useMemo(function(){return {expandedIndex:expandedIndex!=null?expandedIndex:expandedAccordionItemIndex,defaultExpandedIndex:defaultExpandedIndex,onExpandChange:handleExpandChange,showNumberPrefix:showNumberPrefix};},[expandedAccordionItemIndex,handleExpandChange,expandedIndex,showNumberPrefix,defaultExpandedIndex]);return jsx(AccordionContext.Provider,{value:accordionContext,children:jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.Accordion,testID:testID}),getStyledProps(styledProps),{children:jsx(BaseBox,{minWidth:MIN_WIDTH$1,maxWidth:MAX_WIDTH$1,width:"100%",children:Children.map(children,function(child,index){return cloneElement(child,{_index:index,key:index});})})}))});};
 
 var getTransitionDuration$1=function getTransitionDuration(theme){return makeMotionTime(theme.motion.duration['2xquick']);};var getTransitionEasing$1=function getTransitionEasing(theme){return theme.motion.easing.standard.effective;};var getBackgroundColor=function getBackgroundColor(_ref){var theme=_ref.theme,isExpanded=_ref.isExpanded,isActive=_ref.isActive;var gray=theme.colors.brand.gray;if(isActive){if(isExpanded){return gray.a100.lowContrast;}return gray.a50.lowContrast;}if(isExpanded){return gray.a50.lowContrast;}var TRANSPARENT='hsla(0, 0%, 100%, 0)';return TRANSPARENT;};var getCommonAccordionButtonStyles=function getCommonAccordionButtonStyles(props){var theme=props.theme;return {padding:theme.spacing[5],display:'flex',flexDirection:'row',alignItems:'center',justifyContent:'space-between'};};