@razorpay/blade 12.67.0 → 12.89.0

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

@@ -445,12 +445,13 @@ import 'react-native';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
 import { castNativeType, castWebType } from '../../utils/platform/castUtils.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import useTheme from '../BladeProvider/useTheme.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import { IconButton } from '../Button/IconButton/IconButton.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import '../Typography/Heading/Heading.js';
@@ -468,7 +469,7 @@ import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { MAKE_ANALYTICS_CONSTANTS } from '../../utils/makeAnalyticsAttribute/makeAnalyticsConstants.js';
 
-var _excluded=["description","title","isDismissible","onDismiss","emphasis","isFullWidth","color","actions","testID","icon"];var isReactNative=getPlatformType()==='react-native';var CloseButtonWrapper=isReactNative?BaseBox:Fragment;var intentIconMap={positive:CheckCircleIcon,negative:AlertOctagonIcon,information:InfoIcon,neutral:InfoIcon,notice:AlertTriangleIcon};var _Alert=function _Alert(_ref,ref){var description=_ref.description,title=_ref.title,_ref$isDismissible=_ref.isDismissible,isDismissible=_ref$isDismissible===void 0?true:_ref$isDismissible,onDismiss=_ref.onDismiss,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis,_ref$isFullWidth=_ref.isFullWidth,isFullWidth=_ref$isFullWidth===void 0?false:_ref$isFullWidth,_ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,actions=_ref.actions,testID=_ref.testID,icon=_ref.icon,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var _useState=useState(true),_useState2=_slicedToArray(_useState,2),isVisible=_useState2[0],setIsVisible=_useState2[1];var isDesktop=matchedDeviceType==='desktop';var isMobile=!isDesktop;var Icon=icon!=null?icon:intentIconMap[color];var iconOffset='spacing.1';if(isReactNative){if(isFullWidth&&!title){iconOffset='spacing.1';}else if(!isFullWidth&&!title){iconOffset='spacing.0';}else if(!isFullWidth&&title){iconOffset='spacing.2';}}else if(isMobile){if(!isFullWidth&&title){iconOffset='spacing.2';}else if(isFullWidth&&!title){iconOffset='spacing.2';}}else if(isFullWidth){iconOffset='spacing.1';}var shouldCenterAlign=isFullWidth&&!title;var alignment='flex-start';if(!isFullWidth)alignment='flex-start';if(shouldCenterAlign)alignment='center';var leadingIcon=jsx(BaseBox,{display:"flex",alignSelf:alignment,marginTop:iconOffset,children:jsx(Icon,{color:emphasis==='intense'?'surface.icon.staticWhite.normal':`feedback.icon.${color}.${emphasis==='subtle'?'intense':'subtle'}`,size:"medium"})});var textColor=emphasis==='intense'?'surface.text.staticWhite.normal':'surface.text.gray.subtle';var _title=title?jsx(BaseBox,{marginBottom:"spacing.2",children:jsx(Text,{color:textColor,size:"medium",weight:"semibold",children:title})}):null;var _description=jsx(BaseBox,{marginTop:title||isReactNative?'spacing.0':'spacing.1',children:jsx(Text,{color:textColor,size:"small",children:description})});var primaryAction=actions!=null&&actions.primary?jsx(BaseBox,{marginRight:"spacing.5",display:isReactNative?castNativeType('flex'):castWebType('inline-flex'),children:jsx(BaseButton,{size:"small",onClick:actions.primary.onClick,color:emphasis==='intense'?'white':color,variant:"secondary","data-analytics-name":MAKE_ANALYTICS_CONSTANTS.ALERT.PRIMARY_ACTION_BUTTON,children:actions.primary.text})}):null;var secondaryActionParams=actions!=null&&actions.secondary?{onClick:actions.secondary.onClick}:null;if(actions!=null&&actions.secondary&&secondaryActionParams&&'href'in actions.secondary){secondaryActionParams.href=actions.secondary.href;secondaryActionParams.target=actions.secondary.target;secondaryActionParams.rel=actions.secondary.rel;}var secondaryAction=actions!=null&&actions.secondary?jsx(BaseBox,{marginRight:"spacing.4",display:isReactNative?'flex':'inline-flex',children:jsx(BaseLink,Object.assign({size:"small",color:emphasis==='intense'?'white':color},secondaryActionParams,{children:actions.secondary.text}))}):null;var showActionsHorizontal=isFullWidth&&isDesktop;var actionsHorizontal=showActionsHorizontal&&(primaryAction||secondaryAction)?jsxs(BaseBox,{flexDirection:"row",alignItems:"center",children:[primaryAction,secondaryAction]}):null;var actionsVertical=!showActionsHorizontal&&(primaryAction||secondaryAction)?jsxs(BaseBox,{marginTop:"spacing.4",flexDirection:"row",alignItems:"center",children:[primaryAction,secondaryAction]}):null;var onClickDismiss=function onClickDismiss(){if(onDismiss){onDismiss();}setIsVisible(false);};var closeButton=isDismissible?jsx(CloseButtonWrapper,{children:jsx(IconButton,{accessibilityLabel:"Dismiss alert",onClick:onClickDismiss,emphasis:emphasis==='intense'?'subtle':'intense',size:"large",icon:CloseIcon})}):null;var a11yProps=makeAccessible(Object.assign({role:isReactNative||color==='negative'||color==='notice'?'alert':'status'},color==='notice'&&{liveRegion:'polite'}));if(!isVisible){return null;}return jsx(BaseBox,Object.assign({ref:ref},a11yProps,metaAttribute({name:MetaConstants.Alert,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(StyledAlert,{color:color,emphasis:emphasis,isFullWidth:isFullWidth,isDesktop:isDesktop,textAlign:'left',children:[leadingIcon,jsxs(BaseBox,{flex:1,paddingLeft:isFullWidth?'spacing.4':'spacing.3',paddingRight:showActionsHorizontal?'spacing.4':'spacing.2',children:[_title,_description,actionsVertical]}),actionsHorizontal,closeButton]})}));};var Alert=forwardRef(_Alert);
+var _excluded=["description","title","isDismissible","onDismiss","emphasis","isFullWidth","color","actions","testID","icon"];var isReactNative=getPlatformType()==='react-native';var CloseButtonWrapper=isReactNative?BaseBox:Fragment;var intentIconMap={positive:CheckCircleIcon,negative:AlertOctagonIcon,information:InfoIcon,neutral:InfoIcon,notice:AlertTriangleIcon};var _Alert=function _Alert(_ref,ref){var description=_ref.description,title=_ref.title,_ref$isDismissible=_ref.isDismissible,isDismissible=_ref$isDismissible===void 0?true:_ref$isDismissible,onDismiss=_ref.onDismiss,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis,_ref$isFullWidth=_ref.isFullWidth,isFullWidth=_ref$isFullWidth===void 0?false:_ref$isFullWidth,_ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,actions=_ref.actions,testID=_ref.testID,icon=_ref.icon,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var _useState=useState(true),_useState2=_slicedToArray(_useState,2),isVisible=_useState2[0],setIsVisible=_useState2[1];var isDesktop=matchedDeviceType==='desktop';var isMobile=!isDesktop;var isDescriptionOnly=!title&&!(actions!=null&&actions.primary)&&!(actions!=null&&actions.secondary);var Icon=icon!=null?icon:intentIconMap[color];var iconOffset='spacing.1';if(isReactNative){if(isFullWidth&&!title){iconOffset='spacing.1';}else if(!isFullWidth&&!title){iconOffset='spacing.0';}else if(!isFullWidth&&title){iconOffset='spacing.2';}}else if(isMobile){if(!isFullWidth&&title){iconOffset='spacing.2';}else if(isFullWidth&&!title){iconOffset='spacing.2';}}else if(isFullWidth){iconOffset='spacing.1';}var shouldCenterAlign=isFullWidth&&!title;var alignment='flex-start';if(!isFullWidth)alignment='flex-start';if(shouldCenterAlign)alignment='center';if(isDescriptionOnly){alignment='center';iconOffset=makeSize(1);}var leadingIcon=jsx(BaseBox,{display:"flex",alignSelf:alignment,marginTop:iconOffset,children:jsx(Icon,{color:emphasis==='intense'?'surface.icon.staticWhite.normal':`feedback.icon.${color}.${emphasis==='subtle'?'intense':'subtle'}`,size:"medium"})});var textColor=emphasis==='intense'?'surface.text.staticWhite.normal':'surface.text.gray.normal';var _title=title?jsx(BaseBox,{marginBottom:"spacing.2",children:jsx(Text,{color:textColor,size:"medium",weight:"semibold",children:title})}):null;var descriptionTextColor=emphasis==='intense'?'surface.text.staticWhite.subtle':'surface.text.gray.subtle';var _description=jsx(BaseBox,{marginTop:title||isReactNative?'spacing.0':'spacing.1',children:jsx(Text,{color:descriptionTextColor,size:"small",children:description})});var primaryAction=actions!=null&&actions.primary?jsx(BaseBox,{marginRight:actions!=null&&actions.secondary||isDismissible?'spacing.5':'spacing.0',display:isReactNative?castNativeType('flex'):castWebType('inline-flex'),children:jsx(BaseButton,{size:"small",onClick:actions.primary.onClick,color:emphasis==='subtle'?'primary':'white',variant:emphasis==='subtle'?'secondary':'primary',"data-analytics-name":MAKE_ANALYTICS_CONSTANTS.ALERT.PRIMARY_ACTION_BUTTON,children:actions.primary.text})}):null;var secondaryActionParams=actions!=null&&actions.secondary?{onClick:actions.secondary.onClick}:null;if(actions!=null&&actions.secondary&&secondaryActionParams&&'href'in actions.secondary){secondaryActionParams.href=actions.secondary.href;secondaryActionParams.target=actions.secondary.target;secondaryActionParams.rel=actions.secondary.rel;}var secondaryAction=actions!=null&&actions.secondary?jsx(BaseBox,{marginRight:isDismissible?'spacing.4':'spacing.0',display:isReactNative?'flex':'inline-flex',children:jsx(BaseLink,Object.assign({size:"small",color:emphasis==='intense'?'white':'neutral'},secondaryActionParams,{children:actions.secondary.text}))}):null;var showActionsHorizontal=isFullWidth&&isDesktop;var actionsHorizontal=showActionsHorizontal&&(primaryAction||secondaryAction)?jsxs(BaseBox,{flexDirection:"row",alignItems:"center",children:[primaryAction,secondaryAction]}):null;var actionsVertical=!showActionsHorizontal&&(primaryAction||secondaryAction)?jsxs(BaseBox,{marginTop:"spacing.4",flexDirection:"row",alignItems:"center",children:[primaryAction,secondaryAction]}):null;var onClickDismiss=function onClickDismiss(){if(onDismiss){onDismiss();}setIsVisible(false);};var closeButton=isDismissible?jsx(CloseButtonWrapper,{children:jsx(IconButton,{accessibilityLabel:"Dismiss alert",onClick:onClickDismiss,emphasis:emphasis==='intense'?'subtle':'intense',size:"medium",icon:CloseIcon,marginTop:isDescriptionOnly?makeSize(2):'spacing.0'})}):null;var a11yProps=makeAccessible(Object.assign({role:isReactNative||color==='negative'||color==='notice'?'alert':'status'},color==='notice'&&{liveRegion:'polite'}));if(!isVisible){return null;}return jsx(BaseBox,Object.assign({ref:ref},a11yProps,metaAttribute({name:MetaConstants.Alert,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(StyledAlert,{color:color,emphasis:emphasis,isFullWidth:isFullWidth,isDesktop:isDesktop,textAlign:'left',children:[leadingIcon,jsxs(BaseBox,{flex:1,paddingLeft:"spacing.3",paddingRight:showActionsHorizontal?'spacing.4':'spacing.2',children:[_title,_description,actionsVertical]}),actionsHorizontal,closeButton]})}));};var Alert=forwardRef(_Alert);
 
 export { Alert };
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ReactChild, ReactElement } from 'react';\nimport React, { Fragment, useState, forwardRef } from 'react';\n\nimport { StyledAlert } from './StyledAlert';\nimport type { IconComponent } from '~components/Icons';\nimport {\n  AlertOctagonIcon,\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoIcon,\n} from '~components/Icons';\nimport { castNativeType, castWebType, useBreakpoint, getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport BaseButton from '~components/Button/BaseButton';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { useTheme } from '~components/BladeProvider';\nimport type {\n  DataAnalyticsAttribute,\n  BladeElementRef,\n  DotNotationSpacingStringToken,\n  TestID,\n} from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { MAKE_ANALYTICS_CONSTANTS, makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype PrimaryAction = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionButton = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionLinkButton = {\n  text: string;\n  href: string;\n  onClick?: () => void;\n  target?: string;\n  /**\n   * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`\n   */\n  rel?: string;\n};\n\ntype SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;\n\ntype AlertProps = {\n  /**\n   * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.\n   */\n  description: ReactChild;\n\n  /**\n   * A brief heading\n   */\n  title?: string;\n\n  /**\n   * Shows a dismiss button\n   *\n   * @default true\n   */\n  isDismissible?: boolean;\n\n  /**\n   * A callback when the dismiss button is clicked\n   */\n  onDismiss?: () => void;\n\n  /**\n   * Can be used to render custom icon\n   */\n  icon?: IconComponent;\n\n  /**\n   * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.\n   *\n   * @default subtle\n   */\n  emphasis?: SubtleOrIntense;\n\n  /**\n   * Makes the Alert span the entire container width, instead of the default max width of `584px`.\n   * This also makes the alert borderless, useful for creating full bleed layouts.\n   *\n   * @default false\n   */\n  isFullWidth?: boolean;\n\n  /**\n   * Sets the color tone\n   */\n  color?: FeedbackColors;\n\n  /**\n   * Renders a primary action button and a secondary action link button\n   */\n  actions?: {\n    /**\n     * Renders a button (should **always** be present if `secondary` action is being used)\n     */\n    primary?: PrimaryAction;\n    /**\n     * Renders a Link button\n     */\n    secondary?: SecondaryAction;\n  };\n} & TestID &\n  StyledPropsBlade &\n  DataAnalyticsAttribute;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n// Need extra wrappers on React Native only for alignment\nconst CloseButtonWrapper = isReactNative ? BaseBox : Fragment;\n\nconst intentIconMap = {\n  positive: CheckCircleIcon,\n  negative: AlertOctagonIcon,\n  information: InfoIcon,\n  neutral: InfoIcon,\n  notice: AlertTriangleIcon,\n};\n\nconst _Alert = (\n  {\n    description,\n    title,\n    isDismissible = true,\n    onDismiss,\n    emphasis = 'subtle',\n    isFullWidth = false,\n    color = 'neutral',\n    actions,\n    testID,\n    icon,\n    ...rest\n  }: AlertProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement | null => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isVisible, setIsVisible] = useState(true);\n\n  const isDesktop = matchedDeviceType === 'desktop';\n  const isMobile = !isDesktop;\n\n  const Icon = icon ?? intentIconMap[color];\n  let iconOffset: DotNotationSpacingStringToken = 'spacing.1';\n\n  // certain special cases below needs special care for near perfect alignment\n  if (isReactNative) {\n    if (isFullWidth && !title) {\n      iconOffset = 'spacing.1';\n    } else if (!isFullWidth && !title) {\n      iconOffset = 'spacing.0';\n    } else if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isMobile) {\n    if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    } else if (isFullWidth && !title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isFullWidth) {\n    iconOffset = 'spacing.1';\n  }\n\n  const shouldCenterAlign = isFullWidth && !title;\n  let alignment: 'center' | 'flex-start' = 'flex-start';\n  if (!isFullWidth) alignment = 'flex-start';\n  if (shouldCenterAlign) alignment = 'center';\n\n  const leadingIcon = (\n    <BaseBox display=\"flex\" alignSelf={alignment} marginTop={iconOffset}>\n      <Icon\n        color={\n          emphasis === 'intense'\n            ? 'surface.icon.staticWhite.normal'\n            : `feedback.icon.${color}.${emphasis === 'subtle' ? 'intense' : 'subtle'}`\n        }\n        size=\"medium\"\n      />\n    </BaseBox>\n  );\n\n  const textColor =\n    emphasis === 'intense' ? 'surface.text.staticWhite.normal' : 'surface.text.gray.subtle';\n  const _title = title ? (\n    <BaseBox marginBottom=\"spacing.2\">\n      <Text color={textColor} size=\"medium\" weight=\"semibold\">\n        {title}\n      </Text>\n    </BaseBox>\n  ) : null;\n\n  const _description = (\n    <BaseBox marginTop={title || isReactNative ? 'spacing.0' : 'spacing.1'}>\n      <Text color={textColor} size=\"small\">\n        {description}\n      </Text>\n    </BaseBox>\n  );\n\n  const primaryAction = actions?.primary ? (\n    <BaseBox\n      marginRight=\"spacing.5\"\n      display={isReactNative ? castNativeType('flex') : castWebType('inline-flex')}\n    >\n      <BaseButton\n        size=\"small\"\n        onClick={actions.primary.onClick}\n        color={emphasis === 'intense' ? 'white' : color}\n        variant=\"secondary\"\n        data-analytics-name={MAKE_ANALYTICS_CONSTANTS.ALERT.PRIMARY_ACTION_BUTTON}\n      >\n        {actions.primary.text}\n      </BaseButton>\n    </BaseBox>\n  ) : null;\n\n  const secondaryActionParams: Partial<SecondaryActionLinkButton> | null = actions?.secondary\n    ? {\n        onClick: actions.secondary.onClick,\n      }\n    : null;\n\n  /**\n   * TS assumes only common properties to be present for `SecondaryAction` union type\n   * We add a type guard that checks if href is present on secondary action:\n   * - If yes, then TS can assume it to be `SecondaryActionLinkButton` (href being a required property)\n   * - If no, then it would be `SecondaryActionButton` (and link properties wouldn't be needed)\n   */\n  if (actions?.secondary && secondaryActionParams && 'href' in actions.secondary) {\n    secondaryActionParams.href = actions.secondary.href;\n    secondaryActionParams.target = actions.secondary.target;\n    secondaryActionParams.rel = actions.secondary.rel;\n  }\n\n  const secondaryAction = actions?.secondary ? (\n    <BaseBox marginRight=\"spacing.4\" display={(isReactNative ? 'flex' : 'inline-flex') as never}>\n      <BaseLink\n        size=\"small\"\n        color={emphasis === 'intense' ? 'white' : color}\n        {...secondaryActionParams}\n      >\n        {actions.secondary.text}\n      </BaseLink>\n    </BaseBox>\n  ) : null;\n\n  // For certain cases we wish to render actions inline with text content\n  const showActionsHorizontal = isFullWidth && isDesktop;\n\n  const actionsHorizontal =\n    showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const actionsVertical =\n    !showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox marginTop=\"spacing.4\" flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const onClickDismiss = (): void => {\n    if (onDismiss) {\n      onDismiss();\n    }\n    setIsVisible(false);\n  };\n  const closeButton = isDismissible ? (\n    <CloseButtonWrapper>\n      <IconButton\n        accessibilityLabel=\"Dismiss alert\"\n        onClick={onClickDismiss}\n        emphasis={emphasis === 'intense' ? 'subtle' : 'intense'}\n        size=\"large\"\n        icon={CloseIcon}\n      />\n    </CloseButtonWrapper>\n  ) : null;\n\n  const a11yProps = makeAccessible({\n    // React Native doesn't has status as role\n    role: isReactNative || color === 'negative' || color === 'notice' ? 'alert' : 'status',\n    // override the implicit live region of role `alert`\n    ...(color === 'notice' && { liveRegion: 'polite' }),\n  });\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Alert, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <StyledAlert\n        color={color}\n        emphasis={emphasis}\n        isFullWidth={isFullWidth}\n        isDesktop={isDesktop}\n        textAlign={'left' as never}\n      >\n        {leadingIcon}\n        <BaseBox\n          flex={1}\n          paddingLeft={isFullWidth ? 'spacing.4' : 'spacing.3'}\n          paddingRight={showActionsHorizontal ? 'spacing.4' : 'spacing.2'}\n        >\n          {_title}\n          {_description}\n          {actionsVertical}\n        </BaseBox>\n        {actionsHorizontal}\n        {closeButton}\n      </StyledAlert>\n    </BaseBox>\n  );\n};\n\nconst Alert = forwardRef(_Alert);\n\nexport type { AlertProps };\nexport { Alert };\n"],"names":["isReactNative","getPlatformType","CloseButtonWrapper","BaseBox","Fragment","intentIconMap","positive","CheckCircleIcon","negative","AlertOctagonIcon","information","InfoIcon","neutral","notice","AlertTriangleIcon","_Alert","_ref","ref","description","title","_ref$isDismissible","isDismissible","onDismiss","_ref$emphasis","emphasis","_ref$isFullWidth","isFullWidth","_ref$color","color","actions","testID","icon","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_useState","useState","_useState2","_slicedToArray","isVisible","setIsVisible","isDesktop","isMobile","Icon","iconOffset","shouldCenterAlign","alignment","leadingIcon","_jsx","display","alignSelf","marginTop","children","size","textColor","_title","marginBottom","Text","weight","_description","primaryAction","primary","marginRight","castNativeType","castWebType","BaseButton","onClick","variant","MAKE_ANALYTICS_CONSTANTS","ALERT","PRIMARY_ACTION_BUTTON","text","secondaryActionParams","secondary","href","target","rel","secondaryAction","BaseLink","Object","assign","showActionsHorizontal","actionsHorizontal","_jsxs","flexDirection","alignItems","actionsVertical","onClickDismiss","closeButton","IconButton","accessibilityLabel","CloseIcon","a11yProps","makeAccessible","role","liveRegion","metaAttribute","name","MetaConstants","Alert","getStyledProps","makeAnalyticsAttribute","StyledAlert","textAlign","flex","paddingLeft","paddingRight","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ReactChild, ReactElement } from 'react';\nimport React, { Fragment, useState, forwardRef } from 'react';\n\nimport { StyledAlert } from './StyledAlert';\nimport type { IconComponent } from '~components/Icons';\nimport {\n  AlertOctagonIcon,\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoIcon,\n} from '~components/Icons';\nimport { castNativeType, castWebType, useBreakpoint, getPlatformType, makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport BaseButton from '~components/Button/BaseButton';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { useTheme } from '~components/BladeProvider';\nimport type {\n  DataAnalyticsAttribute,\n  BladeElementRef,\n  DotNotationSpacingStringToken,\n  TestID,\n} from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { MAKE_ANALYTICS_CONSTANTS, makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype PrimaryAction = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionButton = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionLinkButton = {\n  text: string;\n  href: string;\n  onClick?: () => void;\n  target?: string;\n  /**\n   * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`\n   */\n  rel?: string;\n};\n\ntype SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;\n\ntype AlertProps = {\n  /**\n   * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.\n   */\n  description: ReactChild;\n\n  /**\n   * A brief heading\n   */\n  title?: string;\n\n  /**\n   * Shows a dismiss button\n   *\n   * @default true\n   */\n  isDismissible?: boolean;\n\n  /**\n   * A callback when the dismiss button is clicked\n   */\n  onDismiss?: () => void;\n\n  /**\n   * Can be used to render custom icon\n   */\n  icon?: IconComponent;\n\n  /**\n   * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.\n   *\n   * @default subtle\n   */\n  emphasis?: SubtleOrIntense;\n\n  /**\n   * Makes the Alert span the entire container width, instead of the default max width of `584px`.\n   * This also makes the alert borderless, useful for creating full bleed layouts.\n   *\n   * @default false\n   */\n  isFullWidth?: boolean;\n\n  /**\n   * Sets the color tone\n   */\n  color?: FeedbackColors;\n\n  /**\n   * Renders a primary action button and a secondary action link button\n   */\n  actions?: {\n    /**\n     * Renders a button (should **always** be present if `secondary` action is being used)\n     */\n    primary?: PrimaryAction;\n    /**\n     * Renders a Link button\n     */\n    secondary?: SecondaryAction;\n  };\n} & TestID &\n  StyledPropsBlade &\n  DataAnalyticsAttribute;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n// Need extra wrappers on React Native only for alignment\nconst CloseButtonWrapper = isReactNative ? BaseBox : Fragment;\n\nconst intentIconMap = {\n  positive: CheckCircleIcon,\n  negative: AlertOctagonIcon,\n  information: InfoIcon,\n  neutral: InfoIcon,\n  notice: AlertTriangleIcon,\n};\n\nconst _Alert = (\n  {\n    description,\n    title,\n    isDismissible = true,\n    onDismiss,\n    emphasis = 'subtle',\n    isFullWidth = false,\n    color = 'neutral',\n    actions,\n    testID,\n    icon,\n    ...rest\n  }: AlertProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement | null => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isVisible, setIsVisible] = useState(true);\n\n  const isDesktop = matchedDeviceType === 'desktop';\n  const isMobile = !isDesktop;\n\n  const isDescriptionOnly = !title && !actions?.primary && !actions?.secondary;\n\n  const Icon = icon ?? intentIconMap[color];\n  let iconOffset: DotNotationSpacingStringToken | SpacingValueType = 'spacing.1';\n\n  // certain special cases below needs special care for near perfect alignment\n  if (isReactNative) {\n    if (isFullWidth && !title) {\n      iconOffset = 'spacing.1';\n    } else if (!isFullWidth && !title) {\n      iconOffset = 'spacing.0';\n    } else if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isMobile) {\n    if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    } else if (isFullWidth && !title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isFullWidth) {\n    iconOffset = 'spacing.1';\n  }\n\n  const shouldCenterAlign = isFullWidth && !title;\n  let alignment: 'center' | 'flex-start' = 'flex-start';\n  if (!isFullWidth) alignment = 'flex-start';\n  if (shouldCenterAlign) alignment = 'center';\n\n  if (isDescriptionOnly) {\n    alignment = 'center';\n    iconOffset = makeSize(1);\n  }\n\n  const leadingIcon = (\n    <BaseBox display=\"flex\" alignSelf={alignment} marginTop={iconOffset}>\n      <Icon\n        color={\n          emphasis === 'intense'\n            ? 'surface.icon.staticWhite.normal'\n            : `feedback.icon.${color}.${emphasis === 'subtle' ? 'intense' : 'subtle'}`\n        }\n        size=\"medium\"\n      />\n    </BaseBox>\n  );\n\n  const textColor =\n    emphasis === 'intense' ? 'surface.text.staticWhite.normal' : 'surface.text.gray.normal';\n  const _title = title ? (\n    <BaseBox marginBottom=\"spacing.2\">\n      <Text color={textColor} size=\"medium\" weight=\"semibold\">\n        {title}\n      </Text>\n    </BaseBox>\n  ) : null;\n\n  const descriptionTextColor =\n    emphasis === 'intense' ? 'surface.text.staticWhite.subtle' : 'surface.text.gray.subtle';\n\n  const _description = (\n    <BaseBox marginTop={title || isReactNative ? 'spacing.0' : 'spacing.1'}>\n      <Text color={descriptionTextColor} size=\"small\">\n        {description}\n      </Text>\n    </BaseBox>\n  );\n\n  const primaryAction = actions?.primary ? (\n    <BaseBox\n      marginRight={actions?.secondary || isDismissible ? 'spacing.5' : 'spacing.0'}\n      display={isReactNative ? castNativeType('flex') : castWebType('inline-flex')}\n    >\n      <BaseButton\n        size=\"small\"\n        onClick={actions.primary.onClick}\n        color={emphasis === 'subtle' ? 'primary' : 'white'}\n        variant={emphasis === 'subtle' ? 'secondary' : 'primary'}\n        data-analytics-name={MAKE_ANALYTICS_CONSTANTS.ALERT.PRIMARY_ACTION_BUTTON}\n      >\n        {actions.primary.text}\n      </BaseButton>\n    </BaseBox>\n  ) : null;\n\n  const secondaryActionParams: Partial<SecondaryActionLinkButton> | null = actions?.secondary\n    ? {\n        onClick: actions.secondary.onClick,\n      }\n    : null;\n\n  /**\n   * TS assumes only common properties to be present for `SecondaryAction` union type\n   * We add a type guard that checks if href is present on secondary action:\n   * - If yes, then TS can assume it to be `SecondaryActionLinkButton` (href being a required property)\n   * - If no, then it would be `SecondaryActionButton` (and link properties wouldn't be needed)\n   */\n  if (actions?.secondary && secondaryActionParams && 'href' in actions.secondary) {\n    secondaryActionParams.href = actions.secondary.href;\n    secondaryActionParams.target = actions.secondary.target;\n    secondaryActionParams.rel = actions.secondary.rel;\n  }\n\n  const secondaryAction = actions?.secondary ? (\n    <BaseBox\n      marginRight={isDismissible ? 'spacing.4' : 'spacing.0'}\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n    >\n      <BaseLink\n        size=\"small\"\n        color={emphasis === 'intense' ? 'white' : 'neutral'}\n        {...secondaryActionParams}\n      >\n        {actions.secondary.text}\n      </BaseLink>\n    </BaseBox>\n  ) : null;\n\n  // For certain cases we wish to render actions inline with text content\n  const showActionsHorizontal = isFullWidth && isDesktop;\n\n  const actionsHorizontal =\n    showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const actionsVertical =\n    !showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox marginTop=\"spacing.4\" flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const onClickDismiss = (): void => {\n    if (onDismiss) {\n      onDismiss();\n    }\n    setIsVisible(false);\n  };\n  const closeButton = isDismissible ? (\n    <CloseButtonWrapper>\n      <IconButton\n        accessibilityLabel=\"Dismiss alert\"\n        onClick={onClickDismiss}\n        emphasis={emphasis === 'intense' ? 'subtle' : 'intense'}\n        size=\"medium\"\n        icon={CloseIcon}\n        marginTop={isDescriptionOnly ? makeSize(2) : 'spacing.0'}\n      />\n    </CloseButtonWrapper>\n  ) : null;\n\n  const a11yProps = makeAccessible({\n    // React Native doesn't has status as role\n    role: isReactNative || color === 'negative' || color === 'notice' ? 'alert' : 'status',\n    // override the implicit live region of role `alert`\n    ...(color === 'notice' && { liveRegion: 'polite' }),\n  });\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Alert, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <StyledAlert\n        color={color}\n        emphasis={emphasis}\n        isFullWidth={isFullWidth}\n        isDesktop={isDesktop}\n        textAlign={'left' as never}\n      >\n        {leadingIcon}\n        <BaseBox\n          flex={1}\n          paddingLeft=\"spacing.3\"\n          paddingRight={showActionsHorizontal ? 'spacing.4' : 'spacing.2'}\n        >\n          {_title}\n          {_description}\n          {actionsVertical}\n        </BaseBox>\n        {actionsHorizontal}\n        {closeButton}\n      </StyledAlert>\n    </BaseBox>\n  );\n};\n\nconst Alert = forwardRef(_Alert);\n\nexport type { AlertProps };\nexport { Alert };\n"],"names":["isReactNative","getPlatformType","CloseButtonWrapper","BaseBox","Fragment","intentIconMap","positive","CheckCircleIcon","negative","AlertOctagonIcon","information","InfoIcon","neutral","notice","AlertTriangleIcon","_Alert","_ref","ref","description","title","_ref$isDismissible","isDismissible","onDismiss","_ref$emphasis","emphasis","_ref$isFullWidth","isFullWidth","_ref$color","color","actions","testID","icon","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_useState","useState","_useState2","_slicedToArray","isVisible","setIsVisible","isDesktop","isMobile","isDescriptionOnly","primary","secondary","Icon","iconOffset","shouldCenterAlign","alignment","makeSize","leadingIcon","_jsx","display","alignSelf","marginTop","children","size","textColor","_title","marginBottom","Text","weight","descriptionTextColor","_description","primaryAction","marginRight","castNativeType","castWebType","BaseButton","onClick","variant","MAKE_ANALYTICS_CONSTANTS","ALERT","PRIMARY_ACTION_BUTTON","text","secondaryActionParams","href","target","rel","secondaryAction","BaseLink","Object","assign","showActionsHorizontal","actionsHorizontal","_jsxs","flexDirection","alignItems","actionsVertical","onClickDismiss","closeButton","IconButton","accessibilityLabel","CloseIcon","a11yProps","makeAccessible","role","liveRegion","metaAttribute","name","MetaConstants","Alert","getStyledProps","makeAnalyticsAttribute","StyledAlert","textAlign","flex","paddingLeft","paddingRight","forwardRef"],"mappings":"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"}

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

@@ -1,19 +1,20 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { formatNumberByParts } from '@razorpay/i18nify-js/currency';
-import { subtleFontSizes, normalAmountSizes, amountLineHeights } from './amountTokens.js';
+import { normalAmountSizes, amountLineHeights, subtleFontSizes, currencyHardcodedSizes } from './amountTokens.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import 'react-native';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
+import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
 import '@babel/runtime/helpers/slicedToArray';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import '../BladeProvider/useTheme.js';
-import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
-import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { opacity } from '../../tokens/global/opacity.js';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { objectKeysWithType } from '../../utils/objectKeysWithType.js';
 import { BaseText } from '../Typography/BaseText/BaseText.native.js';
@@ -22,9 +23,13 @@ import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
 import '../Typography/Display/Display.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import 'styled-components/native';
+import '@gorhom/portal';
+import 'react-native-gesture-handler';
+import '../BottomSheet/BottomSheetStack.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["value","suffix","type","size","weight","isAffixSubtle","isStrikethrough","color","currencyIndicator","currency","fractionDigits","testID"];var stripTrailingZerosFromParts=function stripTrailingZerosFromParts(parts){var decimalPart=parts.rawParts.filter(function(_ref){var type=_ref.type;return type==='fraction';}).map(function(_ref2){var value=_ref2.value;return value;}).join('');var hasFraction=parts.rawParts.some(function(_ref3){var type=_ref3.type;return type==='fraction';});if(hasFraction&&/^0+$/.test(decimalPart)){delete parts.decimal;delete parts.fraction;parts.rawParts=parts.rawParts.filter(function(_ref4){var type=_ref4.type;return type!=='decimal'&&type!=='fraction';});}return parts;};var pollyfilledFormatNumberByParts=function pollyfilledFormatNumberByParts(value,options){var _options$intlOptions;var parts=formatNumberByParts(value,options);if((options==null?void 0:(_options$intlOptions=options.intlOptions)==null?void 0:_options$intlOptions.trailingZeroDisplay)==='stripIfInteger'){return stripTrailingZerosFromParts(parts);}return parts;};var getTextColorProps=function getTextColorProps(_ref5){var color=_ref5.color;var props={amountValueColor:'surface.text.gray.normal'};if(!color)return props;props.amountValueColor=color;return props;};var AmountValue=function AmountValue(_ref6){var amount=_ref6.amount,_ref6$size=_ref6.size,size=_ref6$size===void 0?'medium':_ref6$size,_ref6$type=_ref6.type,type=_ref6$type===void 0?'body':_ref6$type,_ref6$weight=_ref6.weight,weight=_ref6$weight===void 0?'regular':_ref6$weight,amountValueColor=_ref6.amountValueColor,isAffixSubtle=_ref6.isAffixSubtle,suffix=_ref6.suffix;var isReactNative=getPlatformType()==='react-native';var affixFontSize=isAffixSubtle?subtleFontSizes[type][size]:normalAmountSizes[type][size];var numberFontFamily=type==='body'?'text':'heading';if(suffix==='decimals'&&isAffixSubtle){var AmountWrapper=isReactNative?Text:React__default.Fragment;return jsxs(AmountWrapper,{children:[jsx(BaseText,{fontSize:normalAmountSizes[type][size],fontWeight:weight,lineHeight:amountLineHeights[type][size],color:amountValueColor,fontFamily:numberFontFamily,as:isReactNative?undefined:'span',children:amount.integer}),jsxs(BaseText,{fontWeight:weight,fontSize:affixFontSize,fontFamily:numberFontFamily,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[800]:1,children:[amount.decimal,amount.fraction]})]});}return jsxs(BaseText,{fontSize:normalAmountSizes[type][size],fontWeight:weight,fontFamily:numberFontFamily,color:amountValueColor,lineHeight:amountLineHeights[type][size],children:[amount.integer,amount.decimal,amount.fraction,amount.compact]});};var getAmountByParts=function getAmountByParts(_ref7){var suffix=_ref7.suffix,value=_ref7.value,currency=_ref7.currency,_ref7$fractionDigits=_ref7.fractionDigits,fractionDigits=_ref7$fractionDigits===void 0?2:_ref7$fractionDigits;try{switch(suffix){case'decimals':{var options={intlOptions:{maximumFractionDigits:fractionDigits,minimumFractionDigits:fractionDigits},currency:currency};return pollyfilledFormatNumberByParts(value,options);}case'humanize':{var _options={intlOptions:{notation:'compact',maximumFractionDigits:2,trailingZeroDisplay:'stripIfInteger'},currency:currency};return pollyfilledFormatNumberByParts(value,_options);}default:{var _options2={intlOptions:{maximumFractionDigits:0,roundingMode:'floor'},currency:currency};return pollyfilledFormatNumberByParts(value,_options2);}}}catch(err){return {integer:`${value}`,currency:currency};}};var _Amount=function _Amount(_ref8,ref){var _renderedValue$isPref,_renderedValue$curren;var value=_ref8.value,_ref8$suffix=_ref8.suffix,suffix=_ref8$suffix===void 0?'decimals':_ref8$suffix,_ref8$type=_ref8.type,type=_ref8$type===void 0?'body':_ref8$type,_ref8$size=_ref8.size,size=_ref8$size===void 0?'medium':_ref8$size,_ref8$weight=_ref8.weight,weight=_ref8$weight===void 0?'regular':_ref8$weight,_ref8$isAffixSubtle=_ref8.isAffixSubtle,isAffixSubtle=_ref8$isAffixSubtle===void 0?true:_ref8$isAffixSubtle,_ref8$isStrikethrough=_ref8.isStrikethrough,isStrikethrough=_ref8$isStrikethrough===void 0?false:_ref8$isStrikethrough,color=_ref8.color,_ref8$currencyIndicat=_ref8.currencyIndicator,currencyIndicator=_ref8$currencyIndicat===void 0?'currency-symbol':_ref8$currencyIndicat,_ref8$currency=_ref8.currency,currency=_ref8$currency===void 0?'INR':_ref8$currency,_ref8$fractionDigits=_ref8.fractionDigits,fractionDigits=_ref8$fractionDigits===void 0?2:_ref8$fractionDigits,testID=_ref8.testID,rest=_objectWithoutProperties(_ref8,_excluded);if(__DEV__){if(typeof value!=='number'){throwBladeError({message:'`value` prop must be of type `number` for Amount.',moduleName:'Amount'});}if(color==='neutral'){throwBladeError({message:'`neutral` color is not supported.',moduleName:'Amount'});}var bodySizes=objectKeysWithType(normalAmountSizes.body);if((type==='body'||!type)&&!bodySizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="body"`,moduleName:'Amount'});}var displaySizes=objectKeysWithType(normalAmountSizes.display);if(type==='display'&&!displaySizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="display"`,moduleName:'Amount'});}var headingSizes=objectKeysWithType(normalAmountSizes.heading);if(type==='heading'&&!headingSizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="heading"`,moduleName:'Amount'});}}var _getTextColorProps=getTextColorProps({color:color}),amountValueColor=_getTextColorProps.amountValueColor;var renderedValue=getAmountByParts({suffix:suffix,value:value,currency:currency,fractionDigits:fractionDigits});var isPrefixSymbol=(_renderedValue$isPref=renderedValue.isPrefixSymbol)!=null?_renderedValue$isPref:true;var currencySymbol=(_renderedValue$curren=renderedValue.currency)!=null?_renderedValue$curren:currency;var currencyPosition=isPrefixSymbol?'left':'right';var currencySymbolOrCode=currencyIndicator==='currency-symbol'?currencySymbol:currency;var currencyFontSize=isAffixSubtle?subtleFontSizes[type][size]:normalAmountSizes[type][size];var isReactNative=getPlatformType()==='react-native';return jsx(BaseBox,Object.assign({ref:ref,display:isReactNative?'flex':'inline-flex',flexDirection:"row"},metaAttribute({name:MetaConstants.Amount,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(BaseBox,{display:isReactNative?'flex':'inline-flex',alignItems:"baseline",flexDirection:"row",position:"relative",children:[renderedValue.minusSign?jsx(BaseText,{fontSize:normalAmountSizes[type][size],fontWeight:weight,lineHeight:amountLineHeights[type][size],color:amountValueColor,as:isReactNative?undefined:'span',marginX:"spacing.2",children:renderedValue.minusSign}):null,currencyPosition==='left'&&jsx(BaseText,{marginRight:"spacing.1",fontWeight:weight,fontSize:currencyFontSize,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[800]:1,children:currencySymbolOrCode}),jsx(AmountValue,{amount:renderedValue,amountValueColor:amountValueColor,type:type,weight:weight,size:size,isAffixSubtle:isAffixSubtle,suffix:suffix,currency:currency}),currencyPosition==='right'&&jsx(BaseText,{marginLeft:"spacing.1",fontWeight:weight,fontSize:currencyFontSize,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[800]:1,children:currencySymbolOrCode}),isStrikethrough&&jsx(BaseBox,{borderBottomColor:amountValueColor,borderBottomWidth:type==='body'?'thin':'thicker',borderBottomStyle:"solid",position:"absolute",width:"100%",top:"50%"})]})}));};var Amount=assignWithoutSideEffects(React__default.forwardRef(_Amount),{displayName:'Amount',componentId:'Amount'});
+var _excluded=["value","suffix","type","size","weight","isAffixSubtle","isStrikethrough","color","currencyIndicator","currency","fractionDigits","testID"];var stripTrailingZerosFromParts=function stripTrailingZerosFromParts(parts){var decimalPart=parts.rawParts.filter(function(_ref){var type=_ref.type;return type==='fraction';}).map(function(_ref2){var value=_ref2.value;return value;}).join('');var hasFraction=parts.rawParts.some(function(_ref3){var type=_ref3.type;return type==='fraction';});if(hasFraction&&/^0+$/.test(decimalPart)){delete parts.decimal;delete parts.fraction;parts.rawParts=parts.rawParts.filter(function(_ref4){var type=_ref4.type;return type!=='decimal'&&type!=='fraction';});}return parts;};var pollyfilledFormatNumberByParts=function pollyfilledFormatNumberByParts(value,options){var _options$intlOptions;var parts=formatNumberByParts(value,options);if((options==null?void 0:(_options$intlOptions=options.intlOptions)==null?void 0:_options$intlOptions.trailingZeroDisplay)==='stripIfInteger'){return stripTrailingZerosFromParts(parts);}return parts;};var getTextColorProps=function getTextColorProps(_ref5){var color=_ref5.color;var props={amountValueColor:'surface.text.gray.normal'};if(!color)return props;props.amountValueColor=color;return props;};var AmountValue=function AmountValue(_ref6){var amount=_ref6.amount,_ref6$size=_ref6.size,size=_ref6$size===void 0?'medium':_ref6$size,_ref6$type=_ref6.type,type=_ref6$type===void 0?'body':_ref6$type,_ref6$weight=_ref6.weight,weight=_ref6$weight===void 0?'regular':_ref6$weight,amountValueColor=_ref6.amountValueColor,isAffixSubtle=_ref6.isAffixSubtle,suffix=_ref6.suffix;var isReactNative=getPlatformType()==='react-native';var affixFontSize=isAffixSubtle?subtleFontSizes[type][size]:normalAmountSizes[type][size];var numberFontFamily=type==='body'?'text':'heading';if(suffix==='decimals'&&isAffixSubtle){var AmountWrapper=isReactNative?Text:React__default.Fragment;return jsxs(AmountWrapper,{children:[jsx(BaseText,{fontSize:normalAmountSizes[type][size],fontWeight:weight,lineHeight:amountLineHeights[type][size],color:amountValueColor,fontFamily:numberFontFamily,as:isReactNative?undefined:'span',children:amount.integer}),jsxs(BaseText,{fontWeight:weight,fontSize:affixFontSize,fontFamily:numberFontFamily,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[800]:1,children:[amount.decimal,amount.fraction]})]});}return jsxs(BaseText,{fontSize:normalAmountSizes[type][size],fontWeight:weight,fontFamily:numberFontFamily,color:amountValueColor,lineHeight:amountLineHeights[type][size],children:[amount.integer,amount.decimal,amount.fraction,amount.compact]});};var getAmountByParts=function getAmountByParts(_ref7){var suffix=_ref7.suffix,value=_ref7.value,currency=_ref7.currency,_ref7$fractionDigits=_ref7.fractionDigits,fractionDigits=_ref7$fractionDigits===void 0?2:_ref7$fractionDigits;try{switch(suffix){case'decimals':{var options={intlOptions:{maximumFractionDigits:fractionDigits,minimumFractionDigits:fractionDigits},currency:currency};return pollyfilledFormatNumberByParts(value,options);}case'humanize':{var _options={intlOptions:{notation:'compact',maximumFractionDigits:2,trailingZeroDisplay:'stripIfInteger'},currency:currency};return pollyfilledFormatNumberByParts(value,_options);}default:{var _options2={intlOptions:{maximumFractionDigits:0,roundingMode:'floor'},currency:currency};return pollyfilledFormatNumberByParts(value,_options2);}}}catch(err){return {integer:`${value}`,currency:currency};}};var _Amount=function _Amount(_ref8,ref){var _renderedValue$isPref,_renderedValue$curren;var value=_ref8.value,_ref8$suffix=_ref8.suffix,suffix=_ref8$suffix===void 0?'decimals':_ref8$suffix,_ref8$type=_ref8.type,type=_ref8$type===void 0?'body':_ref8$type,_ref8$size=_ref8.size,size=_ref8$size===void 0?'medium':_ref8$size,_ref8$weight=_ref8.weight,weight=_ref8$weight===void 0?'regular':_ref8$weight,_ref8$isAffixSubtle=_ref8.isAffixSubtle,isAffixSubtle=_ref8$isAffixSubtle===void 0?true:_ref8$isAffixSubtle,_ref8$isStrikethrough=_ref8.isStrikethrough,isStrikethrough=_ref8$isStrikethrough===void 0?false:_ref8$isStrikethrough,color=_ref8.color,_ref8$currencyIndicat=_ref8.currencyIndicator,currencyIndicator=_ref8$currencyIndicat===void 0?'currency-symbol':_ref8$currencyIndicat,_ref8$currency=_ref8.currency,currency=_ref8$currency===void 0?'INR':_ref8$currency,_ref8$fractionDigits=_ref8.fractionDigits,fractionDigits=_ref8$fractionDigits===void 0?2:_ref8$fractionDigits,testID=_ref8.testID,rest=_objectWithoutProperties(_ref8,_excluded);if(__DEV__){if(typeof value!=='number'){throwBladeError({message:'`value` prop must be of type `number` for Amount.',moduleName:'Amount'});}if(color==='neutral'){throwBladeError({message:'`neutral` color is not supported.',moduleName:'Amount'});}var bodySizes=objectKeysWithType(normalAmountSizes.body);if((type==='body'||!type)&&!bodySizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="body"`,moduleName:'Amount'});}var displaySizes=objectKeysWithType(normalAmountSizes.display);if(type==='display'&&!displaySizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="display"`,moduleName:'Amount'});}var headingSizes=objectKeysWithType(normalAmountSizes.heading);if(type==='heading'&&!headingSizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="heading"`,moduleName:'Amount'});}}var _getTextColorProps=getTextColorProps({color:color}),amountValueColor=_getTextColorProps.amountValueColor;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isDesktop=matchedDeviceType==='desktop';var renderedValue=getAmountByParts({suffix:suffix,value:value,currency:currency,fractionDigits:fractionDigits});var isPrefixSymbol=(_renderedValue$isPref=renderedValue.isPrefixSymbol)!=null?_renderedValue$isPref:true;var currencySymbol=(_renderedValue$curren=renderedValue.currency)!=null?_renderedValue$curren:currency;var currencyPosition=isPrefixSymbol?'left':'right';var currencySymbolOrCode=currencyIndicator==='currency-symbol'?currencySymbol:currency;var getCurrencyFontProps=function getCurrencyFontProps(){if(isAffixSubtle){return {fontSize:subtleFontSizes[type][size],style:undefined};}var hardcodedSize=currencyHardcodedSizes[type][size];return {fontSize:normalAmountSizes[type][size],style:hardcodedSize?{fontSize:`${hardcodedSize[isDesktop?'desktop':'mobile']}px`}:undefined};};var currencyFontProps=getCurrencyFontProps();var isReactNative=getPlatformType()==='react-native';return jsx(BaseBox,Object.assign({ref:ref,display:isReactNative?'flex':'inline-flex',flexDirection:"row"},metaAttribute({name:MetaConstants.Amount,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(BaseBox,{display:isReactNative?'flex':'inline-flex',alignItems:"baseline",flexDirection:"row",position:"relative",children:[renderedValue.minusSign?jsx(BaseText,{fontSize:normalAmountSizes[type][size],fontWeight:weight,lineHeight:amountLineHeights[type][size],color:amountValueColor,as:isReactNative?undefined:'span',marginX:"spacing.2",children:renderedValue.minusSign}):null,currencyPosition==='left'&&jsx(BaseText,{marginRight:"spacing.1",fontWeight:weight,fontSize:currencyFontProps.fontSize,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[800]:1,style:currencyFontProps.style,children:currencySymbolOrCode}),jsx(AmountValue,{amount:renderedValue,amountValueColor:amountValueColor,type:type,weight:weight,size:size,isAffixSubtle:isAffixSubtle,suffix:suffix,currency:currency}),currencyPosition==='right'&&jsx(BaseText,{marginLeft:"spacing.1",fontWeight:weight,fontSize:currencyFontProps.fontSize,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[800]:1,style:currencyFontProps.style,children:currencySymbolOrCode}),isStrikethrough&&jsx(BaseBox,{borderBottomColor:amountValueColor,borderBottomWidth:type==='body'?'thin':'thicker',borderBottomStyle:"solid",position:"absolute",width:"100%",top:"50%"})]})}));};var Amount=assignWithoutSideEffects(React__default.forwardRef(_Amount),{displayName:'Amount',componentId:'Amount'});
 
 export { Amount, getAmountByParts };
 //# sourceMappingURL=Amount.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Amount.js","sources":["../../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { CurrencyCodeType } from '@razorpay/i18nify-js/currency';\nimport { formatNumberByParts } from '@razorpay/i18nify-js/currency';\nimport type { AmountTypeProps } from './amountTokens';\nimport { normalAmountSizes, subtleFontSizes, amountLineHeights } from './amountTokens';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { objectKeysWithType } from '~utils/objectKeysWithType';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { Text } from '~components/Typography';\nimport { opacity } from '~tokens/global';\nimport type { FontFamily } from '~tokens/global';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\n/**\n * Pollyfill function to get around the node 18 error\n *\n * This function is maintained by i18nify team. Reach out to them for any change regarding this.\n */\nconst stripTrailingZerosFromParts = (\n  parts: ReturnType<typeof formatNumberByParts>,\n): ReturnType<typeof formatNumberByParts> => {\n  const decimalPart = parts.rawParts\n    .filter(({ type }) => type === 'fraction')\n    .map(({ value }) => value)\n    .join('');\n\n  const hasFraction = parts.rawParts.some(({ type }) => type === 'fraction');\n\n  if (hasFraction && /^0+$/.test(decimalPart)) {\n    delete parts.decimal;\n    delete parts.fraction;\n    parts.rawParts = parts.rawParts.filter(({ type }) => type !== 'decimal' && type !== 'fraction');\n  }\n\n  return parts;\n};\n\n/**\n * Wrapper that uses pollyfill of i18nify team\n */\nconst pollyfilledFormatNumberByParts: typeof formatNumberByParts = (value, options) => {\n  const parts = formatNumberByParts(value, options);\n\n  if (options?.intlOptions?.trailingZeroDisplay === 'stripIfInteger') {\n    return stripTrailingZerosFromParts(parts);\n  }\n\n  return parts;\n};\n\ntype AmountCommonProps = {\n  /**\n   * The value to be rendered within the component.\n   *\n   */\n  value: number;\n  /**\n   * Sets the color of the amount.\n   *\n   * @default undefined\n   */\n  color?: BaseTextProps['color'];\n  /**\n   * Indicates what the suffix of amount should be\n   *\n   * @default 'decimals'\n   */\n  suffix?: 'decimals' | 'none' | 'humanize';\n  /**\n   * Makes the currency indicator(currency symbol/code) and decimal digits small and faded\n   *\n   * @default true\n   */\n  isAffixSubtle?: true | false;\n  /**\n   * Determines the visual representation of the currency, choose between displaying the currency symbol or code.\n   *\n   * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.\n   *\n   * @default 'currency-symbol'\n   */\n  currencyIndicator?: 'currency-symbol' | 'currency-code';\n  /**\n   * The currency of the amount.  Note that this component\n   * only displays the provided value in the specified currency, it does not perform any currency conversion.\n   *\n   * @default 'INR'\n   * */\n  currency?: CurrencyCodeType;\n  /**\n   * If true, the amount text will have a line through it.\n   *\n   * @default false\n   */\n  isStrikethrough?: boolean;\n  /**\n   * Controls the number of decimal places to display when suffix is 'decimals'.\n   *\n   * @default 2\n   */\n  fractionDigits?: number;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  amountValueColor: BaseTextProps['color'];\n};\n\ntype AmountProps = AmountTypeProps & AmountCommonProps;\n\nconst getTextColorProps = ({ color }: { color: AmountProps['color'] }): ColorProps => {\n  const props: ColorProps = {\n    amountValueColor: 'surface.text.gray.normal',\n  };\n  if (!color) return props;\n  props.amountValueColor = color;\n  return props;\n};\n\ntype AmountType = Partial<ReturnType<typeof formatNumberByParts>>;\n\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  amountValueColor: BaseTextProps['color'];\n  amount: AmountType;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  amount,\n  size = 'medium',\n  type = 'body',\n  weight = 'regular',\n  amountValueColor,\n  isAffixSubtle,\n  suffix,\n}: AmountValue): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  const affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];\n  const numberFontFamily: keyof FontFamily = type === 'body' ? 'text' : 'heading';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    // Native does not support alignItems of Text inside a div, instead we need to wrap is in a Text\n    const AmountWrapper = isReactNative ? Text : React.Fragment;\n\n    return (\n      <AmountWrapper>\n        <BaseText\n          fontSize={normalAmountSizes[type][size]}\n          fontWeight={weight}\n          lineHeight={amountLineHeights[type][size]}\n          color={amountValueColor}\n          fontFamily={numberFontFamily}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {amount.integer}\n        </BaseText>\n        <BaseText\n          fontWeight={weight}\n          fontSize={affixFontSize}\n          fontFamily={numberFontFamily}\n          color={amountValueColor}\n          as={isReactNative ? undefined : 'span'}\n          opacity={isAffixSubtle ? opacity[800] : 1}\n        >\n          {amount.decimal}\n          {amount.fraction}\n        </BaseText>\n      </AmountWrapper>\n    );\n  }\n\n  return (\n    <BaseText\n      fontSize={normalAmountSizes[type][size]}\n      fontWeight={weight}\n      fontFamily={numberFontFamily}\n      color={amountValueColor}\n      lineHeight={amountLineHeights[type][size]}\n    >\n      {amount.integer}\n      {amount.decimal}\n      {amount.fraction}\n      {amount.compact}\n    </BaseText>\n  );\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n  currency: AmountProps['currency'];\n  fractionDigits?: number;\n};\n\n/**\n * Returns a parsed object based on the suffix passed in parameters\n * === Logic ===\n * value = 12500.45 \n * if suffix === 'decimals' => {\n    \"integer\": \"12,500\",\n    \"decimal\": \".\",\n    \"fraction\": \"45\",\n    \"compact\": \"K\",\n    \"isPrefixSymbol\": false,\n    \"rawParts\": [{\"type\": \"integer\",\"value\": \"12\"},{\"type\": \"group\",\"value\": \",\"},{\"type\": \"integer\",\"value\": \"500\"},{\"type\": \"decimal\",\"value\": \".\"},{\"type\": \"fraction\",\"value\": \"45\"}]\n}\n * @returns {AmountType}\n */\nexport const getAmountByParts = ({\n  suffix,\n  value,\n  currency,\n  fractionDigits = 2,\n}: FormatAmountWithSuffixType): AmountType => {\n  try {\n    switch (suffix) {\n      case 'decimals': {\n        const options = {\n          intlOptions: {\n            maximumFractionDigits: fractionDigits,\n            minimumFractionDigits: fractionDigits,\n          },\n          currency,\n        } as const;\n        return pollyfilledFormatNumberByParts(value, options);\n      }\n      case 'humanize': {\n        const options = {\n          intlOptions: {\n            notation: 'compact',\n            maximumFractionDigits: 2,\n            trailingZeroDisplay: 'stripIfInteger',\n          },\n          currency,\n        } as const;\n        return pollyfilledFormatNumberByParts(value, options);\n      }\n\n      default: {\n        const options = {\n          intlOptions: {\n            maximumFractionDigits: 0,\n            roundingMode: 'floor',\n          },\n          currency,\n        } as const;\n        return pollyfilledFormatNumberByParts(value, options);\n      }\n    }\n  } catch (err: unknown) {\n    return {\n      integer: `${value}`,\n      currency,\n    };\n  }\n};\n\nconst _Amount = (\n  {\n    value,\n    suffix = 'decimals',\n    type = 'body',\n    size = 'medium',\n    weight = 'regular',\n    isAffixSubtle = true,\n    isStrikethrough = false,\n    color,\n    currencyIndicator = 'currency-symbol',\n    currency = 'INR',\n    fractionDigits = 2,\n    testID,\n    ...rest\n  }: AmountProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  if (__DEV__) {\n    if (typeof value !== 'number') {\n      throwBladeError({\n        message: '`value` prop must be of type `number` for Amount.',\n        moduleName: 'Amount',\n      });\n    }\n    // @ts-expect-error neutral color should throw error\n    if (color === 'neutral') {\n      throwBladeError({\n        message: '`neutral` color is not supported.',\n        moduleName: 'Amount',\n      });\n    }\n\n    const bodySizes = objectKeysWithType(normalAmountSizes.body);\n    if ((type === 'body' || !type) && !bodySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"body\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const displaySizes = objectKeysWithType(normalAmountSizes.display);\n    if (type === 'display' && !displaySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"display\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const headingSizes = objectKeysWithType(normalAmountSizes.heading);\n    if (type === 'heading' && !headingSizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"heading\"`,\n        moduleName: 'Amount',\n      });\n    }\n  }\n\n  const { amountValueColor } = getTextColorProps({\n    color,\n  });\n\n  const renderedValue = getAmountByParts({ suffix, value, currency, fractionDigits });\n  const isPrefixSymbol = renderedValue.isPrefixSymbol ?? true;\n  const currencySymbol = renderedValue.currency ?? currency;\n\n  const currencyPosition = isPrefixSymbol ? 'left' : 'right';\n  const currencySymbolOrCode = currencyIndicator === 'currency-symbol' ? currencySymbol : currency;\n\n  const currencyFontSize = isAffixSubtle\n    ? subtleFontSizes[type][size]\n    : normalAmountSizes[type][size];\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      flexDirection=\"row\"\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n        position=\"relative\"\n      >\n        {renderedValue.minusSign ? (\n          <BaseText\n            fontSize={normalAmountSizes[type][size]}\n            fontWeight={weight}\n            lineHeight={amountLineHeights[type][size]}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            marginX=\"spacing.2\"\n          >\n            {renderedValue.minusSign}\n          </BaseText>\n        ) : null}\n        {currencyPosition === 'left' && (\n          <BaseText\n            marginRight=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[800] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        <AmountValue\n          amount={renderedValue}\n          amountValueColor={amountValueColor}\n          type={type}\n          weight={weight}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\n          currency={currency}\n        />\n        {currencyPosition === 'right' && (\n          <BaseText\n            marginLeft=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[800] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        {isStrikethrough && (\n          // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n          // @ts-ignore: the borderBottomColor error below is thrown here as well\n          <BaseBox\n            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n            // @ts-ignore- intentionally setting the border color to the color prop for this hacky strikethrough\n            borderBottomColor={amountValueColor}\n            borderBottomWidth={type === 'body' ? 'thin' : 'thicker'}\n            borderBottomStyle=\"solid\"\n            position=\"absolute\"\n            width=\"100%\"\n            top=\"50%\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Amount = assignWithoutSideEffects(React.forwardRef(_Amount), {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["stripTrailingZerosFromParts","parts","decimalPart","rawParts","filter","_ref","type","map","_ref2","value","join","hasFraction","some","_ref3","test","decimal","fraction","_ref4","pollyfilledFormatNumberByParts","options","_options$intlOptions","formatNumberByParts","intlOptions","trailingZeroDisplay","getTextColorProps","_ref5","color","props","amountValueColor","AmountValue","_ref6","amount","_ref6$size","size","_ref6$type","_ref6$weight","weight","isAffixSubtle","suffix","isReactNative","getPlatformType","affixFontSize","subtleFontSizes","normalAmountSizes","numberFontFamily","AmountWrapper","Text","React","Fragment","_jsxs","children","_jsx","BaseText","fontSize","fontWeight","lineHeight","amountLineHeights","fontFamily","as","undefined","integer","opacity","compact","getAmountByParts","_ref7","currency","_ref7$fractionDigits","fractionDigits","maximumFractionDigits","minimumFractionDigits","notation","roundingMode","err","_Amount","_ref8","ref","_renderedValue$isPref","_renderedValue$curren","_ref8$suffix","_ref8$type","_ref8$size","_ref8$weight","_ref8$isAffixSubtle","_ref8$isStrikethrough","isStrikethrough","_ref8$currencyIndicat","currencyIndicator","_ref8$currency","_ref8$fractionDigits","testID","rest","_objectWithoutProperties","_excluded","__DEV__","throwBladeError","message","moduleName","bodySizes","objectKeysWithType","body","includes","displaySizes","display","headingSizes","heading","_getTextColorProps","renderedValue","isPrefixSymbol","currencySymbol","currencyPosition","currencySymbolOrCode","currencyFontSize","BaseBox","Object","assign","flexDirection","metaAttribute","name","MetaConstants","Amount","getStyledProps","makeAnalyticsAttribute","alignItems","position","minusSign","marginX","marginRight","marginLeft","borderBottomColor","borderBottomWidth","borderBottomStyle","width","top","assignWithoutSideEffects","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;2JA2BA,IAAMA,2BAA2B,CAAG,SAA9BA,2BAA2BA,CAC/BC,KAA6C,CACF,CAC3C,IAAMC,WAAW,CAAGD,KAAK,CAACE,QAAQ,CAC/BC,MAAM,CAAC,SAAAC,IAAA,CAAA,CAAA,IAAGC,IAAI,CAAAD,IAAA,CAAJC,IAAI,QAAOA,IAAI,GAAK,UAAU,CAAC,CAAA,CAAA,CACzCC,GAAG,CAAC,SAAAC,KAAA,CAAG,CAAA,IAAAC,KAAK,CAAAD,KAAA,CAALC,KAAK,CAAA,OAAOA,KAAK,CAAA,CAAA,CAAC,CACzBC,IAAI,CAAC,EAAE,CAAC,CAEX,IAAMC,WAAW,CAAGV,KAAK,CAACE,QAAQ,CAACS,IAAI,CAAC,SAAAC,KAAA,CAAA,CAAA,IAAGP,IAAI,CAAAO,KAAA,CAAJP,IAAI,CAAA,OAAOA,IAAI,GAAK,UAAU,CAAC,CAAA,CAAA,CAE1E,GAAIK,WAAW,EAAI,MAAM,CAACG,IAAI,CAACZ,WAAW,CAAC,CAAE,CAC3C,OAAOD,KAAK,CAACc,OAAO,CACpB,OAAOd,KAAK,CAACe,QAAQ,CACrBf,KAAK,CAACE,QAAQ,CAAGF,KAAK,CAACE,QAAQ,CAACC,MAAM,CAAC,SAAAa,KAAA,MAAGX,IAAI,CAAAW,KAAA,CAAJX,IAAI,QAAOA,IAAI,GAAK,SAAS,EAAIA,IAAI,GAAK,UAAU,CAAC,CAAA,CAAA,CACjG,CAEA,OAAOL,KAAK,CACd,CAAC,CAKD,IAAMiB,8BAA0D,CAAG,SAA7DA,8BAA0DA,CAAIT,KAAK,CAAEU,OAAO,CAAK,CAAA,IAAAC,oBAAA,CACrF,IAAMnB,KAAK,CAAGoB,mBAAmB,CAACZ,KAAK,CAAEU,OAAO,CAAC,CAEjD,GAAI,CAAAA,OAAO,eAAAC,oBAAA,CAAPD,OAAO,CAAEG,WAAW,eAApBF,oBAAA,CAAsBG,mBAAmB,IAAK,gBAAgB,CAAE,CAClE,OAAOvB,2BAA2B,CAACC,KAAK,CAAC,CAC3C,CAEA,OAAOA,KAAK,CACd,CAAC,CA+DD,IAAMuB,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,KAAA,CAA+D,CAAA,IAAzDC,KAAK,CAAAD,KAAA,CAALC,KAAK,CAChC,IAAMC,KAAiB,CAAG,CACxBC,gBAAgB,CAAE,0BACpB,CAAC,CACD,GAAI,CAACF,KAAK,CAAE,OAAOC,KAAK,CACxBA,KAAK,CAACC,gBAAgB,CAAGF,KAAK,CAC9B,OAAOC,KAAK,CACd,CAAC,CAUD,IAAME,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAQgB,CAP/B,IAAAC,MAAM,CAAAD,KAAA,CAANC,MAAM,CAAAC,UAAA,CAAAF,KAAA,CACNG,IAAI,CAAJA,IAAI,CAAAD,UAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,UAAA,CAAAE,UAAA,CAAAJ,KAAA,CACfxB,IAAI,CAAJA,IAAI,CAAA4B,UAAA,GAAA,KAAA,CAAA,CAAG,MAAM,CAAAA,UAAA,CAAAC,YAAA,CAAAL,KAAA,CACbM,MAAM,CAANA,MAAM,CAAAD,YAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,YAAA,CAClBP,gBAAgB,CAAAE,KAAA,CAAhBF,gBAAgB,CAChBS,aAAa,CAAAP,KAAA,CAAbO,aAAa,CACbC,MAAM,CAAAR,KAAA,CAANQ,MAAM,CAEN,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAC1D,IAAMC,aAAa,CAAGJ,aAAa,CAAGK,eAAe,CAACpC,IAAI,CAAC,CAAC2B,IAAI,CAAC,CAAGU,iBAAiB,CAACrC,IAAI,CAAC,CAAC2B,IAAI,CAAC,CACjG,IAAMW,gBAAkC,CAAGtC,IAAI,GAAK,MAAM,CAAG,MAAM,CAAG,SAAS,CAC/E,GAAIgC,MAAM,GAAK,UAAU,EAAID,aAAa,CAAE,CAE1C,IAAMQ,aAAa,CAAGN,aAAa,CAAGO,IAAI,CAAGC,cAAK,CAACC,QAAQ,CAE3D,OACEC,IAAA,CAACJ,aAAa,CAAAK,CAAAA,QAAA,EACZC,GAAA,CAACC,QAAQ,CACPC,CAAAA,QAAQ,CAAEV,iBAAiB,CAACrC,IAAI,CAAC,CAAC2B,IAAI,CAAE,CACxCqB,UAAU,CAAElB,MAAO,CACnBmB,UAAU,CAAEC,iBAAiB,CAAClD,IAAI,CAAC,CAAC2B,IAAI,CAAE,CAC1CP,KAAK,CAAEE,gBAAiB,CACxB6B,UAAU,CAAEb,gBAAiB,CAC7Bc,EAAE,CAAEnB,aAAa,CAAGoB,SAAS,CAAG,MAAO,CAAAT,QAAA,CAEtCnB,MAAM,CAAC6B,OAAO,CACP,CAAC,CACXX,IAAA,CAACG,QAAQ,CAAA,CACPE,UAAU,CAAElB,MAAO,CACnBiB,QAAQ,CAAEZ,aAAc,CACxBgB,UAAU,CAAEb,gBAAiB,CAC7BlB,KAAK,CAAEE,gBAAiB,CACxB8B,EAAE,CAAEnB,aAAa,CAAGoB,SAAS,CAAG,MAAO,CACvCE,OAAO,CAAExB,aAAa,CAAGwB,OAAO,CAAC,GAAG,CAAC,CAAG,CAAE,CAAAX,QAAA,CAAA,CAEzCnB,MAAM,CAAChB,OAAO,CACdgB,MAAM,CAACf,QAAQ,CAAA,CACR,CAAC,CACE,CAAA,CAAC,CAEpB,CAEA,OACEiC,IAAA,CAACG,QAAQ,CACPC,CAAAA,QAAQ,CAAEV,iBAAiB,CAACrC,IAAI,CAAC,CAAC2B,IAAI,CAAE,CACxCqB,UAAU,CAAElB,MAAO,CACnBqB,UAAU,CAAEb,gBAAiB,CAC7BlB,KAAK,CAAEE,gBAAiB,CACxB2B,UAAU,CAAEC,iBAAiB,CAAClD,IAAI,CAAC,CAAC2B,IAAI,CAAE,CAAAiB,QAAA,CAAA,CAEzCnB,MAAM,CAAC6B,OAAO,CACd7B,MAAM,CAAChB,OAAO,CACdgB,MAAM,CAACf,QAAQ,CACfe,MAAM,CAAC+B,OAAO,EACP,CAAC,CAEf,CAAC,CAuBY,IAAAC,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,CAKiB,KAJ5C1B,MAAM,CAAA0B,KAAA,CAAN1B,MAAM,CACN7B,KAAK,CAAAuD,KAAA,CAALvD,KAAK,CACLwD,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CAAAC,oBAAA,CAAAF,KAAA,CACRG,cAAc,CAAdA,cAAc,CAAAD,oBAAA,GAAG,KAAA,CAAA,CAAA,CAAC,CAAAA,oBAAA,CAElB,GAAI,CACF,OAAQ5B,MAAM,EACZ,IAAK,UAAU,CAAE,CACf,IAAMnB,OAAO,CAAG,CACdG,WAAW,CAAE,CACX8C,qBAAqB,CAAED,cAAc,CACrCE,qBAAqB,CAAEF,cACzB,CAAC,CACDF,QAAQ,CAARA,QACF,CAAU,CACV,OAAO/C,8BAA8B,CAACT,KAAK,CAAEU,OAAO,CAAC,CACvD,CACA,IAAK,UAAU,CAAE,CACf,IAAMA,QAAO,CAAG,CACdG,WAAW,CAAE,CACXgD,QAAQ,CAAE,SAAS,CACnBF,qBAAqB,CAAE,CAAC,CACxB7C,mBAAmB,CAAE,gBACvB,CAAC,CACD0C,QAAQ,CAARA,QACF,CAAU,CACV,OAAO/C,8BAA8B,CAACT,KAAK,CAAEU,QAAO,CAAC,CACvD,CAEA,QAAS,CACP,IAAMA,SAAO,CAAG,CACdG,WAAW,CAAE,CACX8C,qBAAqB,CAAE,CAAC,CACxBG,YAAY,CAAE,OAChB,CAAC,CACDN,QAAQ,CAARA,QACF,CAAU,CACV,OAAO/C,8BAA8B,CAACT,KAAK,CAAEU,SAAO,CAAC,CACvD,CACF,CACF,CAAE,MAAOqD,GAAY,CAAE,CACrB,OAAO,CACLZ,OAAO,CAAE,GAAGnD,KAAK,CAAA,CAAE,CACnBwD,QAAQ,CAARA,QACF,CAAC,CACH,CACF,EAEA,IAAMQ,OAAO,CAAG,SAAVA,OAAOA,CAAAC,KAAA,CAgBXC,GAA+B,CACd,CAAA,IAAAC,qBAAA,CAAAC,qBAAA,KAffpE,KAAK,CAAAiE,KAAA,CAALjE,KAAK,CAAAqE,YAAA,CAAAJ,KAAA,CACLpC,MAAM,CAANA,MAAM,CAAAwC,YAAA,GAAG,KAAA,CAAA,CAAA,UAAU,CAAAA,YAAA,CAAAC,UAAA,CAAAL,KAAA,CACnBpE,IAAI,CAAJA,IAAI,CAAAyE,UAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,UAAA,CAAAC,UAAA,CAAAN,KAAA,CACbzC,IAAI,CAAJA,IAAI,CAAA+C,UAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,UAAA,CAAAC,YAAA,CAAAP,KAAA,CACftC,MAAM,CAANA,MAAM,CAAA6C,YAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,YAAA,CAAAC,mBAAA,CAAAR,KAAA,CAClBrC,aAAa,CAAbA,aAAa,CAAA6C,mBAAA,UAAG,IAAI,CAAAA,mBAAA,CAAAC,qBAAA,CAAAT,KAAA,CACpBU,eAAe,CAAfA,eAAe,CAAAD,qBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,qBAAA,CACvBzD,KAAK,CAAAgD,KAAA,CAALhD,KAAK,CAAA2D,qBAAA,CAAAX,KAAA,CACLY,iBAAiB,CAAjBA,iBAAiB,CAAAD,qBAAA,GAAG,KAAA,CAAA,CAAA,iBAAiB,CAAAA,qBAAA,CAAAE,cAAA,CAAAb,KAAA,CACrCT,QAAQ,CAARA,QAAQ,CAAAsB,cAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,cAAA,CAAAC,oBAAA,CAAAd,KAAA,CAChBP,cAAc,CAAdA,cAAc,CAAAqB,oBAAA,GAAG,KAAA,CAAA,CAAA,CAAC,CAAAA,oBAAA,CAClBC,MAAM,CAAAf,KAAA,CAANe,MAAM,CACHC,IAAI,CAAAC,wBAAA,CAAAjB,KAAA,CAAAkB,SAAA,CAIT,CAAA,GAAIC,OAAO,CAAE,CACX,GAAI,OAAOpF,KAAK,GAAK,QAAQ,CAAE,CAC7BqF,eAAe,CAAC,CACdC,OAAO,CAAE,mDAAmD,CAC5DC,UAAU,CAAE,QACd,CAAC,CAAC,CACJ,CAEA,GAAItE,KAAK,GAAK,SAAS,CAAE,CACvBoE,eAAe,CAAC,CACdC,OAAO,CAAE,mCAAmC,CAC5CC,UAAU,CAAE,QACd,CAAC,CAAC,CACJ,CAEA,IAAMC,SAAS,CAAGC,kBAAkB,CAACvD,iBAAiB,CAACwD,IAAI,CAAC,CAC5D,GAAI,CAAC7F,IAAI,GAAK,MAAM,EAAI,CAACA,IAAI,GAAK,CAAC2F,SAAS,CAACG,QAAQ,CAACnE,IAAI,CAAC,CAAE,CAC3D6D,eAAe,CAAC,CACdC,OAAO,CAAE,CAAS9D,MAAAA,EAAAA,IAAI,CAAmC,iCAAA,CAAA,CACzD+D,UAAU,CAAE,QACd,CAAC,CAAC,CACJ,CAEA,IAAMK,YAAY,CAAGH,kBAAkB,CAACvD,iBAAiB,CAAC2D,OAAO,CAAC,CAClE,GAAIhG,IAAI,GAAK,SAAS,EAAI,CAAC+F,YAAY,CAACD,QAAQ,CAACnE,IAAI,CAAC,CAAE,CACtD6D,eAAe,CAAC,CACdC,OAAO,CAAE,CAAA,MAAA,EAAS9D,IAAI,CAAsC,oCAAA,CAAA,CAC5D+D,UAAU,CAAE,QACd,CAAC,CAAC,CACJ,CAEA,IAAMO,YAAY,CAAGL,kBAAkB,CAACvD,iBAAiB,CAAC6D,OAAO,CAAC,CAClE,GAAIlG,IAAI,GAAK,SAAS,EAAI,CAACiG,YAAY,CAACH,QAAQ,CAACnE,IAAI,CAAC,CAAE,CACtD6D,eAAe,CAAC,CACdC,OAAO,CAAE,CAAA,MAAA,EAAS9D,IAAI,CAAsC,oCAAA,CAAA,CAC5D+D,UAAU,CAAE,QACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAAS,kBAAA,CAA6BjF,iBAAiB,CAAC,CAC7CE,KAAK,CAALA,KACF,CAAC,CAAC,CAFME,gBAAgB,CAAA6E,kBAAA,CAAhB7E,gBAAgB,CAIxB,IAAM8E,aAAa,CAAG3C,gBAAgB,CAAC,CAAEzB,MAAM,CAANA,MAAM,CAAE7B,KAAK,CAALA,KAAK,CAAEwD,QAAQ,CAARA,QAAQ,CAAEE,cAAc,CAAdA,cAAe,CAAC,CAAC,CACnF,IAAMwC,cAAc,CAAA/B,CAAAA,qBAAA,CAAG8B,aAAa,CAACC,cAAc,GAAA,IAAA,CAAA/B,qBAAA,CAAI,IAAI,CAC3D,IAAMgC,cAAc,CAAA,CAAA/B,qBAAA,CAAG6B,aAAa,CAACzC,QAAQ,QAAAY,qBAAA,CAAIZ,QAAQ,CAEzD,IAAM4C,gBAAgB,CAAGF,cAAc,CAAG,MAAM,CAAG,OAAO,CAC1D,IAAMG,oBAAoB,CAAGxB,iBAAiB,GAAK,iBAAiB,CAAGsB,cAAc,CAAG3C,QAAQ,CAEhG,IAAM8C,gBAAgB,CAAG1E,aAAa,CAClCK,eAAe,CAACpC,IAAI,CAAC,CAAC2B,IAAI,CAAC,CAC3BU,iBAAiB,CAACrC,IAAI,CAAC,CAAC2B,IAAI,CAAC,CACjC,IAAMM,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAE1D,OACEW,GAAA,CAAC6D,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNvC,CAAAA,GAAG,CAAEA,GAAa,CAClB2B,OAAO,CAAG/D,aAAa,CAAG,MAAM,CAAG,aAAwB,CAC3D4E,aAAa,CAAC,KAAK,CAAA,CACfC,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,MAAM,CAAE9B,MAAM,CAANA,MAAO,CAAC,CAAC,CACrD+B,cAAc,CAAC9B,IAAI,CAAC,CACpB+B,sBAAsB,CAAC/B,IAAI,CAAC,CAAA,CAAAxC,QAAA,CAEhCD,IAAA,CAAC+D,OAAO,CAAA,CACNV,OAAO,CAAG/D,aAAa,CAAG,MAAM,CAAG,aAAwB,CAC3DmF,UAAU,CAAC,UAAU,CACrBP,aAAa,CAAC,KAAK,CACnBQ,QAAQ,CAAC,UAAU,CAAAzE,QAAA,CAElBwD,CAAAA,aAAa,CAACkB,SAAS,CACtBzE,GAAA,CAACC,QAAQ,CACPC,CAAAA,QAAQ,CAAEV,iBAAiB,CAACrC,IAAI,CAAC,CAAC2B,IAAI,CAAE,CACxCqB,UAAU,CAAElB,MAAO,CACnBmB,UAAU,CAAEC,iBAAiB,CAAClD,IAAI,CAAC,CAAC2B,IAAI,CAAE,CAC1CP,KAAK,CAAEE,gBAAiB,CACxB8B,EAAE,CAAEnB,aAAa,CAAGoB,SAAS,CAAG,MAAO,CACvCkE,OAAO,CAAC,WAAW,CAAA3E,QAAA,CAElBwD,aAAa,CAACkB,SAAS,CAChB,CAAC,CACT,IAAI,CACPf,gBAAgB,GAAK,MAAM,EAC1B1D,GAAA,CAACC,QAAQ,EACP0E,WAAW,CAAC,WAAW,CACvBxE,UAAU,CAAElB,MAAO,CACnBiB,QAAQ,CAAE0D,gBAAiB,CAC3BrF,KAAK,CAAEE,gBAAiB,CACxB8B,EAAE,CAAEnB,aAAa,CAAGoB,SAAS,CAAG,MAAO,CACvCE,OAAO,CAAExB,aAAa,CAAGwB,OAAO,CAAC,GAAG,CAAC,CAAG,CAAE,CAAAX,QAAA,CAEzC4D,oBAAoB,CACb,CACX,CACD3D,GAAA,CAACtB,WAAW,CACVE,CAAAA,MAAM,CAAE2E,aAAc,CACtB9E,gBAAgB,CAAEA,gBAAiB,CACnCtB,IAAI,CAAEA,IAAK,CACX8B,MAAM,CAAEA,MAAO,CACfH,IAAI,CAAEA,IAAK,CACXI,aAAa,CAAEA,aAAc,CAC7BC,MAAM,CAAEA,MAAO,CACf2B,QAAQ,CAAEA,QAAS,CACpB,CAAC,CACD4C,gBAAgB,GAAK,OAAO,EAC3B1D,GAAA,CAACC,QAAQ,CAAA,CACP2E,UAAU,CAAC,WAAW,CACtBzE,UAAU,CAAElB,MAAO,CACnBiB,QAAQ,CAAE0D,gBAAiB,CAC3BrF,KAAK,CAAEE,gBAAiB,CACxB8B,EAAE,CAAEnB,aAAa,CAAGoB,SAAS,CAAG,MAAO,CACvCE,OAAO,CAAExB,aAAa,CAAGwB,OAAO,CAAC,GAAG,CAAC,CAAG,CAAE,CAAAX,QAAA,CAEzC4D,oBAAoB,CACb,CACX,CACA1B,eAAe,EAGdjC,GAAA,CAAC6D,OAAO,CAGNgB,CAAAA,iBAAiB,CAAEpG,gBAAiB,CACpCqG,iBAAiB,CAAE3H,IAAI,GAAK,MAAM,CAAG,MAAM,CAAG,SAAU,CACxD4H,iBAAiB,CAAC,OAAO,CACzBP,QAAQ,CAAC,UAAU,CACnBQ,KAAK,CAAC,MAAM,CACZC,GAAG,CAAC,KAAK,CACV,CACF,CAAA,CACM,CAAC,CACH,CAAA,CAAC,CAEd,CAAC,CAEK,IAAAb,MAAM,CAAGc,wBAAwB,CAACtF,cAAK,CAACuF,UAAU,CAAC7D,OAAO,CAAC,CAAE,CACjE8D,WAAW,CAAE,QAAQ,CACrBC,WAAW,CAAE,QACf,CAAC;;;;"}
+{"version":3,"file":"Amount.js","sources":["../../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { CurrencyCodeType } from '@razorpay/i18nify-js/currency';\nimport { formatNumberByParts } from '@razorpay/i18nify-js/currency';\nimport type { AmountTypeProps } from './amountTokens';\nimport {\n  normalAmountSizes,\n  subtleFontSizes,\n  currencyHardcodedSizes,\n  amountLineHeights,\n} from './amountTokens';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { objectKeysWithType } from '~utils/objectKeysWithType';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { Text } from '~components/Typography';\nimport { opacity } from '~tokens/global';\nimport type { FontFamily, FontSize } from '~tokens/global';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint } from '~utils/useBreakpoint';\n\n/**\n * Pollyfill function to get around the node 18 error\n *\n * This function is maintained by i18nify team. Reach out to them for any change regarding this.\n */\nconst stripTrailingZerosFromParts = (\n  parts: ReturnType<typeof formatNumberByParts>,\n): ReturnType<typeof formatNumberByParts> => {\n  const decimalPart = parts.rawParts\n    .filter(({ type }) => type === 'fraction')\n    .map(({ value }) => value)\n    .join('');\n\n  const hasFraction = parts.rawParts.some(({ type }) => type === 'fraction');\n\n  if (hasFraction && /^0+$/.test(decimalPart)) {\n    delete parts.decimal;\n    delete parts.fraction;\n    parts.rawParts = parts.rawParts.filter(({ type }) => type !== 'decimal' && type !== 'fraction');\n  }\n\n  return parts;\n};\n\n/**\n * Wrapper that uses pollyfill of i18nify team\n */\nconst pollyfilledFormatNumberByParts: typeof formatNumberByParts = (value, options) => {\n  const parts = formatNumberByParts(value, options);\n\n  if (options?.intlOptions?.trailingZeroDisplay === 'stripIfInteger') {\n    return stripTrailingZerosFromParts(parts);\n  }\n\n  return parts;\n};\n\ntype AmountCommonProps = {\n  /**\n   * The value to be rendered within the component.\n   *\n   */\n  value: number;\n  /**\n   * Sets the color of the amount.\n   *\n   * @default undefined\n   */\n  color?: BaseTextProps['color'];\n  /**\n   * Indicates what the suffix of amount should be\n   *\n   * @default 'decimals'\n   */\n  suffix?: 'decimals' | 'none' | 'humanize';\n  /**\n   * Makes the currency indicator(currency symbol/code) and decimal digits small and faded\n   *\n   * @default true\n   */\n  isAffixSubtle?: true | false;\n  /**\n   * Determines the visual representation of the currency, choose between displaying the currency symbol or code.\n   *\n   * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.\n   *\n   * @default 'currency-symbol'\n   */\n  currencyIndicator?: 'currency-symbol' | 'currency-code';\n  /**\n   * The currency of the amount.  Note that this component\n   * only displays the provided value in the specified currency, it does not perform any currency conversion.\n   *\n   * @default 'INR'\n   * */\n  currency?: CurrencyCodeType;\n  /**\n   * If true, the amount text will have a line through it.\n   *\n   * @default false\n   */\n  isStrikethrough?: boolean;\n  /**\n   * Controls the number of decimal places to display when suffix is 'decimals'.\n   *\n   * @default 2\n   */\n  fractionDigits?: number;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  amountValueColor: BaseTextProps['color'];\n};\n\ntype AmountProps = AmountTypeProps & AmountCommonProps;\n\nconst getTextColorProps = ({ color }: { color: AmountProps['color'] }): ColorProps => {\n  const props: ColorProps = {\n    amountValueColor: 'surface.text.gray.normal',\n  };\n  if (!color) return props;\n  props.amountValueColor = color;\n  return props;\n};\n\ntype AmountType = Partial<ReturnType<typeof formatNumberByParts>>;\n\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  amountValueColor: BaseTextProps['color'];\n  amount: AmountType;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  amount,\n  size = 'medium',\n  type = 'body',\n  weight = 'regular',\n  amountValueColor,\n  isAffixSubtle,\n  suffix,\n}: AmountValue): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  const affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];\n  const numberFontFamily: keyof FontFamily = type === 'body' ? 'text' : 'heading';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    // Native does not support alignItems of Text inside a div, instead we need to wrap is in a Text\n    const AmountWrapper = isReactNative ? Text : React.Fragment;\n\n    return (\n      <AmountWrapper>\n        <BaseText\n          fontSize={normalAmountSizes[type][size]}\n          fontWeight={weight}\n          lineHeight={amountLineHeights[type][size]}\n          color={amountValueColor}\n          fontFamily={numberFontFamily}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {amount.integer}\n        </BaseText>\n        <BaseText\n          fontWeight={weight}\n          fontSize={affixFontSize}\n          fontFamily={numberFontFamily}\n          color={amountValueColor}\n          as={isReactNative ? undefined : 'span'}\n          opacity={isAffixSubtle ? opacity[800] : 1}\n        >\n          {amount.decimal}\n          {amount.fraction}\n        </BaseText>\n      </AmountWrapper>\n    );\n  }\n\n  return (\n    <BaseText\n      fontSize={normalAmountSizes[type][size]}\n      fontWeight={weight}\n      fontFamily={numberFontFamily}\n      color={amountValueColor}\n      lineHeight={amountLineHeights[type][size]}\n    >\n      {amount.integer}\n      {amount.decimal}\n      {amount.fraction}\n      {amount.compact}\n    </BaseText>\n  );\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n  currency: AmountProps['currency'];\n  fractionDigits?: number;\n};\n\n/**\n * Returns a parsed object based on the suffix passed in parameters\n * === Logic ===\n * value = 12500.45 \n * if suffix === 'decimals' => {\n    \"integer\": \"12,500\",\n    \"decimal\": \".\",\n    \"fraction\": \"45\",\n    \"compact\": \"K\",\n    \"isPrefixSymbol\": false,\n    \"rawParts\": [{\"type\": \"integer\",\"value\": \"12\"},{\"type\": \"group\",\"value\": \",\"},{\"type\": \"integer\",\"value\": \"500\"},{\"type\": \"decimal\",\"value\": \".\"},{\"type\": \"fraction\",\"value\": \"45\"}]\n}\n * @returns {AmountType}\n */\nexport const getAmountByParts = ({\n  suffix,\n  value,\n  currency,\n  fractionDigits = 2,\n}: FormatAmountWithSuffixType): AmountType => {\n  try {\n    switch (suffix) {\n      case 'decimals': {\n        const options = {\n          intlOptions: {\n            maximumFractionDigits: fractionDigits,\n            minimumFractionDigits: fractionDigits,\n          },\n          currency,\n        } as const;\n        return pollyfilledFormatNumberByParts(value, options);\n      }\n      case 'humanize': {\n        const options = {\n          intlOptions: {\n            notation: 'compact',\n            maximumFractionDigits: 2,\n            trailingZeroDisplay: 'stripIfInteger',\n          },\n          currency,\n        } as const;\n        return pollyfilledFormatNumberByParts(value, options);\n      }\n\n      default: {\n        const options = {\n          intlOptions: {\n            maximumFractionDigits: 0,\n            roundingMode: 'floor',\n          },\n          currency,\n        } as const;\n        return pollyfilledFormatNumberByParts(value, options);\n      }\n    }\n  } catch (err: unknown) {\n    return {\n      integer: `${value}`,\n      currency,\n    };\n  }\n};\n\nconst _Amount = (\n  {\n    value,\n    suffix = 'decimals',\n    type = 'body',\n    size = 'medium',\n    weight = 'regular',\n    isAffixSubtle = true,\n    isStrikethrough = false,\n    color,\n    currencyIndicator = 'currency-symbol',\n    currency = 'INR',\n    fractionDigits = 2,\n    testID,\n    ...rest\n  }: AmountProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  if (__DEV__) {\n    if (typeof value !== 'number') {\n      throwBladeError({\n        message: '`value` prop must be of type `number` for Amount.',\n        moduleName: 'Amount',\n      });\n    }\n    // @ts-expect-error neutral color should throw error\n    if (color === 'neutral') {\n      throwBladeError({\n        message: '`neutral` color is not supported.',\n        moduleName: 'Amount',\n      });\n    }\n\n    const bodySizes = objectKeysWithType(normalAmountSizes.body);\n    if ((type === 'body' || !type) && !bodySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"body\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const displaySizes = objectKeysWithType(normalAmountSizes.display);\n    if (type === 'display' && !displaySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"display\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const headingSizes = objectKeysWithType(normalAmountSizes.heading);\n    if (type === 'heading' && !headingSizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"heading\"`,\n        moduleName: 'Amount',\n      });\n    }\n  }\n\n  const { amountValueColor } = getTextColorProps({\n    color,\n  });\n\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isDesktop = matchedDeviceType === 'desktop';\n\n  const renderedValue = getAmountByParts({ suffix, value, currency, fractionDigits });\n  const isPrefixSymbol = renderedValue.isPrefixSymbol ?? true;\n  const currencySymbol = renderedValue.currency ?? currency;\n\n  const currencyPosition = isPrefixSymbol ? 'left' : 'right';\n  const currencySymbolOrCode = currencyIndicator === 'currency-symbol' ? currencySymbol : currency;\n\n  // Get currency font size - use subtle sizes when isAffixSubtle, otherwise hardcoded values\n  const getCurrencyFontProps = (): {\n    fontSize: keyof FontSize | undefined;\n    style: { fontSize: string } | undefined;\n  } => {\n    if (isAffixSubtle) {\n      return {\n        fontSize: subtleFontSizes[type][size],\n        style: undefined,\n      };\n    }\n\n    const hardcodedSize = currencyHardcodedSizes[type][size];\n    return {\n      fontSize: normalAmountSizes[type][size], // Fallback for token-based rendering\n      style: hardcodedSize\n        ? { fontSize: `${hardcodedSize[isDesktop ? 'desktop' : 'mobile']}px` }\n        : undefined,\n    };\n  };\n\n  const currencyFontProps = getCurrencyFontProps();\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      flexDirection=\"row\"\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n        position=\"relative\"\n      >\n        {renderedValue.minusSign ? (\n          <BaseText\n            fontSize={normalAmountSizes[type][size]}\n            fontWeight={weight}\n            lineHeight={amountLineHeights[type][size]}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            marginX=\"spacing.2\"\n          >\n            {renderedValue.minusSign}\n          </BaseText>\n        ) : null}\n        {currencyPosition === 'left' && (\n          <BaseText\n            marginRight=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontProps.fontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[800] : 1}\n            style={currencyFontProps.style}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        <AmountValue\n          amount={renderedValue}\n          amountValueColor={amountValueColor}\n          type={type}\n          weight={weight}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\n          currency={currency}\n        />\n        {currencyPosition === 'right' && (\n          <BaseText\n            marginLeft=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontProps.fontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[800] : 1}\n            style={currencyFontProps.style}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        {isStrikethrough && (\n          // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n          // @ts-ignore: the borderBottomColor error below is thrown here as well\n          <BaseBox\n            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n            // @ts-ignore- intentionally setting the border color to the color prop for this hacky strikethrough\n            borderBottomColor={amountValueColor}\n            borderBottomWidth={type === 'body' ? 'thin' : 'thicker'}\n            borderBottomStyle=\"solid\"\n            position=\"absolute\"\n            width=\"100%\"\n            top=\"50%\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Amount = assignWithoutSideEffects(React.forwardRef(_Amount), {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["stripTrailingZerosFromParts","parts","decimalPart","rawParts","filter","_ref","type","map","_ref2","value","join","hasFraction","some","_ref3","test","decimal","fraction","_ref4","pollyfilledFormatNumberByParts","options","_options$intlOptions","formatNumberByParts","intlOptions","trailingZeroDisplay","getTextColorProps","_ref5","color","props","amountValueColor","AmountValue","_ref6","amount","_ref6$size","size","_ref6$type","_ref6$weight","weight","isAffixSubtle","suffix","isReactNative","getPlatformType","affixFontSize","subtleFontSizes","normalAmountSizes","numberFontFamily","AmountWrapper","Text","React","Fragment","_jsxs","children","_jsx","BaseText","fontSize","fontWeight","lineHeight","amountLineHeights","fontFamily","as","undefined","integer","opacity","compact","getAmountByParts","_ref7","currency","_ref7$fractionDigits","fractionDigits","maximumFractionDigits","minimumFractionDigits","notation","roundingMode","err","_Amount","_ref8","ref","_renderedValue$isPref","_renderedValue$curren","_ref8$suffix","_ref8$type","_ref8$size","_ref8$weight","_ref8$isAffixSubtle","_ref8$isStrikethrough","isStrikethrough","_ref8$currencyIndicat","currencyIndicator","_ref8$currency","_ref8$fractionDigits","testID","rest","_objectWithoutProperties","_excluded","__DEV__","throwBladeError","message","moduleName","bodySizes","objectKeysWithType","body","includes","displaySizes","display","headingSizes","heading","_getTextColorProps","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isDesktop","renderedValue","isPrefixSymbol","currencySymbol","currencyPosition","currencySymbolOrCode","getCurrencyFontProps","style","hardcodedSize","currencyHardcodedSizes","currencyFontProps","BaseBox","Object","assign","flexDirection","metaAttribute","name","MetaConstants","Amount","getStyledProps","makeAnalyticsAttribute","alignItems","position","minusSign","marginX","marginRight","marginLeft","borderBottomColor","borderBottomWidth","borderBottomStyle","width","top","assignWithoutSideEffects","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Amount/amountTokens.js

@@ -1,4 +1,4 @@
-var normalAmountSizes={body:{xsmall:25,small:75,medium:100,large:200},heading:{small:300,medium:400,large:500,xlarge:600,'2xlarge':700},display:{small:800,medium:900,large:1000,xlarge:1100}};var subtleFontSizes={body:{xsmall:normalAmountSizes.body.xsmall,small:normalAmountSizes.body.xsmall,medium:normalAmountSizes.body.xsmall,large:normalAmountSizes.body.small},heading:{small:normalAmountSizes.body.small,medium:normalAmountSizes.body.medium,large:normalAmountSizes.body.large,xlarge:normalAmountSizes.heading.medium,'2xlarge':normalAmountSizes.heading.large},display:{small:normalAmountSizes.heading.xlarge,medium:normalAmountSizes.heading['2xlarge'],large:normalAmountSizes.heading['2xlarge'],xlarge:normalAmountSizes.display.small}};var amountLineHeights={body:{xsmall:25,small:75,medium:100,large:200},heading:{small:300,medium:400,large:500,xlarge:600,'2xlarge':700},display:{small:800,medium:900,large:1000,xlarge:1100}};
+var normalAmountSizes={body:{xsmall:25,small:75,medium:100,large:200},heading:{small:300,medium:400,large:500,xlarge:600,'2xlarge':700},display:{small:800,medium:900,large:1000,xlarge:1100}};var currencyHardcodedSizes={body:{xsmall:{desktop:10,mobile:10},small:{desktop:10,mobile:10},medium:{desktop:10,mobile:10},large:{desktop:12,mobile:12}},heading:{small:{desktop:17,mobile:15},medium:{desktop:19,mobile:17},large:{desktop:22,mobile:19},xlarge:{desktop:30,mobile:22},'2xlarge':{desktop:37,mobile:30}},display:{small:{desktop:45,mobile:32},medium:{desktop:52,mobile:34},large:{desktop:60,mobile:37},xlarge:{desktop:66,mobile:37}}};var subtleFontSizes={body:{xsmall:normalAmountSizes.body.xsmall,small:normalAmountSizes.body.xsmall,medium:normalAmountSizes.body.xsmall,large:normalAmountSizes.body.small},heading:{small:normalAmountSizes.body.small,medium:normalAmountSizes.body.medium,large:normalAmountSizes.body.large,xlarge:normalAmountSizes.heading.medium,'2xlarge':normalAmountSizes.heading.large},display:{small:normalAmountSizes.heading.xlarge,medium:normalAmountSizes.heading['2xlarge'],large:normalAmountSizes.heading['2xlarge'],xlarge:normalAmountSizes.display.small}};var amountLineHeights={body:{xsmall:25,small:75,medium:100,large:200},heading:{small:300,medium:400,large:500,xlarge:600,'2xlarge':700},display:{small:800,medium:900,large:1000,xlarge:1100}};
 
-export { amountLineHeights, normalAmountSizes, subtleFontSizes };
+export { amountLineHeights, currencyHardcodedSizes, normalAmountSizes, subtleFontSizes };
 //# sourceMappingURL=amountTokens.js.map

package/build/lib/native/components/Amount/amountTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"amountTokens.js","sources":["../../../../../src/components/Amount/amountTokens.ts"],"sourcesContent":["import type { FontSize, Typography } from '~tokens/global';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\ntype AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';\n\ntype AmountDisplayProps = {\n  type?: 'display';\n  size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountHeadingProps = {\n  type?: 'heading';\n  size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;\n};\n\ntype AmountBodyProps = {\n  type?: 'body';\n  size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;\n\nconst normalAmountSizes: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n  body: {\n    xsmall: 25,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n  heading: {\n    small: 300,\n    medium: 400,\n    large: 500,\n    xlarge: 600,\n    '2xlarge': 700,\n  },\n  display: {\n    small: 800,\n    medium: 900,\n    large: 1000,\n    xlarge: 1100,\n  },\n};\n\nconst subtleFontSizes: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n  body: {\n    xsmall: normalAmountSizes.body.xsmall,\n    small: normalAmountSizes.body.xsmall,\n    medium: normalAmountSizes.body.xsmall,\n    large: normalAmountSizes.body.small,\n  },\n  heading: {\n    small: normalAmountSizes.body.small,\n    medium: normalAmountSizes.body.medium,\n    large: normalAmountSizes.body.large,\n    xlarge: normalAmountSizes.heading.medium,\n    '2xlarge': normalAmountSizes.heading.large,\n  },\n  display: {\n    small: normalAmountSizes.heading.xlarge,\n    medium: normalAmountSizes.heading['2xlarge'],\n    large: normalAmountSizes.heading['2xlarge'],\n    xlarge: normalAmountSizes.display.small,\n  },\n};\n\nconst amountLineHeights: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof Typography['lineHeights']>>\n> = {\n  body: {\n    xsmall: 25,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n  heading: {\n    small: 300,\n    medium: 400,\n    large: 500,\n    xlarge: 600,\n    '2xlarge': 700,\n  },\n  display: {\n    small: 800,\n    medium: 900,\n    large: 1000,\n    xlarge: 1100,\n  },\n};\n\nexport { subtleFontSizes, normalAmountSizes, amountLineHeights };\n\nexport type { AmountBodyProps, AmountDisplayProps, AmountHeadingProps, AmountTypeProps };\n"],"names":["normalAmountSizes","body","xsmall","small","medium","large","heading","xlarge","display","subtleFontSizes","amountLineHeights"],"mappings":"AAyBM,IAAAA,iBAGL,CAAG,CACFC,IAAI,CAAE,CACJC,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GACT,CAAC,CACDC,OAAO,CAAE,CACPH,KAAK,CAAE,GAAG,CACVC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GAAG,CACVE,MAAM,CAAE,GAAG,CACX,SAAS,CAAE,GACb,CAAC,CACDC,OAAO,CAAE,CACPL,KAAK,CAAE,GAAG,CACVC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,IAAI,CACXE,MAAM,CAAE,IACV,CACF,EAEM,IAAAE,eAGL,CAAG,CACFR,IAAI,CAAE,CACJC,MAAM,CAAEF,iBAAiB,CAACC,IAAI,CAACC,MAAM,CACrCC,KAAK,CAAEH,iBAAiB,CAACC,IAAI,CAACC,MAAM,CACpCE,MAAM,CAAEJ,iBAAiB,CAACC,IAAI,CAACC,MAAM,CACrCG,KAAK,CAAEL,iBAAiB,CAACC,IAAI,CAACE,KAChC,CAAC,CACDG,OAAO,CAAE,CACPH,KAAK,CAAEH,iBAAiB,CAACC,IAAI,CAACE,KAAK,CACnCC,MAAM,CAAEJ,iBAAiB,CAACC,IAAI,CAACG,MAAM,CACrCC,KAAK,CAAEL,iBAAiB,CAACC,IAAI,CAACI,KAAK,CACnCE,MAAM,CAAEP,iBAAiB,CAACM,OAAO,CAACF,MAAM,CACxC,SAAS,CAAEJ,iBAAiB,CAACM,OAAO,CAACD,KACvC,CAAC,CACDG,OAAO,CAAE,CACPL,KAAK,CAAEH,iBAAiB,CAACM,OAAO,CAACC,MAAM,CACvCH,MAAM,CAAEJ,iBAAiB,CAACM,OAAO,CAAC,SAAS,CAAC,CAC5CD,KAAK,CAAEL,iBAAiB,CAACM,OAAO,CAAC,SAAS,CAAC,CAC3CC,MAAM,CAAEP,iBAAiB,CAACQ,OAAO,CAACL,KACpC,CACF,EAEM,IAAAO,iBAGL,CAAG,CACFT,IAAI,CAAE,CACJC,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GACT,CAAC,CACDC,OAAO,CAAE,CACPH,KAAK,CAAE,GAAG,CACVC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GAAG,CACVE,MAAM,CAAE,GAAG,CACX,SAAS,CAAE,GACb,CAAC,CACDC,OAAO,CAAE,CACPL,KAAK,CAAE,GAAG,CACVC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,IAAI,CACXE,MAAM,CAAE,IACV,CACF;;;;"}
+{"version":3,"file":"amountTokens.js","sources":["../../../../../src/components/Amount/amountTokens.ts"],"sourcesContent":["import type { FontSize, Typography } from '~tokens/global';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\ntype AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';\n\ntype AmountDisplayProps = {\n  type?: 'display';\n  size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountHeadingProps = {\n  type?: 'heading';\n  size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;\n};\n\ntype AmountBodyProps = {\n  type?: 'body';\n  size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;\n\nconst normalAmountSizes: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n  body: {\n    xsmall: 25,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n  heading: {\n    small: 300,\n    medium: 400,\n    large: 500,\n    xlarge: 600,\n    '2xlarge': 700,\n  },\n  display: {\n    small: 800,\n    medium: 900,\n    large: 1000,\n    xlarge: 1100,\n  },\n};\n\n/**\n * Hardcoded pixel values for currency symbols to match exact Figma specifications.\n * These values provide precise visual alignment that standard tokens cannot achieve.\n *\n * Used when `isAffixSubtle={false}` - currency symbols are slightly smaller than main number.\n */\nconst currencyHardcodedSizes: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, { desktop: number; mobile: number }>>\n> = {\n  body: {\n    xsmall: { desktop: 10, mobile: 10 },\n    small: { desktop: 10, mobile: 10 },\n    medium: { desktop: 10, mobile: 10 },\n    large: { desktop: 12, mobile: 12 },\n  },\n  heading: {\n    small: { desktop: 17, mobile: 15 },\n    medium: { desktop: 19, mobile: 17 },\n    large: { desktop: 22, mobile: 19 },\n    xlarge: { desktop: 30, mobile: 22 },\n    '2xlarge': { desktop: 37, mobile: 30 },\n  },\n  display: {\n    small: { desktop: 45, mobile: 32 },\n    medium: { desktop: 52, mobile: 34 },\n    large: { desktop: 60, mobile: 37 },\n    xlarge: { desktop: 66, mobile: 37 },\n  },\n};\n\nconst subtleFontSizes: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n  body: {\n    xsmall: normalAmountSizes.body.xsmall,\n    small: normalAmountSizes.body.xsmall,\n    medium: normalAmountSizes.body.xsmall,\n    large: normalAmountSizes.body.small,\n  },\n  heading: {\n    small: normalAmountSizes.body.small,\n    medium: normalAmountSizes.body.medium,\n    large: normalAmountSizes.body.large,\n    xlarge: normalAmountSizes.heading.medium,\n    '2xlarge': normalAmountSizes.heading.large,\n  },\n  display: {\n    small: normalAmountSizes.heading.xlarge,\n    medium: normalAmountSizes.heading['2xlarge'],\n    large: normalAmountSizes.heading['2xlarge'],\n    xlarge: normalAmountSizes.display.small,\n  },\n};\n\nconst amountLineHeights: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof Typography['lineHeights']>>\n> = {\n  body: {\n    xsmall: 25,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n  heading: {\n    small: 300,\n    medium: 400,\n    large: 500,\n    xlarge: 600,\n    '2xlarge': 700,\n  },\n  display: {\n    small: 800,\n    medium: 900,\n    large: 1000,\n    xlarge: 1100,\n  },\n};\n\nexport { subtleFontSizes, normalAmountSizes, currencyHardcodedSizes, amountLineHeights };\n\nexport type { AmountBodyProps, AmountDisplayProps, AmountHeadingProps, AmountTypeProps };\n"],"names":["normalAmountSizes","body","xsmall","small","medium","large","heading","xlarge","display","currencyHardcodedSizes","desktop","mobile","subtleFontSizes","amountLineHeights"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { StyledBadge } from './StyledBadge.native.js';
-import { badgeHeight, horizontalPadding, iconPadding, iconSize } from './badgeTokens.js';
+import { badgeHeight, horizontalPadding, iconSize, textHorizontalMargin } from './badgeTokens.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
@@ -23,7 +23,7 @@ import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/a
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["children","emphasis","icon","size","color","testID"];var getColorProps=function getColorProps(_ref){var color=_ref.color,emphasis=_ref.emphasis;var props={iconColor:'feedback.icon.neutral.intense',textColor:'feedback.text.neutral.intense',backgroundColor:'feedback.background.neutral.subtle'};if(color==='primary'){props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`surface.text.primary.normal`;props.iconColor=emphasis==='intense'?`surface.icon.staticWhite.normal`:`surface.icon.primary.normal`;props.backgroundColor=`surface.background.primary.${emphasis}`;}else {props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`feedback.text.${color}.intense`;props.iconColor=emphasis==='intense'?`surface.icon.staticWhite.normal`:`feedback.icon.${color}.intense`;props.backgroundColor=`feedback.background.${color}.${emphasis}`;}return props;};var _Badge=function _Badge(_ref2,ref){var children=_ref2.children,_ref2$emphasis=_ref2.emphasis,emphasis=_ref2$emphasis===void 0?'subtle':_ref2$emphasis,Icon=_ref2.icon,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,testID=_ref2.testID,props=_objectWithoutProperties(_ref2,_excluded);var childrenString=getStringFromReactText(children);if(__DEV__){if(!(childrenString!=null&&childrenString.trim())){throwBladeError({message:'Text as children is required for Badge.',moduleName:'Badge'});}}var _getColorProps=getColorProps({color:color,emphasis:emphasis}),backgroundColor=_getColorProps.backgroundColor,iconColor=_getColorProps.iconColor,textColor=_getColorProps.textColor;var badgeTextSizes={xsmall:{variant:'body',size:'xsmall'},small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'small'}};return jsx(BaseBox,Object.assign({ref:ref,display:isReactNative()?'flex':'inline-flex'},metaAttribute({name:MetaConstants.Badge,testID:testID}),getStyledProps(props),makeAnalyticsAttribute(props),{children:jsx(StyledBadge,{height:makeSize(badgeHeight[size]),backgroundColor:backgroundColor,size:size,textAlign:'left',children:jsxs(BaseBox,{paddingX:horizontalPadding[size],display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:[Icon?jsx(BaseBox,{paddingRight:Boolean(Icon)?iconPadding[size]:'spacing.0',display:"flex",children:jsx(Icon,{color:iconColor,size:iconSize[size]})}):null,jsx(Text,Object.assign({},badgeTextSizes[size],{weight:"medium",truncateAfterLines:1,color:textColor,children:children}))]})})}));};var Badge=assignWithoutSideEffects(React__default.forwardRef(_Badge),{displayName:'Badge',componentId:'Badge'});
+var _excluded=["children","emphasis","icon","size","color","testID"];var getColorProps=function getColorProps(_ref){var color=_ref.color,emphasis=_ref.emphasis;var props={iconColor:'feedback.icon.neutral.intense',textColor:'feedback.text.neutral.intense',backgroundColor:'feedback.background.neutral.subtle'};if(color==='primary'){props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`surface.text.primary.normal`;props.iconColor=emphasis==='intense'?`surface.icon.staticWhite.normal`:`surface.icon.primary.normal`;props.backgroundColor=`surface.background.primary.${emphasis}`;}else {props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`feedback.text.${color}.intense`;props.iconColor=emphasis==='intense'?`surface.icon.staticWhite.normal`:`feedback.icon.${color}.intense`;props.backgroundColor=`feedback.background.${color}.${emphasis}`;}return props;};var _Badge=function _Badge(_ref2,ref){var children=_ref2.children,_ref2$emphasis=_ref2.emphasis,emphasis=_ref2$emphasis===void 0?'subtle':_ref2$emphasis,Icon=_ref2.icon,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,testID=_ref2.testID,props=_objectWithoutProperties(_ref2,_excluded);var childrenString=getStringFromReactText(children);if(__DEV__){if(!(childrenString!=null&&childrenString.trim())){throwBladeError({message:'Text as children is required for Badge.',moduleName:'Badge'});}}var _getColorProps=getColorProps({color:color,emphasis:emphasis}),backgroundColor=_getColorProps.backgroundColor,iconColor=_getColorProps.iconColor,textColor=_getColorProps.textColor;var badgeTextSizes={xsmall:{variant:'body',size:'xsmall'},small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'small'}};return jsx(BaseBox,Object.assign({ref:ref,display:isReactNative()?'flex':'inline-flex'},metaAttribute({name:MetaConstants.Badge,testID:testID}),getStyledProps(props),makeAnalyticsAttribute(props),{children:jsx(StyledBadge,{height:makeSize(badgeHeight[size]),backgroundColor:backgroundColor,size:size,textAlign:'left',children:jsxs(BaseBox,{paddingX:horizontalPadding[size],display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:[Icon?jsx(BaseBox,{display:"flex",children:jsx(Icon,{color:iconColor,size:iconSize[size]})}):null,jsx(Text,Object.assign({},badgeTextSizes[size],{weight:emphasis==='intense'?'regular':'medium',truncateAfterLines:1,color:textColor,marginX:textHorizontalMargin[size],children:children}))]})})}));};var Badge=assignWithoutSideEffects(React__default.forwardRef(_Badge),{displayName:'Badge',componentId:'Badge'});
 
 export { Badge };
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type { StyledBadgeProps } from './types';\nimport { StyledBadge } from './StyledBadge';\nimport { iconPadding, iconSize, horizontalPadding, badgeHeight } from './badgeTokens';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type {\n  DataAnalyticsAttribute,\n  BladeElementRef,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative, makeSize } from '~utils';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BadgeProps = {\n  /**\n   * Sets the label for the badge.\n   *\n   */\n  children: StringChildrenType;\n  /**\n   * Sets the color of the badge.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the badge.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the badge.\n   *\n   * @default 'medium'\n   */\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  /**\n   * Icon to be displayed in the badge.\n   * Accepts a component of type `IconComponent` from Blade.\n   *\n   */\n  icon?: IconComponent;\n} & TestID &\n  StyledPropsBlade &\n  DataAnalyticsAttribute;\n\ntype ColorProps = {\n  iconColor: IconProps['color'];\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledBadgeProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color,\n  emphasis,\n}: {\n  color: NonNullable<BadgeProps['color']>;\n  emphasis: NonNullable<BadgeProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    iconColor: 'feedback.icon.neutral.intense',\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `surface.icon.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `feedback.icon.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n\n  return props;\n};\n\nconst _Badge = (\n  {\n    children,\n    emphasis = 'subtle',\n    icon: Icon,\n    size = 'medium',\n    color = 'neutral',\n    testID,\n    ...props\n  }: BadgeProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const childrenString = getStringFromReactText(children);\n  if (__DEV__) {\n    if (!childrenString?.trim()) {\n      throwBladeError({\n        message: 'Text as children is required for Badge.',\n        moduleName: 'Badge',\n      });\n    }\n  }\n\n  const { backgroundColor, iconColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const badgeTextSizes = {\n    xsmall: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'small',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Badge, testID })}\n      {...getStyledProps(props)}\n      {...makeAnalyticsAttribute(props)}\n    >\n      <StyledBadge\n        height={makeSize(badgeHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        textAlign={'left' as never}\n      >\n        <BaseBox\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          {Icon ? (\n            <BaseBox paddingRight={Boolean(Icon) ? iconPadding[size] : 'spacing.0'} display=\"flex\">\n              <Icon color={iconColor} size={iconSize[size]} />\n            </BaseBox>\n          ) : null}\n          <Text {...badgeTextSizes[size]} weight=\"medium\" truncateAfterLines={1} color={textColor}>\n            {children}\n          </Text>\n        </BaseBox>\n      </StyledBadge>\n    </BaseBox>\n  );\n};\n\nconst Badge = assignWithoutSideEffects(React.forwardRef(_Badge), {\n  displayName: 'Badge',\n  componentId: 'Badge',\n});\n\nexport type { BadgeProps };\nexport { Badge };\n"],"names":["getColorProps","_ref","color","emphasis","props","iconColor","textColor","backgroundColor","_Badge","_ref2","ref","children","_ref2$emphasis","Icon","icon","_ref2$size","size","_ref2$color","testID","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","__DEV__","trim","throwBladeError","message","moduleName","_getColorProps","badgeTextSizes","xsmall","variant","small","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Badge","getStyledProps","makeAnalyticsAttribute","StyledBadge","height","makeSize","badgeHeight","textAlign","_jsxs","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","paddingRight","Boolean","iconPadding","iconSize","Text","weight","truncateAfterLines","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type { StyledBadgeProps } from './types';\nimport { StyledBadge } from './StyledBadge';\nimport { textHorizontalMargin, iconSize, horizontalPadding, badgeHeight } from './badgeTokens';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type {\n  DataAnalyticsAttribute,\n  BladeElementRef,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative, makeSize } from '~utils';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BadgeProps = {\n  /**\n   * Sets the label for the badge.\n   *\n   */\n  children: StringChildrenType;\n  /**\n   * Sets the color of the badge.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the badge.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the badge.\n   *\n   * @default 'medium'\n   */\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  /**\n   * Icon to be displayed in the badge.\n   * Accepts a component of type `IconComponent` from Blade.\n   *\n   */\n  icon?: IconComponent;\n} & TestID &\n  StyledPropsBlade &\n  DataAnalyticsAttribute;\n\ntype ColorProps = {\n  iconColor: IconProps['color'];\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledBadgeProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color,\n  emphasis,\n}: {\n  color: NonNullable<BadgeProps['color']>;\n  emphasis: NonNullable<BadgeProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    iconColor: 'feedback.icon.neutral.intense',\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `surface.icon.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `feedback.icon.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n\n  return props;\n};\n\nconst _Badge = (\n  {\n    children,\n    emphasis = 'subtle',\n    icon: Icon,\n    size = 'medium',\n    color = 'neutral',\n    testID,\n    ...props\n  }: BadgeProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const childrenString = getStringFromReactText(children);\n  if (__DEV__) {\n    if (!childrenString?.trim()) {\n      throwBladeError({\n        message: 'Text as children is required for Badge.',\n        moduleName: 'Badge',\n      });\n    }\n  }\n\n  const { backgroundColor, iconColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const badgeTextSizes = {\n    xsmall: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'small',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Badge, testID })}\n      {...getStyledProps(props)}\n      {...makeAnalyticsAttribute(props)}\n    >\n      <StyledBadge\n        height={makeSize(badgeHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        textAlign={'left' as never}\n      >\n        <BaseBox\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          {Icon ? (\n            <BaseBox display=\"flex\">\n              <Icon color={iconColor} size={iconSize[size]} />\n            </BaseBox>\n          ) : null}\n          <Text\n            {...badgeTextSizes[size]}\n            weight={emphasis === 'intense' ? 'regular' : 'medium'}\n            truncateAfterLines={1}\n            color={textColor}\n            marginX={textHorizontalMargin[size]}\n          >\n            {children}\n          </Text>\n        </BaseBox>\n      </StyledBadge>\n    </BaseBox>\n  );\n};\n\nconst Badge = assignWithoutSideEffects(React.forwardRef(_Badge), {\n  displayName: 'Badge',\n  componentId: 'Badge',\n});\n\nexport type { BadgeProps };\nexport { Badge };\n"],"names":["getColorProps","_ref","color","emphasis","props","iconColor","textColor","backgroundColor","_Badge","_ref2","ref","children","_ref2$emphasis","Icon","icon","_ref2$size","size","_ref2$color","testID","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","__DEV__","trim","throwBladeError","message","moduleName","_getColorProps","badgeTextSizes","xsmall","variant","small","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Badge","getStyledProps","makeAnalyticsAttribute","StyledBadge","height","makeSize","badgeHeight","textAlign","_jsxs","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","iconSize","Text","weight","truncateAfterLines","marginX","textHorizontalMargin","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Badge/badgeTokens.js

@@ -1,6 +1,6 @@
 import { size } from '../../tokens/global/size.js';
 
-var badgeHeight={xsmall:size[14],small:size[16],medium:size[20],large:size[24]};var horizontalPadding={xsmall:'spacing.2',small:'spacing.3',medium:'spacing.3',large:'spacing.4'};var iconPadding={xsmall:'spacing.1',small:'spacing.1',medium:'spacing.2',large:'spacing.2'};var iconSize={xsmall:'xsmall',small:'xsmall',medium:'small',large:'small'};
+var badgeHeight={xsmall:size[14],small:size[16],medium:size[20],large:size[24]};var horizontalPadding={xsmall:'spacing.2',small:'spacing.2',medium:'spacing.2',large:'spacing.3'};var textHorizontalMargin={xsmall:'spacing.1',small:'spacing.1',medium:'spacing.2',large:'spacing.2'};var iconSize={xsmall:'xsmall',small:'xsmall',medium:'small',large:'small'};
 
-export { badgeHeight, horizontalPadding, iconPadding, iconSize };
+export { badgeHeight, horizontalPadding, iconSize, textHorizontalMargin };
 //# sourceMappingURL=badgeTokens.js.map

package/build/lib/native/components/Badge/badgeTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"badgeTokens.js","sources":["../../../../../src/components/Badge/badgeTokens.ts"],"sourcesContent":["import type { BadgeProps } from './Badge';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { IconProps } from '~components/Icons';\nimport { size } from '~tokens/global/size';\n\nconst badgeHeight: Record<NonNullable<BadgeProps['size']>, number> = {\n  xsmall: size[14],\n  small: size[16],\n  medium: size[20],\n  large: size[24],\n};\n\nconst horizontalPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  xsmall: 'spacing.2',\n  small: 'spacing.3',\n  medium: 'spacing.3',\n  large: 'spacing.4',\n};\n\nconst iconPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  xsmall: 'spacing.1',\n  small: 'spacing.1',\n  medium: 'spacing.2',\n  large: 'spacing.2',\n};\n\nconst iconSize: Record<NonNullable<BadgeProps['size']>, IconProps['size']> = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'small',\n};\n\nexport { badgeHeight, horizontalPadding, iconPadding, iconSize };\n"],"names":["badgeHeight","xsmall","size","small","medium","large","horizontalPadding","iconPadding","iconSize"],"mappings":";;AAKM,IAAAA,WAA4D,CAAG,CACnEC,MAAM,CAAEC,IAAI,CAAC,EAAE,CAAC,CAChBC,KAAK,CAAED,IAAI,CAAC,EAAE,CAAC,CACfE,MAAM,CAAEF,IAAI,CAAC,EAAE,CAAC,CAChBG,KAAK,CAAEH,IAAI,CAAC,EAAE,CAChB,EAEM,IAAAI,iBAAyF,CAAG,CAChGL,MAAM,CAAE,WAAW,CACnBE,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAE,WAAmF,CAAG,CAC1FN,MAAM,CAAE,WAAW,CACnBE,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAG,QAAoE,CAAG,CAC3EP,MAAM,CAAE,QAAQ,CAChBE,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OACT;;;;"}
+{"version":3,"file":"badgeTokens.js","sources":["../../../../../src/components/Badge/badgeTokens.ts"],"sourcesContent":["import type { BadgeProps } from './Badge';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { IconProps } from '~components/Icons';\nimport { size } from '~tokens/global/size';\n\nconst badgeHeight: Record<NonNullable<BadgeProps['size']>, number> = {\n  xsmall: size[14],\n  small: size[16],\n  medium: size[20],\n  large: size[24],\n};\n\nconst horizontalPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  xsmall: 'spacing.2',\n  small: 'spacing.2',\n  medium: 'spacing.2',\n  large: 'spacing.3',\n};\n\nconst textHorizontalMargin: Record<\n  NonNullable<BadgeProps['size']>,\n  DotNotationSpacingStringToken\n> = {\n  xsmall: 'spacing.1',\n  small: 'spacing.1',\n  medium: 'spacing.2',\n  large: 'spacing.2',\n};\n\nconst iconSize: Record<NonNullable<BadgeProps['size']>, IconProps['size']> = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'small',\n};\n\nexport { badgeHeight, horizontalPadding, textHorizontalMargin, iconSize };\n"],"names":["badgeHeight","xsmall","size","small","medium","large","horizontalPadding","textHorizontalMargin","iconSize"],"mappings":";;AAKM,IAAAA,WAA4D,CAAG,CACnEC,MAAM,CAAEC,IAAI,CAAC,EAAE,CAAC,CAChBC,KAAK,CAAED,IAAI,CAAC,EAAE,CAAC,CACfE,MAAM,CAAEF,IAAI,CAAC,EAAE,CAAC,CAChBG,KAAK,CAAEH,IAAI,CAAC,EAAE,CAChB,EAEM,IAAAI,iBAAyF,CAAG,CAChGL,MAAM,CAAE,WAAW,CACnBE,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAE,oBAGL,CAAG,CACFN,MAAM,CAAE,WAAW,CACnBE,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAG,QAAoE,CAAG,CAC3EP,MAAM,CAAE,QAAQ,CAChBE,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OACT;;;;"}

package/build/lib/native/components/BaseHeaderFooter/BaseHeader.js

@@ -454,11 +454,11 @@ import 'react-native';
 import { throwBladeError, logger } from '../../utils/logger/logger.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../BladeProvider/useTheme.js';
-import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
+import '../BladeProvider/useTheme.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { jsxs, jsx } from 'react/jsx-runtime';