@razorpay/blade 12.68.0 → 12.89.0

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

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 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 { subtleFontSizes, normalAmountSizes, amountLineHeights, currencyHardcodedSizes } from './amountTokens.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
@@ -14,12 +14,16 @@ import '../Typography/BaseText/index.js';
 import '../Typography/index.js';
 import '../../tokens/global/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/useBreakpoint/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 useTheme from '../BladeProvider/useTheme.js';
+import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
@@ -247,6 +251,13 @@ var _Amount = function _Amount(_ref8, ref) {
       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,
@@ -257,7 +268,25 @@ var _Amount = function _Amount(_ref8, ref) {
   var currencySymbol = (_renderedValue$curren = renderedValue.currency) !== null && _renderedValue$curren !== void 0 ? _renderedValue$curren : currency;
   var currencyPosition = isPrefixSymbol ? 'left' : 'right';
   var currencySymbolOrCode = currencyIndicator === 'currency-symbol' ? currencySymbol : currency;
-  var currencyFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];
+
+  // Get currency font size - use subtle sizes when isAffixSubtle, otherwise hardcoded values
+  var getCurrencyFontProps = function getCurrencyFontProps() {
+    if (isAffixSubtle) {
+      return {
+        fontSize: subtleFontSizes[type][size],
+        style: undefined
+      };
+    }
+    var hardcodedSize = currencyHardcodedSizes[type][size];
+    return {
+      fontSize: normalAmountSizes[type][size],
+      // Fallback for token-based rendering
+      style: hardcodedSize ? {
+        fontSize: "".concat(hardcodedSize[isDesktop ? 'desktop' : 'mobile'], "px")
+      } : undefined
+    };
+  };
+  var currencyFontProps = getCurrencyFontProps();
   var isReactNative = getPlatformType() === 'react-native';
   return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     ref: ref,
@@ -283,10 +312,11 @@ var _Amount = function _Amount(_ref8, ref) {
       }) : null, currencyPosition === 'left' && /*#__PURE__*/jsx(BaseText, {
         marginRight: "spacing.1",
         fontWeight: weight,
-        fontSize: currencyFontSize,
+        fontSize: currencyFontProps.fontSize,
         color: amountValueColor,
         as: isReactNative ? undefined : 'span',
         opacity: isAffixSubtle ? opacity[800] : 1,
+        style: currencyFontProps.style,
         children: currencySymbolOrCode
       }), /*#__PURE__*/jsx(AmountValue, {
         amount: renderedValue,
@@ -300,10 +330,11 @@ var _Amount = function _Amount(_ref8, ref) {
       }), currencyPosition === 'right' && /*#__PURE__*/jsx(BaseText, {
         marginLeft: "spacing.1",
         fontWeight: weight,
-        fontSize: currencyFontSize,
+        fontSize: currencyFontProps.fontSize,
         color: amountValueColor,
         as: isReactNative ? undefined : 'span',
         opacity: isAffixSubtle ? opacity[800] : 1,
+        style: currencyFontProps.style,
         children: currencySymbolOrCode
       }), isStrikethrough &&
       /*#__PURE__*/

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 { 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","concat","_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","throwBladeError","message","moduleName","bodySizes","objectKeysWithType","body","includes","displaySizes","display","headingSizes","heading","_getTextColorProps","renderedValue","isPrefixSymbol","currencySymbol","currencyPosition","currencySymbolOrCode","currencyFontSize","BaseBox","_objectSpread","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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"}
+{"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","concat","_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","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","_objectSpread","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/web/development/components/Amount/amountTokens.js

@@ -19,6 +19,73 @@ var normalAmountSizes = {
     xlarge: 1100
   }
 };
+
+/**
+ * Hardcoded pixel values for currency symbols to match exact Figma specifications.
+ * These values provide precise visual alignment that standard tokens cannot achieve.
+ *
+ * Used when `isAffixSubtle={false}` - currency symbols are slightly smaller than main number.
+ */
+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,
@@ -62,5 +129,5 @@ var amountLineHeights = {
   }
 };
 
-export { amountLineHeights, normalAmountSizes, subtleFontSizes };
+export { amountLineHeights, currencyHardcodedSizes, normalAmountSizes, subtleFontSizes };
 //# sourceMappingURL=amountTokens.js.map

package/build/lib/web/development/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":"AAyBA,IAAMA,iBAGL,GAAG;AACFC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,EAAE;AACVC,IAAAA,KAAK,EAAE,EAAE;AACTC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,GAAA;GACR;AACDC,EAAAA,OAAO,EAAE;AACPH,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,GAAG;AACVE,IAAAA,MAAM,EAAE,GAAG;AACX,IAAA,SAAS,EAAE,GAAA;GACZ;AACDC,EAAAA,OAAO,EAAE;AACPL,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,IAAI;AACXE,IAAAA,MAAM,EAAE,IAAA;AACV,GAAA;AACF,EAAC;AAED,IAAME,eAGL,GAAG;AACFR,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAEF,iBAAiB,CAACC,IAAI,CAACC,MAAM;AACrCC,IAAAA,KAAK,EAAEH,iBAAiB,CAACC,IAAI,CAACC,MAAM;AACpCE,IAAAA,MAAM,EAAEJ,iBAAiB,CAACC,IAAI,CAACC,MAAM;AACrCG,IAAAA,KAAK,EAAEL,iBAAiB,CAACC,IAAI,CAACE,KAAAA;GAC/B;AACDG,EAAAA,OAAO,EAAE;AACPH,IAAAA,KAAK,EAAEH,iBAAiB,CAACC,IAAI,CAACE,KAAK;AACnCC,IAAAA,MAAM,EAAEJ,iBAAiB,CAACC,IAAI,CAACG,MAAM;AACrCC,IAAAA,KAAK,EAAEL,iBAAiB,CAACC,IAAI,CAACI,KAAK;AACnCE,IAAAA,MAAM,EAAEP,iBAAiB,CAACM,OAAO,CAACF,MAAM;AACxC,IAAA,SAAS,EAAEJ,iBAAiB,CAACM,OAAO,CAACD,KAAAA;GACtC;AACDG,EAAAA,OAAO,EAAE;AACPL,IAAAA,KAAK,EAAEH,iBAAiB,CAACM,OAAO,CAACC,MAAM;AACvCH,IAAAA,MAAM,EAAEJ,iBAAiB,CAACM,OAAO,CAAC,SAAS,CAAC;AAC5CD,IAAAA,KAAK,EAAEL,iBAAiB,CAACM,OAAO,CAAC,SAAS,CAAC;AAC3CC,IAAAA,MAAM,EAAEP,iBAAiB,CAACQ,OAAO,CAACL,KAAAA;AACpC,GAAA;AACF,EAAC;AAED,IAAMO,iBAGL,GAAG;AACFT,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,EAAE;AACVC,IAAAA,KAAK,EAAE,EAAE;AACTC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,GAAA;GACR;AACDC,EAAAA,OAAO,EAAE;AACPH,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,GAAG;AACVE,IAAAA,MAAM,EAAE,GAAG;AACX,IAAA,SAAS,EAAE,GAAA;GACZ;AACDC,EAAAA,OAAO,EAAE;AACPL,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,IAAI;AACXE,IAAAA,MAAM,EAAE,IAAA;AACV,GAAA;AACF;;;;"}
+{"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/web/development/components/Avatar/StyledAvatar.js

@@ -21,7 +21,7 @@ var StyledAvatar = /*#__PURE__*/styled(BaseBox).withConfig({
     display: 'flex',
     width: makeSize(avatarSizeTokens[size]),
     height: makeSize(avatarSizeTokens[size]),
-    borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),
+    borderRadius: makeBorderSize(theme.border.radius[variant === 'circle' ? avatarBorderRadiusTokens.circle : avatarBorderRadiusTokens.square[size]]),
     outline: "".concat(makeBorderSize(theme.border.width.thinner), " solid ").concat(theme.colors.surface.border.gray.subtle)
   }, isInteractive ? {
     '&:hover': {

package/build/lib/web/development/components/Avatar/StyledAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledAvatar.js","sources":["../../../../../../src/components/Avatar/StyledAvatar.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledAvatarProps } from './types';\nimport { avatarSizeTokens, avatarBorderRadiusTokens } from './avatarTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize, makeSize } from '~utils';\n\nconst StyledAvatar = styled(BaseBox)<StyledAvatarProps & { isInteractive?: boolean }>(\n  ({ theme, variant, size, isInteractive }) => {\n    return {\n      display: 'flex',\n      width: makeSize(avatarSizeTokens[size]),\n      height: makeSize(avatarSizeTokens[size]),\n      borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),\n      outline: `${makeBorderSize(theme.border.width.thinner)} solid ${\n        theme.colors.surface.border.gray.subtle\n      }`,\n\n      ...(isInteractive\n        ? {\n            '&:hover': {\n              outline: `${makeBorderSize(theme.border.width.thick)} solid ${\n                theme.colors.surface.border.gray.muted\n              }`,\n              borderColor: theme.colors.surface.border.gray.muted,\n              backgroundColor: theme.colors.surface.background.gray.moderate,\n            },\n          }\n        : {}),\n    };\n  },\n);\n\nexport { StyledAvatar };\n"],"names":["StyledAvatar","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","variant","size","isInteractive","_objectSpread","display","width","makeSize","avatarSizeTokens","height","borderRadius","makeBorderSize","border","radius","avatarBorderRadiusTokens","outline","concat","thinner","colors","surface","gray","subtle","thick","muted","borderColor","backgroundColor","background","moderate"],"mappings":";;;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,cAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAClC,CAAA,CAAA,UAAAC,IAAA,EAA6C;AAAA,EAAA,IAA1CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AACpC,EAAA,OAAAC,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,KAAK,EAAEC,QAAQ,CAACC,gBAAgB,CAACN,IAAI,CAAC,CAAC;AACvCO,IAAAA,MAAM,EAAEF,QAAQ,CAACC,gBAAgB,CAACN,IAAI,CAAC,CAAC;AACxCQ,IAAAA,YAAY,EAAEC,cAAc,CAACX,KAAK,CAACY,MAAM,CAACC,MAAM,CAACC,wBAAwB,CAACb,OAAO,CAAC,CAAC,CAAC;IACpFc,OAAO,EAAA,EAAA,CAAAC,MAAA,CAAKL,cAAc,CAACX,KAAK,CAACY,MAAM,CAACN,KAAK,CAACW,OAAO,CAAC,aAAAD,MAAA,CACpDhB,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACC,MAAM,CAAA;AACvC,GAAA,EAEElB,aAAa,GACb;AACE,IAAA,SAAS,EAAE;MACTY,OAAO,EAAA,EAAA,CAAAC,MAAA,CAAKL,cAAc,CAACX,KAAK,CAACY,MAAM,CAACN,KAAK,CAACgB,KAAK,CAAC,EAAAN,SAAAA,CAAAA,CAAAA,MAAA,CAClDhB,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACG,KAAK,CACtC;MACFC,WAAW,EAAExB,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACG,KAAK;MACnDE,eAAe,EAAEzB,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACO,UAAU,CAACN,IAAI,CAACO,QAAAA;AACxD,KAAA;GACD,GACD,EAAE,CAAA,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"StyledAvatar.js","sources":["../../../../../../src/components/Avatar/StyledAvatar.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledAvatarProps } from './types';\nimport { avatarSizeTokens, avatarBorderRadiusTokens } from './avatarTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize, makeSize } from '~utils';\n\nconst StyledAvatar = styled(BaseBox)<StyledAvatarProps & { isInteractive?: boolean }>(\n  ({ theme, variant, size, isInteractive }) => {\n    return {\n      display: 'flex',\n      width: makeSize(avatarSizeTokens[size]),\n      height: makeSize(avatarSizeTokens[size]),\n      borderRadius: makeBorderSize(\n        theme.border.radius[\n          variant === 'circle'\n            ? avatarBorderRadiusTokens.circle\n            : avatarBorderRadiusTokens.square[size]\n        ],\n      ),\n      outline: `${makeBorderSize(theme.border.width.thinner)} solid ${\n        theme.colors.surface.border.gray.subtle\n      }`,\n\n      ...(isInteractive\n        ? {\n            '&:hover': {\n              outline: `${makeBorderSize(theme.border.width.thick)} solid ${\n                theme.colors.surface.border.gray.muted\n              }`,\n              borderColor: theme.colors.surface.border.gray.muted,\n              backgroundColor: theme.colors.surface.background.gray.moderate,\n            },\n          }\n        : {}),\n    };\n  },\n);\n\nexport { StyledAvatar };\n"],"names":["StyledAvatar","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","variant","size","isInteractive","_objectSpread","display","width","makeSize","avatarSizeTokens","height","borderRadius","makeBorderSize","border","radius","avatarBorderRadiusTokens","circle","square","outline","concat","thinner","colors","surface","gray","subtle","thick","muted","borderColor","backgroundColor","background","moderate"],"mappings":";;;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,cAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAClC,CAAA,CAAA,UAAAC,IAAA,EAA6C;AAAA,EAAA,IAA1CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AACpC,EAAA,OAAAC,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,KAAK,EAAEC,QAAQ,CAACC,gBAAgB,CAACN,IAAI,CAAC,CAAC;AACvCO,IAAAA,MAAM,EAAEF,QAAQ,CAACC,gBAAgB,CAACN,IAAI,CAAC,CAAC;IACxCQ,YAAY,EAAEC,cAAc,CAC1BX,KAAK,CAACY,MAAM,CAACC,MAAM,CACjBZ,OAAO,KAAK,QAAQ,GAChBa,wBAAwB,CAACC,MAAM,GAC/BD,wBAAwB,CAACE,MAAM,CAACd,IAAI,CAAC,CAE7C,CAAC;IACDe,OAAO,EAAA,EAAA,CAAAC,MAAA,CAAKP,cAAc,CAACX,KAAK,CAACY,MAAM,CAACN,KAAK,CAACa,OAAO,CAAC,aAAAD,MAAA,CACpDlB,KAAK,CAACoB,MAAM,CAACC,OAAO,CAACT,MAAM,CAACU,IAAI,CAACC,MAAM,CAAA;AACvC,GAAA,EAEEpB,aAAa,GACb;AACE,IAAA,SAAS,EAAE;MACTc,OAAO,EAAA,EAAA,CAAAC,MAAA,CAAKP,cAAc,CAACX,KAAK,CAACY,MAAM,CAACN,KAAK,CAACkB,KAAK,CAAC,EAAAN,SAAAA,CAAAA,CAAAA,MAAA,CAClDlB,KAAK,CAACoB,MAAM,CAACC,OAAO,CAACT,MAAM,CAACU,IAAI,CAACG,KAAK,CACtC;MACFC,WAAW,EAAE1B,KAAK,CAACoB,MAAM,CAACC,OAAO,CAACT,MAAM,CAACU,IAAI,CAACG,KAAK;MACnDE,eAAe,EAAE3B,KAAK,CAACoB,MAAM,CAACC,OAAO,CAACO,UAAU,CAACN,IAAI,CAACO,QAAAA;AACxD,KAAA;GACD,GACD,EAAE,CAAA,CAAA;AAEV,CAAC;;;;"}

package/build/lib/web/development/components/Avatar/StyledAvatarButton.js

@@ -32,13 +32,13 @@ var StyledAvatarButton = /*#__PURE__*/styled.button.withConfig({
     height: makeSize(avatarSizeTokens[size]),
     width: makeSize(avatarSizeTokens[size]),
     border: isSelected ? "".concat(makeBorderSize(theme.border.width.thicker), " solid ").concat(theme.colors.surface.border.primary.normal) : 'none',
-    borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),
+    borderRadius: makeBorderSize(theme.border.radius[variant === 'circle' ? avatarBorderRadiusTokens.circle : avatarBorderRadiusTokens.square[size]]),
     backgroundColor: getIn(theme.colors, avatarColorTokens.background[color]),
     img: {
       display: 'block',
       height: avatarSizeTokens[size],
       width: avatarSizeTokens[size],
-      borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),
+      borderRadius: makeBorderSize(theme.border.radius[variant === 'circle' ? avatarBorderRadiusTokens.circle : avatarBorderRadiusTokens.square[size]]),
       objectFit: 'cover'
     }
   }, isInteractive ? {

package/build/lib/web/development/components/Avatar/StyledAvatarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledAvatarButton.js","sources":["../../../../../../src/components/Avatar/StyledAvatarButton.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { AvatarButtonProps } from './types';\nimport { avatarSizeTokens, avatarColorTokens, avatarBorderRadiusTokens } from './avatarTokens';\nimport { makeBorderSize, makeSize } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst StyledAvatarButton = styled.button<AvatarButtonProps & { isInteractive?: boolean }>(\n  ({\n    theme,\n    size = 'medium',\n    variant = 'circle',\n    color = 'neutral',\n    isSelected,\n    isInteractive,\n  }) => {\n    return {\n      display: 'block',\n      textAlign: 'center',\n      textDecoration: 'none',\n      cursor: isInteractive ? 'pointer' : 'default',\n      minHeight: makeSize(avatarSizeTokens[size]),\n      height: makeSize(avatarSizeTokens[size]),\n      width: makeSize(avatarSizeTokens[size]),\n      border: isSelected\n        ? `${makeBorderSize(theme.border.width.thicker)} solid ${\n            theme.colors.surface.border.primary.normal\n          }`\n        : 'none',\n      borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),\n      backgroundColor: getIn(theme.colors, avatarColorTokens.background[color]),\n\n      img: {\n        display: 'block',\n        height: avatarSizeTokens[size],\n        width: avatarSizeTokens[size],\n        borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),\n        objectFit: 'cover',\n      },\n\n      ...(isInteractive\n        ? {\n            '&:focus-visible': {\n              ...getFocusRingStyles({ theme }),\n            },\n          }\n        : {}),\n    };\n  },\n);\n\nexport { StyledAvatarButton };\n"],"names":["StyledAvatarButton","styled","button","withConfig","displayName","componentId","_ref","theme","_ref$size","size","_ref$variant","variant","_ref$color","color","isSelected","isInteractive","_objectSpread","display","textAlign","textDecoration","cursor","minHeight","makeSize","avatarSizeTokens","height","width","border","concat","makeBorderSize","thicker","colors","surface","primary","normal","borderRadius","radius","avatarBorderRadiusTokens","backgroundColor","getIn","avatarColorTokens","background","img","objectFit","getFocusRingStyles"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,oBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACtC,CAAA,CAAA,UAAAC,IAAA,EAOM;AAAA,EAAA,IANJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,SAAA,GAAAF,IAAA,CACLG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,YAAA,GAAAJ,IAAA,CACfK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,YAAA;IAAAE,UAAA,GAAAN,IAAA,CAClBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IACjBE,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,aAAa,GAAAT,IAAA,CAAbS,aAAa,CAAA;AAEb,EAAA,OAAAC,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,MAAM,EAAEL,aAAa,GAAG,SAAS,GAAG,SAAS;AAC7CM,IAAAA,SAAS,EAAEC,QAAQ,CAACC,gBAAgB,CAACd,IAAI,CAAC,CAAC;AAC3Ce,IAAAA,MAAM,EAAEF,QAAQ,CAACC,gBAAgB,CAACd,IAAI,CAAC,CAAC;AACxCgB,IAAAA,KAAK,EAAEH,QAAQ,CAACC,gBAAgB,CAACd,IAAI,CAAC,CAAC;AACvCiB,IAAAA,MAAM,EAAEZ,UAAU,GAAAa,EAAAA,CAAAA,MAAA,CACXC,cAAc,CAACrB,KAAK,CAACmB,MAAM,CAACD,KAAK,CAACI,OAAO,CAAC,EAAAF,SAAAA,CAAAA,CAAAA,MAAA,CAC3CpB,KAAK,CAACuB,MAAM,CAACC,OAAO,CAACL,MAAM,CAACM,OAAO,CAACC,MAAM,IAE5C,MAAM;AACVC,IAAAA,YAAY,EAAEN,cAAc,CAACrB,KAAK,CAACmB,MAAM,CAACS,MAAM,CAACC,wBAAwB,CAACzB,OAAO,CAAC,CAAC,CAAC;AACpF0B,IAAAA,eAAe,EAAEC,KAAK,CAAC/B,KAAK,CAACuB,MAAM,EAAES,iBAAiB,CAACC,UAAU,CAAC3B,KAAK,CAAC,CAAC;AAEzE4B,IAAAA,GAAG,EAAE;AACHxB,MAAAA,OAAO,EAAE,OAAO;AAChBO,MAAAA,MAAM,EAAED,gBAAgB,CAACd,IAAI,CAAC;AAC9BgB,MAAAA,KAAK,EAAEF,gBAAgB,CAACd,IAAI,CAAC;AAC7ByB,MAAAA,YAAY,EAAEN,cAAc,CAACrB,KAAK,CAACmB,MAAM,CAACS,MAAM,CAACC,wBAAwB,CAACzB,OAAO,CAAC,CAAC,CAAC;AACpF+B,MAAAA,SAAS,EAAE,OAAA;AACb,KAAA;AAAC,GAAA,EAEG3B,aAAa,GACb;AACE,IAAA,iBAAiB,EAAAC,aAAA,CACZ2B,EAAAA,EAAAA,kBAAkB,CAAC;AAAEpC,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CAAA;GAEnC,GACD,EAAE,CAAA,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"StyledAvatarButton.js","sources":["../../../../../../src/components/Avatar/StyledAvatarButton.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { AvatarButtonProps } from './types';\nimport { avatarSizeTokens, avatarColorTokens, avatarBorderRadiusTokens } from './avatarTokens';\nimport { makeBorderSize, makeSize } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst StyledAvatarButton = styled.button<AvatarButtonProps & { isInteractive?: boolean }>(\n  ({\n    theme,\n    size = 'medium',\n    variant = 'circle',\n    color = 'neutral',\n    isSelected,\n    isInteractive,\n  }) => {\n    return {\n      display: 'block',\n      textAlign: 'center',\n      textDecoration: 'none',\n      cursor: isInteractive ? 'pointer' : 'default',\n      minHeight: makeSize(avatarSizeTokens[size]),\n      height: makeSize(avatarSizeTokens[size]),\n      width: makeSize(avatarSizeTokens[size]),\n      border: isSelected\n        ? `${makeBorderSize(theme.border.width.thicker)} solid ${\n            theme.colors.surface.border.primary.normal\n          }`\n        : 'none',\n      borderRadius: makeBorderSize(\n        theme.border.radius[\n          variant === 'circle'\n            ? avatarBorderRadiusTokens.circle\n            : avatarBorderRadiusTokens.square[size]\n        ],\n      ),\n      backgroundColor: getIn(theme.colors, avatarColorTokens.background[color]),\n\n      img: {\n        display: 'block',\n        height: avatarSizeTokens[size],\n        width: avatarSizeTokens[size],\n        borderRadius: makeBorderSize(\n          theme.border.radius[\n            variant === 'circle'\n              ? avatarBorderRadiusTokens.circle\n              : avatarBorderRadiusTokens.square[size]\n          ],\n        ),\n        objectFit: 'cover',\n      },\n\n      ...(isInteractive\n        ? {\n            '&:focus-visible': {\n              ...getFocusRingStyles({ theme }),\n            },\n          }\n        : {}),\n    };\n  },\n);\n\nexport { StyledAvatarButton };\n"],"names":["StyledAvatarButton","styled","button","withConfig","displayName","componentId","_ref","theme","_ref$size","size","_ref$variant","variant","_ref$color","color","isSelected","isInteractive","_objectSpread","display","textAlign","textDecoration","cursor","minHeight","makeSize","avatarSizeTokens","height","width","border","concat","makeBorderSize","thicker","colors","surface","primary","normal","borderRadius","radius","avatarBorderRadiusTokens","circle","square","backgroundColor","getIn","avatarColorTokens","background","img","objectFit","getFocusRingStyles"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,oBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACtC,CAAA,CAAA,UAAAC,IAAA,EAOM;AAAA,EAAA,IANJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,SAAA,GAAAF,IAAA,CACLG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,YAAA,GAAAJ,IAAA,CACfK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,YAAA;IAAAE,UAAA,GAAAN,IAAA,CAClBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IACjBE,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,aAAa,GAAAT,IAAA,CAAbS,aAAa,CAAA;AAEb,EAAA,OAAAC,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,MAAM,EAAEL,aAAa,GAAG,SAAS,GAAG,SAAS;AAC7CM,IAAAA,SAAS,EAAEC,QAAQ,CAACC,gBAAgB,CAACd,IAAI,CAAC,CAAC;AAC3Ce,IAAAA,MAAM,EAAEF,QAAQ,CAACC,gBAAgB,CAACd,IAAI,CAAC,CAAC;AACxCgB,IAAAA,KAAK,EAAEH,QAAQ,CAACC,gBAAgB,CAACd,IAAI,CAAC,CAAC;AACvCiB,IAAAA,MAAM,EAAEZ,UAAU,GAAAa,EAAAA,CAAAA,MAAA,CACXC,cAAc,CAACrB,KAAK,CAACmB,MAAM,CAACD,KAAK,CAACI,OAAO,CAAC,EAAAF,SAAAA,CAAAA,CAAAA,MAAA,CAC3CpB,KAAK,CAACuB,MAAM,CAACC,OAAO,CAACL,MAAM,CAACM,OAAO,CAACC,MAAM,IAE5C,MAAM;IACVC,YAAY,EAAEN,cAAc,CAC1BrB,KAAK,CAACmB,MAAM,CAACS,MAAM,CACjBxB,OAAO,KAAK,QAAQ,GAChByB,wBAAwB,CAACC,MAAM,GAC/BD,wBAAwB,CAACE,MAAM,CAAC7B,IAAI,CAAC,CAE7C,CAAC;AACD8B,IAAAA,eAAe,EAAEC,KAAK,CAACjC,KAAK,CAACuB,MAAM,EAAEW,iBAAiB,CAACC,UAAU,CAAC7B,KAAK,CAAC,CAAC;AAEzE8B,IAAAA,GAAG,EAAE;AACH1B,MAAAA,OAAO,EAAE,OAAO;AAChBO,MAAAA,MAAM,EAAED,gBAAgB,CAACd,IAAI,CAAC;AAC9BgB,MAAAA,KAAK,EAAEF,gBAAgB,CAACd,IAAI,CAAC;MAC7ByB,YAAY,EAAEN,cAAc,CAC1BrB,KAAK,CAACmB,MAAM,CAACS,MAAM,CACjBxB,OAAO,KAAK,QAAQ,GAChByB,wBAAwB,CAACC,MAAM,GAC/BD,wBAAwB,CAACE,MAAM,CAAC7B,IAAI,CAAC,CAE7C,CAAC;AACDmC,MAAAA,SAAS,EAAE,OAAA;AACb,KAAA;AAAC,GAAA,EAEG7B,aAAa,GACb;AACE,IAAA,iBAAiB,EAAAC,aAAA,CACZ6B,EAAAA,EAAAA,kBAAkB,CAAC;AAAEtC,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CAAA;GAEnC,GACD,EAAE,CAAA,CAAA;AAEV,CAAC;;;;"}

package/build/lib/web/development/components/Avatar/avatarTokens.js

@@ -42,7 +42,13 @@ var avatarColorTokens = {
 };
 var avatarBorderRadiusTokens = {
   circle: 'max',
-  square: 'medium'
+  square: {
+    xsmall: 'xsmall',
+    small: 'xsmall',
+    medium: 'small',
+    large: 'small',
+    xlarge: 'medium'
+  }
 };
 var avatarToBottomAddonSize = {
   xsmall: 'xsmall',
@@ -95,12 +101,12 @@ var avatarTopAddonOffsets = {
       top: '-2px'
     },
     large: {
-      right: '-3px',
-      top: '-3px'
+      right: '-2px',
+      top: '-2px'
     },
     xlarge: {
-      right: '-4px',
-      top: '-4px'
+      right: '-2px',
+      top: '-2px'
     }
   }
 };

package/build/lib/web/development/components/Avatar/avatarTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatarTokens.js","sources":["../../../../../../src/components/Avatar/avatarTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst avatarSizeTokens = {\n  xsmall: size[20],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n  xlarge: size[56],\n} as const;\n\nconst avatarIconSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n  xlarge: 'xlarge',\n} as const;\n\nconst avatarTextSizeMapping = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'medium',\n} as const;\n\nconst avatarColorTokens = {\n  text: {\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n    notice: 'interactive.text.notice.normal',\n    information: 'interactive.text.information.normal',\n    neutral: 'interactive.text.neutral.normal',\n  },\n  background: {\n    primary: 'interactive.background.primary.faded',\n    positive: 'interactive.background.positive.faded',\n    negative: 'interactive.background.negative.faded',\n    notice: 'interactive.background.notice.faded',\n    information: 'interactive.background.information.faded',\n    neutral: 'interactive.background.neutral.faded',\n  },\n} as const;\n\nconst avatarBorderRadiusTokens = {\n  circle: 'max',\n  square: 'medium',\n} as const;\n\nconst avatarToBottomAddonSize = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'large',\n} as const;\n\nconst avatarToIndicatorSize = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n  xlarge: 'large',\n} as const;\n\nconst avatarTopAddonOffsets = {\n  circle: {\n    xsmall: {\n      right: '0px',\n      top: '0px',\n    },\n    small: {\n      right: '1px',\n      top: '1px',\n    },\n    medium: {\n      right: '1px',\n      top: '2px',\n    },\n    large: {\n      right: '4px',\n      top: '2px',\n    },\n    xlarge: {\n      right: '4px',\n      top: '2px',\n    },\n  },\n  square: {\n    xsmall: {\n      right: '-2px',\n      top: '-2px',\n    },\n    small: {\n      right: '-2px',\n      top: '-2px',\n    },\n    medium: {\n      right: '-2px',\n      top: '-2px',\n    },\n    large: {\n      right: '-3px',\n      top: '-3px',\n    },\n    xlarge: {\n      right: '-4px',\n      top: '-4px',\n    },\n  },\n} as const;\n\nexport {\n  avatarSizeTokens,\n  avatarIconSizeTokens,\n  avatarTextSizeMapping,\n  avatarColorTokens,\n  avatarBorderRadiusTokens,\n  avatarToBottomAddonSize,\n  avatarToIndicatorSize,\n  avatarTopAddonOffsets,\n};\n"],"names":["avatarSizeTokens","xsmall","size","small","medium","large","xlarge","avatarIconSizeTokens","avatarTextSizeMapping","avatarColorTokens","text","primary","positive","negative","notice","information","neutral","background","avatarBorderRadiusTokens","circle","square","avatarToBottomAddonSize","avatarToIndicatorSize","avatarTopAddonOffsets","right","top"],"mappings":"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"}
+{"version":3,"file":"avatarTokens.js","sources":["../../../../../../src/components/Avatar/avatarTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst avatarSizeTokens = {\n  xsmall: size[20],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n  xlarge: size[56],\n} as const;\n\nconst avatarIconSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n  xlarge: 'xlarge',\n} as const;\n\nconst avatarTextSizeMapping = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'medium',\n} as const;\n\nconst avatarColorTokens = {\n  text: {\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n    notice: 'interactive.text.notice.normal',\n    information: 'interactive.text.information.normal',\n    neutral: 'interactive.text.neutral.normal',\n  },\n  background: {\n    primary: 'interactive.background.primary.faded',\n    positive: 'interactive.background.positive.faded',\n    negative: 'interactive.background.negative.faded',\n    notice: 'interactive.background.notice.faded',\n    information: 'interactive.background.information.faded',\n    neutral: 'interactive.background.neutral.faded',\n  },\n} as const;\n\nconst avatarBorderRadiusTokens = {\n  circle: 'max',\n  square: {\n    xsmall: 'xsmall',\n    small: 'xsmall',\n    medium: 'small',\n    large: 'small',\n    xlarge: 'medium',\n  },\n} as const;\n\nconst avatarToBottomAddonSize = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'large',\n} as const;\n\nconst avatarToIndicatorSize = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n  xlarge: 'large',\n} as const;\n\nconst avatarTopAddonOffsets = {\n  circle: {\n    xsmall: {\n      right: '0px',\n      top: '0px',\n    },\n    small: {\n      right: '1px',\n      top: '1px',\n    },\n    medium: {\n      right: '1px',\n      top: '2px',\n    },\n    large: {\n      right: '4px',\n      top: '2px',\n    },\n    xlarge: {\n      right: '4px',\n      top: '2px',\n    },\n  },\n  square: {\n    xsmall: {\n      right: '-2px',\n      top: '-2px',\n    },\n    small: {\n      right: '-2px',\n      top: '-2px',\n    },\n    medium: {\n      right: '-2px',\n      top: '-2px',\n    },\n    large: {\n      right: '-2px',\n      top: '-2px',\n    },\n    xlarge: {\n      right: '-2px',\n      top: '-2px',\n    },\n  },\n} as const;\n\nexport {\n  avatarSizeTokens,\n  avatarIconSizeTokens,\n  avatarTextSizeMapping,\n  avatarColorTokens,\n  avatarBorderRadiusTokens,\n  avatarToBottomAddonSize,\n  avatarToIndicatorSize,\n  avatarTopAddonOffsets,\n};\n"],"names":["avatarSizeTokens","xsmall","size","small","medium","large","xlarge","avatarIconSizeTokens","avatarTextSizeMapping","avatarColorTokens","text","primary","positive","negative","notice","information","neutral","background","avatarBorderRadiusTokens","circle","square","avatarToBottomAddonSize","avatarToIndicatorSize","avatarTopAddonOffsets","right","top"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { StyledBadge } from './StyledBadge.web.js';
-import { badgeHeight, horizontalPadding, iconPadding, iconSize } from './badgeTokens.js';
+import { badgeHeight, horizontalPadding, iconSize, textHorizontalMargin } from './badgeTokens.js';
 import '../Box/BaseBox/index.js';
 import '../Typography/index.js';
 import '../../utils/metaAttribute/index.js';
@@ -114,16 +114,16 @@ var _Badge = function _Badge(_ref2, ref) {
         alignItems: "center",
         overflow: "hidden",
         children: [Icon ? /*#__PURE__*/jsx(BaseBox, {
-          paddingRight: Boolean(Icon) ? iconPadding[size] : 'spacing.0',
           display: "flex",
           children: /*#__PURE__*/jsx(Icon, {
             color: iconColor,
             size: iconSize[size]
           })
         }) : null, /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({}, badgeTextSizes[size]), {}, {
-          weight: "medium",
+          weight: emphasis === 'intense' ? 'regular' : 'medium',
           truncateAfterLines: 1,
           color: textColor,
+          marginX: textHorizontalMargin[size],
           children: children
         }))]
       })

package/build/lib/web/development/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","concat","_Badge","_ref2","ref","children","_ref2$emphasis","Icon","icon","_ref2$size","size","_ref2$color","testID","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","trim","throwBladeError","message","moduleName","_getColorProps","badgeTextSizes","xsmall","variant","small","medium","large","_jsx","BaseBox","_objectSpread","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","concat","_Badge","_ref2","ref","children","_ref2$emphasis","Icon","icon","_ref2$size","size","_ref2$color","testID","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","trim","throwBladeError","message","moduleName","_getColorProps","badgeTextSizes","xsmall","variant","small","medium","large","_jsx","BaseBox","_objectSpread","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/web/development/components/Badge/badgeTokens.js

@@ -8,11 +8,11 @@ var badgeHeight = {
 };
 var horizontalPadding = {
   xsmall: 'spacing.2',
-  small: 'spacing.3',
-  medium: 'spacing.3',
-  large: 'spacing.4'
+  small: 'spacing.2',
+  medium: 'spacing.2',
+  large: 'spacing.3'
 };
-var iconPadding = {
+var textHorizontalMargin = {
   xsmall: 'spacing.1',
   small: 'spacing.1',
   medium: 'spacing.2',
@@ -25,5 +25,5 @@ var iconSize = {
   large: 'small'
 };
 
-export { badgeHeight, horizontalPadding, iconPadding, iconSize };
+export { badgeHeight, horizontalPadding, iconSize, textHorizontalMargin };
 //# sourceMappingURL=badgeTokens.js.map