@razorpay/blade 12.98.1 → 12.111.0

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 {\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   * Set to `'auto'` to automatically determine decimal places based on the currency\n   * (e.g. JPY → 0 decimals, INR → 2 decimals, KWD → 3 decimals).\n   *\n   * @default 2\n   */\n  fractionDigits?: number | 'auto';\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 | 'auto';\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 intlOptions =\n          fractionDigits === 'auto'\n            ? { style: 'currency' }\n            : {\n                maximumFractionDigits: fractionDigits,\n                minimumFractionDigits: fractionDigits,\n              };\n        const options = {\n          intlOptions,\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.\n  // For non-subtle, body uses corresponding body token sizes while heading/display use hardcoded sizes.\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    if (type === 'body') {\n      return {\n        fontSize: normalAmountSizes[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","style","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","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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"}
+{"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 { isReactNative } 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// `includeFontPadding: false` is a React-Native-only TextStyle field used to fix Android\n// baseline alignment. BaseText's `style` is typed as web CSSProperties, so the cast lives\n// here once instead of at every call site.\nconst RN_FONT_PADDING_FIX = { includeFontPadding: false } as never;\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   * Set to `'auto'` to automatically determine decimal places based on the currency\n   * (e.g. JPY → 0 decimals, INR → 2 decimals, KWD → 3 decimals).\n   *\n   * @default 2\n   */\n  fractionDigits?: number | 'auto';\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 affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];\n  const numberFontFamily: keyof FontFamily = type === 'body' ? 'text' : 'heading';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    if (isReactNative()) {\n      // Align the small decimal to the large integer by their text BASELINE (not view\n      // bottoms). alignItems:'flex-end' aligns view bottoms, which misplaces a smaller\n      // glyph because each font size has different descent/leading — that was the cause\n      // of the recurring \"uppish\"/\"going down\" drift. alignItems:'baseline' (same as the\n      // web path) aligns the glyph baselines directly. includeFontPadding:false is\n      // required on Android so the reported baseline matches the true glyph metrics\n      // (Android's default font padding skews it). The decimal uses its OWN\n      // proportional lineHeight (affixFontSize token, not the integer's larger one):\n      // enough room to avoid clipping large display-size glyphs, without an oversized\n      // box that would shift its baseline.\n      return (\n        <BaseBox flexDirection=\"row\" alignItems=\"baseline\">\n          <BaseText\n            fontSize={normalAmountSizes[type][size]}\n            fontWeight={weight}\n            lineHeight={amountLineHeights[type][size]}\n            color={amountValueColor}\n            fontFamily={numberFontFamily}\n            style={RN_FONT_PADDING_FIX}\n          >\n            {amount.integer}\n          </BaseText>\n          <BaseText\n            fontWeight={weight}\n            fontSize={affixFontSize}\n            lineHeight={affixFontSize}\n            fontFamily={numberFontFamily}\n            color={amountValueColor}\n            opacity={isAffixSubtle ? opacity[800] : 1}\n            style={RN_FONT_PADDING_FIX}\n          >\n            {amount.decimal}\n            {amount.fraction}\n          </BaseText>\n        </BaseBox>\n      );\n    }\n\n    const AmountWrapper = isReactNative() ? Text : React.Fragment;\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=\"span\"\n        >\n          {amount.integer}\n        </BaseText>\n        <BaseText\n          fontWeight={weight}\n          fontSize={affixFontSize}\n          fontFamily={numberFontFamily}\n          color={amountValueColor}\n          as=\"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      style={isReactNative() ? RN_FONT_PADDING_FIX : undefined}\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 | 'auto';\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 intlOptions =\n          fractionDigits === 'auto'\n            ? { style: 'currency' }\n            : {\n                maximumFractionDigits: fractionDigits,\n                minimumFractionDigits: fractionDigits,\n              };\n        const options = {\n          intlOptions,\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.\n  // For non-subtle, body uses corresponding body token sizes while heading/display use hardcoded sizes.\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    if (type === 'body') {\n      return {\n        fontSize: normalAmountSizes[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\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            style={isReactNative() ? RN_FONT_PADDING_FIX : undefined}\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            lineHeight={isReactNative() ? amountLineHeights[type][size] : undefined}\n            color={amountValueColor}\n            as={isReactNative() ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[800] : 1}\n            style={isReactNative() ? RN_FONT_PADDING_FIX : 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            lineHeight={isReactNative() ? amountLineHeights[type][size] : undefined}\n            color={amountValueColor}\n            as={isReactNative() ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[800] : 1}\n            style={isReactNative() ? RN_FONT_PADDING_FIX : 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":["RN_FONT_PADDING_FIX","includeFontPadding","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","affixFontSize","subtleFontSizes","normalAmountSizes","numberFontFamily","isReactNative","_jsxs","BaseBox","flexDirection","alignItems","children","_jsx","BaseText","fontSize","fontWeight","lineHeight","amountLineHeights","fontFamily","style","integer","opacity","AmountWrapper","Text","React","Fragment","as","undefined","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","hardcodedSize","currencyHardcodedSizes","currencyFontProps","_objectSpread","metaAttribute","name","MetaConstants","Amount","getStyledProps","makeAnalyticsAttribute","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/AnimateInteractions/AnimateInteractions.web.js

@@ -1,10 +1,10 @@
 import React__default from 'react';
 import { useAnimation } from 'framer-motion';
 import { AnimateInteractionsContext } from './AnimateInteractionsProvider.js';
-import { useFocusWithin } from './useFocusWithin.js';
+import { useFocusWithin } from './useFocusWithin.web.js';
 import '../BaseMotion/index.js';
 import { jsx } from 'react/jsx-runtime';
-import { BaseMotionEnhancerBox } from '../BaseMotion/BaseMotion.js';
+import { BaseMotionEnhancerBox } from '../BaseMotion/BaseMotion.web.js';
 
 var AnimateInteractions = function AnimateInteractions(_ref) {
   var children = _ref.children,

package/build/lib/web/development/components/AnimateInteractions/AnimateInteractionsProvider.js

@@ -1,7 +1,8 @@
 import React__default from 'react';
 
 var AnimateInteractionsContext = /*#__PURE__*/React__default.createContext({
-  isInsideAnimateInteractionsContainer: false
+  isInsideAnimateInteractionsContainer: false,
+  isInteracting: false
 });
 var useAnimateInteractions = function useAnimateInteractions() {
   var animateInteractionsContextValue = React__default.useContext(AnimateInteractionsContext);

package/build/lib/web/development/components/AnimateInteractions/AnimateInteractionsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimateInteractionsProvider.js","sources":["../../../../../../src/components/AnimateInteractions/AnimateInteractionsProvider.tsx"],"sourcesContent":["import React from 'react';\n\ntype AnimateInteractionsContextType = {\n  isInsideAnimateInteractionsContainer: boolean;\n};\n\nconst AnimateInteractionsContext = React.createContext<AnimateInteractionsContextType>({\n  isInsideAnimateInteractionsContainer: false,\n});\n\nconst useAnimateInteractions = (): AnimateInteractionsContextType => {\n  const animateInteractionsContextValue = React.useContext(AnimateInteractionsContext);\n  return animateInteractionsContextValue;\n};\n\nexport { useAnimateInteractions, AnimateInteractionsContext };\n"],"names":["AnimateInteractionsContext","React","createContext","isInsideAnimateInteractionsContainer","useAnimateInteractions","animateInteractionsContextValue","useContext"],"mappings":";;AAMA,IAAMA,0BAA0B,gBAAGC,cAAK,CAACC,aAAa,CAAiC;AACrFC,EAAAA,oCAAoC,EAAE,KAAA;AACxC,CAAC,EAAC;AAEF,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAyC;AACnE,EAAA,IAAMC,+BAA+B,GAAGJ,cAAK,CAACK,UAAU,CAACN,0BAA0B,CAAC,CAAA;AACpF,EAAA,OAAOK,+BAA+B,CAAA;AACxC;;;;"}
+{"version":3,"file":"AnimateInteractionsProvider.js","sources":["../../../../../../src/components/AnimateInteractions/AnimateInteractionsProvider.tsx"],"sourcesContent":["import React from 'react';\n\ntype AnimateInteractionsContextType = {\n  isInsideAnimateInteractionsContainer: boolean;\n  /**\n   * Native-only: current interaction state of the parent `AnimateInteractions` container.\n   *\n   * On native there is no hover / DOM focus-within, so `AnimateInteractions.native` publishes a\n   * press-and-hold flag here and the shared `BaseMotion.native` engine reads it to drive every\n   * `on-animate-interactions` descendant towards `'animate'` (interacting) or `'exit'` (idle).\n   *\n   * Web ignores this field — framer control propagation handles descendant animation there.\n   */\n  isInteracting?: boolean;\n};\n\nconst AnimateInteractionsContext = React.createContext<AnimateInteractionsContextType>({\n  isInsideAnimateInteractionsContainer: false,\n  isInteracting: false,\n});\n\nconst useAnimateInteractions = (): AnimateInteractionsContextType => {\n  const animateInteractionsContextValue = React.useContext(AnimateInteractionsContext);\n  return animateInteractionsContextValue;\n};\n\nexport { useAnimateInteractions, AnimateInteractionsContext };\n"],"names":["AnimateInteractionsContext","React","createContext","isInsideAnimateInteractionsContainer","isInteracting","useAnimateInteractions","animateInteractionsContextValue","useContext"],"mappings":";;AAgBA,IAAMA,0BAA0B,gBAAGC,cAAK,CAACC,aAAa,CAAiC;AACrFC,EAAAA,oCAAoC,EAAE,KAAK;AAC3CC,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,EAAC;AAEF,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAyC;AACnE,EAAA,IAAMC,+BAA+B,GAAGL,cAAK,CAACM,UAAU,CAACP,0BAA0B,CAAC,CAAA;AACpF,EAAA,OAAOM,+BAA+B,CAAA;AACxC;;;;"}

package/build/lib/web/development/components/AnimateInteractions/{useFocusWithin.js → useFocusWithin.web.js}

@@ -27,4 +27,4 @@ var useFocusWithin = function useFocusWithin(ref, _ref) {
 };
 
 export { useFocusWithin };
-//# sourceMappingURL=useFocusWithin.js.map
+//# sourceMappingURL=useFocusWithin.web.js.map

package/build/lib/web/development/components/AnimateInteractions/useFocusWithin.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusWithin.web.js","sources":["../../../../../../src/components/AnimateInteractions/useFocusWithin.web.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype FocusWithinHandlers = {\n  onFocusWithin?: () => void;\n  onBlurWithin?: () => void;\n};\n\nexport const useFocusWithin = <T extends HTMLElement>(\n  ref: React.RefObject<T>,\n  { onFocusWithin, onBlurWithin }: FocusWithinHandlers,\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const handleFocusIn = (): void => {\n      onFocusWithin?.();\n    };\n\n    const handleFocusOut = (event: FocusEvent): void => {\n      // Ensure that focus is not still within the container\n      if (element && !element.contains(event.relatedTarget as Node)) {\n        onBlurWithin?.();\n      }\n    };\n\n    element.addEventListener('focusin', handleFocusIn);\n    element.addEventListener('focusout', handleFocusOut);\n\n    // eslint-disable-next-line consistent-return\n    return () => {\n      element.removeEventListener('focusin', handleFocusIn);\n      element.removeEventListener('focusout', handleFocusOut);\n    };\n  }, [ref, onFocusWithin, onBlurWithin]);\n};\n"],"names":["useFocusWithin","ref","_ref","onFocusWithin","onBlurWithin","useEffect","element","current","handleFocusIn","handleFocusOut","event","contains","relatedTarget","addEventListener","removeEventListener"],"mappings":";;AAOO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CACzBC,GAAuB,EAAAC,IAAA,EAEd;AAAA,EAAA,IADPC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY,CAAA;AAE7BC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMC,OAAO,GAAGL,GAAG,CAACM,OAAO,CAAA;IAC3B,IAAI,CAACD,OAAO,EAAE,OAAA;AAEd,IAAA,IAAME,aAAa,GAAG,SAAhBA,aAAaA,GAAe;AAChCL,MAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,EAAI,CAAA;KAClB,CAAA;AAED,IAAA,IAAMM,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAiB,EAAW;AAClD;MACA,IAAIJ,OAAO,IAAI,CAACA,OAAO,CAACK,QAAQ,CAACD,KAAK,CAACE,aAAqB,CAAC,EAAE;AAC7DR,QAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,IAAAA,YAAY,EAAI,CAAA;AAClB,OAAA;KACD,CAAA;AAEDE,IAAAA,OAAO,CAACO,gBAAgB,CAAC,SAAS,EAAEL,aAAa,CAAC,CAAA;AAClDF,IAAAA,OAAO,CAACO,gBAAgB,CAAC,UAAU,EAAEJ,cAAc,CAAC,CAAA;;AAEpD;AACA,IAAA,OAAO,YAAM;AACXH,MAAAA,OAAO,CAACQ,mBAAmB,CAAC,SAAS,EAAEN,aAAa,CAAC,CAAA;AACrDF,MAAAA,OAAO,CAACQ,mBAAmB,CAAC,UAAU,EAAEL,cAAc,CAAC,CAAA;KACxD,CAAA;GACF,EAAE,CAACR,GAAG,EAAEE,aAAa,EAAEC,YAAY,CAAC,CAAC,CAAA;AACxC;;;;"}

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

@@ -0,0 +1,76 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { StyledAnnouncementBanner } from './StyledAnnouncementBanner.js';
+import { getBannerIconColor, getBannerTextColor } from './styles.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { Text } from '../Typography/Text/Text.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded = ["children", "alignment", "icon", "accessibilityLabel", "testID"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _AnnouncementBanner = function _AnnouncementBanner(_ref, ref) {
+  var children = _ref.children,
+    _ref$alignment = _ref.alignment,
+    alignment = _ref$alignment === void 0 ? 'center' : _ref$alignment,
+    Icon = _ref.icon,
+    _ref$accessibilityLab = _ref.accessibilityLabel,
+    accessibilityLabel = _ref$accessibilityLab === void 0 ? 'Announcement' : _ref$accessibilityLab,
+    testID = _ref.testID,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    colorScheme = _useTheme.colorScheme;
+  var isDark = colorScheme === 'dark';
+  var a11yProps = makeAccessible({
+    role: 'region',
+    label: accessibilityLabel
+  });
+  return /*#__PURE__*/jsxs(StyledAnnouncementBanner, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    ref: ref,
+    isDark: isDark,
+    alignment: alignment
+  }, a11yProps), metaAttribute({
+    name: MetaConstants.AnnouncementBanner,
+    testID: testID
+  })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
+    children: [Icon ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+      display: "flex",
+      alignItems: "center"
+    }, makeAccessible({
+      hidden: true
+    })), {}, {
+      children: /*#__PURE__*/jsx(Icon, {
+        size: "small",
+        color: getBannerIconColor(isDark)
+      })
+    })) : null, /*#__PURE__*/jsx(Text, {
+      size: "small",
+      weight: "medium",
+      color: getBannerTextColor(isDark),
+      truncateAfterLines: 1,
+      children: children
+    })]
+  }));
+};
+var AnnouncementBanner = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_AnnouncementBanner), {
+  displayName: 'AnnouncementBanner'
+});
+
+export { AnnouncementBanner };
+//# sourceMappingURL=AnnouncementBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementBanner.js","sources":["../../../../../../src/components/AnnouncementBanner/AnnouncementBanner.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\n\nimport { StyledAnnouncementBanner } from './StyledAnnouncementBanner';\nimport { getBannerIconColor, getBannerTextColor } from './styles';\nimport type { AnnouncementBannerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _AnnouncementBanner = (\n  {\n    children,\n    alignment = 'center',\n    icon: Icon,\n    accessibilityLabel = 'Announcement',\n    testID,\n    ...rest\n  }: AnnouncementBannerProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { colorScheme } = useTheme();\n  const isDark = colorScheme === 'dark';\n\n  const a11yProps = makeAccessible({\n    role: 'region',\n    label: accessibilityLabel,\n  });\n\n  return (\n    <StyledAnnouncementBanner\n      ref={ref as never}\n      isDark={isDark}\n      alignment={alignment}\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.AnnouncementBanner, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {Icon ? (\n        <BaseBox display=\"flex\" alignItems=\"center\" {...makeAccessible({ hidden: true })}>\n          <Icon size=\"small\" color={getBannerIconColor(isDark)} />\n        </BaseBox>\n      ) : null}\n      <Text size=\"small\" weight=\"medium\" color={getBannerTextColor(isDark)} truncateAfterLines={1}>\n        {children}\n      </Text>\n    </StyledAnnouncementBanner>\n  );\n};\n\nconst AnnouncementBanner = assignWithoutSideEffects(React.forwardRef(_AnnouncementBanner), {\n  displayName: 'AnnouncementBanner',\n});\n\nexport type { AnnouncementBannerProps };\nexport { AnnouncementBanner };\n"],"names":["_AnnouncementBanner","_ref","ref","children","_ref$alignment","alignment","Icon","icon","_ref$accessibilityLab","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","colorScheme","isDark","a11yProps","makeAccessible","role","label","_jsxs","StyledAnnouncementBanner","_objectSpread","metaAttribute","name","MetaConstants","AnnouncementBanner","getStyledProps","makeAnalyticsAttribute","_jsx","BaseBox","display","alignItems","hidden","size","color","getBannerIconColor","Text","weight","getBannerTextColor","truncateAfterLines","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EASvBC,GAA+B,EACd;AAAA,EAAA,IARfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CACRI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;IACdE,IAAI,GAAAL,IAAA,CAAVM,IAAI;IAAAC,qBAAA,GAAAP,IAAA,CACJQ,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,cAAc,GAAAA,qBAAA;IACnCE,MAAM,GAAAT,IAAA,CAANS,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAIT,EAAA,IAAAC,SAAA,GAAwBC,QAAQ,EAAE;IAA1BC,WAAW,GAAAF,SAAA,CAAXE,WAAW,CAAA;AACnB,EAAA,IAAMC,MAAM,GAAGD,WAAW,KAAK,MAAM,CAAA;EAErC,IAAME,SAAS,GAAGC,cAAc,CAAC;AAC/BC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,KAAK,EAAEZ,kBAAAA;AACT,GAAC,CAAC,CAAA;AAEF,EAAA,oBACEa,IAAA,CAACC,wBAAwB,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACvBtB,IAAAA,GAAG,EAAEA,GAAa;AAClBe,IAAAA,MAAM,EAAEA,MAAO;AACfZ,IAAAA,SAAS,EAAEA,SAAAA;GACPa,EAAAA,SAAS,CACTO,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,kBAAkB;AAAElB,IAAAA,MAAM,EAANA,MAAAA;GAAQ,CAAC,CACjEmB,EAAAA,cAAc,CAAClB,IAAI,CAAC,CACpBmB,EAAAA,sBAAsB,CAACnB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAR,QAAA,EAAA,CAE/BG,IAAI,gBACHyB,GAAA,CAACC,OAAO,EAAAR,aAAA,CAAAA,aAAA,CAAA;AAACS,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,UAAU,EAAC,QAAA;AAAQ,KAAA,EAAKf,cAAc,CAAC;AAAEgB,MAAAA,MAAM,EAAE,IAAA;AAAK,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;MAAAhC,QAAA,eAC9E4B,GAAA,CAACzB,IAAI,EAAA;AAAC8B,QAAAA,IAAI,EAAC,OAAO;QAACC,KAAK,EAAEC,kBAAkB,CAACrB,MAAM,CAAA;OAAI,CAAA;AAAC,KAAA,CACjD,CAAC,GACR,IAAI,eACRc,GAAA,CAACQ,IAAI,EAAA;AAACH,MAAAA,IAAI,EAAC,OAAO;AAACI,MAAAA,MAAM,EAAC,QAAQ;AAACH,MAAAA,KAAK,EAAEI,kBAAkB,CAACxB,MAAM,CAAE;AAACyB,MAAAA,kBAAkB,EAAE,CAAE;AAAAvC,MAAAA,QAAA,EACzFA,QAAAA;AAAQ,KACL,CAAC,CAAA;AAAA,GAAA,CACiB,CAAC,CAAA;AAE/B,CAAC,CAAA;AAEKyB,IAAAA,kBAAkB,gBAAGe,wBAAwB,cAACC,cAAK,CAACC,UAAU,CAAC7C,mBAAmB,CAAC,EAAE;AACzF8C,EAAAA,WAAW,EAAE,oBAAA;AACf,CAAC;;;;"}

package/build/lib/web/development/components/AnnouncementBanner/StyledAnnouncementBanner.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import { getCommonStyles } from './styles.js';
+import '../Box/BaseBox/index.js';
+import { omitPropsFromHTML } from '../../utils/omitPropsFromHTML/index.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+
+var StyledAnnouncementBanner = /*#__PURE__*/styled(BaseBox).withConfig({
+  shouldForwardProp: function shouldForwardProp(prop, defaultValidatorFn) {
+    return prop !== 'isDark' && prop !== 'alignment' && omitPropsFromHTML(prop, defaultValidatorFn);
+  },
+  displayName: 'StyledAnnouncementBanner'
+})(getCommonStyles);
+
+export { StyledAnnouncementBanner };
+//# sourceMappingURL=StyledAnnouncementBanner.js.map

package/build/lib/web/development/components/AnnouncementBanner/StyledAnnouncementBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledAnnouncementBanner.js","sources":["../../../../../../src/components/AnnouncementBanner/StyledAnnouncementBanner.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledAnnouncementBannerProps } from './types';\nimport { getCommonStyles } from './styles';\nimport BaseBox from '~components/Box/BaseBox';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\n\nexport const StyledAnnouncementBanner = styled(BaseBox).withConfig({\n  shouldForwardProp: (prop, defaultValidatorFn) =>\n    (prop as string) !== 'isDark' &&\n    (prop as string) !== 'alignment' &&\n    omitPropsFromHTML(prop as never, defaultValidatorFn as never),\n  displayName: 'StyledAnnouncementBanner',\n})<StyledAnnouncementBannerProps>(getCommonStyles);\n"],"names":["StyledAnnouncementBanner","styled","BaseBox","withConfig","shouldForwardProp","prop","defaultValidatorFn","omitPropsFromHTML","displayName","getCommonStyles"],"mappings":";;;;;;AAMO,IAAMA,wBAAwB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAACC,UAAU,CAAC;AACjEC,EAAAA,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGC,IAAI,EAAEC,kBAAkB,EAAA;AAAA,IAAA,OACzCD,IAAI,KAAgB,QAAQ,IAC5BA,IAAI,KAAgB,WAAW,IAChCE,iBAAiB,CAACF,IAAI,EAAWC,kBAA2B,CAAC,CAAA;AAAA,GAAA;AAC/DE,EAAAA,WAAW,EAAE,0BAAA;AACf,CAAC,CAAC,CAAgCC,eAAe;;;;"}

package/build/lib/web/development/components/AnnouncementBanner/index.js

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

package/build/lib/web/development/components/AnnouncementBanner/index.js.map

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

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

@@ -0,0 +1,32 @@
+import '../../utils/makeSpace/index.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+
+var getBannerTextColor = function getBannerTextColor(isDark) {
+  return isDark ? 'surface.text.staticWhite.subtle' : 'surface.text.gray.subtle';
+};
+var getBannerIconColor = function getBannerIconColor(isDark) {
+  return isDark ? 'surface.icon.staticWhite.subtle' : 'surface.icon.gray.subtle';
+};
+var getCommonStyles = function getCommonStyles(props) {
+  var theme = props.theme,
+    isDark = props.isDark,
+    alignment = props.alignment;
+  var background = isDark ? theme.colors.interactive.background.staticBlack.fadedHighlighted : theme.colors.surface.background.gray.subtle;
+  return {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: makeSpace(theme.spacing[2]),
+    justifyContent: alignment === 'center' ? 'center' : 'flex-start',
+    width: '100%',
+    background: background,
+    paddingTop: makeSpace(theme.spacing[3]),
+    paddingBottom: makeSpace(theme.spacing[3]),
+    paddingLeft: makeSpace(theme.spacing[5]),
+    paddingRight: makeSpace(theme.spacing[5]),
+    boxSizing: 'border-box'
+  };
+};
+
+export { getBannerIconColor, getBannerTextColor, getCommonStyles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/AnnouncementBanner/styles.ts"],"sourcesContent":["import type { CSSObject, StyledProps } from 'styled-components';\n\nimport type { StyledAnnouncementBannerProps } from './types';\nimport type { IconColors } from '~components/Icons';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { makeSpace } from '~utils/makeSpace';\n\nexport const getBannerTextColor = (isDark: boolean): BaseTextProps['color'] =>\n  isDark ? 'surface.text.staticWhite.subtle' : 'surface.text.gray.subtle';\n\nexport const getBannerIconColor = (isDark: boolean): IconColors =>\n  isDark ? 'surface.icon.staticWhite.subtle' : 'surface.icon.gray.subtle';\n\nexport const getCommonStyles = (props: StyledProps<StyledAnnouncementBannerProps>): CSSObject => {\n  const { theme, isDark, alignment } = props;\n\n  const background = isDark\n    ? theme.colors.interactive.background.staticBlack.fadedHighlighted\n    : theme.colors.surface.background.gray.subtle;\n\n  return {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: makeSpace(theme.spacing[2]),\n    justifyContent: alignment === 'center' ? 'center' : 'flex-start',\n    width: '100%',\n    background,\n    paddingTop: makeSpace(theme.spacing[3]),\n    paddingBottom: makeSpace(theme.spacing[3]),\n    paddingLeft: makeSpace(theme.spacing[5]),\n    paddingRight: makeSpace(theme.spacing[5]),\n    boxSizing: 'border-box',\n  };\n};\n"],"names":["getBannerTextColor","isDark","getBannerIconColor","getCommonStyles","props","theme","alignment","background","colors","interactive","staticBlack","fadedHighlighted","surface","gray","subtle","display","flexDirection","alignItems","gap","makeSpace","spacing","justifyContent","width","paddingTop","paddingBottom","paddingLeft","paddingRight","boxSizing"],"mappings":";;;IAOaA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,MAAe,EAAA;AAAA,EAAA,OAChDA,MAAM,GAAG,iCAAiC,GAAG,0BAA0B,CAAA;AAAA,EAAA;IAE5DC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAID,MAAe,EAAA;AAAA,EAAA,OAChDA,MAAM,GAAG,iCAAiC,GAAG,0BAA0B,CAAA;AAAA,EAAA;IAE5DE,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAiD,EAAgB;AAC/F,EAAA,IAAQC,KAAK,GAAwBD,KAAK,CAAlCC,KAAK;IAAEJ,MAAM,GAAgBG,KAAK,CAA3BH,MAAM;IAAEK,SAAS,GAAKF,KAAK,CAAnBE,SAAS,CAAA;EAEhC,IAAMC,UAAU,GAAGN,MAAM,GACrBI,KAAK,CAACG,MAAM,CAACC,WAAW,CAACF,UAAU,CAACG,WAAW,CAACC,gBAAgB,GAChEN,KAAK,CAACG,MAAM,CAACI,OAAO,CAACL,UAAU,CAACM,IAAI,CAACC,MAAM,CAAA;EAE/C,OAAO;AACLC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEC,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC;AAChCC,IAAAA,cAAc,EAAEf,SAAS,KAAK,QAAQ,GAAG,QAAQ,GAAG,YAAY;AAChEgB,IAAAA,KAAK,EAAE,MAAM;AACbf,IAAAA,UAAU,EAAVA,UAAU;IACVgB,UAAU,EAAEJ,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC;IACvCI,aAAa,EAAEL,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1CK,WAAW,EAAEN,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC;IACxCM,YAAY,EAAEP,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC;AACzCO,IAAAA,SAAS,EAAE,YAAA;GACZ,CAAA;AACH;;;;"}