@razorpay/blade 10.23.5 → 11.1.0

package/build/lib/web/development/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 { Fragment, useState } from 'react';\n\nimport { StyledAlert } from './StyledAlert';\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 { Heading, Text } from '~components/Typography';\nimport BaseButton from '~components/Button/BaseButton';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport type { ColorContrastTypes, Feedback } from '~tokens/theme/theme';\nimport { useTheme } from '~components/BladeProvider';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\ntype Nullable<Type> = Type | null;\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 set to `high` for a more prominent look. Not to be confused with a11y contrast.\n   *\n   * @default low\n   */\n  contrast?: ColorContrastTypes;\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   * This prop is deprecated in favor of the `color` prop.\n   *\n   * @deprecated Use `color` instead\n   * @default neutral\n   */\n  intent?: Feedback;\n\n  /**\n   * Sets the color tone\n   */\n  color?: Feedback;\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    /**\n     * Renders a Link button\n     */\n    secondary?: SecondaryAction;\n  };\n} & TestID &\n  StyledPropsBlade;\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  description,\n  title,\n  isDismissible = true,\n  onDismiss,\n  contrast = 'low',\n  isFullWidth = false,\n  // TODO: Remove intent prop in favor of color in the next major release\n  intent = 'neutral',\n  color,\n  actions,\n  testID,\n  ...styledProps\n}: AlertProps): ReactElement | null => {\n  if (__DEV__) {\n    if (!actions?.primary && actions?.secondary) {\n      throwBladeError({\n        message: 'SecondaryAction is allowed only when PrimaryAction is defined.',\n        moduleName: 'Alert',\n      });\n    }\n  }\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isDesktop = matchedDeviceType === 'desktop';\n  const isMobile = !isDesktop;\n\n  const [isVisible, setIsVisible] = useState(true);\n  const contrastType = `${contrast}Contrast` as const;\n  const iconSize = isFullWidth ? 'large' : 'medium';\n  const textSize = isFullWidth ? 'medium' : 'small';\n  const alertColor = color ?? intent;\n\n  const Icon = intentIconMap[alertColor];\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.0';\n  }\n\n  const icon = (\n    <BaseBox marginTop={iconOffset} display=\"flex\">\n      <Icon color={`feedback.icon.${alertColor}.${contrastType}`} size={iconSize} />\n    </BaseBox>\n  );\n\n  const _title = title ? (\n    <BaseBox marginBottom=\"spacing.2\">\n      {isFullWidth ? (\n        <Heading type=\"subtle\" size=\"small\" contrast={contrast}>\n          {title}\n        </Heading>\n      ) : (\n        <Text type=\"subtle\" weight=\"bold\" contrast={contrast}>\n          {title}\n        </Text>\n      )}\n    </BaseBox>\n  ) : null;\n\n  const _description = (\n    <BaseBox marginTop={title || isReactNative ? 'spacing.0' : 'spacing.1'}>\n      <Text type=\"subtle\" size={textSize} contrast={contrast}>\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={textSize}\n        onClick={actions.primary.onClick}\n        color={alertColor}\n        variant={contrast === 'high' ? 'primary' : 'secondary'}\n      >\n        {actions.primary.text}\n      </BaseButton>\n    </BaseBox>\n  ) : null;\n\n  const secondaryActionParams: Nullable<Partial<SecondaryActionLinkButton>> = 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  const secondaryAction = actions?.secondary ? (\n    <BaseBox\n      marginRight=\"spacing.4\"\n      display={isReactNative ? castNativeType('flex') : castWebType('inline-flex')}\n    >\n      <BaseLink\n        size={textSize}\n        color={contrast === 'high' ? 'white' : alertColor}\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        contrast={contrast}\n        size={iconSize}\n        icon={CloseIcon}\n      />\n    </CloseButtonWrapper>\n  ) : null;\n\n  const a11yProps = makeAccessible({\n    // React Native doesn't has status as role\n    role:\n      isReactNative || alertColor === 'negative' || alertColor === 'notice' ? 'alert' : 'status',\n    // override the implicit live region of role `alert`\n    ...(alertColor === 'notice' && { liveRegion: 'polite' }),\n  });\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <BaseBox\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Alert, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledAlert\n        color={alertColor}\n        contrastType={contrastType}\n        isFullWidth={isFullWidth}\n        isDesktop={isDesktop}\n        textAlign={'left' as never}\n      >\n        {icon}\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\nexport type { AlertProps };\nexport { Alert };\n"],"names":["isReactNative","getPlatformType","CloseButtonWrapper","BaseBox","Fragment","intentIconMap","positive","CheckCircleIcon","negative","AlertOctagonIcon","information","InfoIcon","neutral","notice","AlertTriangleIcon","Alert","_ref","description","title","_ref$isDismissible","isDismissible","onDismiss","_ref$contrast","contrast","_ref$isFullWidth","isFullWidth","_ref$intent","intent","color","actions","testID","styledProps","_objectWithoutProperties","_excluded","primary","secondary","throwBladeError","message","moduleName","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isDesktop","isMobile","_useState","useState","_useState2","_slicedToArray","isVisible","setIsVisible","contrastType","concat","iconSize","textSize","alertColor","Icon","iconOffset","icon","_jsx","marginTop","display","children","size","_title","marginBottom","Heading","type","Text","weight","_description","primaryAction","marginRight","castNativeType","castWebType","BaseButton","onClick","variant","text","secondaryActionParams","href","target","rel","secondaryAction","BaseLink","_objectSpread","showActionsHorizontal","actionsHorizontal","_jsxs","flexDirection","alignItems","actionsVertical","onClickDismiss","closeButton","IconButton","accessibilityLabel","CloseIcon","a11yProps","makeAccessible","role","liveRegion","metaAttribute","name","MetaConstants","getStyledProps","StyledAlert","textAlign","flex","paddingLeft","paddingRight"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ReactChild, ReactElement } from 'react';\nimport { Fragment, useState } from 'react';\n\nimport { StyledAlert } from './StyledAlert';\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 { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\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 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\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  description,\n  title,\n  isDismissible = true,\n  onDismiss,\n  emphasis = 'subtle',\n  isFullWidth = false,\n  color = 'neutral',\n  actions,\n  testID,\n  ...styledProps\n}: AlertProps): 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 = 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 icon = (\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      >\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      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Alert, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledAlert\n        color={color}\n        emphasis={emphasis}\n        isFullWidth={isFullWidth}\n        isDesktop={isDesktop}\n        textAlign={'left' as never}\n      >\n        {icon}\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\nexport type { AlertProps };\nexport { Alert };\n"],"names":["isReactNative","getPlatformType","CloseButtonWrapper","BaseBox","Fragment","intentIconMap","positive","CheckCircleIcon","negative","AlertOctagonIcon","information","InfoIcon","neutral","notice","AlertTriangleIcon","Alert","_ref","description","title","_ref$isDismissible","isDismissible","onDismiss","_ref$emphasis","emphasis","_ref$isFullWidth","isFullWidth","_ref$color","color","actions","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_useState","useState","_useState2","_slicedToArray","isVisible","setIsVisible","isDesktop","isMobile","Icon","iconOffset","shouldCenterAlign","alignment","icon","_jsx","display","alignSelf","marginTop","children","concat","size","textColor","_title","marginBottom","Text","weight","_description","primaryAction","primary","marginRight","castNativeType","castWebType","BaseButton","onClick","variant","text","secondaryActionParams","secondary","href","target","rel","secondaryAction","BaseLink","_objectSpread","showActionsHorizontal","actionsHorizontal","_jsxs","flexDirection","alignItems","actionsVertical","onClickDismiss","closeButton","IconButton","accessibilityLabel","CloseIcon","a11yProps","makeAccessible","role","liveRegion","metaAttribute","name","MetaConstants","getStyledProps","StyledAlert","textAlign","flex","paddingLeft","paddingRight"],"mappings":"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"}

package/build/lib/web/development/components/Alert/styles.js

@@ -10,18 +10,14 @@ import { makeSize } from '../../utils/makeSize/makeSize.js';
 var MAX_WIDTH = size[584];
 var getCommonStyles = function getCommonStyles(props) {
   var theme = props.theme,
-    contrastType = props.contrastType,
+    emphasis = props.emphasis,
     color = props.color,
     isFullWidth = props.isFullWidth,
     isDesktop = props.isDesktop;
-  var feedbackColors = theme.colors.feedback;
   return {
-    background: feedbackColors.background[color][contrastType],
-    padding: isFullWidth ? "".concat(makeSpace(theme.spacing[4]), " ").concat(makeSpace(theme.spacing[5])) : "".concat(makeSpace(theme.spacing[3]), " ").concat(makeSpace(theme.spacing[3]), " ").concat(makeSpace(theme.spacing[4]), " ").concat(makeSpace(theme.spacing[3])),
+    background: theme.colors.feedback.background[color][emphasis],
+    padding: makeSpace(theme.spacing[4]),
     borderRadius: makeBorderSize(isFullWidth ? theme.border.radius.none : theme.border.radius.medium),
-    borderColor: feedbackColors.border[color][contrastType],
-    borderWidth: makeBorderSize(isFullWidth ? theme.border.width.none : theme.border.width.thin),
-    borderStyle: 'solid',
     display: 'flex',
     flexDirection: 'row',
     maxWidth: isFullWidth ? 'auto' : makeSize(MAX_WIDTH),

package/build/lib/web/development/components/Alert/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Alert/styles.ts"],"sourcesContent":["import type { CSSObject, StyledProps } from 'styled-components';\n\nimport type { StyledAlertProps } from './types';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { size } from '~tokens/global';\n\nconst MAX_WIDTH = size[584];\n\nexport const getCommonStyles = (props: StyledProps<StyledAlertProps>): CSSObject => {\n  const { theme, contrastType, color, isFullWidth, isDesktop } = props;\n\n  const feedbackColors = theme.colors.feedback;\n\n  return {\n    background: feedbackColors.background[color][contrastType],\n    padding: isFullWidth\n      ? `${makeSpace(theme.spacing[4])} ${makeSpace(theme.spacing[5])}`\n      : `${makeSpace(theme.spacing[3])} ${makeSpace(theme.spacing[3])} ${makeSpace(\n          theme.spacing[4],\n        )} ${makeSpace(theme.spacing[3])}`,\n    borderRadius: makeBorderSize(\n      isFullWidth ? theme.border.radius.none : theme.border.radius.medium,\n    ),\n    borderColor: feedbackColors.border[color][contrastType],\n    borderWidth: makeBorderSize(isFullWidth ? theme.border.width.none : theme.border.width.thin),\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    maxWidth: isFullWidth ? 'auto' : makeSize(MAX_WIDTH),\n    width: isFullWidth ? '100%' : undefined,\n    alignItems: isFullWidth && isDesktop ? 'center' : 'flex-start',\n    boxSizing: 'border-box',\n  };\n};\n"],"names":["MAX_WIDTH","size","getCommonStyles","props","theme","contrastType","color","isFullWidth","isDesktop","feedbackColors","colors","feedback","background","padding","concat","makeSpace","spacing","borderRadius","makeBorderSize","border","radius","none","medium","borderColor","borderWidth","width","thin","borderStyle","display","flexDirection","maxWidth","makeSize","undefined","alignItems","boxSizing"],"mappings":";;;;;;;;;AAQA,IAAMA,SAAS,GAAGC,IAAI,CAAC,GAAG,CAAC,CAAA;IAEdC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAoC,EAAgB;AAClF,EAAA,IAAQC,KAAK,GAAkDD,KAAK,CAA5DC,KAAK;IAAEC,YAAY,GAAoCF,KAAK,CAArDE,YAAY;IAAEC,KAAK,GAA6BH,KAAK,CAAvCG,KAAK;IAAEC,WAAW,GAAgBJ,KAAK,CAAhCI,WAAW;IAAEC,SAAS,GAAKL,KAAK,CAAnBK,SAAS,CAAA;AAE1D,EAAA,IAAMC,cAAc,GAAGL,KAAK,CAACM,MAAM,CAACC,QAAQ,CAAA;EAE5C,OAAO;IACLC,UAAU,EAAEH,cAAc,CAACG,UAAU,CAACN,KAAK,CAAC,CAACD,YAAY,CAAC;AAC1DQ,IAAAA,OAAO,EAAEN,WAAW,GAAAO,EAAAA,CAAAA,MAAA,CACbC,SAAS,CAACX,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC,OAAAF,MAAA,CAAIC,SAAS,CAACX,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA,GAAA,EAAA,CAAAF,MAAA,CAC1DC,SAAS,CAACX,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC,EAAA,GAAA,CAAA,CAAAF,MAAA,CAAIC,SAAS,CAACX,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC,EAAA,GAAA,CAAA,CAAAF,MAAA,CAAIC,SAAS,CACxEX,KAAK,CAACY,OAAO,CAAC,CAAC,CACjB,CAAC,EAAA,GAAA,CAAA,CAAAF,MAAA,CAAIC,SAAS,CAACX,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC,CAAE;IACtCC,YAAY,EAAEC,cAAc,CAC1BX,WAAW,GAAGH,KAAK,CAACe,MAAM,CAACC,MAAM,CAACC,IAAI,GAAGjB,KAAK,CAACe,MAAM,CAACC,MAAM,CAACE,MAC/D,CAAC;IACDC,WAAW,EAAEd,cAAc,CAACU,MAAM,CAACb,KAAK,CAAC,CAACD,YAAY,CAAC;IACvDmB,WAAW,EAAEN,cAAc,CAACX,WAAW,GAAGH,KAAK,CAACe,MAAM,CAACM,KAAK,CAACJ,IAAI,GAAGjB,KAAK,CAACe,MAAM,CAACM,KAAK,CAACC,IAAI,CAAC;AAC5FC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAEvB,WAAW,GAAG,MAAM,GAAGwB,QAAQ,CAAC/B,SAAS,CAAC;AACpDyB,IAAAA,KAAK,EAAElB,WAAW,GAAG,MAAM,GAAGyB,SAAS;AACvCC,IAAAA,UAAU,EAAE1B,WAAW,IAAIC,SAAS,GAAG,QAAQ,GAAG,YAAY;AAC9D0B,IAAAA,SAAS,EAAE,YAAA;GACZ,CAAA;AACH;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Alert/styles.ts"],"sourcesContent":["import type { CSSObject, StyledProps } from 'styled-components';\n\nimport type { StyledAlertProps } from './types';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { size } from '~tokens/global';\n\nconst MAX_WIDTH = size[584];\n\nexport const getCommonStyles = (props: StyledProps<StyledAlertProps>): CSSObject => {\n  const { theme, emphasis, color, isFullWidth, isDesktop } = props;\n\n  return {\n    background: theme.colors.feedback.background[color][emphasis],\n    padding: makeSpace(theme.spacing[4]),\n    borderRadius: makeBorderSize(\n      isFullWidth ? theme.border.radius.none : theme.border.radius.medium,\n    ),\n    display: 'flex',\n    flexDirection: 'row',\n    maxWidth: isFullWidth ? 'auto' : makeSize(MAX_WIDTH),\n    width: isFullWidth ? '100%' : undefined,\n    alignItems: isFullWidth && isDesktop ? 'center' : 'flex-start',\n    boxSizing: 'border-box',\n  };\n};\n"],"names":["MAX_WIDTH","size","getCommonStyles","props","theme","emphasis","color","isFullWidth","isDesktop","background","colors","feedback","padding","makeSpace","spacing","borderRadius","makeBorderSize","border","radius","none","medium","display","flexDirection","maxWidth","makeSize","width","undefined","alignItems","boxSizing"],"mappings":";;;;;;;;;AAQA,IAAMA,SAAS,GAAGC,IAAI,CAAC,GAAG,CAAC,CAAA;IAEdC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAoC,EAAgB;AAClF,EAAA,IAAQC,KAAK,GAA8CD,KAAK,CAAxDC,KAAK;IAAEC,QAAQ,GAAoCF,KAAK,CAAjDE,QAAQ;IAAEC,KAAK,GAA6BH,KAAK,CAAvCG,KAAK;IAAEC,WAAW,GAAgBJ,KAAK,CAAhCI,WAAW;IAAEC,SAAS,GAAKL,KAAK,CAAnBK,SAAS,CAAA;EAEtD,OAAO;AACLC,IAAAA,UAAU,EAAEL,KAAK,CAACM,MAAM,CAACC,QAAQ,CAACF,UAAU,CAACH,KAAK,CAAC,CAACD,QAAQ,CAAC;IAC7DO,OAAO,EAAEC,SAAS,CAACT,KAAK,CAACU,OAAO,CAAC,CAAC,CAAC,CAAC;IACpCC,YAAY,EAAEC,cAAc,CAC1BT,WAAW,GAAGH,KAAK,CAACa,MAAM,CAACC,MAAM,CAACC,IAAI,GAAGf,KAAK,CAACa,MAAM,CAACC,MAAM,CAACE,MAC/D,CAAC;AACDC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAEhB,WAAW,GAAG,MAAM,GAAGiB,QAAQ,CAACxB,SAAS,CAAC;AACpDyB,IAAAA,KAAK,EAAElB,WAAW,GAAG,MAAM,GAAGmB,SAAS;AACvCC,IAAAA,UAAU,EAAEpB,WAAW,IAAIC,SAAS,GAAG,QAAQ,GAAG,YAAY;AAC9DoB,IAAAA,SAAS,EAAE,YAAA;GACZ,CAAA;AACH;;;;"}

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

@@ -1,17 +1,22 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
-import { affixFontSizes, amountFontSizes, amountLineHeights, getCurrencyAbbreviations, currencyPrefixMapping } from './amountTokens.js';
-import '../Typography/BaseText/index.js';
+import { subtleFontSizes, normalAmountSizes, amountLineHeights, getCurrencyAbbreviations, currencyIndicatorMapping, currencyPositionMapping } from './amountTokens.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../Box/styledProps/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/logger/index.js';
+import { objectKeysWithType } from '../../utils/objectKeysWithType.js';
+import '../Typography/BaseText/index.js';
+import '../Typography/index.js';
+import '../../tokens/global/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
+import { Text } from '../Typography/Text/Text.js';
 import { BaseText } from '../Typography/BaseText/BaseText.web.js';
+import { opacity } from '../../tokens/global/opacity.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
@@ -19,60 +24,64 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["value", "suffix", "size", "isAffixSubtle", "intent", "prefix", "testID", "currency"];
+var _excluded = ["value", "suffix", "type", "size", "weight", "isAffixSubtle", "isStrikethrough", "color", "currencyIndicator", "currency", "testID"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getTextColorProps = function getTextColorProps(_ref) {
-  var intent = _ref.intent;
+  var color = _ref.color;
   var props = {
-    amountValueColor: 'surface.text.normal.lowContrast',
-    affixColor: 'surface.text.muted.lowContrast'
+    amountValueColor: 'surface.text.gray.normal'
   };
-  if (!intent) return props;
-  props.amountValueColor = "feedback.text.".concat(intent, ".lowContrast");
-  props.affixColor = "feedback.text.".concat(intent, ".lowContrast");
+  if (!color) return props;
+  props.amountValueColor = color;
   return props;
 };
 var AmountValue = function AmountValue(_ref2) {
   var value = _ref2.value,
-    size = _ref2.size,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
+    _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'body' : _ref2$type,
+    _ref2$weight = _ref2.weight,
+    weight = _ref2$weight === void 0 ? 'regular' : _ref2$weight,
     amountValueColor = _ref2.amountValueColor,
     isAffixSubtle = _ref2.isAffixSubtle,
-    suffix = _ref2.suffix,
-    affixColor = _ref2.affixColor;
-  var affixFontWeight = isAffixSubtle ? 'regular' : 'bold';
+    suffix = _ref2.suffix;
   var isReactNative = getPlatformType() === 'react-native';
-  var affixFontSize = isAffixSubtle ? affixFontSizes[size] : amountFontSizes[size];
-  var valueForWeight = size.includes('bold') || size.startsWith('title') ? 'bold' : 'regular';
+  var affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];
+  var numberFontFamily = type === 'body' ? 'text' : 'heading';
   if (suffix === 'decimals' && isAffixSubtle) {
     var integer = value.split('.')[0];
     var decimal = value.split('.')[1];
 
-    // Native does not support alignItems of Text inside a div, insted we need to wrap is in a Text
-    var AmountWrapper = getPlatformType() === 'react-native' ? BaseText : React__default.Fragment;
+    // Native does not support alignItems of Text inside a div, instead we need to wrap is in a Text
+    var AmountWrapper = isReactNative ? Text : React__default.Fragment;
     return /*#__PURE__*/jsxs(AmountWrapper, {
-      children: [/*#__PURE__*/jsxs(BaseText, {
-        fontSize: amountFontSizes[size],
-        fontWeight: valueForWeight,
-        lineHeight: amountLineHeights[size],
+      children: [/*#__PURE__*/jsx(BaseText, {
+        fontSize: normalAmountSizes[type][size],
+        fontWeight: weight,
+        lineHeight: amountLineHeights[type][size],
         color: amountValueColor,
+        fontFamily: numberFontFamily,
         as: isReactNative ? undefined : 'span',
-        children: [integer, "."]
-      }), /*#__PURE__*/jsx(BaseText, {
-        marginLeft: "spacing.1",
-        fontWeight: affixFontWeight,
+        children: integer
+      }), /*#__PURE__*/jsxs(BaseText, {
+        fontWeight: weight,
         fontSize: affixFontSize,
-        color: affixColor,
+        fontFamily: numberFontFamily,
+        color: amountValueColor,
         as: isReactNative ? undefined : 'span',
-        children: decimal || '00'
+        opacity: isAffixSubtle ? opacity[8] : 1,
+        children: [".", decimal || '00']
       })]
     });
   }
   return /*#__PURE__*/jsx(BaseText, {
-    fontSize: amountFontSizes[size],
-    fontWeight: valueForWeight,
+    fontSize: normalAmountSizes[type][size],
+    fontWeight: weight,
+    fontFamily: numberFontFamily,
     color: amountValueColor,
-    lineHeight: amountLineHeights[size],
+    lineHeight: amountLineHeights[type][size],
     children: value
   });
 };
@@ -98,7 +107,12 @@ var addCommas = function addCommas(amountValue, currency) {
  * ie: for INR 2000 => 2K
  * for MYR 2000000 => 2M
  */
-var getHumanizedAmount = function getHumanizedAmount(amountValue, currency) {
+var getHumanizedAmount = function getHumanizedAmount(_ref3) {
+  var value = _ref3.value,
+    currency = _ref3.currency,
+    _ref3$denominationPos = _ref3.denominationPosition,
+    denominationPosition = _ref3$denominationPos === void 0 ? 'right' : _ref3$denominationPos;
+  var amountValue = value;
   var abbreviations = getCurrencyAbbreviations(currency);
   var abbreviation = abbreviations.find(function (abbr) {
     return amountValue >= abbr.value;
@@ -106,15 +120,18 @@ var getHumanizedAmount = function getHumanizedAmount(amountValue, currency) {
   if (abbreviation) {
     amountValue = amountValue / abbreviation.value;
     var formattedAmountValue = getFlooredFixed(amountValue, 2);
-    return addCommas(formattedAmountValue, currency) + abbreviation.symbol;
-  } else {
-    return amountValue.toString();
+    if (denominationPosition === 'right') {
+      return "".concat(addCommas(formattedAmountValue, currency)).concat(abbreviation.symbol);
+    }
+    return "".concat(abbreviation.symbol).concat(addCommas(formattedAmountValue, currency));
   }
+  return amountValue.toString();
 };
-var formatAmountWithSuffix = function formatAmountWithSuffix(_ref3) {
-  var suffix = _ref3.suffix,
-    value = _ref3.value,
-    currency = _ref3.currency;
+var formatAmountWithSuffix = function formatAmountWithSuffix(_ref4) {
+  var suffix = _ref4.suffix,
+    value = _ref4.value,
+    currency = _ref4.currency,
+    denominationPosition = _ref4.denominationPosition;
   switch (suffix) {
     case 'decimals':
       {
@@ -123,7 +140,11 @@ var formatAmountWithSuffix = function formatAmountWithSuffix(_ref3) {
       }
     case 'humanize':
       {
-        return getHumanizedAmount(value, currency);
+        return getHumanizedAmount({
+          value: value,
+          currency: currency,
+          denominationPosition: denominationPosition
+        });
       }
     case 'none':
       {
@@ -133,25 +154,27 @@ var formatAmountWithSuffix = function formatAmountWithSuffix(_ref3) {
       return addCommas(getFlooredFixed(value, 0), currency);
   }
 };
-var getCurrencyWeight = function getCurrencyWeight(isAffixSubtle, size) {
-  if (isAffixSubtle || size.startsWith('bold')) return 'bold';
-  return 'regular';
-};
-var _Amount = function _Amount(_ref4) {
-  var value = _ref4.value,
-    _ref4$suffix = _ref4.suffix,
-    suffix = _ref4$suffix === void 0 ? 'decimals' : _ref4$suffix,
-    _ref4$size = _ref4.size,
-    size = _ref4$size === void 0 ? 'body-medium' : _ref4$size,
-    _ref4$isAffixSubtle = _ref4.isAffixSubtle,
-    isAffixSubtle = _ref4$isAffixSubtle === void 0 ? true : _ref4$isAffixSubtle,
-    intent = _ref4.intent,
-    _ref4$prefix = _ref4.prefix,
-    prefix = _ref4$prefix === void 0 ? 'currency-symbol' : _ref4$prefix,
-    testID = _ref4.testID,
-    _ref4$currency = _ref4.currency,
-    currency = _ref4$currency === void 0 ? 'INR' : _ref4$currency,
-    styledProps = _objectWithoutProperties(_ref4, _excluded);
+var _Amount = function _Amount(_ref5) {
+  var value = _ref5.value,
+    _ref5$suffix = _ref5.suffix,
+    suffix = _ref5$suffix === void 0 ? 'decimals' : _ref5$suffix,
+    _ref5$type = _ref5.type,
+    type = _ref5$type === void 0 ? 'body' : _ref5$type,
+    _ref5$size = _ref5.size,
+    size = _ref5$size === void 0 ? 'medium' : _ref5$size,
+    _ref5$weight = _ref5.weight,
+    weight = _ref5$weight === void 0 ? 'regular' : _ref5$weight,
+    _ref5$isAffixSubtle = _ref5.isAffixSubtle,
+    isAffixSubtle = _ref5$isAffixSubtle === void 0 ? true : _ref5$isAffixSubtle,
+    _ref5$isStrikethrough = _ref5.isStrikethrough,
+    isStrikethrough = _ref5$isStrikethrough === void 0 ? false : _ref5$isStrikethrough,
+    color = _ref5.color,
+    _ref5$currencyIndicat = _ref5.currencyIndicator,
+    currencyIndicator = _ref5$currencyIndicat === void 0 ? 'currency-symbol' : _ref5$currencyIndicat,
+    _ref5$currency = _ref5.currency,
+    currency = _ref5$currency === void 0 ? 'INR' : _ref5$currency,
+    testID = _ref5.testID,
+    styledProps = _objectWithoutProperties(_ref5, _excluded);
   if (true) {
     if (typeof value !== 'number') {
       throwBladeError({
@@ -159,31 +182,53 @@ var _Amount = function _Amount(_ref4) {
         moduleName: 'Amount'
       });
     }
-    // @ts-expect-error neutral intent should throw error
-    if (intent === 'neutral') {
+    // @ts-expect-error neutral color should throw error
+    if (color === 'neutral') {
       throwBladeError({
-        message: '`neutral` intent is not supported.',
+        message: '`neutral` color is not supported.',
+        moduleName: 'Amount'
+      });
+    }
+    var bodySizes = objectKeysWithType(normalAmountSizes.body);
+    if ((type === 'body' || !type) && !bodySizes.includes(size)) {
+      throwBladeError({
+        message: "size=\"".concat(size, "\" is not allowed with type=\"body\""),
+        moduleName: 'Amount'
+      });
+    }
+    var displaySizes = objectKeysWithType(normalAmountSizes.display);
+    if (type === 'display' && !displaySizes.includes(size)) {
+      throwBladeError({
+        message: "size=\"".concat(size, "\" is not allowed with type=\"display\""),
+        moduleName: 'Amount'
+      });
+    }
+    var headingSizes = objectKeysWithType(normalAmountSizes.heading);
+    if (type === 'heading' && !headingSizes.includes(size)) {
+      throwBladeError({
+        message: "size=\"".concat(size, "\" is not allowed with type=\"heading\""),
         moduleName: 'Amount'
       });
     }
   }
-  var currencyPrefix = currencyPrefixMapping[currency][prefix];
+  var currencySymbolOrCode = currencyIndicatorMapping[currency][currencyIndicator];
+  var currencyPosition = currencyPositionMapping[currency] || 'left';
+  var denominationPosition = currencyPosition === 'left' ? 'right' : 'left';
   var renderedValue = formatAmountWithSuffix({
     suffix: suffix,
     value: value,
-    currency: currency
+    currency: currency,
+    denominationPosition: denominationPosition
   });
   var _getTextColorProps = getTextColorProps({
-      intent: intent
+      color: color
     }),
-    amountValueColor = _getTextColorProps.amountValueColor,
-    affixColor = _getTextColorProps.affixColor;
-  var currencyColor = isAffixSubtle ? affixColor : amountValueColor;
-  var currencyFontSize = isAffixSubtle ? affixFontSizes[size] : amountFontSizes[size];
-  var currencyWeight = getCurrencyWeight(isAffixSubtle, size);
+    amountValueColor = _getTextColorProps.amountValueColor;
+  var currencyFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];
   var isReactNative = getPlatformType() === 'react-native';
   return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
-    display: isReactNative ? 'flex' : 'inline-flex'
+    display: isReactNative ? 'flex' : 'inline-flex',
+    flexDirection: "row"
   }, metaAttribute({
     name: MetaConstants.Amount,
     testID: testID
@@ -192,20 +237,40 @@ var _Amount = function _Amount(_ref4) {
       display: isReactNative ? 'flex' : 'inline-flex',
       alignItems: "baseline",
       flexDirection: "row",
-      children: [/*#__PURE__*/jsx(BaseText, {
+      position: "relative",
+      children: [currencyPosition === 'left' && /*#__PURE__*/jsx(BaseText, {
         marginRight: "spacing.1",
-        fontWeight: currencyWeight,
+        fontWeight: weight,
         fontSize: currencyFontSize,
-        color: currencyColor,
+        color: amountValueColor,
         as: isReactNative ? undefined : 'span',
-        children: currencyPrefix
+        opacity: isAffixSubtle ? opacity[8] : 1,
+        children: currencySymbolOrCode
       }), /*#__PURE__*/jsx(AmountValue, {
         value: renderedValue,
         amountValueColor: amountValueColor,
+        type: type,
+        weight: weight,
         size: size,
         isAffixSubtle: isAffixSubtle,
-        suffix: suffix,
-        affixColor: affixColor
+        suffix: suffix
+      }), currencyPosition === 'right' && /*#__PURE__*/jsx(BaseText, {
+        marginLeft: "spacing.1",
+        fontWeight: weight,
+        fontSize: currencyFontSize,
+        color: amountValueColor,
+        as: isReactNative ? undefined : 'span',
+        opacity: isAffixSubtle ? opacity[8] : 1,
+        children: currencySymbolOrCode
+      }), isStrikethrough && /*#__PURE__*/jsx(BaseBox
+      // @ts-expect-error - intentionally setting the border color to the color prop for this hacky strikethrough
+      , {
+        borderBottomColor: amountValueColor,
+        borderBottomWidth: type === 'body' ? 'thin' : 'thicker',
+        borderBottomStyle: "solid",
+        position: "absolute",
+        width: "100%",
+        top: "50%"
       })]
     })
   }));

package/build/lib/web/development/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 { Currency } from './amountTokens';\nimport {\n  amountFontSizes,\n  getCurrencyAbbreviations,\n  currencyPrefixMapping,\n  affixFontSizes,\n  amountLineHeights,\n} from './amountTokens';\nimport { BaseText } from '~components/Typography/BaseText';\nimport type { Feedback } from '~tokens/theme/theme';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { 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';\n\ntype AmountProps = {\n  /**\n   * The value to be rendered within the component.\n   *\n   */\n  value: number;\n  /**\n   * Sets the intent of the amount.\n   *\n   * @default undefined\n   */\n  intent?: Exclude<Feedback, 'neutral'>;\n  /**\n   * Sets the size of the amount.\n   *\n   * @default 'body-medium'\n   */\n  size?:\n    | 'body-medium-bold'\n    | 'body-small'\n    | 'body-small-bold'\n    | 'body-medium'\n    | 'body-medium-bold'\n    | 'heading-small'\n    | 'heading-small-bold'\n    | 'heading-large'\n    | 'heading-large-bold'\n    | 'title-small'\n    | 'title-medium';\n  /**\n   * Indicates what the suffix of amount should be\n   *\n   * @default 'decimals'\n   */\n  suffix?: 'decimals' | 'none' | 'humanize';\n  /**\n   * Makes the prefix symbol and decimal digits small and faded\n   *\n   * @default true\n   */\n  isAffixSubtle?: true | false;\n  /**\n   * Prefix to be shown before the amount value. The prefix can be either a currency symbol or a currency code.\n   *\n   * @default 'currency-symbol'\n   */\n  prefix?: '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?: Currency;\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  amountValueColor: BaseTextProps['color'];\n  affixColor: BaseTextProps['color'];\n};\n\nconst getTextColorProps = ({ intent }: { intent: AmountProps['intent'] }): ColorProps => {\n  const props: ColorProps = {\n    amountValueColor: 'surface.text.normal.lowContrast',\n    affixColor: 'surface.text.muted.lowContrast',\n  };\n  if (!intent) return props;\n  props.amountValueColor = `feedback.text.${intent}.lowContrast`;\n  props.affixColor = `feedback.text.${intent}.lowContrast`;\n  return props;\n};\n\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  affixColor: BaseTextProps['color'];\n  amountValueColor: BaseTextProps['color'];\n  value: string;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  value,\n  size,\n  amountValueColor,\n  isAffixSubtle,\n  suffix,\n  affixColor,\n}: AmountValue): ReactElement => {\n  const affixFontWeight = isAffixSubtle ? 'regular' : 'bold';\n  const isReactNative = getPlatformType() === 'react-native';\n  const affixFontSize = isAffixSubtle ? affixFontSizes[size] : amountFontSizes[size];\n  const valueForWeight = size.includes('bold') || size.startsWith('title') ? 'bold' : 'regular';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    const integer = value.split('.')[0];\n    const decimal = value.split('.')[1];\n\n    // Native does not support alignItems of Text inside a div, insted we need to wrap is in a Text\n    const AmountWrapper = getPlatformType() === 'react-native' ? BaseText : React.Fragment;\n\n    return (\n      <AmountWrapper>\n        <BaseText\n          fontSize={amountFontSizes[size]}\n          fontWeight={valueForWeight}\n          lineHeight={amountLineHeights[size]}\n          color={amountValueColor}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {integer}.\n        </BaseText>\n        <BaseText\n          marginLeft=\"spacing.1\"\n          fontWeight={affixFontWeight}\n          fontSize={affixFontSize}\n          color={affixColor}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {decimal || '00'}\n        </BaseText>\n      </AmountWrapper>\n    );\n  }\n  return (\n    <BaseText\n      fontSize={amountFontSizes[size]}\n      fontWeight={valueForWeight}\n      color={amountValueColor}\n      lineHeight={amountLineHeights[size]}\n    >\n      {value}\n    </BaseText>\n  );\n};\n\n// This function rounds a number to a specified number of decimal places\n// and floors the result.\nexport const getFlooredFixed = (value: number, decimalPlaces: number): number => {\n  const factor = 100 ** decimalPlaces;\n  const roundedValue = Math.floor(value * factor) / factor;\n  return Number(roundedValue.toFixed(decimalPlaces));\n};\n\nexport const addCommas = (amountValue: number, currency: Currency, decimalPlaces = 0): string => {\n  // If the currency is 'INR', set the locale to 'en-IN' (Indian English).\n  // Otherwise, set the locale to 'en-US' (U.S. English).\n  const locale = currency === 'INR' ? 'en-IN' : 'en-US';\n  return amountValue.toLocaleString(locale, { minimumFractionDigits: decimalPlaces });\n};\n/**\n * This function returns the humanized amount\n * ie: for INR 2000 => 2K\n * for MYR 2000000 => 2M\n */\nexport const getHumanizedAmount = (amountValue: number, currency: Currency): string => {\n  const abbreviations = getCurrencyAbbreviations(currency);\n\n  const abbreviation = abbreviations.find((abbr) => amountValue >= abbr.value);\n  if (abbreviation) {\n    amountValue = amountValue / abbreviation.value;\n    const formattedAmountValue = getFlooredFixed(amountValue, 2);\n    return addCommas(formattedAmountValue, currency) + abbreviation.symbol;\n  } else {\n    return amountValue.toString();\n  }\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n  currency: Currency;\n};\n\nexport const formatAmountWithSuffix = ({\n  suffix,\n  value,\n  currency,\n}: FormatAmountWithSuffixType): string => {\n  switch (suffix) {\n    case 'decimals': {\n      const decimalNumber = getFlooredFixed(value, 2);\n      return addCommas(decimalNumber, currency, 2);\n    }\n    case 'humanize': {\n      return getHumanizedAmount(value, currency);\n    }\n    case 'none': {\n      return addCommas(getFlooredFixed(value, 0), currency);\n    }\n    default:\n      return addCommas(getFlooredFixed(value, 0), currency);\n  }\n};\n\nconst getCurrencyWeight = (\n  isAffixSubtle: NonNullable<AmountProps['isAffixSubtle']>,\n  size: NonNullable<AmountProps['size']>,\n): 'bold' | 'regular' => {\n  if (isAffixSubtle || size.startsWith('bold')) return 'bold';\n  return 'regular';\n};\n\nconst _Amount = ({\n  value,\n  suffix = 'decimals',\n  size = 'body-medium',\n  isAffixSubtle = true,\n  intent,\n  prefix = 'currency-symbol',\n  testID,\n  currency = 'INR',\n  ...styledProps\n}: AmountProps): 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 intent should throw error\n    if (intent === 'neutral') {\n      throwBladeError({\n        message: '`neutral` intent is not supported.',\n        moduleName: 'Amount',\n      });\n    }\n  }\n\n  const currencyPrefix = currencyPrefixMapping[currency][prefix];\n  const renderedValue = formatAmountWithSuffix({ suffix, value, currency });\n  const { amountValueColor, affixColor } = getTextColorProps({\n    intent,\n  });\n\n  const currencyColor = isAffixSubtle ? affixColor : amountValueColor;\n  const currencyFontSize = isAffixSubtle ? affixFontSizes[size] : amountFontSizes[size];\n  const currencyWeight = getCurrencyWeight(isAffixSubtle, size);\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n      >\n        <BaseText\n          marginRight=\"spacing.1\"\n          fontWeight={currencyWeight}\n          fontSize={currencyFontSize}\n          color={currencyColor}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {currencyPrefix}\n        </BaseText>\n        <AmountValue\n          value={renderedValue}\n          amountValueColor={amountValueColor}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\n          affixColor={affixColor}\n        />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Amount = assignWithoutSideEffects(_Amount, {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["getTextColorProps","_ref","intent","props","amountValueColor","affixColor","concat","AmountValue","_ref2","value","size","isAffixSubtle","suffix","affixFontWeight","isReactNative","getPlatformType","affixFontSize","affixFontSizes","amountFontSizes","valueForWeight","includes","startsWith","integer","split","decimal","AmountWrapper","BaseText","React","Fragment","_jsxs","children","fontSize","fontWeight","lineHeight","amountLineHeights","color","as","undefined","_jsx","marginLeft","getFlooredFixed","decimalPlaces","factor","Math","pow","roundedValue","floor","Number","toFixed","addCommas","amountValue","currency","arguments","length","locale","toLocaleString","minimumFractionDigits","getHumanizedAmount","abbreviations","getCurrencyAbbreviations","abbreviation","find","abbr","formattedAmountValue","symbol","toString","formatAmountWithSuffix","_ref3","decimalNumber","getCurrencyWeight","_Amount","_ref4","_ref4$suffix","_ref4$size","_ref4$isAffixSubtle","_ref4$prefix","prefix","testID","_ref4$currency","styledProps","_objectWithoutProperties","_excluded","throwBladeError","message","moduleName","currencyPrefix","currencyPrefixMapping","renderedValue","_getTextColorProps","currencyColor","currencyFontSize","currencyWeight","BaseBox","_objectSpread","display","metaAttribute","name","MetaConstants","Amount","getStyledProps","alignItems","flexDirection","marginRight","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Amount.js","sources":["../../../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { AmountTypeProps, Currency } from './amountTokens';\nimport {\n  normalAmountSizes,\n  getCurrencyAbbreviations,\n  currencyIndicatorMapping,\n  subtleFontSizes,\n  amountLineHeights,\n  currencyPositionMapping,\n} from './amountTokens';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { 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';\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   * @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?: Currency;\n  /**\n   * If true, the amount text will have a line through it.\n   *\n   * @default false\n   */\n  isStrikethrough?: boolean;\n} & TestID &\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\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  amountValueColor: BaseTextProps['color'];\n  value: string;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  value,\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    const integer = value.split('.')[0];\n    const decimal = value.split('.')[1];\n\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          {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[8] : 1}\n        >\n          .{decimal || '00'}\n        </BaseText>\n      </AmountWrapper>\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      {value}\n    </BaseText>\n  );\n};\n\n// This function rounds a number to a specified number of decimal places\n// and floors the result.\nexport const getFlooredFixed = (value: number, decimalPlaces: number): number => {\n  const factor = 100 ** decimalPlaces;\n  const roundedValue = Math.floor(value * factor) / factor;\n  return Number(roundedValue.toFixed(decimalPlaces));\n};\n\nexport const addCommas = (amountValue: number, currency: Currency, decimalPlaces = 0): string => {\n  // If the currency is 'INR', set the locale to 'en-IN' (Indian English).\n  // Otherwise, set the locale to 'en-US' (U.S. English).\n  const locale = currency === 'INR' ? 'en-IN' : 'en-US';\n  return amountValue.toLocaleString(locale, { minimumFractionDigits: decimalPlaces });\n};\n/**\n * This function returns the humanized amount\n * ie: for INR 2000 => 2K\n * for MYR 2000000 => 2M\n */\nexport const getHumanizedAmount = ({\n  value,\n  currency,\n  denominationPosition = 'right',\n}: {\n  value: number;\n  currency: Currency;\n  denominationPosition?: 'left' | 'right';\n}): string => {\n  let amountValue = value;\n  const abbreviations = getCurrencyAbbreviations(currency);\n  const abbreviation = abbreviations.find((abbr) => amountValue >= abbr.value);\n\n  if (abbreviation) {\n    amountValue = amountValue / abbreviation.value;\n    const formattedAmountValue = getFlooredFixed(amountValue, 2);\n\n    if (denominationPosition === 'right') {\n      return `${addCommas(formattedAmountValue, currency)}${abbreviation.symbol}`;\n    }\n\n    return `${abbreviation.symbol}${addCommas(formattedAmountValue, currency)}`;\n  }\n\n  return amountValue.toString();\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n  currency: Currency;\n  denominationPosition?: 'left' | 'right';\n};\n\nexport const formatAmountWithSuffix = ({\n  suffix,\n  value,\n  currency,\n  denominationPosition,\n}: FormatAmountWithSuffixType): string => {\n  switch (suffix) {\n    case 'decimals': {\n      const decimalNumber = getFlooredFixed(value, 2);\n      return addCommas(decimalNumber, currency, 2);\n    }\n    case 'humanize': {\n      return getHumanizedAmount({ value, currency, denominationPosition });\n    }\n    case 'none': {\n      return addCommas(getFlooredFixed(value, 0), currency);\n    }\n    default:\n      return addCommas(getFlooredFixed(value, 0), currency);\n  }\n};\n\nconst _Amount = ({\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  testID,\n  ...styledProps\n}: AmountProps): 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 currencySymbolOrCode = currencyIndicatorMapping[currency][currencyIndicator];\n  const currencyPosition = currencyPositionMapping[currency] || 'left';\n  const denominationPosition = currencyPosition === 'left' ? 'right' : 'left';\n  const renderedValue = formatAmountWithSuffix({ suffix, value, currency, denominationPosition });\n  const { amountValueColor } = getTextColorProps({\n    color,\n  });\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      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      flexDirection=\"row\"\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n        position=\"relative\"\n      >\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[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        <AmountValue\n          value={renderedValue}\n          amountValueColor={amountValueColor}\n          type={type}\n          weight={weight}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\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[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        {isStrikethrough && (\n          <BaseBox\n            // @ts-expect-error - 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(_Amount, {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["getTextColorProps","_ref","color","props","amountValueColor","AmountValue","_ref2","value","_ref2$size","size","_ref2$type","type","_ref2$weight","weight","isAffixSubtle","suffix","isReactNative","getPlatformType","affixFontSize","subtleFontSizes","normalAmountSizes","numberFontFamily","integer","split","decimal","AmountWrapper","Text","React","Fragment","_jsxs","children","_jsx","BaseText","fontSize","fontWeight","lineHeight","amountLineHeights","fontFamily","as","undefined","opacity","getFlooredFixed","decimalPlaces","factor","Math","pow","roundedValue","floor","Number","toFixed","addCommas","amountValue","currency","arguments","length","locale","toLocaleString","minimumFractionDigits","getHumanizedAmount","_ref3","_ref3$denominationPos","denominationPosition","abbreviations","getCurrencyAbbreviations","abbreviation","find","abbr","formattedAmountValue","concat","symbol","toString","formatAmountWithSuffix","_ref4","decimalNumber","_Amount","_ref5","_ref5$suffix","_ref5$type","_ref5$size","_ref5$weight","_ref5$isAffixSubtle","_ref5$isStrikethrough","isStrikethrough","_ref5$currencyIndicat","currencyIndicator","_ref5$currency","testID","styledProps","_objectWithoutProperties","_excluded","throwBladeError","message","moduleName","bodySizes","objectKeysWithType","body","includes","displaySizes","display","headingSizes","heading","currencySymbolOrCode","currencyIndicatorMapping","currencyPosition","currencyPositionMapping","renderedValue","_getTextColorProps","currencyFontSize","BaseBox","_objectSpread","flexDirection","metaAttribute","name","MetaConstants","Amount","getStyledProps","alignItems","position","marginRight","marginLeft","borderBottomColor","borderBottomWidth","borderBottomStyle","width","top","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}