@razorpay/blade 10.6.0 → 10.7.0

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

@@ -1934,7 +1934,7 @@ type IconProps$1 = {
   /**
    * Color token (not to be confused with actual hsla value)
    */
-  color:
+  color?:
     | ActionIconColors$1
     | SurfaceActionIconColors$1
     | FeedbackIconColors$1
@@ -1942,7 +1942,7 @@ type IconProps$1 = {
     | TextIconColors$1
     | BadgeIconColors$1
     | 'currentColor'; // currentColor is useful for letting the SVG inherit color property from its container
-  size: IconSize$1;
+  size?: IconSize$1;
 } & StyledPropsBlade$1;
 type IconComponent$1 = React.ComponentType<IconProps$1>;
 
@@ -5173,8 +5173,8 @@ declare type IconProps = {
     /**
      * Color token (not to be confused with actual hsla value)
      */
-    color: ActionIconColors | SurfaceActionIconColors | FeedbackIconColors | FeedbackActionIconColors | TextIconColors | BadgeIconColors | 'currentColor';
-    size: IconSize;
+    color?: ActionIconColors | SurfaceActionIconColors | FeedbackIconColors | FeedbackActionIconColors | TextIconColors | BadgeIconColors | 'currentColor';
+    size?: IconSize;
 } & StyledPropsBlade$1;
 declare type IconComponent = React.ComponentType<IconProps>;
 

package/build/components/index.native.js

@@ -2083,7 +2083,7 @@ function setMixed(element,mixed){if(mixed){element.indeterminate=true;}else if(e
 
 var FormHintWrapper=function FormHintWrapper(_ref){var children=_ref.children;return jsx(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",children:children});};
 
-var iconSize$1={xsmall:size[8],small:size[12],medium:size[16],large:size[20],xlarge:size[24],'2xlarge':size[32]};function useIconProps(_ref){var size=_ref.size,color=_ref.color;var _useTheme=useTheme(),theme=_useTheme.theme;var height=makeSize(iconSize$1[size]);var width=makeSize(iconSize$1[size]);var iconColor=color==='currentColor'?'currentColor':get_1(theme.colors,color,'');return {height:height,width:width,iconColor:iconColor};}
+var iconSize$1={xsmall:size[8],small:size[12],medium:size[16],large:size[20],xlarge:size[24],'2xlarge':size[32]};function useIconProps(_ref){var _ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?'surface.text.normal.lowContrast':_ref$color;var _useTheme=useTheme(),theme=_useTheme.theme;var height=makeSize(iconSize$1[size]);var width=makeSize(iconSize$1[size]);var iconColor=color==='currentColor'?'currentColor':get_1(theme.colors,color,'');return {height:height,width:width,iconColor:iconColor};}
 
 var _excluded$4X=["size","color"];var ArrowDownIcon=function ArrowDownIcon(_ref){var size=_ref.size,color=_ref.color,styledProps=_objectWithoutProperties(_ref,_excluded$4X);var _useIconProps=useIconProps({size:size,color:color}),height=_useIconProps.height,width=_useIconProps.width,iconColor=_useIconProps.iconColor;return jsx(Svg,Object.assign({},styledProps,{height:height,width:width,viewBox:"0 0 24 24",fill:"none",children:jsx(Path,{d:"M13 4a1 1 0 1 0-2 0v13.586l-4.293-4.293a1 1 0 0 0-1.414 1.414l6 6a1 1 0 0 0 1.414 0l6-6a1 1 0 0 0-1.414-1.414L13 17.586V4Z",fill:iconColor})}));};