@razorpay/blade 11.21.7 → 11.21.8

package/build/lib/native/components/List/List.js

@@ -21,7 +21,7 @@ import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native
 import { isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["variant","size","children","icon","testID"];var StyledOrderedList=styled(OrderedList)(function(_ref){var marginTop=_ref.marginTop,theme=_ref.theme;return {marginTop:marginTop?makeSpace(getIn(theme,marginTop)):undefined};});var StyledUnorderedList=styled(UnorderedList)(function(_ref2){var marginTop=_ref2.marginTop,theme=_ref2.theme;return {marginTop:marginTop?makeSpace(getIn(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);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({},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 _excluded=["variant","size","children","icon","testID","iconColor"];var StyledOrderedList=styled(OrderedList)(function(_ref){var marginTop=_ref.marginTop,theme=_ref.theme;return {marginTop:marginTop?makeSpace(getIn(theme,marginTop)):undefined};});var StyledUnorderedList=styled(UnorderedList)(function(_ref2){var marginTop=_ref2.marginTop,theme=_ref2.theme;return {marginTop:marginTop?makeSpace(getIn(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,iconColor=_ref3.iconColor,styledProps=_objectWithoutProperties(_ref3,_excluded);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,iconColor:iconColor,variant:variant};},[icon,iconColor,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({},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});
 
 export { List };
 //# sourceMappingURL=List.js.map

package/build/lib/native/components/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = ({\n  variant = 'unordered',\n  size,\n  children,\n  icon,\n  testID,\n  ...styledProps\n}: ListProps): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      variant,\n    }),\n    [icon, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <ListElement\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(_List, { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","_ref3$variant","variant","size","children","icon","testID","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","__DEV__","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","Object","assign","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n  iconColor?: IconProps['color'];\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n  iconColor?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = ({\n  variant = 'unordered',\n  size,\n  children,\n  icon,\n  testID,\n  iconColor,\n  ...styledProps\n}: ListProps): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      iconColor,\n      variant,\n    }),\n    [icon, iconColor, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <ListElement\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(_List, { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","_ref3$variant","variant","size","children","icon","testID","iconColor","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","__DEV__","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","Object","assign","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/List/ListContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListContext.js","sources":["../../../../../src/components/List/ListContext.ts"],"sourcesContent":["import React from 'react';\nimport type { ListProps } from './List';\nimport type { IconComponent } from '~components/Icons';\n\nexport type ListContextType = {\n  level?: number;\n  size: NonNullable<ListProps['size']>;\n  icon?: IconComponent;\n  variant: NonNullable<ListProps['variant']>;\n};\n\nconst ListContext = React.createContext<ListContextType>({\n  level: undefined,\n  size: 'medium',\n  variant: 'unordered',\n});\nconst ListProvider = ListContext.Provider;\n\nconst useListContext = (): ListContextType => {\n  const context = React.useContext(ListContext);\n  return context;\n};\n\nexport { useListContext, ListProvider };\n"],"names":["ListContext","React","createContext","level","undefined","size","variant","ListProvider","Provider","useListContext","context","useContext"],"mappings":";;AAWA,IAAMA,WAAW,CAAGC,cAAK,CAACC,aAAa,CAAkB,CACvDC,KAAK,CAAEC,SAAS,CAChBC,IAAI,CAAE,QAAQ,CACdC,OAAO,CAAE,WACX,CAAC,CAAC,CACI,IAAAC,YAAY,CAAGP,WAAW,CAACQ,SAE3B,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,EAA0B,CAC5C,IAAMC,OAAO,CAAGT,cAAK,CAACU,UAAU,CAACX,WAAW,CAAC,CAC7C,OAAOU,OAAO,CAChB;;;;"}
+{"version":3,"file":"ListContext.js","sources":["../../../../../src/components/List/ListContext.ts"],"sourcesContent":["import React from 'react';\nimport type { ListProps } from './List';\nimport type { IconComponent } from '~components/Icons';\n\nexport type ListContextType = {\n  level?: number;\n  size: NonNullable<ListProps['size']>;\n  icon?: IconComponent;\n  iconColor?: ListProps['iconColor'];\n  variant: NonNullable<ListProps['variant']>;\n};\n\nconst ListContext = React.createContext<ListContextType>({\n  level: undefined,\n  size: 'medium',\n  variant: 'unordered',\n});\nconst ListProvider = ListContext.Provider;\n\nconst useListContext = (): ListContextType => {\n  const context = React.useContext(ListContext);\n  return context;\n};\n\nexport { useListContext, ListProvider };\n"],"names":["ListContext","React","createContext","level","undefined","size","variant","ListProvider","Provider","useListContext","context","useContext"],"mappings":";;AAYA,IAAMA,WAAW,CAAGC,cAAK,CAACC,aAAa,CAAkB,CACvDC,KAAK,CAAEC,SAAS,CAChBC,IAAI,CAAE,QAAQ,CACdC,OAAO,CAAE,WACX,CAAC,CAAC,CACI,IAAAC,YAAY,CAAGP,WAAW,CAACQ,SAE3B,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,EAA0B,CAC5C,IAAMC,OAAO,CAAGT,cAAK,CAACU,UAAU,CAACX,WAAW,CAAC,CAC7C,OAAOU,OAAO,CAChB;;;;"}

package/build/lib/native/components/List/ListItem.js

@@ -27,7 +27,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { getComponentId, isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 
-var StyledListItem=styled(ListItemElement)(function(_ref){var level=_ref.level,theme=_ref.theme,variant=_ref.variant,hasIcon=_ref.hasIcon;return {marginLeft:level?getIn(theme,listItemMarginLeft[`${variant}${variant==='unordered'&&hasIcon?'WithIcon':''}`][level]):0};});var ListItemContentChildren=function ListItemContentChildren(_ref2){var children=_ref2.children,size=_ref2.size;return getPlatformType()==='react-native'?jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",children:children.map(function(child,index){if(typeof child==='string'){return jsx(Text,{variant:"body",size:size,children:child},index);}return child;})}):jsx(Text,{variant:"body",size:size,children:children});};var _ListItem=function _ListItem(_ref3){var children=_ref3.children,Icon=_ref3.icon,_itemNumber=_ref3._itemNumber,testID=_ref3.testID;var _useListContext=useListContext(),level=_useListContext.level,size=_useListContext.size,ListContextIcon=_useListContext.icon,variant=_useListContext.variant;var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var ItemIcon=Icon!=null?Icon:ListContextIcon;if(__DEV__){if(level&&level>3){throwBladeError({message:'List Nesting is allowed only upto 3 levels.',moduleName:'List'});}}var childrenArray=React__default.Children.toArray(children);var validChildItem=childrenArray.filter(function(child){if(getComponentId(child)===MetaConstants.List)return null;if(typeof child==='string'||isValidAllowedChildren(child,MetaConstants.ListItemLink)||isValidAllowedChildren(child,MetaConstants.ListItemText)||isValidAllowedChildren(child,MetaConstants.ListItemCode)){return child;}else if(__DEV__){throwBladeError({message:`You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,moduleName:'ListItem'});}return null;});var childList=childrenArray.filter(function(child){return getComponentId(child)===MetaConstants.List?child:null;});var hasIcon=Boolean(ItemIcon);return jsxs(StyledListItem,Object.assign({level:level,variant:variant,hasIcon:hasIcon},metaAttribute({name:MetaConstants.ListItem,testID:testID}),{children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",marginBottom:listItemMarginBottom,children:[variant==='unordered'?jsx(BaseBox,{marginRight:listItemBulletMarginRight[variant],marginTop:listItemBulletMarginTop[`${variant}${hasIcon?'WithIcon':''}`][platform][size],display:"flex",alignSelf:"flex-start",children:ItemIcon?jsx(ItemIcon,{size:size,color:"surface.icon.gray.muted"}):jsx(UnorderedItemIcon,{level:level})}):jsx(BaseBox,{width:listItemOrderedBulletBoxSize[variant][platform][size],height:listItemOrderedBulletBoxSize[variant][platform][size],marginRight:listItemBulletMarginRight[variant],marginTop:listItemBulletMarginTop[variant][platform][size],display:"flex",flexShrink:0,justifyContent:"center",alignSelf:"flex-start",alignItems:"center",borderRadius:variant==='ordered-filled'?'max':undefined,backgroundColor:variant==='ordered-filled'?getIn(theme.colors,'feedback.background.neutral.subtle'):undefined,children:jsx(Text,{variant:"body",color:"surface.text.gray.muted",size:variant==='ordered'?size:'xsmall',children:`${getOrderedListItemBullet({itemNumber:_itemNumber!=null?_itemNumber:1,level:level!=null?level:1})}${variant==='ordered'?'.':''}`})}),jsx(ListItemContentChildren,{size:size,children:validChildItem})]}),childList]}));};var ListItem=assignWithoutSideEffects(_ListItem,{componentId:MetaConstants.ListItem});
+var StyledListItem=styled(ListItemElement)(function(_ref){var level=_ref.level,theme=_ref.theme,variant=_ref.variant,hasIcon=_ref.hasIcon;return {marginLeft:level?getIn(theme,listItemMarginLeft[`${variant}${variant==='unordered'&&hasIcon?'WithIcon':''}`][level]):0};});var ListItemContentChildren=function ListItemContentChildren(_ref2){var children=_ref2.children,size=_ref2.size;return getPlatformType()==='react-native'?jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",children:children.map(function(child,index){if(typeof child==='string'){return jsx(Text,{variant:"body",size:size,children:child},index);}return child;})}):jsx(Text,{variant:"body",size:size,children:children});};var _ListItem=function _ListItem(_ref3){var _ref4;var children=_ref3.children,Icon=_ref3.icon,listItemIconColor=_ref3.iconColor,_itemNumber=_ref3._itemNumber,testID=_ref3.testID;var _useListContext=useListContext(),level=_useListContext.level,size=_useListContext.size,ListContextIcon=_useListContext.icon,variant=_useListContext.variant,iconColor=_useListContext.iconColor;var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var ItemIcon=Icon!=null?Icon:ListContextIcon;var iconColorToken=(_ref4=listItemIconColor!=null?listItemIconColor:iconColor)!=null?_ref4:'surface.icon.gray.muted';if(__DEV__){if(level&&level>3){throwBladeError({message:'List Nesting is allowed only upto 3 levels.',moduleName:'List'});}}var childrenArray=React__default.Children.toArray(children);var validChildItem=childrenArray.filter(function(child){if(getComponentId(child)===MetaConstants.List)return null;if(typeof child==='string'||isValidAllowedChildren(child,MetaConstants.ListItemLink)||isValidAllowedChildren(child,MetaConstants.ListItemText)||isValidAllowedChildren(child,MetaConstants.ListItemCode)){return child;}else if(__DEV__){throwBladeError({message:`You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,moduleName:'ListItem'});}return null;});var childList=childrenArray.filter(function(child){return getComponentId(child)===MetaConstants.List?child:null;});var hasIcon=Boolean(ItemIcon);return jsxs(StyledListItem,Object.assign({level:level,variant:variant,hasIcon:hasIcon},metaAttribute({name:MetaConstants.ListItem,testID:testID}),{children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",marginBottom:listItemMarginBottom,children:[variant==='unordered'?jsx(BaseBox,{marginRight:listItemBulletMarginRight[variant],marginTop:listItemBulletMarginTop[`${variant}${hasIcon?'WithIcon':''}`][platform][size],display:"flex",alignSelf:"flex-start",children:ItemIcon?jsx(ItemIcon,{size:size,color:iconColorToken}):jsx(UnorderedItemIcon,{level:level})}):jsx(BaseBox,{width:listItemOrderedBulletBoxSize[variant][platform][size],height:listItemOrderedBulletBoxSize[variant][platform][size],marginRight:listItemBulletMarginRight[variant],marginTop:listItemBulletMarginTop[variant][platform][size],display:"flex",flexShrink:0,justifyContent:"center",alignSelf:"flex-start",alignItems:"center",borderRadius:variant==='ordered-filled'?'max':undefined,backgroundColor:variant==='ordered-filled'?getIn(theme.colors,'feedback.background.neutral.subtle'):undefined,children:jsx(Text,{variant:"body",color:"surface.text.gray.muted",size:variant==='ordered'?size:'xsmall',children:`${getOrderedListItemBullet({itemNumber:_itemNumber!=null?_itemNumber:1,level:level!=null?level:1})}${variant==='ordered'?'.':''}`})}),jsx(ListItemContentChildren,{size:size,children:validChildItem})]}),childList]}));};var ListItem=assignWithoutSideEffects(_ListItem,{componentId:MetaConstants.ListItem});
 
 export { ListItem };
 //# sourceMappingURL=ListItem.js.map

package/build/lib/native/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color=\"surface.icon.gray.muted\" />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n                : undefined\n            }\n          >\n            <Text\n              variant=\"body\"\n              color=\"surface.text.gray.muted\"\n              size={variant === 'ordered' ? size : 'xsmall'}\n            >\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","Icon","icon","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","__DEV__","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","Object","assign","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * Icon color of the ListItem's bullet.\n   *\n   */\n  iconColor?: ListProps['iconColor'];\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  iconColor: listItemIconColor,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant, iconColor } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n  const iconColorToken = listItemIconColor ?? iconColor ?? 'surface.icon.gray.muted';\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color={iconColorToken} />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n                : undefined\n            }\n          >\n            <Text\n              variant=\"body\"\n              color=\"surface.text.gray.muted\"\n              size={variant === 'ordered' ? size : 'xsmall'}\n            >\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","_ref4","Icon","icon","listItemIconColor","iconColor","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","iconColorToken","__DEV__","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","Object","assign","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/List/ListItemIcons.js

@@ -18,7 +18,7 @@ import { opacity } from '../../tokens/global/opacity.js';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 
-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,fillOpacity:opacity[600]})});};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,fillOpacity:opacity[600]})});};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 backgroundToken=theme.colors.surface.text.gray.muted;switch(level){case 1:return jsx(UnorderedLevel1Icon,{iconDimensions:iconDimensions,color:backgroundToken});case 2:return jsx(UnorderedLevel2Icon,{iconDimensions:iconDimensions,color:backgroundToken});case 3:return jsx(UnorderedLevel3Icon,{iconDimensions:iconDimensions,color:backgroundToken});default:return jsx(UnorderedLevel3Icon,{iconDimensions:iconDimensions,color:backgroundToken});}};
+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,fillOpacity:opacity[600]})});};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,fillOpacity:opacity[600]})});};var UnorderedItemIcon=function UnorderedItemIcon(_ref4){var level=_ref4.level;var _useTheme=useTheme(),theme=_useTheme.theme,platform=_useTheme.platform;var _useListContext=useListContext(),size=_useListContext.size,iconColor=_useListContext.iconColor;var iconDimensions=listItemUnorderedBulletSize[platform][size];var backgroundToken=iconColor!=null?iconColor:theme.colors.surface.text.gray.muted;switch(level){case 1:return jsx(UnorderedLevel1Icon,{iconDimensions:iconDimensions,color:backgroundToken});case 2:return jsx(UnorderedLevel2Icon,{iconDimensions:iconDimensions,color:backgroundToken});case 3:return jsx(UnorderedLevel3Icon,{iconDimensions:iconDimensions,color:backgroundToken});default:return jsx(UnorderedLevel3Icon,{iconDimensions:iconDimensions,color:backgroundToken});}};
 
 export { UnorderedItemIcon };
 //# sourceMappingURL=ListItemIcons.js.map

package/build/lib/native/components/List/ListItemIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemIcons.js","sources":["../../../../../src/components/List/ListItemIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { listItemUnorderedBulletSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { Svg, Circle, Rect } from '~components/Icons/_Svg';\nimport { opacity } from '~tokens/global';\n\ntype UnorderedIconProps = {\n  iconDimensions: string;\n  color: string;\n};\n\nconst UnorderedLevel1Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"3px\" fill={color} fillOpacity={opacity[600]} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel2Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"2.5px\" stroke={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel3Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Rect\n        width={iconDimensions}\n        height={iconDimensions}\n        rx=\"1px\"\n        fill={color}\n        fillOpacity={opacity[600]}\n      />\n    </Svg>\n  );\n};\n\nconst UnorderedItemIcon = ({ level }: { level?: number }): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { size } = useListContext();\n  const iconDimensions = listItemUnorderedBulletSize[platform][size];\n  const backgroundToken = theme.colors.surface.text.gray.muted;\n\n  switch (level) {\n    case 1:\n      return <UnorderedLevel1Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 2:\n      return <UnorderedLevel2Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 3:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    default:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n  }\n};\n\nexport { UnorderedItemIcon };\n"],"names":["UnorderedLevel1Icon","_ref","iconDimensions","color","_jsx","Svg","width","height","viewBox","fill","children","Circle","cx","cy","r","fillOpacity","opacity","UnorderedLevel2Icon","_ref2","stroke","UnorderedLevel3Icon","_ref3","Rect","rx","UnorderedItemIcon","_ref4","level","_useTheme","useTheme","theme","platform","_useListContext","useListContext","size","listItemUnorderedBulletSize","backgroundToken","colors","surface","text","gray","muted"],"mappings":"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"}
+{"version":3,"file":"ListItemIcons.js","sources":["../../../../../src/components/List/ListItemIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { listItemUnorderedBulletSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { Svg, Circle, Rect } from '~components/Icons/_Svg';\nimport { opacity } from '~tokens/global';\n\ntype UnorderedIconProps = {\n  iconDimensions: string;\n  color: string;\n};\n\nconst UnorderedLevel1Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"3px\" fill={color} fillOpacity={opacity[600]} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel2Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"2.5px\" stroke={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel3Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Rect\n        width={iconDimensions}\n        height={iconDimensions}\n        rx=\"1px\"\n        fill={color}\n        fillOpacity={opacity[600]}\n      />\n    </Svg>\n  );\n};\n\nconst UnorderedItemIcon = ({ level }: { level?: number }): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { size, iconColor } = useListContext();\n  const iconDimensions = listItemUnorderedBulletSize[platform][size];\n  const backgroundToken = iconColor ?? theme.colors.surface.text.gray.muted;\n\n  switch (level) {\n    case 1:\n      return <UnorderedLevel1Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 2:\n      return <UnorderedLevel2Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 3:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    default:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n  }\n};\n\nexport { UnorderedItemIcon };\n"],"names":["UnorderedLevel1Icon","_ref","iconDimensions","color","_jsx","Svg","width","height","viewBox","fill","children","Circle","cx","cy","r","fillOpacity","opacity","UnorderedLevel2Icon","_ref2","stroke","UnorderedLevel3Icon","_ref3","Rect","rx","UnorderedItemIcon","_ref4","level","_useTheme","useTheme","theme","platform","_useListContext","useListContext","size","iconColor","listItemUnorderedBulletSize","backgroundToken","colors","surface","text","gray","muted"],"mappings":"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"}

package/build/lib/web/development/components/List/List.js

@@ -25,7 +25,7 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["variant", "size", "children", "icon", "testID"];
+var _excluded = ["variant", "size", "children", "icon", "testID", "iconColor"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledOrderedList = /*#__PURE__*/styled(OrderedList).withConfig({
@@ -76,6 +76,7 @@ var _List = function _List(_ref3) {
     children = _ref3.children,
     icon = _ref3.icon,
     testID = _ref3.testID,
+    iconColor = _ref3.iconColor,
     styledProps = _objectWithoutProperties(_ref3, _excluded);
   var ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;
   var _useListContext = useListContext(),
@@ -86,9 +87,10 @@ var _List = function _List(_ref3) {
       level: level ? level + 1 : 1,
       size: size !== null && size !== void 0 ? size : listContextSize,
       icon: icon,
+      iconColor: iconColor,
       variant: variant
     };
-  }, [icon, level, listContextSize, size, variant]);
+  }, [icon, iconColor, level, listContextSize, size, variant]);
   var childrenArray = React__default.Children.toArray(children);
   var childListItems = childrenArray.filter(function (child) {
     if (isValidAllowedChildren(child, MetaConstants.ListItem)) {

package/build/lib/web/development/components/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = ({\n  variant = 'unordered',\n  size,\n  children,\n  icon,\n  testID,\n  ...styledProps\n}: ListProps): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      variant,\n    }),\n    [icon, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <ListElement\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(_List, { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","withConfig","displayName","componentId","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","_ref3$variant","variant","size","children","icon","testID","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","_objectSpread","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"List.js","sources":["../../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n  iconColor?: IconProps['color'];\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n  iconColor?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = ({\n  variant = 'unordered',\n  size,\n  children,\n  icon,\n  testID,\n  iconColor,\n  ...styledProps\n}: ListProps): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      iconColor,\n      variant,\n    }),\n    [icon, iconColor, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <ListElement\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(_List, { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","withConfig","displayName","componentId","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","_ref3$variant","variant","size","children","icon","testID","iconColor","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","_objectSpread","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/development/components/List/ListContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListContext.js","sources":["../../../../../../src/components/List/ListContext.ts"],"sourcesContent":["import React from 'react';\nimport type { ListProps } from './List';\nimport type { IconComponent } from '~components/Icons';\n\nexport type ListContextType = {\n  level?: number;\n  size: NonNullable<ListProps['size']>;\n  icon?: IconComponent;\n  variant: NonNullable<ListProps['variant']>;\n};\n\nconst ListContext = React.createContext<ListContextType>({\n  level: undefined,\n  size: 'medium',\n  variant: 'unordered',\n});\nconst ListProvider = ListContext.Provider;\n\nconst useListContext = (): ListContextType => {\n  const context = React.useContext(ListContext);\n  return context;\n};\n\nexport { useListContext, ListProvider };\n"],"names":["ListContext","React","createContext","level","undefined","size","variant","ListProvider","Provider","useListContext","context","useContext"],"mappings":";;AAWA,IAAMA,WAAW,gBAAGC,cAAK,CAACC,aAAa,CAAkB;AACvDC,EAAAA,KAAK,EAAEC,SAAS;AAChBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,OAAO,EAAE,WAAA;AACX,CAAC,CAAC,CAAA;AACF,IAAMC,YAAY,GAAGP,WAAW,CAACQ,SAAQ;AAEzC,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAA0B;AAC5C,EAAA,IAAMC,OAAO,GAAGT,cAAK,CAACU,UAAU,CAACX,WAAW,CAAC,CAAA;AAC7C,EAAA,OAAOU,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"ListContext.js","sources":["../../../../../../src/components/List/ListContext.ts"],"sourcesContent":["import React from 'react';\nimport type { ListProps } from './List';\nimport type { IconComponent } from '~components/Icons';\n\nexport type ListContextType = {\n  level?: number;\n  size: NonNullable<ListProps['size']>;\n  icon?: IconComponent;\n  iconColor?: ListProps['iconColor'];\n  variant: NonNullable<ListProps['variant']>;\n};\n\nconst ListContext = React.createContext<ListContextType>({\n  level: undefined,\n  size: 'medium',\n  variant: 'unordered',\n});\nconst ListProvider = ListContext.Provider;\n\nconst useListContext = (): ListContextType => {\n  const context = React.useContext(ListContext);\n  return context;\n};\n\nexport { useListContext, ListProvider };\n"],"names":["ListContext","React","createContext","level","undefined","size","variant","ListProvider","Provider","useListContext","context","useContext"],"mappings":";;AAYA,IAAMA,WAAW,gBAAGC,cAAK,CAACC,aAAa,CAAkB;AACvDC,EAAAA,KAAK,EAAEC,SAAS;AAChBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,OAAO,EAAE,WAAA;AACX,CAAC,CAAC,CAAA;AACF,IAAMC,YAAY,GAAGP,WAAW,CAACQ,SAAQ;AAEzC,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAA0B;AAC5C,EAAA,IAAMC,OAAO,GAAGT,cAAK,CAACU,UAAU,CAACX,WAAW,CAAC,CAAA;AAC7C,EAAA,OAAOU,OAAO,CAAA;AAChB;;;;"}

package/build/lib/web/development/components/List/ListItem.js

@@ -67,19 +67,23 @@ var ListItemContentChildren = function ListItemContentChildren(_ref2) {
   });
 };
 var _ListItem = function _ListItem(_ref3) {
+  var _ref4;
   var children = _ref3.children,
     Icon = _ref3.icon,
+    listItemIconColor = _ref3.iconColor,
     _itemNumber = _ref3._itemNumber,
     testID = _ref3.testID;
   var _useListContext = useListContext(),
     level = _useListContext.level,
     size = _useListContext.size,
     ListContextIcon = _useListContext.icon,
-    variant = _useListContext.variant;
+    variant = _useListContext.variant,
+    iconColor = _useListContext.iconColor;
   var _useTheme = useTheme(),
     theme = _useTheme.theme,
     platform = _useTheme.platform;
   var ItemIcon = Icon !== null && Icon !== void 0 ? Icon : ListContextIcon;
+  var iconColorToken = (_ref4 = listItemIconColor !== null && listItemIconColor !== void 0 ? listItemIconColor : iconColor) !== null && _ref4 !== void 0 ? _ref4 : 'surface.icon.gray.muted';
   if (true) {
     if (level && level > 3) {
       throwBladeError({
@@ -128,7 +132,7 @@ var _ListItem = function _ListItem(_ref3) {
         alignSelf: "flex-start",
         children: ItemIcon ? /*#__PURE__*/jsx(ItemIcon, {
           size: size,
-          color: "surface.icon.gray.muted"
+          color: iconColorToken
         }) : /*#__PURE__*/jsx(UnorderedItemIcon, {
           level: level
         })

package/build/lib/web/development/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color=\"surface.icon.gray.muted\" />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n                : undefined\n            }\n          >\n            <Text\n              variant=\"body\"\n              color=\"surface.text.gray.muted\"\n              size={variant === 'ordered' ? size : 'xsmall'}\n            >\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","withConfig","displayName","componentId","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","concat","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","Icon","icon","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","_objectSpread","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * Icon color of the ListItem's bullet.\n   *\n   */\n  iconColor?: ListProps['iconColor'];\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  iconColor: listItemIconColor,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant, iconColor } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n  const iconColorToken = listItemIconColor ?? iconColor ?? 'surface.icon.gray.muted';\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color={iconColorToken} />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n                : undefined\n            }\n          >\n            <Text\n              variant=\"body\"\n              color=\"surface.text.gray.muted\"\n              size={variant === 'ordered' ? size : 'xsmall'}\n            >\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","withConfig","displayName","componentId","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","concat","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","_ref4","Icon","icon","listItemIconColor","iconColor","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","iconColorToken","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","_objectSpread","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/development/components/List/ListItemIcons.js

@@ -67,9 +67,10 @@ var UnorderedItemIcon = function UnorderedItemIcon(_ref4) {
     theme = _useTheme.theme,
     platform = _useTheme.platform;
   var _useListContext = useListContext(),
-    size = _useListContext.size;
+    size = _useListContext.size,
+    iconColor = _useListContext.iconColor;
   var iconDimensions = listItemUnorderedBulletSize[platform][size];
-  var backgroundToken = theme.colors.surface.text.gray.muted;
+  var backgroundToken = iconColor !== null && iconColor !== void 0 ? iconColor : theme.colors.surface.text.gray.muted;
   switch (level) {
     case 1:
       return /*#__PURE__*/jsx(UnorderedLevel1Icon, {

package/build/lib/web/development/components/List/ListItemIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemIcons.js","sources":["../../../../../../src/components/List/ListItemIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { listItemUnorderedBulletSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { Svg, Circle, Rect } from '~components/Icons/_Svg';\nimport { opacity } from '~tokens/global';\n\ntype UnorderedIconProps = {\n  iconDimensions: string;\n  color: string;\n};\n\nconst UnorderedLevel1Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"3px\" fill={color} fillOpacity={opacity[600]} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel2Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"2.5px\" stroke={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel3Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Rect\n        width={iconDimensions}\n        height={iconDimensions}\n        rx=\"1px\"\n        fill={color}\n        fillOpacity={opacity[600]}\n      />\n    </Svg>\n  );\n};\n\nconst UnorderedItemIcon = ({ level }: { level?: number }): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { size } = useListContext();\n  const iconDimensions = listItemUnorderedBulletSize[platform][size];\n  const backgroundToken = theme.colors.surface.text.gray.muted;\n\n  switch (level) {\n    case 1:\n      return <UnorderedLevel1Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 2:\n      return <UnorderedLevel2Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 3:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    default:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n  }\n};\n\nexport { UnorderedItemIcon };\n"],"names":["UnorderedLevel1Icon","_ref","iconDimensions","color","_jsx","Svg","width","height","viewBox","fill","children","Circle","cx","cy","r","fillOpacity","opacity","UnorderedLevel2Icon","_ref2","stroke","UnorderedLevel3Icon","_ref3","Rect","rx","UnorderedItemIcon","_ref4","level","_useTheme","useTheme","theme","platform","_useListContext","useListContext","size","listItemUnorderedBulletSize","backgroundToken","colors","surface","text","gray","muted"],"mappings":"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"}
+{"version":3,"file":"ListItemIcons.js","sources":["../../../../../../src/components/List/ListItemIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { listItemUnorderedBulletSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { Svg, Circle, Rect } from '~components/Icons/_Svg';\nimport { opacity } from '~tokens/global';\n\ntype UnorderedIconProps = {\n  iconDimensions: string;\n  color: string;\n};\n\nconst UnorderedLevel1Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"3px\" fill={color} fillOpacity={opacity[600]} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel2Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"2.5px\" stroke={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel3Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Rect\n        width={iconDimensions}\n        height={iconDimensions}\n        rx=\"1px\"\n        fill={color}\n        fillOpacity={opacity[600]}\n      />\n    </Svg>\n  );\n};\n\nconst UnorderedItemIcon = ({ level }: { level?: number }): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { size, iconColor } = useListContext();\n  const iconDimensions = listItemUnorderedBulletSize[platform][size];\n  const backgroundToken = iconColor ?? theme.colors.surface.text.gray.muted;\n\n  switch (level) {\n    case 1:\n      return <UnorderedLevel1Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 2:\n      return <UnorderedLevel2Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 3:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    default:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n  }\n};\n\nexport { UnorderedItemIcon };\n"],"names":["UnorderedLevel1Icon","_ref","iconDimensions","color","_jsx","Svg","width","height","viewBox","fill","children","Circle","cx","cy","r","fillOpacity","opacity","UnorderedLevel2Icon","_ref2","stroke","UnorderedLevel3Icon","_ref3","Rect","rx","UnorderedItemIcon","_ref4","level","_useTheme","useTheme","theme","platform","_useListContext","useListContext","size","iconColor","listItemUnorderedBulletSize","backgroundToken","colors","surface","text","gray","muted"],"mappings":"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"}

package/build/lib/web/production/components/List/List.js

@@ -25,7 +25,7 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["variant", "size", "children", "icon", "testID"];
+var _excluded = ["variant", "size", "children", "icon", "testID", "iconColor"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledOrderedList = /*#__PURE__*/styled(OrderedList).withConfig({
@@ -76,6 +76,7 @@ var _List = function _List(_ref3) {
     children = _ref3.children,
     icon = _ref3.icon,
     testID = _ref3.testID,
+    iconColor = _ref3.iconColor,
     styledProps = _objectWithoutProperties(_ref3, _excluded);
   var ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;
   var _useListContext = useListContext(),
@@ -86,9 +87,10 @@ var _List = function _List(_ref3) {
       level: level ? level + 1 : 1,
       size: size !== null && size !== void 0 ? size : listContextSize,
       icon: icon,
+      iconColor: iconColor,
       variant: variant
     };
-  }, [icon, level, listContextSize, size, variant]);
+  }, [icon, iconColor, level, listContextSize, size, variant]);
   var childrenArray = React__default.Children.toArray(children);
   var childListItems = childrenArray.filter(function (child) {
     if (isValidAllowedChildren(child, MetaConstants.ListItem)) {

package/build/lib/web/production/components/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = ({\n  variant = 'unordered',\n  size,\n  children,\n  icon,\n  testID,\n  ...styledProps\n}: ListProps): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      variant,\n    }),\n    [icon, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <ListElement\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(_List, { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","withConfig","displayName","componentId","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","_ref3$variant","variant","size","children","icon","testID","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","_objectSpread","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"List.js","sources":["../../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n  iconColor?: IconProps['color'];\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n  iconColor?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = ({\n  variant = 'unordered',\n  size,\n  children,\n  icon,\n  testID,\n  iconColor,\n  ...styledProps\n}: ListProps): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      iconColor,\n      variant,\n    }),\n    [icon, iconColor, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <ListElement\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(_List, { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","withConfig","displayName","componentId","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","_ref3$variant","variant","size","children","icon","testID","iconColor","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","_objectSpread","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/production/components/List/ListContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListContext.js","sources":["../../../../../../src/components/List/ListContext.ts"],"sourcesContent":["import React from 'react';\nimport type { ListProps } from './List';\nimport type { IconComponent } from '~components/Icons';\n\nexport type ListContextType = {\n  level?: number;\n  size: NonNullable<ListProps['size']>;\n  icon?: IconComponent;\n  variant: NonNullable<ListProps['variant']>;\n};\n\nconst ListContext = React.createContext<ListContextType>({\n  level: undefined,\n  size: 'medium',\n  variant: 'unordered',\n});\nconst ListProvider = ListContext.Provider;\n\nconst useListContext = (): ListContextType => {\n  const context = React.useContext(ListContext);\n  return context;\n};\n\nexport { useListContext, ListProvider };\n"],"names":["ListContext","React","createContext","level","undefined","size","variant","ListProvider","Provider","useListContext","context","useContext"],"mappings":";;AAWA,IAAMA,WAAW,gBAAGC,cAAK,CAACC,aAAa,CAAkB;AACvDC,EAAAA,KAAK,EAAEC,SAAS;AAChBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,OAAO,EAAE,WAAA;AACX,CAAC,CAAC,CAAA;AACF,IAAMC,YAAY,GAAGP,WAAW,CAACQ,SAAQ;AAEzC,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAA0B;AAC5C,EAAA,IAAMC,OAAO,GAAGT,cAAK,CAACU,UAAU,CAACX,WAAW,CAAC,CAAA;AAC7C,EAAA,OAAOU,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"ListContext.js","sources":["../../../../../../src/components/List/ListContext.ts"],"sourcesContent":["import React from 'react';\nimport type { ListProps } from './List';\nimport type { IconComponent } from '~components/Icons';\n\nexport type ListContextType = {\n  level?: number;\n  size: NonNullable<ListProps['size']>;\n  icon?: IconComponent;\n  iconColor?: ListProps['iconColor'];\n  variant: NonNullable<ListProps['variant']>;\n};\n\nconst ListContext = React.createContext<ListContextType>({\n  level: undefined,\n  size: 'medium',\n  variant: 'unordered',\n});\nconst ListProvider = ListContext.Provider;\n\nconst useListContext = (): ListContextType => {\n  const context = React.useContext(ListContext);\n  return context;\n};\n\nexport { useListContext, ListProvider };\n"],"names":["ListContext","React","createContext","level","undefined","size","variant","ListProvider","Provider","useListContext","context","useContext"],"mappings":";;AAYA,IAAMA,WAAW,gBAAGC,cAAK,CAACC,aAAa,CAAkB;AACvDC,EAAAA,KAAK,EAAEC,SAAS;AAChBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,OAAO,EAAE,WAAA;AACX,CAAC,CAAC,CAAA;AACF,IAAMC,YAAY,GAAGP,WAAW,CAACQ,SAAQ;AAEzC,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAA0B;AAC5C,EAAA,IAAMC,OAAO,GAAGT,cAAK,CAACU,UAAU,CAACX,WAAW,CAAC,CAAA;AAC7C,EAAA,OAAOU,OAAO,CAAA;AAChB;;;;"}

package/build/lib/web/production/components/List/ListItem.js

@@ -67,19 +67,23 @@ var ListItemContentChildren = function ListItemContentChildren(_ref2) {
   });
 };
 var _ListItem = function _ListItem(_ref3) {
+  var _ref4;
   var children = _ref3.children,
     Icon = _ref3.icon,
+    listItemIconColor = _ref3.iconColor,
     _itemNumber = _ref3._itemNumber,
     testID = _ref3.testID;
   var _useListContext = useListContext(),
     level = _useListContext.level,
     size = _useListContext.size,
     ListContextIcon = _useListContext.icon,
-    variant = _useListContext.variant;
+    variant = _useListContext.variant,
+    iconColor = _useListContext.iconColor;
   var _useTheme = useTheme(),
     theme = _useTheme.theme,
     platform = _useTheme.platform;
   var ItemIcon = Icon !== null && Icon !== void 0 ? Icon : ListContextIcon;
+  var iconColorToken = (_ref4 = listItemIconColor !== null && listItemIconColor !== void 0 ? listItemIconColor : iconColor) !== null && _ref4 !== void 0 ? _ref4 : 'surface.icon.gray.muted';
   if (false) {
     if (level && level > 3) {
       throwBladeError({
@@ -128,7 +132,7 @@ var _ListItem = function _ListItem(_ref3) {
         alignSelf: "flex-start",
         children: ItemIcon ? /*#__PURE__*/jsx(ItemIcon, {
           size: size,
-          color: "surface.icon.gray.muted"
+          color: iconColorToken
         }) : /*#__PURE__*/jsx(UnorderedItemIcon, {
           level: level
         })

package/build/lib/web/production/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color=\"surface.icon.gray.muted\" />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n                : undefined\n            }\n          >\n            <Text\n              variant=\"body\"\n              color=\"surface.text.gray.muted\"\n              size={variant === 'ordered' ? size : 'xsmall'}\n            >\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","withConfig","displayName","componentId","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","concat","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","Icon","icon","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","_objectSpread","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * Icon color of the ListItem's bullet.\n   *\n   */\n  iconColor?: ListProps['iconColor'];\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  iconColor: listItemIconColor,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant, iconColor } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n  const iconColorToken = listItemIconColor ?? iconColor ?? 'surface.icon.gray.muted';\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color={iconColorToken} />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n                : undefined\n            }\n          >\n            <Text\n              variant=\"body\"\n              color=\"surface.text.gray.muted\"\n              size={variant === 'ordered' ? size : 'xsmall'}\n            >\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","withConfig","displayName","componentId","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","concat","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","_ref4","Icon","icon","listItemIconColor","iconColor","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","iconColorToken","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","_objectSpread","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/production/components/List/ListItemIcons.js

@@ -67,9 +67,10 @@ var UnorderedItemIcon = function UnorderedItemIcon(_ref4) {
     theme = _useTheme.theme,
     platform = _useTheme.platform;
   var _useListContext = useListContext(),
-    size = _useListContext.size;
+    size = _useListContext.size,
+    iconColor = _useListContext.iconColor;
   var iconDimensions = listItemUnorderedBulletSize[platform][size];
-  var backgroundToken = theme.colors.surface.text.gray.muted;
+  var backgroundToken = iconColor !== null && iconColor !== void 0 ? iconColor : theme.colors.surface.text.gray.muted;
   switch (level) {
     case 1:
       return /*#__PURE__*/jsx(UnorderedLevel1Icon, {

package/build/lib/web/production/components/List/ListItemIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemIcons.js","sources":["../../../../../../src/components/List/ListItemIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { listItemUnorderedBulletSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { Svg, Circle, Rect } from '~components/Icons/_Svg';\nimport { opacity } from '~tokens/global';\n\ntype UnorderedIconProps = {\n  iconDimensions: string;\n  color: string;\n};\n\nconst UnorderedLevel1Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"3px\" fill={color} fillOpacity={opacity[600]} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel2Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"2.5px\" stroke={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel3Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Rect\n        width={iconDimensions}\n        height={iconDimensions}\n        rx=\"1px\"\n        fill={color}\n        fillOpacity={opacity[600]}\n      />\n    </Svg>\n  );\n};\n\nconst UnorderedItemIcon = ({ level }: { level?: number }): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { size } = useListContext();\n  const iconDimensions = listItemUnorderedBulletSize[platform][size];\n  const backgroundToken = theme.colors.surface.text.gray.muted;\n\n  switch (level) {\n    case 1:\n      return <UnorderedLevel1Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 2:\n      return <UnorderedLevel2Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 3:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    default:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n  }\n};\n\nexport { UnorderedItemIcon };\n"],"names":["UnorderedLevel1Icon","_ref","iconDimensions","color","_jsx","Svg","width","height","viewBox","fill","children","Circle","cx","cy","r","fillOpacity","opacity","UnorderedLevel2Icon","_ref2","stroke","UnorderedLevel3Icon","_ref3","Rect","rx","UnorderedItemIcon","_ref4","level","_useTheme","useTheme","theme","platform","_useListContext","useListContext","size","listItemUnorderedBulletSize","backgroundToken","colors","surface","text","gray","muted"],"mappings":"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"}
+{"version":3,"file":"ListItemIcons.js","sources":["../../../../../../src/components/List/ListItemIcons.tsx"],"sourcesContent":["import React from 'react';\nimport { listItemUnorderedBulletSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { Svg, Circle, Rect } from '~components/Icons/_Svg';\nimport { opacity } from '~tokens/global';\n\ntype UnorderedIconProps = {\n  iconDimensions: string;\n  color: string;\n};\n\nconst UnorderedLevel1Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"3px\" fill={color} fillOpacity={opacity[600]} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel2Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Circle cx=\"3px\" cy=\"3px\" r=\"2.5px\" stroke={color} />\n    </Svg>\n  );\n};\n\nconst UnorderedLevel3Icon = ({ iconDimensions, color }: UnorderedIconProps): React.ReactElement => {\n  return (\n    <Svg width={iconDimensions} height={iconDimensions} viewBox=\"0 0 6 6\" fill=\"none\">\n      <Rect\n        width={iconDimensions}\n        height={iconDimensions}\n        rx=\"1px\"\n        fill={color}\n        fillOpacity={opacity[600]}\n      />\n    </Svg>\n  );\n};\n\nconst UnorderedItemIcon = ({ level }: { level?: number }): React.ReactElement => {\n  const { theme, platform } = useTheme();\n  const { size, iconColor } = useListContext();\n  const iconDimensions = listItemUnorderedBulletSize[platform][size];\n  const backgroundToken = iconColor ?? theme.colors.surface.text.gray.muted;\n\n  switch (level) {\n    case 1:\n      return <UnorderedLevel1Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 2:\n      return <UnorderedLevel2Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    case 3:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n    default:\n      return <UnorderedLevel3Icon iconDimensions={iconDimensions} color={backgroundToken} />;\n  }\n};\n\nexport { UnorderedItemIcon };\n"],"names":["UnorderedLevel1Icon","_ref","iconDimensions","color","_jsx","Svg","width","height","viewBox","fill","children","Circle","cx","cy","r","fillOpacity","opacity","UnorderedLevel2Icon","_ref2","stroke","UnorderedLevel3Icon","_ref3","Rect","rx","UnorderedItemIcon","_ref4","level","_useTheme","useTheme","theme","platform","_useListContext","useListContext","size","iconColor","listItemUnorderedBulletSize","backgroundToken","colors","surface","text","gray","muted"],"mappings":"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"}

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

@@ -8816,13 +8816,18 @@ type ListItemProps = {
      *
      */
     icon?: IconComponent;
+    /**
+     * Icon color of the ListItem's bullet.
+     *
+     */
+    iconColor?: ListProps['iconColor'];
     /**
      * This is a private prop to be used only for internal logic purposes.
      *
      */
     _itemNumber?: undefined;
 } & TestID;
-declare const ListItem: ({ children, icon: Icon, _itemNumber, testID, }: ListItemProps) => React__default.ReactElement;
+declare const ListItem: ({ children, icon: Icon, iconColor: listItemIconColor, _itemNumber, testID, }: ListItemProps) => React__default.ReactElement;
 
 type ListCommonProps = {
     /**
@@ -8846,13 +8851,15 @@ type ListCommonProps = {
 type ListWithIconProps = ListCommonProps & {
     variant?: 'unordered';
     icon?: IconComponent;
+    iconColor?: IconProps['color'];
 };
 type ListWithoutIconProps = ListCommonProps & {
     variant?: 'ordered' | 'ordered-filled';
     icon?: undefined;
+    iconColor?: undefined;
 };
 type ListProps = ListWithIconProps | ListWithoutIconProps;
-declare const List: ({ variant, size, children, icon, testID, ...styledProps }: ListProps) => React__default.ReactElement;
+declare const List: ({ variant, size, children, icon, testID, iconColor, ...styledProps }: ListProps) => React__default.ReactElement;
 
 type ListItemLinkProps = Exclude<LinkProps, 'size' | 'variant' | 'isDisabled'>;
 declare const ListItemLink: ({ accessibilityLabel, children, href, icon, iconPosition, onClick, rel, target, testID, }: ListItemLinkProps) => React.ReactElement;

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

@@ -6797,13 +6797,18 @@ type ListItemProps = {
      *
      */
     icon?: IconComponent;
+    /**
+     * Icon color of the ListItem's bullet.
+     *
+     */
+    iconColor?: ListProps['iconColor'];
     /**
      * This is a private prop to be used only for internal logic purposes.
      *
      */
     _itemNumber?: undefined;
 } & TestID;
-declare const ListItem: ({ children, icon: Icon, _itemNumber, testID, }: ListItemProps) => React__default.ReactElement;
+declare const ListItem: ({ children, icon: Icon, iconColor: listItemIconColor, _itemNumber, testID, }: ListItemProps) => React__default.ReactElement;
 
 type ListCommonProps = {
     /**
@@ -6827,13 +6832,15 @@ type ListCommonProps = {
 type ListWithIconProps = ListCommonProps & {
     variant?: 'unordered';
     icon?: IconComponent;
+    iconColor?: IconProps['color'];
 };
 type ListWithoutIconProps = ListCommonProps & {
     variant?: 'ordered' | 'ordered-filled';
     icon?: undefined;
+    iconColor?: undefined;
 };
 type ListProps = ListWithIconProps | ListWithoutIconProps;
-declare const List: ({ variant, size, children, icon, testID, ...styledProps }: ListProps) => React__default.ReactElement;
+declare const List: ({ variant, size, children, icon, testID, iconColor, ...styledProps }: ListProps) => React__default.ReactElement;
 
 type ListItemLinkProps = Exclude<LinkProps, 'size' | 'variant' | 'isDisabled'>;
 declare const ListItemLink: ({ accessibilityLabel, children, href, icon, iconPosition, onClick, rel, target, testID, }: ListItemLinkProps) => React.ReactElement;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "11.21.7",
+  "version": "11.21.8",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"