@razorpay/blade 11.24.2 → 11.24.3

package/build/lib/native/components/BaseMenu/BaseMenuItem/BaseMenuItem.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import { BaseMenuItemContext } from '../BaseMenuContext.js';
 import { StyledMenuItemContainer } from './StyledMenuItemContainer.native.js';
 import { Box } from '../../Box/Box.js';
-import '../../Typography/BaseText/BaseText.native.js';
+import { BaseText } from '../../Typography/BaseText/BaseText.native.js';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-native';
 import '../../../tokens/global/typography.js';
@@ -11,12 +11,13 @@ import '../../../tokens/global/motion.js';
 import { size } from '../../../tokens/global/size.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import '../../BladeProvider/useTheme.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { Text } from '../../Typography/Text/Text.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { getTextProps, Text } from '../../Typography/Text/Text.js';
 import '../../Typography/Code/Code.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
+import { useTruncationTitle } from '../../../utils/useTruncationTitle/useTruncationTitle.native.js';
 
-var _excluded=["title","description","as","leading","trailing","titleSuffix","isDisabled","selectionType","isSelected","isVisible","color","role","children"];var menuItemTitleColor={negative:{default:'feedback.text.negative.intense',disabled:'interactive.text.gray.disabled'},normal:{default:'interactive.text.gray.normal',disabled:'interactive.text.gray.disabled'}};var menuItemDescriptionColor={default:'interactive.text.gray.muted',disabled:'interactive.text.gray.disabled'};var itemFirstRowHeight=makeSize(size[20]);var _BaseMenuItem=function _BaseMenuItem(_ref,ref){var title=_ref.title,description=_ref.description,as=_ref.as,leading=_ref.leading,trailing=_ref.trailing,titleSuffix=_ref.titleSuffix,isDisabled=_ref.isDisabled,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,isSelected=_ref.isSelected,_ref$isVisible=_ref.isVisible,isVisible=_ref$isVisible===void 0?true:_ref$isVisible,color=_ref.color,_ref$role=_ref.role,role=_ref$role===void 0?'menuitem':_ref$role,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return jsx(BaseMenuItemContext.Provider,{value:{color:color,isDisabled:isDisabled},children:jsx(StyledMenuItemContainer,Object.assign({ref:ref,as:as,type:"button",disabled:isDisabled},makeAccessible({role:role,current:role==='menuitem'||role==='menuitemcheckbox'?isSelected:undefined,disabled:isDisabled,selected:isSelected}),{color:color,isVisible:isVisible,isSelected:isSelected,isDisabled:isDisabled,selectionType:selectionType},props,{children:children?children:jsx(Fragment,{children:jsxs(Box,{display:"flex",alignItems:"flex-start",width:"100%",justifyContent:"center",children:[jsx(Box,{display:"flex",justifyContent:"center",alignItems:"center",height:itemFirstRowHeight,children:leading}),jsxs(Box,{paddingLeft:leading?'spacing.3':'spacing.0',paddingRight:"spacing.3",display:"flex",flexDirection:"column",children:[jsxs(Box,{display:"flex",alignItems:"center",flexDirection:"row",height:itemFirstRowHeight,children:[jsx(Text,{truncateAfterLines:1,color:menuItemTitleColor[color==='negative'?'negative':'normal'][isDisabled?'disabled':'default'],children:title}),titleSuffix]}),jsx(Box,{children:description?jsx(Text,{color:menuItemDescriptionColor[isDisabled?'disabled':'default'],size:"small",children:description}):null})]}),jsx(Box,{marginLeft:"auto",children:trailing})]})})}))});};var BaseMenuItem=React__default.forwardRef(_BaseMenuItem);
+var _excluded=["title","description","as","leading","trailing","titleSuffix","isDisabled","selectionType","isSelected","isVisible","color","role","children"];var menuItemTitleColor={negative:{default:'feedback.text.negative.intense',disabled:'interactive.text.gray.disabled'},normal:{default:'interactive.text.gray.normal',disabled:'interactive.text.gray.disabled'}};var menuItemDescriptionColor={default:'interactive.text.gray.muted',disabled:'interactive.text.gray.disabled'};var itemFirstRowHeight=makeSize(size[20]);var _BaseMenuItem=function _BaseMenuItem(_ref,ref){var title=_ref.title,description=_ref.description,as=_ref.as,leading=_ref.leading,trailing=_ref.trailing,titleSuffix=_ref.titleSuffix,isDisabled=_ref.isDisabled,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,isSelected=_ref.isSelected,_ref$isVisible=_ref.isVisible,isVisible=_ref$isVisible===void 0?true:_ref$isVisible,color=_ref.color,_ref$role=_ref.role,role=_ref$role===void 0?'menuitem':_ref$role,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);var _useTruncationTitle=useTruncationTitle({content:title}),containerRef=_useTruncationTitle.containerRef,textRef=_useTruncationTitle.textRef;return jsx(BaseMenuItemContext.Provider,{value:{color:color,isDisabled:isDisabled},children:jsx(StyledMenuItemContainer,Object.assign({ref:ref,as:as,type:"button",disabled:isDisabled},makeAccessible({role:role,current:role==='menuitem'||role==='menuitemcheckbox'?isSelected:undefined,disabled:isDisabled,selected:isSelected}),{color:color,isVisible:isVisible,isSelected:isSelected,isDisabled:isDisabled,selectionType:selectionType},props,{children:children?children:jsxs(Box,{display:"flex",alignItems:"flex-start",width:"100%",justifyContent:"center",children:[jsx(Box,{display:"flex",justifyContent:"center",alignItems:"center",height:itemFirstRowHeight,children:leading}),jsxs(Box,{paddingLeft:leading?'spacing.3':'spacing.0',paddingRight:"spacing.3",display:"flex",flexDirection:"column",children:[jsxs(Box,{display:"flex",alignItems:"center",flexDirection:"row",height:itemFirstRowHeight,ref:containerRef,children:[jsx(BaseText,Object.assign({as:"p",ref:textRef,truncateAfterLines:1,wordBreak:"break-all"},getTextProps({size:'medium',color:menuItemTitleColor[color==='negative'?'negative':'normal'][isDisabled?'disabled':'default'],weight:'regular'}),{children:title})),titleSuffix]}),jsx(Box,{children:description?jsx(Text,{color:menuItemDescriptionColor[isDisabled?'disabled':'default'],size:"small",children:description}):null})]}),jsx(Box,{marginLeft:"auto",children:trailing})]})}))});};var BaseMenuItem=React__default.forwardRef(_BaseMenuItem);
 
 export { BaseMenuItem };
 //# sourceMappingURL=BaseMenuItem.js.map

package/build/lib/native/components/BaseMenu/BaseMenuItem/BaseMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\n\nconst menuItemTitleColor = {\n  negative: {\n    default: 'feedback.text.negative.intense',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n  default: 'interactive.text.gray.muted',\n  disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\nconst itemFirstRowHeight = makeSize(size[20]);\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n  {\n    title,\n    description,\n    as,\n    leading,\n    trailing,\n    titleSuffix,\n    isDisabled,\n    selectionType = 'single',\n    isSelected,\n    isVisible = true,\n    color,\n    role = 'menuitem',\n    children,\n    ...props\n  },\n  ref,\n): React.ReactElement => {\n  return (\n    <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n      <StyledMenuItemContainer\n        ref={ref as never}\n        as={as}\n        type=\"button\"\n        disabled={isDisabled}\n        {...makeAccessible({\n          role,\n          current: role === 'menuitem' || role === 'menuitemcheckbox' ? isSelected : undefined,\n          disabled: isDisabled,\n          selected: isSelected,\n        })}\n        color={color}\n        isVisible={isVisible}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        selectionType={selectionType}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <>\n            <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"center\">\n              <Box\n                display=\"flex\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                height={itemFirstRowHeight}\n              >\n                {leading}\n              </Box>\n              <Box\n                paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n                paddingRight=\"spacing.3\"\n                display=\"flex\"\n                flexDirection=\"column\"\n              >\n                <Box\n                  display=\"flex\"\n                  alignItems=\"center\"\n                  flexDirection=\"row\"\n                  height={itemFirstRowHeight}\n                >\n                  <Text\n                    truncateAfterLines={1}\n                    color={\n                      menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n                        isDisabled ? 'disabled' : 'default'\n                      ]\n                    }\n                  >\n                    {title}\n                  </Text>\n                  {titleSuffix}\n                </Box>\n                <Box>\n                  {description ? (\n                    <Text\n                      color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n                      size=\"small\"\n                    >\n                      {description}\n                    </Text>\n                  ) : null}\n                </Box>\n              </Box>\n              <Box marginLeft=\"auto\">{trailing}</Box>\n            </Box>\n          </>\n        )}\n      </StyledMenuItemContainer>\n    </BaseMenuItemContext.Provider>\n  );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","default","disabled","normal","menuItemDescriptionColor","itemFirstRowHeight","makeSize","size","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","Object","assign","type","makeAccessible","current","undefined","selected","_Fragment","_jsxs","Box","display","alignItems","width","justifyContent","height","paddingLeft","paddingRight","flexDirection","Text","truncateAfterLines","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { Box } from '~components/Box';\nimport { getTextProps, Text } from '~components/Typography';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst menuItemTitleColor = {\n  negative: {\n    default: 'feedback.text.negative.intense',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n  default: 'interactive.text.gray.muted',\n  disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\nconst itemFirstRowHeight = makeSize(size[20]);\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n  {\n    title,\n    description,\n    as,\n    leading,\n    trailing,\n    titleSuffix,\n    isDisabled,\n    selectionType = 'single',\n    isSelected,\n    isVisible = true,\n    color,\n    role = 'menuitem',\n    children,\n    ...props\n  },\n  ref,\n): React.ReactElement => {\n  const { containerRef, textRef } = useTruncationTitle({ content: title });\n  return (\n    <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n      <StyledMenuItemContainer\n        ref={ref as never}\n        as={as}\n        type=\"button\"\n        disabled={isDisabled}\n        {...makeAccessible({\n          role,\n          current: role === 'menuitem' || role === 'menuitemcheckbox' ? isSelected : undefined,\n          disabled: isDisabled,\n          selected: isSelected,\n        })}\n        color={color}\n        isVisible={isVisible}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        selectionType={selectionType}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"center\">\n            <Box\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              height={itemFirstRowHeight}\n            >\n              {leading}\n            </Box>\n            <Box\n              paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n              paddingRight=\"spacing.3\"\n              display=\"flex\"\n              flexDirection=\"column\"\n            >\n              <Box\n                display=\"flex\"\n                alignItems=\"center\"\n                flexDirection=\"row\"\n                height={itemFirstRowHeight}\n                ref={containerRef as never}\n              >\n                <BaseText\n                  as=\"p\"\n                  ref={textRef as never}\n                  truncateAfterLines={1}\n                  wordBreak=\"break-all\"\n                  {...getTextProps({\n                    size: 'medium',\n                    color:\n                      menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n                        isDisabled ? 'disabled' : 'default'\n                      ],\n                    weight: 'regular',\n                  })}\n                >\n                  {title}\n                </BaseText>\n                {titleSuffix}\n              </Box>\n              <Box>\n                {description ? (\n                  <Text\n                    color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n                    size=\"small\"\n                  >\n                    {description}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            <Box marginLeft=\"auto\">{trailing}</Box>\n          </Box>\n        )}\n      </StyledMenuItemContainer>\n    </BaseMenuItemContext.Provider>\n  );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","default","disabled","normal","menuItemDescriptionColor","itemFirstRowHeight","makeSize","size","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","Object","assign","type","makeAccessible","current","undefined","selected","_jsxs","Box","display","alignItems","width","justifyContent","height","paddingLeft","paddingRight","flexDirection","BaseText","truncateAfterLines","wordBreak","getTextProps","weight","Text","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Typography/BaseText/BaseText.native.js

@@ -1,4 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
 import styled from 'styled-components/native';
 import getBaseTextStyles from './getBaseTextStyles.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
@@ -8,7 +9,7 @@ import { useStyledProps } from '../../Box/styledProps/useStyledProps.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["color","fontFamily","fontSize","fontWeight","fontStyle","textDecorationLine","numberOfLines","lineHeight","letterSpacing","textAlign","as","opacity"],_excluded2=["id","color","fontFamily","fontSize","fontWeight","fontStyle","textDecorationLine","lineHeight","textAlign","children","truncateAfterLines","opacity","className","style","accessibilityProps","componentName","testID"];var StyledBaseText=styled.Text(function(_ref){var color=_ref.color,fontFamily=_ref.fontFamily,fontSize=_ref.fontSize,fontWeight=_ref.fontWeight,fontStyle=_ref.fontStyle,textDecorationLine=_ref.textDecorationLine,numberOfLines=_ref.numberOfLines,lineHeight=_ref.lineHeight,letterSpacing=_ref.letterSpacing,textAlign=_ref.textAlign;_ref.as;var opacity=_ref.opacity,props=_objectWithoutProperties(_ref,_excluded);var styledPropsCSSObject=useStyledProps(props);return Object.assign({},getBaseTextStyles({color:color,fontFamily:fontFamily,fontSize:fontSize,fontWeight:fontWeight,fontStyle:fontStyle,textDecorationLine:textDecorationLine,numberOfLines:numberOfLines,lineHeight:lineHeight,letterSpacing:letterSpacing,textAlign:textAlign,opacity:opacity,theme:props.theme}),styledPropsCSSObject);});var BaseText=function BaseText(_ref2){var id=_ref2.id,color=_ref2.color,fontFamily=_ref2.fontFamily,fontSize=_ref2.fontSize,fontWeight=_ref2.fontWeight,fontStyle=_ref2.fontStyle,textDecorationLine=_ref2.textDecorationLine,lineHeight=_ref2.lineHeight,textAlign=_ref2.textAlign,children=_ref2.children,truncateAfterLines=_ref2.truncateAfterLines,opacity=_ref2.opacity,className=_ref2.className,style=_ref2.style,_ref2$accessibilityPr=_ref2.accessibilityProps,accessibilityProps=_ref2$accessibilityPr===void 0?{}:_ref2$accessibilityPr,_ref2$componentName=_ref2.componentName,componentName=_ref2$componentName===void 0?MetaConstants.BaseText:_ref2$componentName,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded2);return jsx(StyledBaseText,Object.assign({},getStyledProps(styledProps),{color:color,fontFamily:fontFamily,fontSize:fontSize,fontWeight:fontWeight,fontStyle:fontStyle,textDecorationLine:textDecorationLine,lineHeight:lineHeight,as:undefined,textAlign:textAlign,numberOfLines:truncateAfterLines,opacity:opacity,className:className,style:style,id:id},makeAccessible(accessibilityProps),metaAttribute({name:componentName,testID:testID}),{children:children}));};
+var _excluded=["color","fontFamily","fontSize","fontWeight","fontStyle","textDecorationLine","numberOfLines","lineHeight","letterSpacing","textAlign","as","opacity"],_excluded2=["id","color","fontFamily","fontSize","fontWeight","fontStyle","textDecorationLine","lineHeight","textAlign","children","truncateAfterLines","opacity","className","style","accessibilityProps","componentName","testID"];var StyledBaseText=styled.Text(function(_ref){var color=_ref.color,fontFamily=_ref.fontFamily,fontSize=_ref.fontSize,fontWeight=_ref.fontWeight,fontStyle=_ref.fontStyle,textDecorationLine=_ref.textDecorationLine,numberOfLines=_ref.numberOfLines,lineHeight=_ref.lineHeight,letterSpacing=_ref.letterSpacing,textAlign=_ref.textAlign;_ref.as;var opacity=_ref.opacity,props=_objectWithoutProperties(_ref,_excluded);var styledPropsCSSObject=useStyledProps(props);return Object.assign({},getBaseTextStyles({color:color,fontFamily:fontFamily,fontSize:fontSize,fontWeight:fontWeight,fontStyle:fontStyle,textDecorationLine:textDecorationLine,numberOfLines:numberOfLines,lineHeight:lineHeight,letterSpacing:letterSpacing,textAlign:textAlign,opacity:opacity,theme:props.theme}),styledPropsCSSObject);});var _BaseText=function _BaseText(_ref2,ref){var id=_ref2.id,color=_ref2.color,fontFamily=_ref2.fontFamily,fontSize=_ref2.fontSize,fontWeight=_ref2.fontWeight,fontStyle=_ref2.fontStyle,textDecorationLine=_ref2.textDecorationLine,lineHeight=_ref2.lineHeight,textAlign=_ref2.textAlign,children=_ref2.children,truncateAfterLines=_ref2.truncateAfterLines,opacity=_ref2.opacity,className=_ref2.className,style=_ref2.style,_ref2$accessibilityPr=_ref2.accessibilityProps,accessibilityProps=_ref2$accessibilityPr===void 0?{}:_ref2$accessibilityPr,_ref2$componentName=_ref2.componentName,componentName=_ref2$componentName===void 0?MetaConstants.BaseText:_ref2$componentName,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded2);return jsx(StyledBaseText,Object.assign({ref:ref},getStyledProps(styledProps),{color:color,fontFamily:fontFamily,fontSize:fontSize,fontWeight:fontWeight,fontStyle:fontStyle,textDecorationLine:textDecorationLine,lineHeight:lineHeight,as:undefined,textAlign:textAlign,numberOfLines:truncateAfterLines,opacity:opacity,className:className,style:style,id:id},makeAccessible(accessibilityProps),metaAttribute({name:componentName,testID:testID}),{children:children}));};var BaseText=React__default.forwardRef(_BaseText);
 
 export { BaseText };
 //# sourceMappingURL=BaseText.native.js.map

package/build/lib/native/components/Typography/BaseText/BaseText.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseText.native.js","sources":["../../../../../../src/components/Typography/BaseText/BaseText.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport styled from 'styled-components/native';\nimport getBaseTextStyles from './getBaseTextStyles';\nimport type { BaseTextProps, StyledBaseTextProps } from './types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps, useStyledProps } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\n\nconst StyledBaseText = styled.Text<StyledBaseTextProps>(\n  ({\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    fontStyle,\n    textDecorationLine,\n    numberOfLines,\n    lineHeight,\n    letterSpacing,\n    textAlign,\n    as,\n    opacity,\n    ...props\n  }) => {\n    const styledPropsCSSObject = useStyledProps(props);\n\n    return {\n      ...getBaseTextStyles({\n        color,\n        fontFamily,\n        fontSize,\n        fontWeight,\n        fontStyle,\n        textDecorationLine,\n        numberOfLines,\n        lineHeight,\n        letterSpacing,\n        textAlign,\n        opacity,\n        theme: props.theme,\n      }),\n      ...styledPropsCSSObject,\n    };\n  },\n);\n\nexport const BaseText = ({\n  id,\n  color,\n  fontFamily,\n  fontSize,\n  fontWeight,\n  fontStyle,\n  textDecorationLine,\n  lineHeight,\n  textAlign,\n  children,\n  truncateAfterLines,\n  opacity,\n  className,\n  style,\n  accessibilityProps = {},\n  componentName = MetaConstants.BaseText,\n  testID,\n  ...styledProps\n}: BaseTextProps): ReactElement => {\n  return (\n    <StyledBaseText\n      {...getStyledProps(styledProps)}\n      color={color}\n      fontFamily={fontFamily}\n      fontSize={fontSize}\n      fontWeight={fontWeight}\n      fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      lineHeight={lineHeight}\n      as={undefined}\n      textAlign={textAlign}\n      numberOfLines={truncateAfterLines}\n      opacity={opacity}\n      className={className}\n      style={style}\n      id={id}\n      {...makeAccessible(accessibilityProps)}\n      {...metaAttribute({ name: componentName, testID })}\n    >\n      {children}\n    </StyledBaseText>\n  );\n};\n"],"names":["StyledBaseText","styled","Text","_ref","color","fontFamily","fontSize","fontWeight","fontStyle","textDecorationLine","numberOfLines","lineHeight","letterSpacing","textAlign","as","opacity","props","_objectWithoutProperties","_excluded","styledPropsCSSObject","useStyledProps","Object","assign","getBaseTextStyles","theme","BaseText","_ref2","id","children","truncateAfterLines","className","style","_ref2$accessibilityPr","accessibilityProps","_ref2$componentName","componentName","MetaConstants","testID","styledProps","_excluded2","_jsx","getStyledProps","undefined","makeAccessible","metaAttribute","name"],"mappings":"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"}
+{"version":3,"file":"BaseText.native.js","sources":["../../../../../../src/components/Typography/BaseText/BaseText.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport styled from 'styled-components/native';\nimport getBaseTextStyles from './getBaseTextStyles';\nimport type { BaseTextProps, StyledBaseTextProps } from './types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps, useStyledProps } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledBaseText = styled.Text<StyledBaseTextProps>(\n  ({\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    fontStyle,\n    textDecorationLine,\n    numberOfLines,\n    lineHeight,\n    letterSpacing,\n    textAlign,\n    as,\n    opacity,\n    ...props\n  }) => {\n    const styledPropsCSSObject = useStyledProps(props);\n\n    return {\n      ...getBaseTextStyles({\n        color,\n        fontFamily,\n        fontSize,\n        fontWeight,\n        fontStyle,\n        textDecorationLine,\n        numberOfLines,\n        lineHeight,\n        letterSpacing,\n        textAlign,\n        opacity,\n        theme: props.theme,\n      }),\n      ...styledPropsCSSObject,\n    };\n  },\n);\n\nconst _BaseText: React.ForwardRefRenderFunction<BladeElementRef, BaseTextProps> = (\n  {\n    id,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    fontStyle,\n    textDecorationLine,\n    lineHeight,\n    textAlign,\n    children,\n    truncateAfterLines,\n    opacity,\n    className,\n    style,\n    accessibilityProps = {},\n    componentName = MetaConstants.BaseText,\n    testID,\n    ...styledProps\n  },\n  ref,\n): ReactElement => {\n  return (\n    <StyledBaseText\n      ref={ref}\n      {...getStyledProps(styledProps)}\n      color={color}\n      fontFamily={fontFamily}\n      fontSize={fontSize}\n      fontWeight={fontWeight}\n      fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      lineHeight={lineHeight}\n      as={undefined}\n      textAlign={textAlign}\n      numberOfLines={truncateAfterLines}\n      opacity={opacity}\n      className={className}\n      style={style}\n      id={id}\n      {...makeAccessible(accessibilityProps)}\n      {...metaAttribute({ name: componentName, testID })}\n    >\n      {children}\n    </StyledBaseText>\n  );\n};\n\nconst BaseText = React.forwardRef(_BaseText);\n\nexport { BaseText };\n"],"names":["StyledBaseText","styled","Text","_ref","color","fontFamily","fontSize","fontWeight","fontStyle","textDecorationLine","numberOfLines","lineHeight","letterSpacing","textAlign","as","opacity","props","_objectWithoutProperties","_excluded","styledPropsCSSObject","useStyledProps","Object","assign","getBaseTextStyles","theme","_BaseText","_ref2","ref","id","children","truncateAfterLines","className","style","_ref2$accessibilityPr","accessibilityProps","_ref2$componentName","componentName","MetaConstants","BaseText","testID","styledProps","_excluded2","_jsx","getStyledProps","undefined","makeAccessible","metaAttribute","name","React","forwardRef"],"mappings":"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"}

package/build/lib/native/utils/useTruncationTitle/useTruncationTitle.native.js

@@ -0,0 +1,4 @@
+var useTruncationTitle=function useTruncationTitle(_ref){_ref.content;return {containerRef:{current:null},textRef:{current:null}};};
+
+export { useTruncationTitle };
+//# sourceMappingURL=useTruncationTitle.native.js.map

package/build/lib/native/utils/useTruncationTitle/useTruncationTitle.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTruncationTitle.native.js","sources":["../../../../../src/utils/useTruncationTitle/useTruncationTitle.native.tsx"],"sourcesContent":["const useTruncationTitle = ({\n  content: _,\n}: {\n  content?: string;\n}): {\n  containerRef: { current: null };\n  textRef: { current: null };\n} => {\n  return {\n    containerRef: { current: null },\n    textRef: { current: null },\n  };\n};\n\nexport { useTruncationTitle };\n"],"names":["useTruncationTitle","_ref","content","containerRef","current","textRef"],"mappings":"AAAM,IAAAA,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAOnB,CANOA,IAAA,CAAVC,QAOA,OAAO,CACLC,YAAY,CAAE,CAAEC,OAAO,CAAE,IAAK,CAAC,CAC/BC,OAAO,CAAE,CAAED,OAAO,CAAE,IAAK,CAC3B,CAAC,CACH;;;;"}

package/build/lib/web/development/components/BaseMenu/BaseMenuItem/BaseMenuItem.js

@@ -8,12 +8,16 @@ import '../../Typography/index.js';
 import '../../../tokens/global/index.js';
 import '../../../utils/index.js';
 import '../../../utils/makeAccessible/index.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '../../Typography/BaseText/index.js';
+import '../../../utils/useTruncationTitle/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { size } from '../../../tokens/global/size.js';
+import { useTruncationTitle } from '../../../utils/useTruncationTitle/useTruncationTitle.web.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
 import { Box } from '../../Box/Box.js';
-import { Text } from '../../Typography/Text/Text.js';
+import { BaseText } from '../../Typography/BaseText/BaseText.web.js';
+import { getTextProps, Text } from '../../Typography/Text/Text.js';
 
 var _excluded = ["title", "description", "as", "leading", "trailing", "titleSuffix", "isDisabled", "selectionType", "isSelected", "isVisible", "color", "role", "children"];
 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; }
@@ -53,6 +57,11 @@ var _BaseMenuItem = function _BaseMenuItem(_ref, ref) {
     role = _ref$role === void 0 ? 'menuitem' : _ref$role,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useTruncationTitle = useTruncationTitle({
+      content: title
+    }),
+    containerRef = _useTruncationTitle.containerRef,
+    textRef = _useTruncationTitle.textRef;
   return /*#__PURE__*/jsx(BaseMenuItemContext.Provider, {
     value: {
       color: color,
@@ -75,45 +84,51 @@ var _BaseMenuItem = function _BaseMenuItem(_ref, ref) {
       isDisabled: isDisabled,
       selectionType: selectionType
     }, props), {}, {
-      children: children ? children : /*#__PURE__*/jsx(Fragment, {
-        children: /*#__PURE__*/jsxs(Box, {
+      children: children ? children : /*#__PURE__*/jsxs(Box, {
+        display: "flex",
+        alignItems: "flex-start",
+        width: "100%",
+        justifyContent: "center",
+        children: [/*#__PURE__*/jsx(Box, {
           display: "flex",
-          alignItems: "flex-start",
-          width: "100%",
           justifyContent: "center",
-          children: [/*#__PURE__*/jsx(Box, {
+          alignItems: "center",
+          height: itemFirstRowHeight,
+          children: leading
+        }), /*#__PURE__*/jsxs(Box, {
+          paddingLeft: leading ? 'spacing.3' : 'spacing.0',
+          paddingRight: "spacing.3",
+          display: "flex",
+          flexDirection: "column",
+          children: [/*#__PURE__*/jsxs(Box, {
             display: "flex",
-            justifyContent: "center",
             alignItems: "center",
+            flexDirection: "row",
             height: itemFirstRowHeight,
-            children: leading
-          }), /*#__PURE__*/jsxs(Box, {
-            paddingLeft: leading ? 'spacing.3' : 'spacing.0',
-            paddingRight: "spacing.3",
-            display: "flex",
-            flexDirection: "column",
-            children: [/*#__PURE__*/jsxs(Box, {
-              display: "flex",
-              alignItems: "center",
-              flexDirection: "row",
-              height: itemFirstRowHeight,
-              children: [/*#__PURE__*/jsx(Text, {
-                truncateAfterLines: 1,
-                color: menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][isDisabled ? 'disabled' : 'default'],
-                children: title
-              }), titleSuffix]
-            }), /*#__PURE__*/jsx(Box, {
-              children: description ? /*#__PURE__*/jsx(Text, {
-                color: menuItemDescriptionColor[isDisabled ? 'disabled' : 'default'],
-                size: "small",
-                children: description
-              }) : null
-            })]
+            ref: containerRef,
+            children: [/*#__PURE__*/jsx(BaseText, _objectSpread(_objectSpread({
+              as: "p",
+              ref: textRef,
+              truncateAfterLines: 1,
+              wordBreak: "break-all"
+            }, getTextProps({
+              size: 'medium',
+              color: menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][isDisabled ? 'disabled' : 'default'],
+              weight: 'regular'
+            })), {}, {
+              children: title
+            })), titleSuffix]
           }), /*#__PURE__*/jsx(Box, {
-            marginLeft: "auto",
-            children: trailing
+            children: description ? /*#__PURE__*/jsx(Text, {
+              color: menuItemDescriptionColor[isDisabled ? 'disabled' : 'default'],
+              size: "small",
+              children: description
+            }) : null
           })]
-        })
+        }), /*#__PURE__*/jsx(Box, {
+          marginLeft: "auto",
+          children: trailing
+        })]
       })
     }))
   });

package/build/lib/web/development/components/BaseMenu/BaseMenuItem/BaseMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\n\nconst menuItemTitleColor = {\n  negative: {\n    default: 'feedback.text.negative.intense',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n  default: 'interactive.text.gray.muted',\n  disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\nconst itemFirstRowHeight = makeSize(size[20]);\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n  {\n    title,\n    description,\n    as,\n    leading,\n    trailing,\n    titleSuffix,\n    isDisabled,\n    selectionType = 'single',\n    isSelected,\n    isVisible = true,\n    color,\n    role = 'menuitem',\n    children,\n    ...props\n  },\n  ref,\n): React.ReactElement => {\n  return (\n    <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n      <StyledMenuItemContainer\n        ref={ref as never}\n        as={as}\n        type=\"button\"\n        disabled={isDisabled}\n        {...makeAccessible({\n          role,\n          current: role === 'menuitem' || role === 'menuitemcheckbox' ? isSelected : undefined,\n          disabled: isDisabled,\n          selected: isSelected,\n        })}\n        color={color}\n        isVisible={isVisible}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        selectionType={selectionType}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <>\n            <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"center\">\n              <Box\n                display=\"flex\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                height={itemFirstRowHeight}\n              >\n                {leading}\n              </Box>\n              <Box\n                paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n                paddingRight=\"spacing.3\"\n                display=\"flex\"\n                flexDirection=\"column\"\n              >\n                <Box\n                  display=\"flex\"\n                  alignItems=\"center\"\n                  flexDirection=\"row\"\n                  height={itemFirstRowHeight}\n                >\n                  <Text\n                    truncateAfterLines={1}\n                    color={\n                      menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n                        isDisabled ? 'disabled' : 'default'\n                      ]\n                    }\n                  >\n                    {title}\n                  </Text>\n                  {titleSuffix}\n                </Box>\n                <Box>\n                  {description ? (\n                    <Text\n                      color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n                      size=\"small\"\n                    >\n                      {description}\n                    </Text>\n                  ) : null}\n                </Box>\n              </Box>\n              <Box marginLeft=\"auto\">{trailing}</Box>\n            </Box>\n          </>\n        )}\n      </StyledMenuItemContainer>\n    </BaseMenuItemContext.Provider>\n  );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","disabled","normal","menuItemDescriptionColor","itemFirstRowHeight","makeSize","size","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","_objectSpread","type","makeAccessible","current","undefined","selected","_Fragment","_jsxs","Box","display","alignItems","width","justifyContent","height","paddingLeft","paddingRight","flexDirection","Text","truncateAfterLines","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { Box } from '~components/Box';\nimport { getTextProps, Text } from '~components/Typography';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst menuItemTitleColor = {\n  negative: {\n    default: 'feedback.text.negative.intense',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n  default: 'interactive.text.gray.muted',\n  disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\nconst itemFirstRowHeight = makeSize(size[20]);\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n  {\n    title,\n    description,\n    as,\n    leading,\n    trailing,\n    titleSuffix,\n    isDisabled,\n    selectionType = 'single',\n    isSelected,\n    isVisible = true,\n    color,\n    role = 'menuitem',\n    children,\n    ...props\n  },\n  ref,\n): React.ReactElement => {\n  const { containerRef, textRef } = useTruncationTitle({ content: title });\n  return (\n    <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n      <StyledMenuItemContainer\n        ref={ref as never}\n        as={as}\n        type=\"button\"\n        disabled={isDisabled}\n        {...makeAccessible({\n          role,\n          current: role === 'menuitem' || role === 'menuitemcheckbox' ? isSelected : undefined,\n          disabled: isDisabled,\n          selected: isSelected,\n        })}\n        color={color}\n        isVisible={isVisible}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        selectionType={selectionType}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"center\">\n            <Box\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              height={itemFirstRowHeight}\n            >\n              {leading}\n            </Box>\n            <Box\n              paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n              paddingRight=\"spacing.3\"\n              display=\"flex\"\n              flexDirection=\"column\"\n            >\n              <Box\n                display=\"flex\"\n                alignItems=\"center\"\n                flexDirection=\"row\"\n                height={itemFirstRowHeight}\n                ref={containerRef as never}\n              >\n                <BaseText\n                  as=\"p\"\n                  ref={textRef as never}\n                  truncateAfterLines={1}\n                  wordBreak=\"break-all\"\n                  {...getTextProps({\n                    size: 'medium',\n                    color:\n                      menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n                        isDisabled ? 'disabled' : 'default'\n                      ],\n                    weight: 'regular',\n                  })}\n                >\n                  {title}\n                </BaseText>\n                {titleSuffix}\n              </Box>\n              <Box>\n                {description ? (\n                  <Text\n                    color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n                    size=\"small\"\n                  >\n                    {description}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            <Box marginLeft=\"auto\">{trailing}</Box>\n          </Box>\n        )}\n      </StyledMenuItemContainer>\n    </BaseMenuItemContext.Provider>\n  );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","disabled","normal","menuItemDescriptionColor","itemFirstRowHeight","makeSize","size","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","_objectSpread","type","makeAccessible","current","undefined","selected","_jsxs","Box","display","alignItems","width","justifyContent","height","paddingLeft","paddingRight","flexDirection","BaseText","truncateAfterLines","wordBreak","getTextProps","weight","Text","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/Typography/BaseText/BaseText.web.js

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
+import React__default from 'react';
 import styled from 'styled-components';
 import getBaseTextStyles from './getBaseTextStyles.js';
 import '../../../utils/metaAttribute/index.js';
@@ -52,7 +52,7 @@ var StyledBaseText = /*#__PURE__*/styled.div.withConfig({
     theme: props.theme
   })), styledPropsCSSObject);
 });
-var BaseText = function BaseText(_ref2) {
+var _BaseText = function _BaseText(_ref2, ref) {
   var id = _ref2.id,
     color = _ref2.color,
     fontFamily = _ref2.fontFamily,
@@ -76,7 +76,9 @@ var BaseText = function BaseText(_ref2) {
     componentName = _ref2$componentName === void 0 ? MetaConstants.BaseText : _ref2$componentName,
     testID = _ref2.testID,
     styledProps = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/jsx(StyledBaseText, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyledProps(styledProps)), {}, {
+  return /*#__PURE__*/jsx(StyledBaseText, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    ref: ref
+  }, getStyledProps(styledProps)), {}, {
     color: color,
     fontFamily: fontFamily,
     fontSize: fontSize,
@@ -100,6 +102,7 @@ var BaseText = function BaseText(_ref2) {
     children: children
   }));
 };
+var BaseText = /*#__PURE__*/React__default.forwardRef(_BaseText);
 
 export { BaseText };
 //# sourceMappingURL=BaseText.web.js.map

package/build/lib/web/development/components/Typography/BaseText/BaseText.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseText.web.js","sources":["../../../../../../../src/components/Typography/BaseText/BaseText.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport styled from 'styled-components';\nimport getBaseTextStyles from './getBaseTextStyles';\nimport type { BaseTextProps, StyledBaseTextProps } from './types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps, useStyledProps } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\n\nconst StyledBaseText = styled.div.withConfig({\n  shouldForwardProp: omitPropsFromHTML,\n  displayName: 'StyledBaseText',\n})<StyledBaseTextProps>(\n  ({\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    fontStyle,\n    textDecorationLine,\n    numberOfLines,\n    lineHeight,\n    letterSpacing,\n    textAlign,\n    wordBreak,\n    opacity,\n    ...props\n  }) => {\n    const styledPropsCSSObject = useStyledProps(props);\n    return {\n      ...getBaseTextStyles({\n        color,\n        fontFamily,\n        fontSize,\n        fontWeight,\n        fontStyle,\n        textDecorationLine,\n        numberOfLines,\n        lineHeight,\n        letterSpacing,\n        textAlign,\n        wordBreak,\n        opacity,\n        theme: props.theme,\n      }),\n      ...styledPropsCSSObject,\n    };\n  },\n);\n\nexport const BaseText = ({\n  id,\n  color,\n  fontFamily,\n  fontSize,\n  fontWeight,\n  fontStyle,\n  textDecorationLine,\n  lineHeight,\n  letterSpacing,\n  as,\n  textAlign,\n  children,\n  truncateAfterLines,\n  wordBreak,\n  opacity,\n  className,\n  style,\n  accessibilityProps = {},\n  componentName = MetaConstants.BaseText,\n  testID,\n  ...styledProps\n}: BaseTextProps): ReactElement => {\n  return (\n    <StyledBaseText\n      {...getStyledProps(styledProps)}\n      color={color}\n      fontFamily={fontFamily}\n      fontSize={fontSize}\n      fontWeight={fontWeight}\n      fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      lineHeight={lineHeight}\n      letterSpacing={letterSpacing}\n      as={as}\n      textAlign={textAlign}\n      numberOfLines={truncateAfterLines}\n      wordBreak={wordBreak}\n      opacity={opacity}\n      className={className}\n      style={style}\n      id={id}\n      {...makeAccessible(accessibilityProps)}\n      {...metaAttribute({ name: componentName, testID })}\n    >\n      {children}\n    </StyledBaseText>\n  );\n};\n"],"names":["StyledBaseText","styled","div","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","_ref","color","fontFamily","fontSize","fontWeight","fontStyle","textDecorationLine","numberOfLines","lineHeight","letterSpacing","textAlign","wordBreak","opacity","props","_objectWithoutProperties","_excluded","styledPropsCSSObject","useStyledProps","_objectSpread","getBaseTextStyles","theme","BaseText","_ref2","id","as","children","truncateAfterLines","className","style","_ref2$accessibilityPr","accessibilityProps","_ref2$componentName","componentName","MetaConstants","testID","styledProps","_excluded2","_jsx","getStyledProps","makeAccessible","metaAttribute","name"],"mappings":"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"}
+{"version":3,"file":"BaseText.web.js","sources":["../../../../../../../src/components/Typography/BaseText/BaseText.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport styled from 'styled-components';\nimport getBaseTextStyles from './getBaseTextStyles';\nimport type { BaseTextProps, StyledBaseTextProps } from './types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps, useStyledProps } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledBaseText = styled.div.withConfig({\n  shouldForwardProp: omitPropsFromHTML,\n  displayName: 'StyledBaseText',\n})<StyledBaseTextProps>(\n  ({\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    fontStyle,\n    textDecorationLine,\n    numberOfLines,\n    lineHeight,\n    letterSpacing,\n    textAlign,\n    wordBreak,\n    opacity,\n    ...props\n  }) => {\n    const styledPropsCSSObject = useStyledProps(props);\n    return {\n      ...getBaseTextStyles({\n        color,\n        fontFamily,\n        fontSize,\n        fontWeight,\n        fontStyle,\n        textDecorationLine,\n        numberOfLines,\n        lineHeight,\n        letterSpacing,\n        textAlign,\n        wordBreak,\n        opacity,\n        theme: props.theme,\n      }),\n      ...styledPropsCSSObject,\n    };\n  },\n);\n\nconst _BaseText: React.ForwardRefRenderFunction<BladeElementRef, BaseTextProps> = (\n  {\n    id,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    fontStyle,\n    textDecorationLine,\n    lineHeight,\n    letterSpacing,\n    as,\n    textAlign,\n    children,\n    truncateAfterLines,\n    wordBreak,\n    opacity,\n    className,\n    style,\n    accessibilityProps = {},\n    componentName = MetaConstants.BaseText,\n    testID,\n    ...styledProps\n  },\n  ref,\n): ReactElement => {\n  return (\n    <StyledBaseText\n      ref={ref as never}\n      {...getStyledProps(styledProps)}\n      color={color}\n      fontFamily={fontFamily}\n      fontSize={fontSize}\n      fontWeight={fontWeight}\n      fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      lineHeight={lineHeight}\n      letterSpacing={letterSpacing}\n      as={as}\n      textAlign={textAlign}\n      numberOfLines={truncateAfterLines}\n      wordBreak={wordBreak}\n      opacity={opacity}\n      className={className}\n      style={style}\n      id={id}\n      {...makeAccessible(accessibilityProps)}\n      {...metaAttribute({ name: componentName, testID })}\n    >\n      {children}\n    </StyledBaseText>\n  );\n};\n\nconst BaseText = React.forwardRef(_BaseText);\nexport { BaseText };\n"],"names":["StyledBaseText","styled","div","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","_ref","color","fontFamily","fontSize","fontWeight","fontStyle","textDecorationLine","numberOfLines","lineHeight","letterSpacing","textAlign","wordBreak","opacity","props","_objectWithoutProperties","_excluded","styledPropsCSSObject","useStyledProps","_objectSpread","getBaseTextStyles","theme","_BaseText","_ref2","ref","id","as","children","truncateAfterLines","className","style","_ref2$accessibilityPr","accessibilityProps","_ref2$componentName","componentName","MetaConstants","BaseText","testID","styledProps","_excluded2","_jsx","getStyledProps","makeAccessible","metaAttribute","name","React","forwardRef"],"mappings":"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"}

package/build/lib/web/development/utils/useTruncationTitle/index.js

@@ -0,0 +1,2 @@
+export { useTruncationTitle } from './useTruncationTitle.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/utils/useTruncationTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/development/utils/useTruncationTitle/useTruncationTitle.web.js

@@ -0,0 +1,37 @@
+import React__default from 'react';
+
+/**
+ *  Utility function that takes checks if text is truncated and adds `htmlTitle` with full text
+ *
+ * ## Usage
+ *
+ * ```tsx
+ * const { containerRef, textRef } = useTruncationTitle({ content: 'saurabhdaware99@gmail.com' });
+ *
+ * <Box ref={containerRef}>
+ *    <BaseText ref={textRef} truncateAfterLines={1}>
+ *      saurabhdaware99@gmail.com
+ *    </BaseText>
+ * </Box>
+ * ```
+ */
+var useTruncationTitle = function useTruncationTitle(_ref) {
+  var content = _ref.content;
+  var containerRef = React__default.useRef(null);
+  var textRef = React__default.useRef(null);
+  React__default.useEffect(function () {
+    if (!textRef.current || !containerRef.current) {
+      return;
+    }
+    if (textRef.current.scrollHeight > containerRef.current.clientHeight && content) {
+      textRef.current.setAttribute('title', content);
+    }
+  }, [content]);
+  return {
+    containerRef: containerRef,
+    textRef: textRef
+  };
+};
+
+export { useTruncationTitle };
+//# sourceMappingURL=useTruncationTitle.web.js.map

package/build/lib/web/development/utils/useTruncationTitle/useTruncationTitle.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTruncationTitle.web.js","sources":["../../../../../../src/utils/useTruncationTitle/useTruncationTitle.web.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n *  Utility function that takes checks if text is truncated and adds `htmlTitle` with full text\n *\n * ## Usage\n *\n * ```tsx\n * const { containerRef, textRef } = useTruncationTitle({ content: 'saurabhdaware99@gmail.com' });\n *\n * <Box ref={containerRef}>\n *    <BaseText ref={textRef} truncateAfterLines={1}>\n *      saurabhdaware99@gmail.com\n *    </BaseText>\n * </Box>\n * ```\n */\nconst useTruncationTitle = ({\n  content,\n}: {\n  /**\n   * content that you want to set as htmlTitle\n   */\n  content?: string;\n}): {\n  containerRef: React.RefObject<HTMLDivElement>;\n  textRef: React.RefObject<HTMLParagraphElement>;\n} => {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const textRef = React.useRef<HTMLParagraphElement>(null);\n\n  React.useEffect(() => {\n    if (!textRef.current || !containerRef.current) {\n      return;\n    }\n\n    if (textRef.current.scrollHeight > containerRef.current.clientHeight && content) {\n      textRef.current.setAttribute('title', content);\n    }\n  }, [content]);\n\n  return {\n    containerRef,\n    textRef,\n  };\n};\n\nexport { useTruncationTitle };\n"],"names":["useTruncationTitle","_ref","content","containerRef","React","useRef","textRef","useEffect","current","scrollHeight","clientHeight","setAttribute"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAUnB;AAAA,EAAA,IATHC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAA;AAUP,EAAA,IAAMC,YAAY,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AACvD,EAAA,IAAMC,OAAO,GAAGF,cAAK,CAACC,MAAM,CAAuB,IAAI,CAAC,CAAA;EAExDD,cAAK,CAACG,SAAS,CAAC,YAAM;IACpB,IAAI,CAACD,OAAO,CAACE,OAAO,IAAI,CAACL,YAAY,CAACK,OAAO,EAAE;AAC7C,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAIF,OAAO,CAACE,OAAO,CAACC,YAAY,GAAGN,YAAY,CAACK,OAAO,CAACE,YAAY,IAAIR,OAAO,EAAE;MAC/EI,OAAO,CAACE,OAAO,CAACG,YAAY,CAAC,OAAO,EAAET,OAAO,CAAC,CAAA;AAChD,KAAA;AACF,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;EAEb,OAAO;AACLC,IAAAA,YAAY,EAAZA,YAAY;AACZG,IAAAA,OAAO,EAAPA,OAAAA;GACD,CAAA;AACH;;;;"}

package/build/lib/web/production/components/BaseMenu/BaseMenuItem/BaseMenuItem.js

@@ -8,12 +8,16 @@ import '../../Typography/index.js';
 import '../../../tokens/global/index.js';
 import '../../../utils/index.js';
 import '../../../utils/makeAccessible/index.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '../../Typography/BaseText/index.js';
+import '../../../utils/useTruncationTitle/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { size } from '../../../tokens/global/size.js';
+import { useTruncationTitle } from '../../../utils/useTruncationTitle/useTruncationTitle.web.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
 import { Box } from '../../Box/Box.js';
-import { Text } from '../../Typography/Text/Text.js';
+import { BaseText } from '../../Typography/BaseText/BaseText.web.js';
+import { getTextProps, Text } from '../../Typography/Text/Text.js';
 
 var _excluded = ["title", "description", "as", "leading", "trailing", "titleSuffix", "isDisabled", "selectionType", "isSelected", "isVisible", "color", "role", "children"];
 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; }
@@ -53,6 +57,11 @@ var _BaseMenuItem = function _BaseMenuItem(_ref, ref) {
     role = _ref$role === void 0 ? 'menuitem' : _ref$role,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useTruncationTitle = useTruncationTitle({
+      content: title
+    }),
+    containerRef = _useTruncationTitle.containerRef,
+    textRef = _useTruncationTitle.textRef;
   return /*#__PURE__*/jsx(BaseMenuItemContext.Provider, {
     value: {
       color: color,
@@ -75,45 +84,51 @@ var _BaseMenuItem = function _BaseMenuItem(_ref, ref) {
       isDisabled: isDisabled,
       selectionType: selectionType
     }, props), {}, {
-      children: children ? children : /*#__PURE__*/jsx(Fragment, {
-        children: /*#__PURE__*/jsxs(Box, {
+      children: children ? children : /*#__PURE__*/jsxs(Box, {
+        display: "flex",
+        alignItems: "flex-start",
+        width: "100%",
+        justifyContent: "center",
+        children: [/*#__PURE__*/jsx(Box, {
           display: "flex",
-          alignItems: "flex-start",
-          width: "100%",
           justifyContent: "center",
-          children: [/*#__PURE__*/jsx(Box, {
+          alignItems: "center",
+          height: itemFirstRowHeight,
+          children: leading
+        }), /*#__PURE__*/jsxs(Box, {
+          paddingLeft: leading ? 'spacing.3' : 'spacing.0',
+          paddingRight: "spacing.3",
+          display: "flex",
+          flexDirection: "column",
+          children: [/*#__PURE__*/jsxs(Box, {
             display: "flex",
-            justifyContent: "center",
             alignItems: "center",
+            flexDirection: "row",
             height: itemFirstRowHeight,
-            children: leading
-          }), /*#__PURE__*/jsxs(Box, {
-            paddingLeft: leading ? 'spacing.3' : 'spacing.0',
-            paddingRight: "spacing.3",
-            display: "flex",
-            flexDirection: "column",
-            children: [/*#__PURE__*/jsxs(Box, {
-              display: "flex",
-              alignItems: "center",
-              flexDirection: "row",
-              height: itemFirstRowHeight,
-              children: [/*#__PURE__*/jsx(Text, {
-                truncateAfterLines: 1,
-                color: menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][isDisabled ? 'disabled' : 'default'],
-                children: title
-              }), titleSuffix]
-            }), /*#__PURE__*/jsx(Box, {
-              children: description ? /*#__PURE__*/jsx(Text, {
-                color: menuItemDescriptionColor[isDisabled ? 'disabled' : 'default'],
-                size: "small",
-                children: description
-              }) : null
-            })]
+            ref: containerRef,
+            children: [/*#__PURE__*/jsx(BaseText, _objectSpread(_objectSpread({
+              as: "p",
+              ref: textRef,
+              truncateAfterLines: 1,
+              wordBreak: "break-all"
+            }, getTextProps({
+              size: 'medium',
+              color: menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][isDisabled ? 'disabled' : 'default'],
+              weight: 'regular'
+            })), {}, {
+              children: title
+            })), titleSuffix]
           }), /*#__PURE__*/jsx(Box, {
-            marginLeft: "auto",
-            children: trailing
+            children: description ? /*#__PURE__*/jsx(Text, {
+              color: menuItemDescriptionColor[isDisabled ? 'disabled' : 'default'],
+              size: "small",
+              children: description
+            }) : null
           })]
-        })
+        }), /*#__PURE__*/jsx(Box, {
+          marginLeft: "auto",
+          children: trailing
+        })]
       })
     }))
   });

package/build/lib/web/production/components/BaseMenu/BaseMenuItem/BaseMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\n\nconst menuItemTitleColor = {\n  negative: {\n    default: 'feedback.text.negative.intense',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n  default: 'interactive.text.gray.muted',\n  disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\nconst itemFirstRowHeight = makeSize(size[20]);\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n  {\n    title,\n    description,\n    as,\n    leading,\n    trailing,\n    titleSuffix,\n    isDisabled,\n    selectionType = 'single',\n    isSelected,\n    isVisible = true,\n    color,\n    role = 'menuitem',\n    children,\n    ...props\n  },\n  ref,\n): React.ReactElement => {\n  return (\n    <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n      <StyledMenuItemContainer\n        ref={ref as never}\n        as={as}\n        type=\"button\"\n        disabled={isDisabled}\n        {...makeAccessible({\n          role,\n          current: role === 'menuitem' || role === 'menuitemcheckbox' ? isSelected : undefined,\n          disabled: isDisabled,\n          selected: isSelected,\n        })}\n        color={color}\n        isVisible={isVisible}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        selectionType={selectionType}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <>\n            <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"center\">\n              <Box\n                display=\"flex\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                height={itemFirstRowHeight}\n              >\n                {leading}\n              </Box>\n              <Box\n                paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n                paddingRight=\"spacing.3\"\n                display=\"flex\"\n                flexDirection=\"column\"\n              >\n                <Box\n                  display=\"flex\"\n                  alignItems=\"center\"\n                  flexDirection=\"row\"\n                  height={itemFirstRowHeight}\n                >\n                  <Text\n                    truncateAfterLines={1}\n                    color={\n                      menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n                        isDisabled ? 'disabled' : 'default'\n                      ]\n                    }\n                  >\n                    {title}\n                  </Text>\n                  {titleSuffix}\n                </Box>\n                <Box>\n                  {description ? (\n                    <Text\n                      color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n                      size=\"small\"\n                    >\n                      {description}\n                    </Text>\n                  ) : null}\n                </Box>\n              </Box>\n              <Box marginLeft=\"auto\">{trailing}</Box>\n            </Box>\n          </>\n        )}\n      </StyledMenuItemContainer>\n    </BaseMenuItemContext.Provider>\n  );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","disabled","normal","menuItemDescriptionColor","itemFirstRowHeight","makeSize","size","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","_objectSpread","type","makeAccessible","current","undefined","selected","_Fragment","_jsxs","Box","display","alignItems","width","justifyContent","height","paddingLeft","paddingRight","flexDirection","Text","truncateAfterLines","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { Box } from '~components/Box';\nimport { getTextProps, Text } from '~components/Typography';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst menuItemTitleColor = {\n  negative: {\n    default: 'feedback.text.negative.intense',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n  default: 'interactive.text.gray.muted',\n  disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\nconst itemFirstRowHeight = makeSize(size[20]);\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n  {\n    title,\n    description,\n    as,\n    leading,\n    trailing,\n    titleSuffix,\n    isDisabled,\n    selectionType = 'single',\n    isSelected,\n    isVisible = true,\n    color,\n    role = 'menuitem',\n    children,\n    ...props\n  },\n  ref,\n): React.ReactElement => {\n  const { containerRef, textRef } = useTruncationTitle({ content: title });\n  return (\n    <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n      <StyledMenuItemContainer\n        ref={ref as never}\n        as={as}\n        type=\"button\"\n        disabled={isDisabled}\n        {...makeAccessible({\n          role,\n          current: role === 'menuitem' || role === 'menuitemcheckbox' ? isSelected : undefined,\n          disabled: isDisabled,\n          selected: isSelected,\n        })}\n        color={color}\n        isVisible={isVisible}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        selectionType={selectionType}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"center\">\n            <Box\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              height={itemFirstRowHeight}\n            >\n              {leading}\n            </Box>\n            <Box\n              paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n              paddingRight=\"spacing.3\"\n              display=\"flex\"\n              flexDirection=\"column\"\n            >\n              <Box\n                display=\"flex\"\n                alignItems=\"center\"\n                flexDirection=\"row\"\n                height={itemFirstRowHeight}\n                ref={containerRef as never}\n              >\n                <BaseText\n                  as=\"p\"\n                  ref={textRef as never}\n                  truncateAfterLines={1}\n                  wordBreak=\"break-all\"\n                  {...getTextProps({\n                    size: 'medium',\n                    color:\n                      menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n                        isDisabled ? 'disabled' : 'default'\n                      ],\n                    weight: 'regular',\n                  })}\n                >\n                  {title}\n                </BaseText>\n                {titleSuffix}\n              </Box>\n              <Box>\n                {description ? (\n                  <Text\n                    color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n                    size=\"small\"\n                  >\n                    {description}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            <Box marginLeft=\"auto\">{trailing}</Box>\n          </Box>\n        )}\n      </StyledMenuItemContainer>\n    </BaseMenuItemContext.Provider>\n  );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","disabled","normal","menuItemDescriptionColor","itemFirstRowHeight","makeSize","size","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","_objectSpread","type","makeAccessible","current","undefined","selected","_jsxs","Box","display","alignItems","width","justifyContent","height","paddingLeft","paddingRight","flexDirection","BaseText","truncateAfterLines","wordBreak","getTextProps","weight","Text","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Typography/BaseText/BaseText.web.js

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
+import React__default from 'react';
 import styled from 'styled-components';
 import getBaseTextStyles from './getBaseTextStyles.js';
 import '../../../utils/metaAttribute/index.js';
@@ -52,7 +52,7 @@ var StyledBaseText = /*#__PURE__*/styled.div.withConfig({
     theme: props.theme
   })), styledPropsCSSObject);
 });
-var BaseText = function BaseText(_ref2) {
+var _BaseText = function _BaseText(_ref2, ref) {
   var id = _ref2.id,
     color = _ref2.color,
     fontFamily = _ref2.fontFamily,
@@ -76,7 +76,9 @@ var BaseText = function BaseText(_ref2) {
     componentName = _ref2$componentName === void 0 ? MetaConstants.BaseText : _ref2$componentName,
     testID = _ref2.testID,
     styledProps = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/jsx(StyledBaseText, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyledProps(styledProps)), {}, {
+  return /*#__PURE__*/jsx(StyledBaseText, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    ref: ref
+  }, getStyledProps(styledProps)), {}, {
     color: color,
     fontFamily: fontFamily,
     fontSize: fontSize,
@@ -100,6 +102,7 @@ var BaseText = function BaseText(_ref2) {
     children: children
   }));
 };
+var BaseText = /*#__PURE__*/React__default.forwardRef(_BaseText);
 
 export { BaseText };
 //# sourceMappingURL=BaseText.web.js.map

package/build/lib/web/production/components/Typography/BaseText/BaseText.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseText.web.js","sources":["../../../../../../../src/components/Typography/BaseText/BaseText.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport styled from 'styled-components';\nimport getBaseTextStyles from './getBaseTextStyles';\nimport type { BaseTextProps, StyledBaseTextProps } from './types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps, useStyledProps } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\n\nconst StyledBaseText = styled.div.withConfig({\n  shouldForwardProp: omitPropsFromHTML,\n  displayName: 'StyledBaseText',\n})<StyledBaseTextProps>(\n  ({\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    fontStyle,\n    textDecorationLine,\n    numberOfLines,\n    lineHeight,\n    letterSpacing,\n    textAlign,\n    wordBreak,\n    opacity,\n    ...props\n  }) => {\n    const styledPropsCSSObject = useStyledProps(props);\n    return {\n      ...getBaseTextStyles({\n        color,\n        fontFamily,\n        fontSize,\n        fontWeight,\n        fontStyle,\n        textDecorationLine,\n        numberOfLines,\n        lineHeight,\n        letterSpacing,\n        textAlign,\n        wordBreak,\n        opacity,\n        theme: props.theme,\n      }),\n      ...styledPropsCSSObject,\n    };\n  },\n);\n\nexport const BaseText = ({\n  id,\n  color,\n  fontFamily,\n  fontSize,\n  fontWeight,\n  fontStyle,\n  textDecorationLine,\n  lineHeight,\n  letterSpacing,\n  as,\n  textAlign,\n  children,\n  truncateAfterLines,\n  wordBreak,\n  opacity,\n  className,\n  style,\n  accessibilityProps = {},\n  componentName = MetaConstants.BaseText,\n  testID,\n  ...styledProps\n}: BaseTextProps): ReactElement => {\n  return (\n    <StyledBaseText\n      {...getStyledProps(styledProps)}\n      color={color}\n      fontFamily={fontFamily}\n      fontSize={fontSize}\n      fontWeight={fontWeight}\n      fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      lineHeight={lineHeight}\n      letterSpacing={letterSpacing}\n      as={as}\n      textAlign={textAlign}\n      numberOfLines={truncateAfterLines}\n      wordBreak={wordBreak}\n      opacity={opacity}\n      className={className}\n      style={style}\n      id={id}\n      {...makeAccessible(accessibilityProps)}\n      {...metaAttribute({ name: componentName, testID })}\n    >\n      {children}\n    </StyledBaseText>\n  );\n};\n"],"names":["StyledBaseText","styled","div","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","_ref","color","fontFamily","fontSize","fontWeight","fontStyle","textDecorationLine","numberOfLines","lineHeight","letterSpacing","textAlign","wordBreak","opacity","props","_objectWithoutProperties","_excluded","styledPropsCSSObject","useStyledProps","_objectSpread","getBaseTextStyles","theme","BaseText","_ref2","id","as","children","truncateAfterLines","className","style","_ref2$accessibilityPr","accessibilityProps","_ref2$componentName","componentName","MetaConstants","testID","styledProps","_excluded2","_jsx","getStyledProps","makeAccessible","metaAttribute","name"],"mappings":"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"}
+{"version":3,"file":"BaseText.web.js","sources":["../../../../../../../src/components/Typography/BaseText/BaseText.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport styled from 'styled-components';\nimport getBaseTextStyles from './getBaseTextStyles';\nimport type { BaseTextProps, StyledBaseTextProps } from './types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps, useStyledProps } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledBaseText = styled.div.withConfig({\n  shouldForwardProp: omitPropsFromHTML,\n  displayName: 'StyledBaseText',\n})<StyledBaseTextProps>(\n  ({\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    fontStyle,\n    textDecorationLine,\n    numberOfLines,\n    lineHeight,\n    letterSpacing,\n    textAlign,\n    wordBreak,\n    opacity,\n    ...props\n  }) => {\n    const styledPropsCSSObject = useStyledProps(props);\n    return {\n      ...getBaseTextStyles({\n        color,\n        fontFamily,\n        fontSize,\n        fontWeight,\n        fontStyle,\n        textDecorationLine,\n        numberOfLines,\n        lineHeight,\n        letterSpacing,\n        textAlign,\n        wordBreak,\n        opacity,\n        theme: props.theme,\n      }),\n      ...styledPropsCSSObject,\n    };\n  },\n);\n\nconst _BaseText: React.ForwardRefRenderFunction<BladeElementRef, BaseTextProps> = (\n  {\n    id,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    fontStyle,\n    textDecorationLine,\n    lineHeight,\n    letterSpacing,\n    as,\n    textAlign,\n    children,\n    truncateAfterLines,\n    wordBreak,\n    opacity,\n    className,\n    style,\n    accessibilityProps = {},\n    componentName = MetaConstants.BaseText,\n    testID,\n    ...styledProps\n  },\n  ref,\n): ReactElement => {\n  return (\n    <StyledBaseText\n      ref={ref as never}\n      {...getStyledProps(styledProps)}\n      color={color}\n      fontFamily={fontFamily}\n      fontSize={fontSize}\n      fontWeight={fontWeight}\n      fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      lineHeight={lineHeight}\n      letterSpacing={letterSpacing}\n      as={as}\n      textAlign={textAlign}\n      numberOfLines={truncateAfterLines}\n      wordBreak={wordBreak}\n      opacity={opacity}\n      className={className}\n      style={style}\n      id={id}\n      {...makeAccessible(accessibilityProps)}\n      {...metaAttribute({ name: componentName, testID })}\n    >\n      {children}\n    </StyledBaseText>\n  );\n};\n\nconst BaseText = React.forwardRef(_BaseText);\nexport { BaseText };\n"],"names":["StyledBaseText","styled","div","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","_ref","color","fontFamily","fontSize","fontWeight","fontStyle","textDecorationLine","numberOfLines","lineHeight","letterSpacing","textAlign","wordBreak","opacity","props","_objectWithoutProperties","_excluded","styledPropsCSSObject","useStyledProps","_objectSpread","getBaseTextStyles","theme","_BaseText","_ref2","ref","id","as","children","truncateAfterLines","className","style","_ref2$accessibilityPr","accessibilityProps","_ref2$componentName","componentName","MetaConstants","BaseText","testID","styledProps","_excluded2","_jsx","getStyledProps","makeAccessible","metaAttribute","name","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/utils/useTruncationTitle/index.js

@@ -0,0 +1,2 @@
+export { useTruncationTitle } from './useTruncationTitle.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/utils/useTruncationTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/production/utils/useTruncationTitle/useTruncationTitle.web.js

@@ -0,0 +1,37 @@
+import React__default from 'react';
+
+/**
+ *  Utility function that takes checks if text is truncated and adds `htmlTitle` with full text
+ *
+ * ## Usage
+ *
+ * ```tsx
+ * const { containerRef, textRef } = useTruncationTitle({ content: 'saurabhdaware99@gmail.com' });
+ *
+ * <Box ref={containerRef}>
+ *    <BaseText ref={textRef} truncateAfterLines={1}>
+ *      saurabhdaware99@gmail.com
+ *    </BaseText>
+ * </Box>
+ * ```
+ */
+var useTruncationTitle = function useTruncationTitle(_ref) {
+  var content = _ref.content;
+  var containerRef = React__default.useRef(null);
+  var textRef = React__default.useRef(null);
+  React__default.useEffect(function () {
+    if (!textRef.current || !containerRef.current) {
+      return;
+    }
+    if (textRef.current.scrollHeight > containerRef.current.clientHeight && content) {
+      textRef.current.setAttribute('title', content);
+    }
+  }, [content]);
+  return {
+    containerRef: containerRef,
+    textRef: textRef
+  };
+};
+
+export { useTruncationTitle };
+//# sourceMappingURL=useTruncationTitle.web.js.map

package/build/lib/web/production/utils/useTruncationTitle/useTruncationTitle.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTruncationTitle.web.js","sources":["../../../../../../src/utils/useTruncationTitle/useTruncationTitle.web.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n *  Utility function that takes checks if text is truncated and adds `htmlTitle` with full text\n *\n * ## Usage\n *\n * ```tsx\n * const { containerRef, textRef } = useTruncationTitle({ content: 'saurabhdaware99@gmail.com' });\n *\n * <Box ref={containerRef}>\n *    <BaseText ref={textRef} truncateAfterLines={1}>\n *      saurabhdaware99@gmail.com\n *    </BaseText>\n * </Box>\n * ```\n */\nconst useTruncationTitle = ({\n  content,\n}: {\n  /**\n   * content that you want to set as htmlTitle\n   */\n  content?: string;\n}): {\n  containerRef: React.RefObject<HTMLDivElement>;\n  textRef: React.RefObject<HTMLParagraphElement>;\n} => {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const textRef = React.useRef<HTMLParagraphElement>(null);\n\n  React.useEffect(() => {\n    if (!textRef.current || !containerRef.current) {\n      return;\n    }\n\n    if (textRef.current.scrollHeight > containerRef.current.clientHeight && content) {\n      textRef.current.setAttribute('title', content);\n    }\n  }, [content]);\n\n  return {\n    containerRef,\n    textRef,\n  };\n};\n\nexport { useTruncationTitle };\n"],"names":["useTruncationTitle","_ref","content","containerRef","React","useRef","textRef","useEffect","current","scrollHeight","clientHeight","setAttribute"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAUnB;AAAA,EAAA,IATHC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAA;AAUP,EAAA,IAAMC,YAAY,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AACvD,EAAA,IAAMC,OAAO,GAAGF,cAAK,CAACC,MAAM,CAAuB,IAAI,CAAC,CAAA;EAExDD,cAAK,CAACG,SAAS,CAAC,YAAM;IACpB,IAAI,CAACD,OAAO,CAACE,OAAO,IAAI,CAACL,YAAY,CAACK,OAAO,EAAE;AAC7C,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAIF,OAAO,CAACE,OAAO,CAACC,YAAY,GAAGN,YAAY,CAACK,OAAO,CAACE,YAAY,IAAIR,OAAO,EAAE;MAC/EI,OAAO,CAACE,OAAO,CAACG,YAAY,CAAC,OAAO,EAAET,OAAO,CAAC,CAAA;AAChD,KAAA;AACF,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;EAEb,OAAO;AACLC,IAAAA,YAAY,EAAZA,YAAY;AACZG,IAAAA,OAAO,EAAPA,OAAAA;GACD,CAAA;AACH;;;;"}

package/package.json

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