@razorpay/blade 12.98.0 → 12.110.0

package/build/lib/web/development/components/Button/BaseButton/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.js","sources":["../../../../../../../src/components/Button/BaseButton/BaseButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseButton from './StyledBaseButton';\nimport type { ButtonTypography, ButtonBoxShadow } from './buttonTokens';\nimport {\n  textColor,\n  backgroundGradient,\n  boxShadow,\n  spinnerColor,\n  buttonIconOnlySizeToIconSizeMap,\n  typography as buttonTypography,\n  minHeight as buttonMinHeight,\n  buttonSizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n  buttonBorderRadius,\n} from './buttonTokens';\nimport type { BaseButtonStyleProps, IconColor } from './types';\nimport AnimatedButtonContent from './AnimatedButtonContent';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { BaseLinkProps } from '~components/Link/BaseLink';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useButtonGroupContext } from '~components/ButtonGroup/ButtonGroupContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTheme } from '~components/BladeProvider';\nimport { announce } from '~components/LiveAnnouncer';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type {\n  BladeElementRef,\n  DataAnalyticsAttribute,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { usePrevious } from '~utils/usePrevious';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { BladeCommonEvents } from '~components/types';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BaseButtonCommonProps = {\n  href?: BaseLinkProps['href'];\n  target?: BaseLinkProps['target'];\n  rel?: BaseLinkProps['rel'];\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  id?: string;\n  tabIndex?: BaseBoxProps['tabIndex'];\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  type?: 'button' | 'reset' | 'submit';\n  isLoading?: boolean;\n  accessibilityProps?: Partial<AccessibilityProps>;\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?:\n    | 'primary'\n    | 'white'\n    | 'positive'\n    | 'negative'\n    | 'notice'\n    | 'information'\n    | 'neutral'\n    | 'transparent';\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\nMandatory children prop when icon is not provided\n*/\ntype BaseButtonWithoutIconProps = BaseButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n} & DataAnalyticsAttribute;\n\n/*\n Optional children prop when icon is provided\n*/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n} & DataAnalyticsAttribute;\n\n/*\n With or without icon prop. We need at least an icon or a children prop present.\n*/\nexport type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;\n\ntype BaseButtonColorTokenModifiers = {\n  variant: NonNullable<BaseButtonProps['variant']>;\n  state: 'default' | 'hover' | 'focus' | 'disabled';\n  color: BaseButtonProps['color'];\n};\n\nconst getRenderElement = (href?: string): 'a' | 'button' | undefined => {\n  if (isReactNative()) {\n    return undefined; // as property doesn't work with react native\n  }\n\n  if (href) {\n    return 'a';\n  }\n\n  return 'button';\n};\n\nexport const getBackgroundColorToken = ({\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers) => {\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n\n  // For white and transparent colors, we use 'primary' as the base color\n  // since the actual token lookup uses the white/transparent specific paths\n  const gradientColor = color === 'white' || color === 'transparent' || !color ? 'primary' : color;\n  const tokens = backgroundGradient(gradientColor);\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color === 'transparent') {\n    if (variant !== 'tertiary') {\n      throw new Error(\n        `Transparent color can only be used with tertiary variant but received \"${variant}\"`,\n      );\n    }\n    return tokens.base.transparent[_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n  }\n\n  return tokens.base[variant][_state];\n};\n\nexport const getBoxShadowToken = ({\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers): ButtonBoxShadow => {\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n  const tokenColor = color === 'white' || color === 'transparent' || !color ? 'primary' : color;\n  const tokens = boxShadow(tokenColor);\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color === 'transparent') {\n    if (variant !== 'tertiary') {\n      throw new Error(\n        `Transparent color can only be used with tertiary variant but received \"${variant}\"`,\n      );\n    }\n    return tokens.base.transparent[_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nexport const getTextColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'icon' | 'text';\n}): DotNotationToken<Theme['colors']> => {\n  const tokens = textColor(property);\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color === 'transparent') {\n    if (variant !== 'tertiary') {\n      throw new Error(\n        `Transparent color can only be used with tertiary variant but received \"${variant}\"`,\n      );\n    }\n    return tokens.transparent.tertiary[_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nconst getProps = ({\n  buttonTypographyTokens,\n  childrenString,\n  isDisabled,\n  size,\n  theme,\n  variant,\n  color,\n  hasIcon,\n}: {\n  buttonTypographyTokens: ButtonTypography;\n  childrenString?: string;\n  isDisabled: boolean;\n  hasIcon: boolean;\n  theme: Theme;\n  size: NonNullable<BaseButtonProps['size']>;\n  variant: NonNullable<BaseButtonProps['variant']>;\n  color: BaseButtonProps['color'];\n}): BaseButtonStyleProps => {\n  if (\n    variant === 'tertiary' &&\n    color !== 'primary' &&\n    color !== 'white' &&\n    color !== 'transparent'\n  ) {\n    throwBladeError({\n      moduleName: 'BaseButton',\n      message: `Tertiary variant can only be used with color: \"primary\" or \"white\" or \"transparent\" but received \"${color}\"`,\n    });\n  }\n\n  const isIconOnly = hasIcon && (!childrenString || childrenString?.trim().length === 0);\n\n  // Resolve background value - either a gradient string or a token path\n  const resolveBackgroundValue = (value: string): string => {\n    if (value.startsWith('linear-gradient')) {\n      return value;\n    }\n    return getIn(theme.colors, value as DotNotationToken<Theme['colors']>);\n  };\n\n  const getDefaultBackground = (): string => {\n    return resolveBackgroundValue(getBackgroundColorToken({ variant, color, state: 'default' }));\n  };\n\n  const getBoxShadow = (\n    state: 'default' | 'hover' | 'focus' | 'disabled',\n    btnColor: BaseButtonProps['color'],\n  ): string | undefined => {\n    const shadowTokens = getBoxShadowToken({ variant, color: btnColor, state });\n\n    if (shadowTokens.length === 0) {\n      return undefined;\n    }\n\n    const shadows = shadowTokens.map((shadow) => {\n      const resolvedColor = getIn(theme.colors, shadow.color);\n      return `inset 0 ${shadow.y}px ${shadow.blur}px ${shadow.spread}px ${resolvedColor}`;\n    });\n\n    return shadows.join(', ');\n  };\n\n  const props: BaseButtonStyleProps = {\n    iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],\n    spinnerSize: buttonSizeToSpinnerSizeMap[size],\n    fontSize: buttonTypographyTokens.fonts.size[size],\n    lineHeight: buttonTypographyTokens.lineHeights[size],\n    minHeight: makeSize(buttonMinHeight[size]),\n    height: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    width: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    iconColor: getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'default',\n    }) as IconColor,\n    textColor: getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'default',\n    }) as BaseTextProps['color'],\n    buttonPaddingTop: isIconOnly ? makeSpace(0) : makeSpace(theme.spacing[buttonPadding[size].top]),\n    buttonPaddingBottom: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n    buttonPaddingLeft: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].left]),\n    buttonPaddingRight: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].right]),\n    text: childrenString?.trim(),\n    defaultBackgroundColor: getDefaultBackground(),\n    defaultBoxShadow: getBoxShadow('default', color),\n    hoverBackgroundColor: resolveBackgroundValue(\n      getBackgroundColorToken({ variant, color, state: 'hover' }),\n    ),\n    hoverBoxShadow: getBoxShadow('hover', color),\n    hoverIconColor: getIn(\n      theme.colors,\n      getTextColorToken({\n        property: 'icon',\n        variant,\n        color,\n        state: 'hover',\n      }),\n    ),\n    focusBackgroundColor: resolveBackgroundValue(\n      getBackgroundColorToken({ variant, color, state: 'focus' }),\n    ),\n    focusBoxShadow: getBoxShadow('focus', color),\n    focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),\n    borderRadius: makeBorderSize(theme.border.radius[buttonBorderRadius[size]]),\n    motionDuration: 'duration.xquick',\n    motionEasing: 'easing.standard',\n  };\n\n  if (isDisabled) {\n    const disabledBackgroundColor = resolveBackgroundValue(\n      getBackgroundColorToken({ variant, color, state: 'disabled' }),\n    );\n    props.iconColor = getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'disabled',\n    }) as IconColor;\n    props.textColor = getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'disabled',\n    }) as BaseTextProps['color'];\n    props.defaultBackgroundColor = disabledBackgroundColor;\n    props.defaultBoxShadow = getBoxShadow('disabled', color);\n    props.hoverBackgroundColor = disabledBackgroundColor;\n    props.hoverBoxShadow = getBoxShadow('disabled', color);\n    props.focusBackgroundColor = disabledBackgroundColor;\n    props.focusBoxShadow = getBoxShadow('disabled', color);\n  }\n\n  return props;\n};\n\nconst ButtonContent = styled(BaseBox)<{ isHidden: boolean }>(({ isHidden }) => ({\n  opacity: isHidden ? 0 : 1,\n}));\n\nconst _BaseButton: React.ForwardRefRenderFunction<BladeElementRef, BaseButtonProps> = (\n  {\n    href,\n    target,\n    rel,\n    tabIndex,\n    id,\n    variant = 'primary',\n    color = 'primary',\n    size = 'medium',\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    onClick,\n    onBlur,\n    onKeyDown,\n    type = 'button',\n    children,\n    testID,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    accessibilityProps,\n    onTouchEnd,\n    onTouchStart,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const buttonGroupProps = useButtonGroupContext();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const isLink = Boolean(href);\n  const childrenString = getStringFromReactText(children);\n  const isChildrenComponent = React.isValidElement(children);\n\n  // Button cannot be disabled when its rendered as Link\n  // button should be allowed to be disabled in any case...\n  // either through button group or we should allow to disable an individual button\n  const disabled = buttonGroupProps.isDisabled || isLoading || (isDisabled && !isLink);\n\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: 'At least one of icon or text is required to render a button.',\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n\n  const prevLoading = usePrevious(isLoading);\n\n  React.useEffect(() => {\n    if (isLoading) announce('Started loading');\n\n    if (!isLoading && prevLoading) announce('Stopped loading');\n  }, [isLoading, prevLoading]);\n\n  const {\n    defaultBackgroundColor,\n    defaultBoxShadow,\n    minHeight,\n    height,\n    width,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    focusBoxShadow,\n    focusBackgroundColor,\n    focusRingColor,\n    fontSize,\n    hoverBoxShadow,\n    hoverBackgroundColor,\n    hoverIconColor,\n    iconColor,\n    iconSize,\n    spinnerSize,\n    lineHeight,\n    text,\n    textColor,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n  } = getProps({\n    buttonTypographyTokens: buttonTypography,\n    childrenString,\n    isDisabled: disabled,\n    size: buttonGroupProps.size ?? size,\n    variant: buttonGroupProps.variant ?? variant,\n    theme,\n    color: buttonGroupProps.color ?? color,\n    hasIcon: Boolean(Icon),\n  });\n\n  const renderElement = React.useMemo(() => getRenderElement(href), [href]);\n  const defaultRole = isLink ? 'link' : 'button';\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(true);\n  }, [disabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(false);\n  }, [disabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(true);\n      }\n    },\n    [disabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(false);\n      }\n    },\n    [disabled],\n  );\n\n  return (\n    <StyledBaseButton\n      ref={ref as any}\n      id={id}\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n      // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that\n      as={renderElement}\n      href={href}\n      target={target}\n      rel={rel}\n      accessibilityProps={{\n        ...makeAccessible({\n          ...accessibilityProps,\n          role: accessibilityProps?.role ?? defaultRole,\n        }),\n      }}\n      variant={buttonGroupProps.variant ?? variant}\n      color={buttonGroupProps.color ?? color}\n      size={buttonGroupProps.size ?? size}\n      isLoading={isLoading}\n      disabled={disabled}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      defaultBackgroundColor={defaultBackgroundColor}\n      defaultBoxShadow={defaultBoxShadow}\n      focusBoxShadow={focusBoxShadow}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBoxShadow={hoverBoxShadow}\n      hoverBackgroundColor={hoverBackgroundColor}\n      isFullWidth={buttonGroupProps.isFullWidth ?? isFullWidth}\n      onClick={onClick}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      tabIndex={tabIndex}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      // Setting type for web fails it on native typecheck and vice versa\n      onKeyDown={(event: any) => {\n        handleKeyboardPressedIn(event);\n        onKeyDown?.(event);\n      }}\n      onTouchStart={(event: React.TouchEvent) => {\n        handlePointerPressedIn();\n        onTouchStart?.(event);\n      }}\n      onTouchEnd={(event: React.TouchEvent) => {\n        handlePointerPressedOut();\n        onTouchEnd?.(event);\n      }}\n      type={type}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      height={height}\n      width={width}\n      isPressed={isPressed}\n      hoverIconColor={\n        isDisabled\n          ? getIn(theme.colors, iconColor as DotNotationToken<Theme['colors']>)\n          : hoverIconColor\n      }\n      onMouseDown={(event: React.MouseEvent) => {\n        handlePointerPressedIn();\n        onMouseDown?.(event);\n      }}\n      onMouseUp={handlePointerPressedOut}\n      onMouseOut={handlePointerPressedOut}\n      onKeyUp={handleKeyboardPressedOut}\n      {...metaAttribute({ name: MetaConstants.Button, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <AnimatedButtonContent\n        motionDuration={motionDuration}\n        motionEasing={motionEasing}\n        isPressed={isPressed}\n      >\n        {isLoading ? (\n          <BaseBox\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            position=\"absolute\"\n            top=\"0px\"\n            left=\"0px\"\n            bottom=\"0px\"\n            right=\"0px\"\n            zIndex={1}\n          >\n            <BaseSpinner\n              accessibilityLabel=\"Loading\"\n              size={spinnerSize}\n              color={\n                color && color !== 'primary' && color !== 'transparent' && color in spinnerColor\n                  ? spinnerColor[color as keyof typeof spinnerColor][\n                      variant as 'primary' | 'secondary'\n                    ]\n                  : spinnerColor.base[variant]\n              }\n            />\n          </BaseBox>\n        ) : null}\n        <ButtonContent\n          display=\"flex\"\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          flex={1}\n          isHidden={isLoading}\n          zIndex={1}\n        >\n          {Icon && iconPosition == 'left' ? (\n            <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n          {text ? (\n            isChildrenComponent ? (\n              children\n            ) : (\n              <BaseText\n                marginX=\"spacing.2\"\n                lineHeight={lineHeight}\n                fontSize={fontSize}\n                // figma and web have different font-smoothing properties\n                // which causes web version of button text to look much bolder\n                // than figma version. To fix this we are changing font-weight from 600 to 500\n                // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207\n                fontWeight=\"medium\"\n                textAlign=\"center\"\n                color={textColor}\n              >\n                {text}\n              </BaseText>\n            )\n          ) : null}\n          {Icon && iconPosition == 'right' ? (\n            <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n        </ButtonContent>\n      </AnimatedButtonContent>\n    </StyledBaseButton>\n  );\n};\n\nconst BaseButton = assignWithoutSideEffects(React.forwardRef(_BaseButton), {\n  displayName: 'BaseButton',\n});\n\nexport default BaseButton;\n"],"names":["getRenderElement","href","isReactNative","undefined","getBackgroundColorToken","_ref","variant","state","color","_state","gradientColor","tokens","backgroundGradient","white","Error","concat","base","transparent","getBoxShadowToken","_ref2","tokenColor","boxShadow","getTextColorToken","_ref3","property","textColor","tertiary","getProps","_ref4","buttonTypographyTokens","childrenString","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","resolveBackgroundValue","value","startsWith","getIn","colors","getDefaultBackground","getBoxShadow","btnColor","shadowTokens","shadows","map","shadow","resolvedColor","y","blur","spread","join","props","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","height","buttonIconOnlyHeightWidth","width","iconColor","buttonPaddingTop","makeSpace","spacing","buttonPadding","top","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","defaultBackgroundColor","defaultBoxShadow","hoverBackgroundColor","hoverBoxShadow","hoverIconColor","focusBackgroundColor","focusBoxShadow","focusRingColor","borderRadius","makeBorderSize","border","radius","buttonBorderRadius","motionDuration","motionEasing","disabledBackgroundColor","ButtonContent","styled","BaseBox","withConfig","displayName","componentId","_ref5","isHidden","opacity","_BaseButton","_ref6","ref","_buttonGroupProps$siz","_buttonGroupProps$var","_buttonGroupProps$col","_accessibilityProps$r","_buttonGroupProps$var2","_buttonGroupProps$col2","_buttonGroupProps$siz2","_buttonGroupProps$isF","target","rel","tabIndex","id","_ref6$variant","_ref6$color","_ref6$size","Icon","icon","_ref6$iconPosition","iconPosition","_ref6$isDisabled","_ref6$isFullWidth","isFullWidth","_ref6$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref6$type","type","children","testID","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","buttonGroupProps","useButtonGroupContext","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","isLink","Boolean","getStringFromReactText","isChildrenComponent","isValidElement","disabled","prevLoading","usePrevious","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRole","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","StyledBaseButton","_objectSpread","as","makeAccessible","role","event","onMouseUp","onMouseOut","onKeyUp","metaAttribute","name","MetaConstants","Button","getStyledProps","makeAnalyticsAttribute","_jsxs","AnimatedButtonContent","display","justifyContent","alignItems","position","zIndex","BaseSpinner","accessibilityLabel","spinnerColor","flexDirection","flex","BaseText","marginX","fontWeight","textAlign","BaseButton","assignWithoutSideEffects","forwardRef"],"mappings":"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"}
+{"version":3,"file":"BaseButton.js","sources":["../../../../../../../src/components/Button/BaseButton/BaseButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseButton from './StyledBaseButton';\nimport type { ButtonTypography, ButtonBoxShadow } from './buttonTokens';\nimport {\n  textColor,\n  backgroundGradient,\n  boxShadow,\n  spinnerColor,\n  buttonIconOnlySizeToIconSizeMap,\n  typography as buttonTypography,\n  minHeight as buttonMinHeight,\n  buttonSizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n  buttonBorderRadius,\n} from './buttonTokens';\nimport type { BaseButtonStyleProps, IconColor } from './types';\nimport AnimatedButtonContent from './AnimatedButtonContent';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { BaseLinkProps } from '~components/Link/BaseLink';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useButtonGroupContext } from '~components/ButtonGroup/ButtonGroupContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTheme } from '~components/BladeProvider';\nimport { announce } from '~components/LiveAnnouncer';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type {\n  BladeElementRef,\n  DataAnalyticsAttribute,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { usePrevious } from '~utils/usePrevious';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { BladeCommonEvents } from '~components/types';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BaseButtonCommonProps = {\n  href?: BaseLinkProps['href'];\n  target?: BaseLinkProps['target'];\n  rel?: BaseLinkProps['rel'];\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  id?: string;\n  tabIndex?: BaseBoxProps['tabIndex'];\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  type?: 'button' | 'reset' | 'submit';\n  isLoading?: boolean;\n  accessibilityProps?: Partial<AccessibilityProps>;\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?:\n    | 'primary'\n    | 'white'\n    | 'positive'\n    | 'negative'\n    | 'notice'\n    | 'information'\n    | 'neutral'\n    | 'transparent';\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\nMandatory children prop when icon is not provided\n*/\ntype BaseButtonWithoutIconProps = BaseButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n} & DataAnalyticsAttribute;\n\n/*\n Optional children prop when icon is provided\n*/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n} & DataAnalyticsAttribute;\n\n/*\n With or without icon prop. We need at least an icon or a children prop present.\n*/\nexport type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;\n\ntype BaseButtonColorTokenModifiers = {\n  variant: NonNullable<BaseButtonProps['variant']>;\n  state: 'default' | 'hover' | 'focus' | 'disabled';\n  color: BaseButtonProps['color'];\n};\n\nconst getRenderElement = (href?: string): 'a' | 'button' | undefined => {\n  if (isReactNative()) {\n    return undefined; // as property doesn't work with react native\n  }\n\n  if (href) {\n    return 'a';\n  }\n\n  return 'button';\n};\n\nexport const getBackgroundColorToken = ({\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers) => {\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n\n  // For white and transparent colors, we use 'primary' as the base color\n  // since the actual token lookup uses the white/transparent specific paths\n  const gradientColor = color === 'white' || color === 'transparent' || !color ? 'primary' : color;\n  const tokens = backgroundGradient(gradientColor);\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color === 'transparent') {\n    if (variant !== 'tertiary') {\n      throw new Error(\n        `Transparent color can only be used with tertiary variant but received \"${variant}\"`,\n      );\n    }\n    return tokens.base.transparent[_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n  }\n\n  return tokens.base[variant][_state];\n};\n\nexport const getBoxShadowToken = ({\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers): ButtonBoxShadow => {\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n  const tokenColor = color === 'white' || color === 'transparent' || !color ? 'primary' : color;\n  const tokens = boxShadow(tokenColor);\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color === 'transparent') {\n    if (variant !== 'tertiary') {\n      throw new Error(\n        `Transparent color can only be used with tertiary variant but received \"${variant}\"`,\n      );\n    }\n    return tokens.base.transparent[_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nexport const getTextColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'icon' | 'text';\n}): DotNotationToken<Theme['colors']> => {\n  const tokens = textColor(property);\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color === 'transparent') {\n    if (variant !== 'tertiary') {\n      throw new Error(\n        `Transparent color can only be used with tertiary variant but received \"${variant}\"`,\n      );\n    }\n    return tokens.transparent.tertiary[_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nconst getProps = ({\n  buttonTypographyTokens,\n  childrenString,\n  isDisabled,\n  size,\n  theme,\n  variant,\n  color,\n  hasIcon,\n}: {\n  buttonTypographyTokens: ButtonTypography;\n  childrenString?: string;\n  isDisabled: boolean;\n  hasIcon: boolean;\n  theme: Theme;\n  size: NonNullable<BaseButtonProps['size']>;\n  variant: NonNullable<BaseButtonProps['variant']>;\n  color: BaseButtonProps['color'];\n}): BaseButtonStyleProps => {\n  if (\n    variant === 'tertiary' &&\n    color !== 'primary' &&\n    color !== 'white' &&\n    color !== 'transparent'\n  ) {\n    throwBladeError({\n      moduleName: 'BaseButton',\n      message: `Tertiary variant can only be used with color: \"primary\" or \"white\" or \"transparent\" but received \"${color}\"`,\n    });\n  }\n\n  const isIconOnly = hasIcon && (!childrenString || childrenString?.trim().length === 0);\n\n  // Resolve background value - either a gradient string or a token path\n  const resolveBackgroundValue = (value: string): string => {\n    if (value.startsWith('linear-gradient')) {\n      return value;\n    }\n    return getIn(theme.colors, value as DotNotationToken<Theme['colors']>);\n  };\n\n  const getDefaultBackground = (): string => {\n    return resolveBackgroundValue(getBackgroundColorToken({ variant, color, state: 'default' }));\n  };\n\n  const getBoxShadow = (\n    state: 'default' | 'hover' | 'focus' | 'disabled',\n    btnColor: BaseButtonProps['color'],\n  ): string | undefined => {\n    const shadowTokens = getBoxShadowToken({ variant, color: btnColor, state });\n\n    if (shadowTokens.length === 0) {\n      return undefined;\n    }\n\n    const shadows = shadowTokens.map((shadow) => {\n      const resolvedColor = getIn(theme.colors, shadow.color);\n      return `inset 0 ${shadow.y}px ${shadow.blur}px ${shadow.spread}px ${resolvedColor}`;\n    });\n\n    return shadows.join(', ');\n  };\n\n  const getNativeShadowColors = (\n    btnColor: BaseButtonProps['color'],\n  ): {\n    shadowHighlightColor?: string;\n    shadowHighlightHeight?: number;\n    shadowBottomColor?: string;\n    shadowBottomHeight?: number;\n    shadowBorderColor?: string;\n    /**\n     * Border color from the highlighted/focus box-shadow tokens. Used on press\n     * to match web `&:active { boxShadow: focusBoxShadow }` (e.g. secondary/\n     * tertiary gray.default → gray.highlighted).\n     */\n    focusShadowBorderColor?: string;\n    shadowRingWidth?: number;\n    isShadowGradientVisible?: boolean;\n  } => {\n    const resolveShadowColors = (\n      shadowTokens: ReturnType<typeof getBoxShadowToken>,\n    ): {\n      highlightColor?: string;\n      bottomColor?: string;\n      borderColor?: string;\n      highlightHeight: number;\n      bottomHeight: number;\n      ringWidth: number;\n    } => {\n      let highlightColor: string | undefined,\n        bottomColor: string | undefined,\n        borderColor: string | undefined;\n      let highlightHeight = 0;\n      let bottomHeight = 0;\n      let ringWidth = 0;\n\n      for (const shadow of shadowTokens) {\n        const resolved = getIn(theme.colors, shadow.color);\n        if (shadow.y > 0 && !highlightColor) {\n          highlightColor = resolved;\n          highlightHeight = shadow.y;\n        } else if (shadow.y < 0 && !bottomColor) {\n          bottomColor = resolved;\n          bottomHeight = Math.abs(shadow.y);\n        } else if (shadow.spread > 0 && !borderColor) {\n          borderColor = resolved;\n          ringWidth = shadow.spread;\n        }\n      }\n\n      return { highlightColor, bottomColor, borderColor, highlightHeight, bottomHeight, ringWidth };\n    };\n\n    const defaultColors = resolveShadowColors(\n      getBoxShadowToken({ variant, color: btnColor, state: 'default' }),\n    );\n    if (!defaultColors.highlightColor && !defaultColors.bottomColor && !defaultColors.borderColor) {\n      return {};\n    }\n\n    const focusColors = resolveShadowColors(\n      getBoxShadowToken({ variant, color: btnColor, state: 'focus' }),\n    );\n\n    return {\n      shadowHighlightColor: defaultColors.highlightColor,\n      shadowHighlightHeight:\n        defaultColors.highlightHeight !== 0 ? defaultColors.highlightHeight : undefined,\n      shadowBottomColor: defaultColors.bottomColor,\n      shadowBottomHeight: defaultColors.bottomHeight !== 0 ? defaultColors.bottomHeight : undefined,\n      shadowBorderColor: defaultColors.borderColor,\n      focusShadowBorderColor: focusColors.borderColor,\n      shadowRingWidth: defaultColors.ringWidth !== 0 ? defaultColors.ringWidth : undefined,\n      isShadowGradientVisible: variant === 'primary',\n    };\n  };\n\n  const props: BaseButtonStyleProps = {\n    iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],\n    spinnerSize: buttonSizeToSpinnerSizeMap[size],\n    fontSize: buttonTypographyTokens.fonts.size[size],\n    lineHeight: buttonTypographyTokens.lineHeights[size],\n    minHeight: makeSize(buttonMinHeight[size]),\n    height: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    width: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    iconColor: getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'default',\n    }) as IconColor,\n    textColor: getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'default',\n    }) as BaseTextProps['color'],\n    buttonPaddingTop: isIconOnly ? makeSpace(0) : makeSpace(theme.spacing[buttonPadding[size].top]),\n    buttonPaddingBottom: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n    buttonPaddingLeft: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].left]),\n    buttonPaddingRight: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].right]),\n    text: childrenString?.trim(),\n    defaultBackgroundColor: getDefaultBackground(),\n    defaultBoxShadow: getBoxShadow('default', color),\n    hoverBackgroundColor: resolveBackgroundValue(\n      getBackgroundColorToken({ variant, color, state: 'hover' }),\n    ),\n    hoverBoxShadow: getBoxShadow('hover', color),\n    hoverIconColor: getIn(\n      theme.colors,\n      getTextColorToken({\n        property: 'icon',\n        variant,\n        color,\n        state: 'hover',\n      }),\n    ),\n    focusBackgroundColor: resolveBackgroundValue(\n      getBackgroundColorToken({ variant, color, state: 'focus' }),\n    ),\n    focusBoxShadow: getBoxShadow('focus', color),\n    focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),\n    borderRadius: makeBorderSize(theme.border.radius[buttonBorderRadius[size]]),\n    motionDuration: 'duration.xquick',\n    motionEasing: 'easing.standard',\n    ...(isReactNative() && !isDisabled ? getNativeShadowColors(color) : {}),\n  };\n\n  if (isDisabled) {\n    const disabledBackgroundColor = resolveBackgroundValue(\n      getBackgroundColorToken({ variant, color, state: 'disabled' }),\n    );\n    props.iconColor = getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'disabled',\n    }) as IconColor;\n    props.textColor = getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'disabled',\n    }) as BaseTextProps['color'];\n    props.defaultBackgroundColor = disabledBackgroundColor;\n    props.defaultBoxShadow = getBoxShadow('disabled', color);\n    props.hoverBackgroundColor = disabledBackgroundColor;\n    props.hoverBoxShadow = getBoxShadow('disabled', color);\n    props.focusBackgroundColor = disabledBackgroundColor;\n    props.focusBoxShadow = getBoxShadow('disabled', color);\n  }\n\n  return props;\n};\n\nconst ButtonContent = styled(BaseBox)<{ isHidden: boolean }>(({ isHidden }) => ({\n  opacity: isHidden ? 0 : 1,\n}));\n\nconst _BaseButton: React.ForwardRefRenderFunction<BladeElementRef, BaseButtonProps> = (\n  {\n    href,\n    target,\n    rel,\n    tabIndex,\n    id,\n    variant = 'primary',\n    color = 'primary',\n    size = 'medium',\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    onClick,\n    onBlur,\n    onKeyDown,\n    type = 'button',\n    children,\n    testID,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    accessibilityProps,\n    onTouchEnd,\n    onTouchStart,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const buttonGroupProps = useButtonGroupContext();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const isLink = Boolean(href);\n  const childrenString = getStringFromReactText(children);\n  const isChildrenComponent = React.isValidElement(children);\n\n  // Button cannot be disabled when its rendered as Link\n  // button should be allowed to be disabled in any case...\n  // either through button group or we should allow to disable an individual button\n  const disabled = buttonGroupProps.isDisabled || isLoading || (isDisabled && !isLink);\n\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: 'At least one of icon or text is required to render a button.',\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n\n  const prevLoading = usePrevious(isLoading);\n\n  React.useEffect(() => {\n    if (isLoading) announce('Started loading');\n\n    if (!isLoading && prevLoading) announce('Stopped loading');\n  }, [isLoading, prevLoading]);\n\n  // Keep ButtonGroup press index in sync so border-collapse / z-index can\n  // reveal this button's highlighted right edge while pressed (RN only).\n  // useLayoutEffect ensures the z-index update happens before paint, keeping\n  // it in sync with Reanimated's UI-thread press state change.\n  React.useLayoutEffect(() => {\n    if (typeof buttonGroupProps.buttonIndex !== 'number') return;\n    const { buttonIndex, setPressedButtonIndex } = buttonGroupProps;\n    if (isPressed) {\n      setPressedButtonIndex?.(buttonIndex);\n    } else {\n      // Only clear if this button still owns the pressed index — otherwise a\n      // multi-touch release on A would wipe B's press state.\n      setPressedButtonIndex?.((prev) => (prev === buttonIndex ? null : prev));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isPressed, buttonGroupProps.buttonIndex]);\n\n  const {\n    defaultBackgroundColor,\n    defaultBoxShadow,\n    minHeight,\n    height,\n    width,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    focusBoxShadow,\n    focusBackgroundColor,\n    focusRingColor,\n    fontSize,\n    hoverBoxShadow,\n    hoverBackgroundColor,\n    hoverIconColor,\n    iconColor,\n    iconSize,\n    spinnerSize,\n    lineHeight,\n    text,\n    textColor,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n    shadowHighlightColor,\n    shadowHighlightHeight,\n    shadowBottomColor,\n    shadowBottomHeight,\n    shadowBorderColor,\n    focusShadowBorderColor,\n    shadowRingWidth,\n    isShadowGradientVisible,\n  } = getProps({\n    buttonTypographyTokens: buttonTypography,\n    childrenString,\n    isDisabled: disabled,\n    size: buttonGroupProps.size ?? size,\n    variant: buttonGroupProps.variant ?? variant,\n    theme,\n    color: buttonGroupProps.color ?? color,\n    hasIcon: Boolean(Icon),\n  });\n\n  const renderElement = React.useMemo(() => getRenderElement(href), [href]);\n  const defaultRole = isLink ? 'link' : 'button';\n\n  // On web, ButtonGroup flattens the child buttons' border radius via CSS child\n  // selectors and rounds only the outer edges using the group container's\n  // `overflow: hidden` + `borderRadius`. React Native has no CSS cascade, so we\n  // flatten each button's border radius to 0 here and let the group container do\n  // the outer rounding — otherwise the inner (middle) buttons show rounded corners.\n  // An explicit `isInsideButtonGroup` flag set by ButtonGroupContext signals we're\n  // inside a group; this avoids relying on the presence of `variant` in the\n  // default context.\n  const isInsideRNButtonGroup = isReactNative() && Boolean(buttonGroupProps.isInsideButtonGroup);\n\n  // buttonBorderRadiusValue flattens the base borderRadius to 0 for all buttons\n  // in a group. buttonBorderRadii provides per-corner rounding for the outer\n  // edges of the first/last buttons. Both are needed: the base value ensures the\n  // Pressable itself is square, while borderRadii rounds only the outer corners\n  // via per-corner style overrides (and feeds the SVG border overlay).\n  const buttonBorderRadiusValue = isInsideRNButtonGroup ? makeBorderSize(0) : borderRadius;\n\n  // The group container clips with `overflow: hidden` + `borderRadius`. Since the\n  // buttons are square (radius 0), the native border overlay (drawn as a square\n  // ring) gets clipped at the group's rounded outer corners. To match web, round\n  // only the outer corners of the first/last buttons (both the background and the\n  // border overlay) so the ring follows the rounded corner instead of being cut.\n  const groupCornerRadius = isInsideRNButtonGroup\n    ? theme.border.radius[buttonBorderRadius[buttonGroupProps.size ?? size]]\n    : 0;\n  const isFirstInGroup = Boolean(buttonGroupProps.isFirstInButtonGroup);\n  const isLastInGroup = Boolean(buttonGroupProps.isLastInButtonGroup);\n  const buttonBorderRadii = isInsideRNButtonGroup\n    ? {\n        topLeft: isFirstInGroup ? groupCornerRadius : 0,\n        bottomLeft: isFirstInGroup ? groupCornerRadius : 0,\n        topRight: isLastInGroup ? groupCornerRadius : 0,\n        bottomRight: isLastInGroup ? groupCornerRadius : 0,\n      }\n    : undefined;\n\n  // ButtonGroup computes isGroupBorderCollapsed based on its variant and passes it\n  // through context, so BaseButton doesn't need to inspect the variant string.\n  const isGroupBorderCollapsed =\n    isInsideRNButtonGroup && !isFirstInGroup && Boolean(buttonGroupProps.isGroupBorderCollapsed);\n\n  // Match web ButtonGroup: only the first child keeps the radial glow\n  // (`backgroundImage: none` on `:not(:first-child)`). On native the white\n  // top/left \"glassy\" edge also comes from the inset highlight stroke mapped\n  // from box-shadow — suppress that on non-first buttons too so junctions\n  // don't show a white left edge on Share/Download.\n  const isNonFirstInButtonGroup = isInsideRNButtonGroup && !isFirstInGroup;\n  const showShadowGradient = Boolean(isShadowGradientVisible) && !isNonFirstInButtonGroup;\n  const effectiveShadowHighlightColor = isNonFirstInButtonGroup ? undefined : shadowHighlightColor;\n\n  // Web ButtonGroup sets `flex: 1` on children when isFullWidth. On native,\n  // isFullWidth alone applies `width: 100%`, which overflows in a row — use\n  // flex instead so siblings share space equally.\n  const isInsideFullWidthButtonGroup =\n    isInsideRNButtonGroup && Boolean(buttonGroupProps.isFullWidth ?? isFullWidth);\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(true);\n  }, [disabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(false);\n  }, [disabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(true);\n      }\n    },\n    [disabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(false);\n      }\n    },\n    [disabled],\n  );\n\n  return (\n    <StyledBaseButton\n      ref={ref as any}\n      id={id}\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n      // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that\n      as={renderElement}\n      href={href}\n      target={target}\n      rel={rel}\n      accessibilityProps={{\n        ...makeAccessible({\n          ...accessibilityProps,\n          role: accessibilityProps?.role ?? defaultRole,\n        }),\n      }}\n      variant={buttonGroupProps.variant ?? variant}\n      color={buttonGroupProps.color ?? color}\n      size={buttonGroupProps.size ?? size}\n      isLoading={isLoading}\n      disabled={disabled}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      defaultBackgroundColor={defaultBackgroundColor}\n      defaultBoxShadow={defaultBoxShadow}\n      focusBoxShadow={focusBoxShadow}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBoxShadow={hoverBoxShadow}\n      hoverBackgroundColor={hoverBackgroundColor}\n      isFullWidth={buttonGroupProps.isFullWidth ?? isFullWidth}\n      onClick={onClick}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      tabIndex={tabIndex}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      // Setting type for web fails it on native typecheck and vice versa\n      onKeyDown={(event: any) => {\n        handleKeyboardPressedIn(event);\n        onKeyDown?.(event);\n      }}\n      onTouchStart={(event: React.TouchEvent) => {\n        handlePointerPressedIn();\n        onTouchStart?.(event);\n      }}\n      onTouchEnd={(event: React.TouchEvent) => {\n        handlePointerPressedOut();\n        onTouchEnd?.(event);\n      }}\n      type={type}\n      borderRadius={buttonBorderRadiusValue}\n      {...(buttonBorderRadii ? { borderRadii: buttonBorderRadii } : {})}\n      {...(isGroupBorderCollapsed ? { isGroupBorderCollapsed } : {})}\n      {...(isNonFirstInButtonGroup ? { isInsetShadowSidesFlattened: true } : {})}\n      {...(isInsideFullWidthButtonGroup ? { isInsideFullWidthButtonGroup: true } : {})}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      height={height}\n      width={width}\n      isPressed={isPressed}\n      hoverIconColor={\n        isDisabled\n          ? getIn(theme.colors, iconColor as DotNotationToken<Theme['colors']>)\n          : hoverIconColor\n      }\n      onMouseDown={(event: React.MouseEvent) => {\n        handlePointerPressedIn();\n        onMouseDown?.(event);\n      }}\n      onMouseUp={handlePointerPressedOut}\n      {...(!isReactNative()\n        ? { onMouseOut: handlePointerPressedOut, onKeyUp: handleKeyboardPressedOut }\n        : {})}\n      shadowHighlightColor={effectiveShadowHighlightColor}\n      shadowHighlightHeight={isNonFirstInButtonGroup ? undefined : shadowHighlightHeight}\n      shadowBottomColor={shadowBottomColor}\n      shadowBottomHeight={shadowBottomHeight}\n      shadowBorderColor={shadowBorderColor}\n      focusShadowBorderColor={focusShadowBorderColor}\n      shadowRingWidth={shadowRingWidth}\n      isShadowGradientVisible={showShadowGradient}\n      {...metaAttribute({ name: MetaConstants.Button, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <AnimatedButtonContent\n        motionDuration={motionDuration}\n        motionEasing={motionEasing}\n        isPressed={isPressed}\n      >\n        {isLoading ? (\n          <BaseBox\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            position=\"absolute\"\n            top=\"0px\"\n            left=\"0px\"\n            bottom=\"0px\"\n            right=\"0px\"\n            zIndex={1}\n          >\n            <BaseSpinner\n              accessibilityLabel=\"Loading\"\n              size={spinnerSize}\n              color={\n                color && color !== 'primary' && color !== 'transparent' && color in spinnerColor\n                  ? spinnerColor[color as keyof typeof spinnerColor][\n                      variant as 'primary' | 'secondary'\n                    ]\n                  : spinnerColor.base[variant]\n              }\n            />\n          </BaseBox>\n        ) : null}\n        <ButtonContent\n          display=\"flex\"\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          flex={1}\n          isHidden={isLoading}\n          zIndex={1}\n        >\n          {Icon && iconPosition == 'left' ? (\n            <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n          {text ? (\n            isChildrenComponent ? (\n              children\n            ) : (\n              <BaseText\n                marginX=\"spacing.2\"\n                lineHeight={lineHeight}\n                fontSize={fontSize}\n                // figma and web have different font-smoothing properties\n                // which causes web version of button text to look much bolder\n                // than figma version. To fix this we are changing font-weight from 600 to 500\n                // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207\n                fontWeight=\"medium\"\n                textAlign=\"center\"\n                color={textColor}\n              >\n                {text}\n              </BaseText>\n            )\n          ) : null}\n          {Icon && iconPosition == 'right' ? (\n            <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n        </ButtonContent>\n      </AnimatedButtonContent>\n    </StyledBaseButton>\n  );\n};\n\nconst BaseButton = assignWithoutSideEffects(React.forwardRef(_BaseButton), {\n  displayName: 'BaseButton',\n});\n\nexport default BaseButton;\n"],"names":["getRenderElement","href","isReactNative","undefined","getBackgroundColorToken","_ref","variant","state","color","_state","gradientColor","tokens","backgroundGradient","white","Error","concat","base","transparent","getBoxShadowToken","_ref2","tokenColor","boxShadow","getTextColorToken","_ref3","property","textColor","tertiary","getProps","_ref4","buttonTypographyTokens","childrenString","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","resolveBackgroundValue","value","startsWith","getIn","colors","getDefaultBackground","getBoxShadow","btnColor","shadowTokens","shadows","map","shadow","resolvedColor","y","blur","spread","join","getNativeShadowColors","resolveShadowColors","highlightColor","bottomColor","borderColor","highlightHeight","bottomHeight","ringWidth","_iterator","_createForOfIteratorHelper","_step","s","n","done","resolved","Math","abs","err","e","f","defaultColors","focusColors","shadowHighlightColor","shadowHighlightHeight","shadowBottomColor","shadowBottomHeight","shadowBorderColor","focusShadowBorderColor","shadowRingWidth","isShadowGradientVisible","props","_objectSpread","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","height","buttonIconOnlyHeightWidth","width","iconColor","buttonPaddingTop","makeSpace","spacing","buttonPadding","top","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","defaultBackgroundColor","defaultBoxShadow","hoverBackgroundColor","hoverBoxShadow","hoverIconColor","focusBackgroundColor","focusBoxShadow","focusRingColor","borderRadius","makeBorderSize","border","radius","buttonBorderRadius","motionDuration","motionEasing","disabledBackgroundColor","ButtonContent","styled","BaseBox","withConfig","displayName","componentId","_ref5","isHidden","opacity","_BaseButton","_ref6","ref","_buttonGroupProps$siz","_buttonGroupProps$var","_buttonGroupProps$col","_buttonGroupProps$siz2","_buttonGroupProps$isF","_accessibilityProps$r","_buttonGroupProps$var2","_buttonGroupProps$col2","_buttonGroupProps$siz3","_buttonGroupProps$isF2","target","rel","tabIndex","id","_ref6$variant","_ref6$color","_ref6$size","Icon","icon","_ref6$iconPosition","iconPosition","_ref6$isDisabled","_ref6$isFullWidth","isFullWidth","_ref6$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref6$type","type","children","testID","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","buttonGroupProps","useButtonGroupContext","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","isLink","Boolean","getStringFromReactText","isChildrenComponent","isValidElement","disabled","prevLoading","usePrevious","useEffect","announce","useLayoutEffect","buttonIndex","setPressedButtonIndex","prev","_getProps","buttonTypography","renderElement","useMemo","defaultRole","isInsideRNButtonGroup","isInsideButtonGroup","buttonBorderRadiusValue","groupCornerRadius","isFirstInGroup","isFirstInButtonGroup","isLastInGroup","isLastInButtonGroup","buttonBorderRadii","topLeft","bottomLeft","topRight","bottomRight","isGroupBorderCollapsed","isNonFirstInButtonGroup","showShadowGradient","effectiveShadowHighlightColor","isInsideFullWidthButtonGroup","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","key","handleKeyboardPressedOut","_jsx","StyledBaseButton","as","makeAccessible","role","event","borderRadii","isInsetShadowSidesFlattened","onMouseUp","onMouseOut","onKeyUp","metaAttribute","name","MetaConstants","Button","getStyledProps","makeAnalyticsAttribute","_jsxs","AnimatedButtonContent","display","justifyContent","alignItems","position","zIndex","BaseSpinner","accessibilityLabel","spinnerColor","flexDirection","flex","BaseText","marginX","fontWeight","textAlign","BaseButton","assignWithoutSideEffects","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/Button/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../../../../src/components/Button/IconButton/IconButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledIconButton from './StyledIconButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { Platform } from '~utils';\nimport type { SubtleOrIntense } from '~tokens/theme/theme';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype IconButtonProps = {\n  /**\n   * Icon component to be rendered, eg. `CloseIcon`\n   */\n  icon: IconComponent;\n\n  /**\n   * Icon size\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Icon contrast\n   *\n   * @default 'intense'\n   */\n  emphasis?: SubtleOrIntense;\n\n  /**\n   * Sets aria-label to help users know what the action does, eg 'Dismiss alert'\n   */\n  accessibilityLabel: string;\n\n  /**\n   * Disabled state for IconButton\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Sets tabindex property on button element\n   */\n  _tabIndex?: number;\n} & DataAnalyticsAttribute &\n  BladeCommonEvents &\n  StyledPropsBlade &\n  Platform.Select<{\n    web: {\n      onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n      /**\n       * This changes the hover interaction to highlight icon more\n       *\n       * **Only available on web currently**\n       */\n      isHighlighted?: boolean;\n    };\n    native: {\n      onClick: (event: GestureResponderEvent) => void;\n      isHighlighted?: undefined;\n    };\n  }>;\n\n/**\n * Component for making clickable icons with transparent background.\n * For other cases please use `Button` component with `icon` prop.\n */\nconst _IconButton: React.ForwardRefRenderFunction<BladeElementRef, IconButtonProps> = (\n  {\n    icon,\n    onClick,\n    size = 'medium',\n    emphasis = 'intense',\n    accessibilityLabel,\n    isDisabled,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchEnd,\n    onTouchStart,\n    isHighlighted,\n    _tabIndex,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <StyledIconButton\n      ref={ref as any}\n      onClick={onClick}\n      emphasis={emphasis}\n      size={size}\n      icon={icon}\n      tabIndex={_tabIndex}\n      accessibilityLabel={accessibilityLabel}\n      isDisabled={isDisabled}\n      isHighlighted={isHighlighted}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}\n      {...makeAnalyticsAttribute(rest)}\n      {...rest}\n    />\n  );\n};\n\nconst IconButton = assignWithoutSideEffects(React.forwardRef(_IconButton), {\n  componentId: 'IconButton',\n});\n\nexport type { IconButtonProps };\nexport { IconButton };\n"],"names":["_IconButton","_ref","ref","icon","onClick","_ref$size","size","_ref$emphasis","emphasis","accessibilityLabel","isDisabled","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","isHighlighted","_tabIndex","rest","_objectWithoutProperties","_excluded","_jsx","StyledIconButton","_objectSpread","tabIndex","makeAnalyticsAttribute","IconButton","assignWithoutSideEffects","React","forwardRef","componentId"],"mappings":";;;;;;;;;;;;;AAmEA;AACA;AACA;AACA;AACA,IAAMA,WAA6E,GAAG,SAAhFA,WAA6EA,CAAAC,IAAA,EAoBjFC,GAAG,EACA;AAAA,EAAA,IAnBDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAAC,SAAA,GAAAJ,IAAA,CACPK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,aAAA,GAAAN,IAAA,CACfO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,aAAA;IACpBE,kBAAkB,GAAAR,IAAA,CAAlBQ,kBAAkB;IAClBC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,MAAM,GAAAV,IAAA,CAANU,MAAM;IACNC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,YAAY,GAAAZ,IAAA,CAAZY,YAAY;IACZC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,aAAa,GAAAd,IAAA,CAAbc,aAAa;IACbC,cAAc,GAAAf,IAAA,CAAde,cAAc;IACdC,UAAU,GAAAhB,IAAA,CAAVgB,UAAU;IACVC,YAAY,GAAAjB,IAAA,CAAZiB,YAAY;IACZC,aAAa,GAAAlB,IAAA,CAAbkB,aAAa;IACbC,SAAS,GAAAnB,IAAA,CAATmB,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAArB,IAAA,EAAAsB,SAAA,CAAA,CAAA;AAIT,EAAA,oBACEC,GAAA,CAACC,gBAAgB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACfxB,IAAAA,GAAG,EAAEA,GAAW;AAChBE,IAAAA,OAAO,EAAEA,OAAQ;AACjBI,IAAAA,QAAQ,EAAEA,QAAS;AACnBF,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,IAAI,EAAEA,IAAK;AACXwB,IAAAA,QAAQ,EAAEP,SAAU;AACpBX,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,UAAU,EAAEA,UAAW;AACvBS,IAAAA,aAAa,EAAEA,aAAc;AAC7BR,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAAA;AAAa,GAAA,EACvBU,sBAAsB,CAACP,IAAI,CAAC,CAC5BA,EAAAA,IAAI,CACT,CAAC,CAAA;AAEN,CAAC,CAAA;AAEKQ,IAAAA,UAAU,gBAAGC,wBAAwB,cAACC,cAAK,CAACC,UAAU,CAAChC,WAAW,CAAC,EAAE;AACzEiC,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC;;;;"}
+{"version":3,"file":"IconButton.js","sources":["../../../../../../../src/components/Button/IconButton/IconButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledIconButton from './StyledIconButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { Platform } from '~utils';\nimport type { SubtleOrIntense } from '~tokens/theme/theme';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nexport type IconButtonEmphasis = SubtleOrIntense | 'moderate';\n\ntype IconButtonProps = {\n  /**\n   * Icon component to be rendered, eg. `CloseIcon`\n   */\n  icon: IconComponent;\n\n  /**\n   * Icon size\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Icon contrast\n   *\n   * `moderate` renders a persistent faded background in a fixed-size square\n   * container (web-only). Use for AppBar trailing actions on dark surfaces.\n   *\n   * @default 'intense'\n   */\n  emphasis?: IconButtonEmphasis;\n\n  /**\n   * Sets aria-label to help users know what the action does, eg 'Dismiss alert'\n   */\n  accessibilityLabel: string;\n\n  /**\n   * Disabled state for IconButton\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Sets tabindex property on button element\n   */\n  _tabIndex?: number;\n} & DataAnalyticsAttribute &\n  BladeCommonEvents &\n  StyledPropsBlade &\n  Platform.Select<{\n    web: {\n      onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n      /**\n       * This changes the hover interaction to highlight icon more\n       *\n       * **Only available on web currently**\n       */\n      isHighlighted?: boolean;\n    };\n    native: {\n      onClick: (event: GestureResponderEvent) => void;\n      isHighlighted?: undefined;\n    };\n  }>;\n\n/**\n * Component for making clickable icons with transparent background.\n * For other cases please use `Button` component with `icon` prop.\n */\nconst _IconButton: React.ForwardRefRenderFunction<BladeElementRef, IconButtonProps> = (\n  {\n    icon,\n    onClick,\n    size = 'medium',\n    emphasis = 'intense',\n    accessibilityLabel,\n    isDisabled,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchEnd,\n    onTouchStart,\n    isHighlighted,\n    _tabIndex,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <StyledIconButton\n      ref={ref as any}\n      onClick={onClick}\n      emphasis={emphasis}\n      size={size}\n      icon={icon}\n      tabIndex={_tabIndex}\n      accessibilityLabel={accessibilityLabel}\n      isDisabled={isDisabled}\n      isHighlighted={isHighlighted}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}\n      {...makeAnalyticsAttribute(rest)}\n      {...rest}\n    />\n  );\n};\n\nconst IconButton = assignWithoutSideEffects(React.forwardRef(_IconButton), {\n  componentId: 'IconButton',\n});\n\nexport type { IconButtonProps };\nexport { IconButton };\n"],"names":["_IconButton","_ref","ref","icon","onClick","_ref$size","size","_ref$emphasis","emphasis","accessibilityLabel","isDisabled","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","isHighlighted","_tabIndex","rest","_objectWithoutProperties","_excluded","_jsx","StyledIconButton","_objectSpread","tabIndex","makeAnalyticsAttribute","IconButton","assignWithoutSideEffects","React","forwardRef","componentId"],"mappings":";;;;;;;;;;;;;AAwEA;AACA;AACA;AACA;AACA,IAAMA,WAA6E,GAAG,SAAhFA,WAA6EA,CAAAC,IAAA,EAoBjFC,GAAG,EACA;AAAA,EAAA,IAnBDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAAC,SAAA,GAAAJ,IAAA,CACPK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,aAAA,GAAAN,IAAA,CACfO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,aAAA;IACpBE,kBAAkB,GAAAR,IAAA,CAAlBQ,kBAAkB;IAClBC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,MAAM,GAAAV,IAAA,CAANU,MAAM;IACNC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,YAAY,GAAAZ,IAAA,CAAZY,YAAY;IACZC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,aAAa,GAAAd,IAAA,CAAbc,aAAa;IACbC,cAAc,GAAAf,IAAA,CAAde,cAAc;IACdC,UAAU,GAAAhB,IAAA,CAAVgB,UAAU;IACVC,YAAY,GAAAjB,IAAA,CAAZiB,YAAY;IACZC,aAAa,GAAAlB,IAAA,CAAbkB,aAAa;IACbC,SAAS,GAAAnB,IAAA,CAATmB,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAArB,IAAA,EAAAsB,SAAA,CAAA,CAAA;AAIT,EAAA,oBACEC,GAAA,CAACC,gBAAgB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACfxB,IAAAA,GAAG,EAAEA,GAAW;AAChBE,IAAAA,OAAO,EAAEA,OAAQ;AACjBI,IAAAA,QAAQ,EAAEA,QAAS;AACnBF,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,IAAI,EAAEA,IAAK;AACXwB,IAAAA,QAAQ,EAAEP,SAAU;AACpBX,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,UAAU,EAAEA,UAAW;AACvBS,IAAAA,aAAa,EAAEA,aAAc;AAC7BR,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAAA;AAAa,GAAA,EACvBU,sBAAsB,CAACP,IAAI,CAAC,CAC5BA,EAAAA,IAAI,CACT,CAAC,CAAA;AAEN,CAAC,CAAA;AAEKQ,IAAAA,UAAU,gBAAGC,wBAAwB,cAACC,cAAK,CAACC,UAAU,CAAChC,WAAW,CAAC,EAAE;AACzEiC,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC;;;;"}

package/build/lib/web/development/components/Button/IconButton/StyledIconButton.web.js

@@ -2,7 +2,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import styled from 'styled-components';
 import React__default from 'react';
-import { highlightedButtonSizeMap, highlightedHoverColorMap, focusBackgroundColorMap } from './tokens.js';
+import { highlightedButtonSizeMap, moderateBackgroundColorMap, highlightedHoverColorMap, focusBackgroundColorMap } from './tokens.js';
 import '../../../utils/index.js';
 import '../../../utils/metaAttribute/index.js';
 import '../../../utils/makeAccessible/index.js';
@@ -35,12 +35,16 @@ var StyledButton = /*#__PURE__*/styled.button.withConfig({
     emphasis = props.emphasis;
   var motionToken = theme.motion;
   var styledPropsCSSObject = useStyledProps(props);
+  var isModerate = emphasis === 'moderate';
+  var hasContainer = props.$isHighlighted || isModerate;
   var emphasisColor = emphasis === 'intense' ? 'gray' : 'staticWhite';
+  var highlightedEmphasis = emphasis === 'intense' ? 'intense' : 'subtle';
+  var restIconColor = emphasisColor === 'staticWhite' ? 'normal' : 'muted';
   if (true) {
-    if (props.$size === 'large' && props.$isHighlighted) {
+    if (props.$size === 'large' && (props.$isHighlighted || isModerate)) {
       throwBladeError({
         moduleName: 'IconButton',
-        message: 'size large is not allowed with isHighlighted true'
+        message: 'size large is not allowed with isHighlighted true or emphasis moderate'
       });
       return null;
     }
@@ -49,28 +53,26 @@ var StyledButton = /*#__PURE__*/styled.button.withConfig({
     border: 'none',
     cursor: props.disabled ? 'not-allowed' : 'pointer',
     padding: 0,
-    height: props.$isHighlighted ?
-    // We throw error for size large on top
-    makeSize(highlightedButtonSizeMap[props.$size]) : undefined,
-    width: props.$isHighlighted ? makeSize(highlightedButtonSizeMap[props.$size]) : undefined,
-    borderRadius: props.$isHighlighted ? theme.border.radius.small : theme.border.radius['2xsmall'],
-    background: 'transparent',
+    height: hasContainer ? makeSize(highlightedButtonSizeMap[props.$size]) : undefined,
+    width: hasContainer ? makeSize(highlightedButtonSizeMap[props.$size]) : undefined,
+    borderRadius: hasContainer ? theme.border.radius.small : theme.border.radius['2xsmall'],
+    background: isModerate ? getIn(theme.colors, moderateBackgroundColorMap.rest) : 'transparent',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    color: props.disabled ? theme.colors.interactive.icon[emphasisColor].disabled : theme.colors.interactive.icon[emphasisColor].muted,
-    transitionProperty: 'color, box-shadow',
+    color: props.disabled ? theme.colors.interactive.icon[emphasisColor].disabled : theme.colors.interactive.icon[emphasisColor][restIconColor],
+    transitionProperty: isModerate ? 'color, background-color' : 'color, box-shadow',
     transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),
     transitionTimingFunction: motionToken.easing.standard,
     '&:hover:not([disabled])': {
       color: theme.colors.interactive.icon[emphasisColor].subtle,
-      backgroundColor: props.$isHighlighted ? getIn(theme.colors, highlightedHoverColorMap[emphasis]) : 'transparent'
+      backgroundColor: isModerate ? getIn(theme.colors, moderateBackgroundColorMap.hover) : props.$isHighlighted ? getIn(theme.colors, highlightedHoverColorMap[highlightedEmphasis]) : 'transparent'
     },
     '&:focus-visible': _objectSpread(_objectSpread({}, getFocusRingStyles({
       theme: theme
     })), {}, {
       color: theme.colors.interactive.icon[emphasisColor].subtle,
-      backgroundColor: props.$isHighlighted ? getIn(theme.colors, focusBackgroundColorMap[emphasis]) : 'transparent'
+      backgroundColor: isModerate ? getIn(theme.colors, moderateBackgroundColorMap.hover) : props.$isHighlighted ? getIn(theme.colors, focusBackgroundColorMap[highlightedEmphasis]) : 'transparent'
     }),
     '&:active': {
       color: theme.colors.interactive.icon[emphasisColor].subtle
@@ -124,7 +126,7 @@ var StyledIconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, re
   })), makeAnalyticsAttribute(rest)), rest), {}, {
     children: /*#__PURE__*/jsx(Icon, {
       size: size,
-      color: isDisabled ? 'interactive.icon.gray.disabled' : 'currentColor'
+      color: "currentColor"
     })
   }));
 });

package/build/lib/web/development/components/Button/IconButton/StyledIconButton.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledIconButton.web.js","sources":["../../../../../../../src/components/Button/IconButton/StyledIconButton.web.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport styled from 'styled-components';\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport type { StyledIconButtonProps } from './types';\nimport {\n  highlightedButtonSizeMap,\n  highlightedHoverColorMap,\n  focusBackgroundColorMap,\n} from './tokens';\nimport { castWebType, makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { SubtleOrIntense } from '~tokens/theme/theme';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { throwBladeError } from '~utils/logger';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useStyledProps } from '~components/Box/styledProps';\n\ntype StyledButtonProps = {\n  emphasis: SubtleOrIntense;\n  $isHighlighted: StyledIconButtonProps['isHighlighted'];\n  $size: StyledIconButtonProps['size'];\n};\n\nconst StyledButton = styled.button<StyledButtonProps>((props) => {\n  const { theme, emphasis } = props;\n  const motionToken = theme.motion;\n  const styledPropsCSSObject = useStyledProps(props);\n  const emphasisColor = emphasis === 'intense' ? 'gray' : 'staticWhite';\n\n  if (__DEV__) {\n    if (props.$size === 'large' && props.$isHighlighted) {\n      throwBladeError({\n        moduleName: 'IconButton',\n        message: 'size large is not allowed with isHighlighted true',\n      });\n      return null;\n    }\n  }\n\n  return {\n    border: 'none',\n    cursor: props.disabled ? 'not-allowed' : 'pointer',\n    padding: 0,\n    height: props.$isHighlighted\n      ? // We throw error for size large on top\n        makeSize(highlightedButtonSizeMap[props.$size as 'small' | 'medium'])\n      : undefined,\n    width: props.$isHighlighted\n      ? makeSize(highlightedButtonSizeMap[props.$size as 'small' | 'medium'])\n      : undefined,\n    borderRadius: props.$isHighlighted ? theme.border.radius.small : theme.border.radius['2xsmall'],\n    background: 'transparent',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: props.disabled\n      ? theme.colors.interactive.icon[emphasisColor].disabled\n      : theme.colors.interactive.icon[emphasisColor].muted,\n    transitionProperty: 'color, box-shadow',\n    transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),\n    transitionTimingFunction: motionToken.easing.standard as string,\n\n    '&:hover:not([disabled])': {\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n      backgroundColor: props.$isHighlighted\n        ? getIn(theme.colors, highlightedHoverColorMap[emphasis])\n        : 'transparent',\n    },\n\n    '&:focus-visible': {\n      ...getFocusRingStyles({ theme }),\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n      backgroundColor: props.$isHighlighted\n        ? getIn(theme.colors, focusBackgroundColorMap[emphasis])\n        : 'transparent',\n    },\n\n    '&:active': {\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n    },\n    ...styledPropsCSSObject,\n  };\n});\n\nconst StyledIconButton = React.forwardRef<HTMLButtonElement, StyledIconButtonProps>(\n  (\n    {\n      icon: Icon,\n      onClick,\n      size,\n      emphasis,\n      accessibilityLabel,\n      accessibilityProps,\n      isDisabled,\n      isHighlighted,\n      testID,\n      onBlur,\n      onFocus,\n      onMouseLeave,\n      onMouseMove,\n      onPointerDown,\n      onPointerEnter,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown,\n      tabIndex,\n      ...rest\n    },\n    ref,\n  ): ReactElement => (\n    <StyledButton\n      ref={ref}\n      onClick={castWebType(onClick)}\n      emphasis={emphasis}\n      type=\"button\"\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}\n      onKeyDown={onKeyDown}\n      disabled={isDisabled}\n      $isHighlighted={isHighlighted}\n      $size={size}\n      tabIndex={tabIndex}\n      {...makeAccessible({\n        ...accessibilityProps,\n        label: accessibilityLabel ?? accessibilityProps?.label,\n      })}\n      {...metaAttribute({ name: MetaConstants.IconButton, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      {...rest}\n    >\n      <Icon size={size} color={isDisabled ? 'interactive.icon.gray.disabled' : 'currentColor'} />\n    </StyledButton>\n  ),\n);\n\nexport default StyledIconButton;\n"],"names":["StyledButton","styled","button","withConfig","displayName","componentId","props","theme","emphasis","motionToken","motion","styledPropsCSSObject","useStyledProps","emphasisColor","$size","$isHighlighted","throwBladeError","moduleName","message","_objectSpread","border","cursor","disabled","padding","height","makeSize","highlightedButtonSizeMap","undefined","width","borderRadius","radius","small","background","display","alignItems","justifyContent","color","colors","interactive","icon","muted","transitionProperty","transitionDuration","castWebType","makeMotionTime","duration","xquick","transitionTimingFunction","easing","standard","subtle","backgroundColor","getIn","highlightedHoverColorMap","getFocusRingStyles","focusBackgroundColorMap","StyledIconButton","React","forwardRef","_ref","ref","Icon","onClick","size","accessibilityLabel","accessibilityProps","isDisabled","isHighlighted","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","onKeyDown","tabIndex","rest","_objectWithoutProperties","_excluded","_jsx","type","makeAccessible","label","metaAttribute","name","MetaConstants","IconButton","makeAnalyticsAttribute","children"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,mCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAoB,CAAA,CAAA,UAACC,KAAK,EAAK;AAC/D,EAAA,IAAQC,KAAK,GAAeD,KAAK,CAAzBC,KAAK;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ,CAAA;AACvB,EAAA,IAAMC,WAAW,GAAGF,KAAK,CAACG,MAAM,CAAA;AAChC,EAAA,IAAMC,oBAAoB,GAAGC,cAAc,CAACN,KAAK,CAAC,CAAA;EAClD,IAAMO,aAAa,GAAGL,QAAQ,KAAK,SAAS,GAAG,MAAM,GAAG,aAAa,CAAA;AAErE,EAAA,IAAI,IAAO,EAAE;IACX,IAAIF,KAAK,CAACQ,KAAK,KAAK,OAAO,IAAIR,KAAK,CAACS,cAAc,EAAE;AACnDC,MAAAA,eAAe,CAAC;AACdC,QAAAA,UAAU,EAAE,YAAY;AACxBC,QAAAA,OAAO,EAAE,mDAAA;AACX,OAAC,CAAC,CAAA;AACF,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AACF,GAAA;AAEA,EAAA,OAAAC,aAAA,CAAA;AACEC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,MAAM,EAAEf,KAAK,CAACgB,QAAQ,GAAG,aAAa,GAAG,SAAS;AAClDC,IAAAA,OAAO,EAAE,CAAC;IACVC,MAAM,EAAElB,KAAK,CAACS,cAAc;AACxB;IACAU,QAAQ,CAACC,wBAAwB,CAACpB,KAAK,CAACQ,KAAK,CAAuB,CAAC,GACrEa,SAAS;AACbC,IAAAA,KAAK,EAAEtB,KAAK,CAACS,cAAc,GACvBU,QAAQ,CAACC,wBAAwB,CAACpB,KAAK,CAACQ,KAAK,CAAuB,CAAC,GACrEa,SAAS;IACbE,YAAY,EAAEvB,KAAK,CAACS,cAAc,GAAGR,KAAK,CAACa,MAAM,CAACU,MAAM,CAACC,KAAK,GAAGxB,KAAK,CAACa,MAAM,CAACU,MAAM,CAAC,SAAS,CAAC;AAC/FE,IAAAA,UAAU,EAAE,aAAa;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,KAAK,EAAE9B,KAAK,CAACgB,QAAQ,GACjBf,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,IAAI,CAAC1B,aAAa,CAAC,CAACS,QAAQ,GACrDf,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,IAAI,CAAC1B,aAAa,CAAC,CAAC2B,KAAK;AACtDC,IAAAA,kBAAkB,EAAE,mBAAmB;IACvCC,kBAAkB,EAAEC,WAAW,CAACC,cAAc,CAACnC,WAAW,CAACoC,QAAQ,CAACC,MAAM,CAAC,CAAC;AAC5EC,IAAAA,wBAAwB,EAAEtC,WAAW,CAACuC,MAAM,CAACC,QAAkB;AAE/D,IAAA,yBAAyB,EAAE;AACzBb,MAAAA,KAAK,EAAE7B,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,IAAI,CAAC1B,aAAa,CAAC,CAACqC,MAAM;AAC1DC,MAAAA,eAAe,EAAE7C,KAAK,CAACS,cAAc,GACjCqC,KAAK,CAAC7C,KAAK,CAAC8B,MAAM,EAAEgB,wBAAwB,CAAC7C,QAAQ,CAAC,CAAC,GACvD,aAAA;KACL;AAED,IAAA,iBAAiB,EAAAW,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZmC,kBAAkB,CAAC;AAAE/C,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAChC6B,MAAAA,KAAK,EAAE7B,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,IAAI,CAAC1B,aAAa,CAAC,CAACqC,MAAM;AAC1DC,MAAAA,eAAe,EAAE7C,KAAK,CAACS,cAAc,GACjCqC,KAAK,CAAC7C,KAAK,CAAC8B,MAAM,EAAEkB,uBAAuB,CAAC/C,QAAQ,CAAC,CAAC,GACtD,aAAA;KACL,CAAA;AAED,IAAA,UAAU,EAAE;MACV4B,KAAK,EAAE7B,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,IAAI,CAAC1B,aAAa,CAAC,CAACqC,MAAAA;AACtD,KAAA;AAAC,GAAA,EACEvC,oBAAoB,CAAA,CAAA;AAE3B,CAAC,CAAC,CAAA;AAEI6C,IAAAA,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CACvC,UAAAC,IAAA,EAuBEC,GAAG,EAAA;AAAA,EAAA,IArBKC,IAAI,GAAAF,IAAA,CAAVpB,IAAI;IACJuB,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJvD,QAAQ,GAAAmD,IAAA,CAARnD,QAAQ;IACRwD,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAClBC,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;IAClBC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;IACbC,MAAM,GAAAT,IAAA,CAANS,MAAM;IACNC,MAAM,GAAAV,IAAA,CAANU,MAAM;IACNC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,YAAY,GAAAZ,IAAA,CAAZY,YAAY;IACZC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,aAAa,GAAAd,IAAA,CAAbc,aAAa;IACbC,cAAc,GAAAf,IAAA,CAAde,cAAc;IACdC,UAAU,GAAAhB,IAAA,CAAVgB,UAAU;IACVC,YAAY,GAAAjB,IAAA,CAAZiB,YAAY;IACZC,SAAS,GAAAlB,IAAA,CAATkB,SAAS;IACTC,QAAQ,GAAAnB,IAAA,CAARmB,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAArB,IAAA,EAAAsB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAITC,GAAA,CAAClF,YAAY,EAAAmB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACXyC,IAAAA,GAAG,EAAEA,GAAI;AACTE,IAAAA,OAAO,EAAEnB,WAAW,CAACmB,OAAO,CAAE;AAC9BtD,IAAAA,QAAQ,EAAEA,QAAS;AACnB2E,IAAAA,IAAI,EAAC,QAAQ;AACbd,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,SAAS,EAAEA,SAAU;AACrBvD,IAAAA,QAAQ,EAAE4C,UAAW;AACrBnD,IAAAA,cAAc,EAAEoD,aAAc;AAC9BrD,IAAAA,KAAK,EAAEiD,IAAK;AACZe,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACfM,cAAc,CAAAjE,aAAA,CAAAA,aAAA,KACb8C,kBAAkB,CAAA,EAAA,EAAA,EAAA;AACrBoB,IAAAA,KAAK,EAAErB,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,kBAAkB,GAAIC,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAkB,CAAEoB,KAAAA;GAClD,CAAA,CAAC,CACEC,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,UAAU;AAAErB,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CACzDsB,EAAAA,sBAAsB,CAACX,IAAI,CAAC,GAC5BA,IAAI,CAAA,EAAA,EAAA,EAAA;IAAAY,QAAA,eAERT,GAAA,CAACrB,IAAI,EAAA;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAAC3B,MAAAA,KAAK,EAAE8B,UAAU,GAAG,gCAAgC,GAAG,cAAA;KAAiB,CAAA;AAAC,GAAA,CAC/E,CAAC,CAAA;AAAA,CAEnB;;;;"}
+{"version":3,"file":"StyledIconButton.web.js","sources":["../../../../../../../src/components/Button/IconButton/StyledIconButton.web.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport styled from 'styled-components';\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport type { StyledIconButtonProps } from './types';\nimport {\n  highlightedButtonSizeMap,\n  highlightedHoverColorMap,\n  focusBackgroundColorMap,\n  moderateBackgroundColorMap,\n} from './tokens';\nimport { castWebType, makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { IconButtonEmphasis } from './IconButton';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { throwBladeError } from '~utils/logger';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useStyledProps } from '~components/Box/styledProps';\n\ntype StyledButtonProps = {\n  emphasis: IconButtonEmphasis;\n  $isHighlighted: StyledIconButtonProps['isHighlighted'];\n  $size: StyledIconButtonProps['size'];\n};\n\nconst StyledButton = styled.button<StyledButtonProps>((props) => {\n  const { theme, emphasis } = props;\n  const motionToken = theme.motion;\n  const styledPropsCSSObject = useStyledProps(props);\n  const isModerate = emphasis === 'moderate';\n  const hasContainer = props.$isHighlighted || isModerate;\n  const emphasisColor = emphasis === 'intense' ? 'gray' : 'staticWhite';\n  const highlightedEmphasis = emphasis === 'intense' ? 'intense' : 'subtle';\n  const restIconColor = emphasisColor === 'staticWhite' ? 'normal' : 'muted';\n\n  if (__DEV__) {\n    if (props.$size === 'large' && (props.$isHighlighted || isModerate)) {\n      throwBladeError({\n        moduleName: 'IconButton',\n        message: 'size large is not allowed with isHighlighted true or emphasis moderate',\n      });\n      return null;\n    }\n  }\n\n  return {\n    border: 'none',\n    cursor: props.disabled ? 'not-allowed' : 'pointer',\n    padding: 0,\n    height: hasContainer\n      ? makeSize(highlightedButtonSizeMap[props.$size as 'small' | 'medium'])\n      : undefined,\n    width: hasContainer\n      ? makeSize(highlightedButtonSizeMap[props.$size as 'small' | 'medium'])\n      : undefined,\n    borderRadius: hasContainer ? theme.border.radius.small : theme.border.radius['2xsmall'],\n    background: isModerate ? getIn(theme.colors, moderateBackgroundColorMap.rest) : 'transparent',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: props.disabled\n      ? theme.colors.interactive.icon[emphasisColor].disabled\n      : theme.colors.interactive.icon[emphasisColor][restIconColor],\n    transitionProperty: isModerate ? 'color, background-color' : 'color, box-shadow',\n    transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),\n    transitionTimingFunction: motionToken.easing.standard as string,\n\n    '&:hover:not([disabled])': {\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n      backgroundColor: isModerate\n        ? getIn(theme.colors, moderateBackgroundColorMap.hover)\n        : props.$isHighlighted\n        ? getIn(theme.colors, highlightedHoverColorMap[highlightedEmphasis])\n        : 'transparent',\n    },\n\n    '&:focus-visible': {\n      ...getFocusRingStyles({ theme }),\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n      backgroundColor: isModerate\n        ? getIn(theme.colors, moderateBackgroundColorMap.hover)\n        : props.$isHighlighted\n        ? getIn(theme.colors, focusBackgroundColorMap[highlightedEmphasis])\n        : 'transparent',\n    },\n\n    '&:active': {\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n    },\n    ...styledPropsCSSObject,\n  };\n});\n\nconst StyledIconButton = React.forwardRef<HTMLButtonElement, StyledIconButtonProps>(\n  (\n    {\n      icon: Icon,\n      onClick,\n      size,\n      emphasis,\n      accessibilityLabel,\n      accessibilityProps,\n      isDisabled,\n      isHighlighted,\n      testID,\n      onBlur,\n      onFocus,\n      onMouseLeave,\n      onMouseMove,\n      onPointerDown,\n      onPointerEnter,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown,\n      tabIndex,\n      ...rest\n    },\n    ref,\n  ): ReactElement => (\n    <StyledButton\n      ref={ref}\n      onClick={castWebType(onClick)}\n      emphasis={emphasis}\n      type=\"button\"\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}\n      onKeyDown={onKeyDown}\n      disabled={isDisabled}\n      $isHighlighted={isHighlighted}\n      $size={size}\n      tabIndex={tabIndex}\n      {...makeAccessible({\n        ...accessibilityProps,\n        label: accessibilityLabel ?? accessibilityProps?.label,\n      })}\n      {...metaAttribute({ name: MetaConstants.IconButton, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      {...rest}\n    >\n      <Icon size={size} color=\"currentColor\" />\n    </StyledButton>\n  ),\n);\n\nexport default StyledIconButton;\n"],"names":["StyledButton","styled","button","withConfig","displayName","componentId","props","theme","emphasis","motionToken","motion","styledPropsCSSObject","useStyledProps","isModerate","hasContainer","$isHighlighted","emphasisColor","highlightedEmphasis","restIconColor","$size","throwBladeError","moduleName","message","_objectSpread","border","cursor","disabled","padding","height","makeSize","highlightedButtonSizeMap","undefined","width","borderRadius","radius","small","background","getIn","colors","moderateBackgroundColorMap","rest","display","alignItems","justifyContent","color","interactive","icon","transitionProperty","transitionDuration","castWebType","makeMotionTime","duration","xquick","transitionTimingFunction","easing","standard","subtle","backgroundColor","hover","highlightedHoverColorMap","getFocusRingStyles","focusBackgroundColorMap","StyledIconButton","React","forwardRef","_ref","ref","Icon","onClick","size","accessibilityLabel","accessibilityProps","isDisabled","isHighlighted","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","onKeyDown","tabIndex","_objectWithoutProperties","_excluded","_jsx","type","makeAccessible","label","metaAttribute","name","MetaConstants","IconButton","makeAnalyticsAttribute","children"],"mappings":"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"}

package/build/lib/web/development/components/Button/IconButton/tokens.js

@@ -13,6 +13,10 @@ var focusBackgroundColorMap = {
   intense: 'interactive.background.gray.fadedHighlighted',
   subtle: 'interactive.background.staticWhite.faded'
 };
+var moderateBackgroundColorMap = {
+  rest: 'interactive.background.staticWhite.faded',
+  hover: 'interactive.background.staticWhite.fadedHighlighted'
+};
 
-export { focusBackgroundColorMap, highlightedButtonSizeMap, highlightedHoverColorMap };
+export { focusBackgroundColorMap, highlightedButtonSizeMap, highlightedHoverColorMap, moderateBackgroundColorMap };
 //# sourceMappingURL=tokens.js.map

package/build/lib/web/development/components/Button/IconButton/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../../src/components/Button/IconButton/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst highlightedButtonSizeMap = {\n  small: size['24'],\n  medium: size['32'],\n} as const;\n\nconst highlightedHoverColorMap = {\n  intense: 'interactive.background.gray.fadedHighlighted',\n  subtle: 'interactive.background.staticWhite.faded',\n} as const;\n\nconst focusBackgroundColorMap = {\n  intense: 'interactive.background.gray.fadedHighlighted',\n  subtle: 'interactive.background.staticWhite.faded',\n} as const;\n\nexport { highlightedButtonSizeMap, highlightedHoverColorMap, focusBackgroundColorMap };\n"],"names":["highlightedButtonSizeMap","small","size","medium","highlightedHoverColorMap","intense","subtle","focusBackgroundColorMap"],"mappings":";;;AAEA,IAAMA,wBAAwB,GAAG;AAC/BC,EAAAA,KAAK,EAAEC,IAAI,CAAC,IAAI,CAAC;EACjBC,MAAM,EAAED,IAAI,CAAC,IAAI,CAAA;AACnB,EAAU;AAEV,IAAME,wBAAwB,GAAG;AAC/BC,EAAAA,OAAO,EAAE,8CAA8C;AACvDC,EAAAA,MAAM,EAAE,0CAAA;AACV,EAAU;AAEV,IAAMC,uBAAuB,GAAG;AAC9BF,EAAAA,OAAO,EAAE,8CAA8C;AACvDC,EAAAA,MAAM,EAAE,0CAAA;AACV;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../../src/components/Button/IconButton/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst highlightedButtonSizeMap = {\n  small: size['24'],\n  medium: size['32'],\n} as const;\n\nconst highlightedHoverColorMap = {\n  intense: 'interactive.background.gray.fadedHighlighted',\n  subtle: 'interactive.background.staticWhite.faded',\n} as const;\n\nconst focusBackgroundColorMap = {\n  intense: 'interactive.background.gray.fadedHighlighted',\n  subtle: 'interactive.background.staticWhite.faded',\n} as const;\n\nconst moderateBackgroundColorMap = {\n  rest: 'interactive.background.staticWhite.faded',\n  hover: 'interactive.background.staticWhite.fadedHighlighted',\n} as const;\n\nexport {\n  highlightedButtonSizeMap,\n  highlightedHoverColorMap,\n  focusBackgroundColorMap,\n  moderateBackgroundColorMap,\n};\n"],"names":["highlightedButtonSizeMap","small","size","medium","highlightedHoverColorMap","intense","subtle","focusBackgroundColorMap","moderateBackgroundColorMap","rest","hover"],"mappings":";;;AAEA,IAAMA,wBAAwB,GAAG;AAC/BC,EAAAA,KAAK,EAAEC,IAAI,CAAC,IAAI,CAAC;EACjBC,MAAM,EAAED,IAAI,CAAC,IAAI,CAAA;AACnB,EAAU;AAEV,IAAME,wBAAwB,GAAG;AAC/BC,EAAAA,OAAO,EAAE,8CAA8C;AACvDC,EAAAA,MAAM,EAAE,0CAAA;AACV,EAAU;AAEV,IAAMC,uBAAuB,GAAG;AAC9BF,EAAAA,OAAO,EAAE,8CAA8C;AACvDC,EAAAA,MAAM,EAAE,0CAAA;AACV,EAAU;AAEV,IAAME,0BAA0B,GAAG;AACjCC,EAAAA,IAAI,EAAE,0CAA0C;AAChDC,EAAAA,KAAK,EAAE,qDAAA;AACT;;;;"}

package/build/lib/web/development/components/ButtonGroup/ButtonGroup.web.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 styled from 'styled-components';
-import { StyledButtonGroup } from './StyledButtonGroup.js';
+import { StyledButtonGroup } from './StyledButtonGroup.web.js';
 import { ButtonGroupProvider } from './ButtonGroupContext.js';
 import '../Box/BaseBox/index.js';
 import '../Box/styledProps/index.js';
@@ -141,7 +141,7 @@ var _ButtonGroup = function _ButtonGroup(_ref3, ref) {
  *
  *  ---
  *
- * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup FileUpload Documentation}
+ * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup ButtonGroup Documentation}
  * 
  */
 var ButtonGroup = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_ButtonGroup), {

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.web.js","sources":["../../../../../../src/components/ButtonGroup/ButtonGroup.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { ButtonGroupProps } from './types';\nimport { StyledButtonGroup } from './StyledButtonGroup';\nimport { ButtonGroupProvider } from './ButtonGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeBorderSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { getBackgroundColorToken } from '~components/Button/BaseButton/BaseButton';\n\nconst getDividerColorToken = ({\n  color,\n  variant,\n  isDisabled,\n}: Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>): DotNotationToken<\n  Theme['colors']\n> => {\n  if (variant === 'primary') {\n    return 'surface.border.gray.subtle';\n  }\n\n  if (variant === 'secondary') {\n    return getBackgroundColorToken({\n      variant,\n      color,\n      state: isDisabled ? 'disabled' : 'default',\n    });\n  }\n\n  return 'surface.border.gray.muted';\n};\n\nconst StyledDivider = styled(BaseBox)<Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>>(\n  ({ theme, color, variant, isDisabled }) => {\n    return {\n      borderWidth: 0,\n      borderLeftStyle: 'solid',\n      borderLeftWidth: makeBorderSize(theme.border.width.thin),\n      alignSelf: 'stretch',\n      color: getIn(theme.colors, getDividerColorToken({ color, variant, isDisabled })),\n    };\n  },\n);\n\nconst _ButtonGroup = (\n  {\n    children,\n    isDisabled = false,\n    size = 'medium',\n    color = 'primary',\n    variant = 'primary',\n    isFullWidth = false,\n    testID,\n    ...rest\n  }: ButtonGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const contextValue = {\n    isDisabled,\n    size,\n    color,\n    variant,\n    isFullWidth,\n  };\n\n  useVerifyAllowedChildren({\n    allowedComponents: ['Button', 'Dropdown', 'Tooltip', 'Popover'],\n    componentName: 'ButtonGroup',\n    children,\n  });\n\n  return (\n    <ButtonGroupProvider value={contextValue}>\n      <StyledButtonGroup\n        ref={ref as never}\n        color={color}\n        variant={variant}\n        size={size}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        {...metaAttribute({ name: MetaConstants.ButtonGroup, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n        role=\"group\"\n      >\n        {React.Children.map(children, (child, index) => {\n          const isLast = React.Children.count(children) - 1 === index;\n          // Only show dividers for primary variant (secondary/tertiary have borders via box-shadow)\n          const showDivider = variant === 'primary' && !isLast;\n\n          return (\n            <>\n              {child}\n              {showDivider && (\n                <StyledDivider variant={variant} color={color} isDisabled={isDisabled} />\n              )}\n            </>\n          );\n        })}\n      </StyledButtonGroup>\n    </ButtonGroupProvider>\n  );\n};\n\n/**\n * ### ButtonGroup Component\n * \n * The ButtonGroup component is used to group related buttons together.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const App = () => {\n    return (\n      <ButtonGroup>\n        <Button icon={RefreshIcon}>Sync</Button>\n        <Button icon={ShareIcon}>Share</Button>\n        <Button icon={DownloadIcon}>Download</Button>\n      </ButtonGroup>\n    );\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup FileUpload Documentation}\n * \n */\nconst ButtonGroup = assignWithoutSideEffects(React.forwardRef(_ButtonGroup), {\n  displayName: 'ButtonGroup',\n  componentId: 'ButtonGroup',\n});\n\nexport { ButtonGroup };\nexport type { ButtonGroupProps };\n"],"names":["getDividerColorToken","_ref","color","variant","isDisabled","getBackgroundColorToken","state","StyledDivider","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","borderWidth","borderLeftStyle","borderLeftWidth","makeBorderSize","border","width","thin","alignSelf","getIn","colors","_ButtonGroup","_ref3","ref","children","_ref3$isDisabled","_ref3$size","size","_ref3$color","_ref3$variant","_ref3$isFullWidth","isFullWidth","testID","rest","_objectWithoutProperties","_excluded","contextValue","useVerifyAllowedChildren","allowedComponents","componentName","_jsx","ButtonGroupProvider","value","StyledButtonGroup","_objectSpread","metaAttribute","name","MetaConstants","ButtonGroup","getStyledProps","makeAnalyticsAttribute","role","React","Children","map","child","index","isLast","count","showDivider","_jsxs","_Fragment","assignWithoutSideEffects","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ButtonGroup.web.js","sources":["../../../../../../src/components/ButtonGroup/ButtonGroup.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { ButtonGroupProps } from './types';\nimport { StyledButtonGroup } from './StyledButtonGroup';\nimport { ButtonGroupProvider } from './ButtonGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeBorderSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { getBackgroundColorToken } from '~components/Button/BaseButton/BaseButton';\n\nconst getDividerColorToken = ({\n  color,\n  variant,\n  isDisabled,\n}: Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>): DotNotationToken<\n  Theme['colors']\n> => {\n  if (variant === 'primary') {\n    return 'surface.border.gray.subtle';\n  }\n\n  if (variant === 'secondary') {\n    return getBackgroundColorToken({\n      variant,\n      color,\n      state: isDisabled ? 'disabled' : 'default',\n    });\n  }\n\n  return 'surface.border.gray.muted';\n};\n\nconst StyledDivider = styled(BaseBox)<Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>>(\n  ({ theme, color, variant, isDisabled }) => {\n    return {\n      borderWidth: 0,\n      borderLeftStyle: 'solid',\n      borderLeftWidth: makeBorderSize(theme.border.width.thin),\n      alignSelf: 'stretch',\n      color: getIn(theme.colors, getDividerColorToken({ color, variant, isDisabled })),\n    };\n  },\n);\n\nconst _ButtonGroup = (\n  {\n    children,\n    isDisabled = false,\n    size = 'medium',\n    color = 'primary',\n    variant = 'primary',\n    isFullWidth = false,\n    testID,\n    ...rest\n  }: ButtonGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const contextValue = {\n    isDisabled,\n    size,\n    color,\n    variant,\n    isFullWidth,\n  };\n\n  useVerifyAllowedChildren({\n    allowedComponents: ['Button', 'Dropdown', 'Tooltip', 'Popover'],\n    componentName: 'ButtonGroup',\n    children,\n  });\n\n  return (\n    <ButtonGroupProvider value={contextValue}>\n      <StyledButtonGroup\n        ref={ref as never}\n        color={color}\n        variant={variant}\n        size={size}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        {...metaAttribute({ name: MetaConstants.ButtonGroup, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n        role=\"group\"\n      >\n        {React.Children.map(children, (child, index) => {\n          const isLast = React.Children.count(children) - 1 === index;\n          // Only show dividers for primary variant (secondary/tertiary have borders via box-shadow)\n          const showDivider = variant === 'primary' && !isLast;\n\n          return (\n            <>\n              {child}\n              {showDivider && (\n                <StyledDivider variant={variant} color={color} isDisabled={isDisabled} />\n              )}\n            </>\n          );\n        })}\n      </StyledButtonGroup>\n    </ButtonGroupProvider>\n  );\n};\n\n/**\n * ### ButtonGroup Component\n * \n * The ButtonGroup component is used to group related buttons together.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const App = () => {\n    return (\n      <ButtonGroup>\n        <Button icon={RefreshIcon}>Sync</Button>\n        <Button icon={ShareIcon}>Share</Button>\n        <Button icon={DownloadIcon}>Download</Button>\n      </ButtonGroup>\n    );\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup ButtonGroup Documentation}\n * \n */\nconst ButtonGroup = assignWithoutSideEffects(React.forwardRef(_ButtonGroup), {\n  displayName: 'ButtonGroup',\n  componentId: 'ButtonGroup',\n});\n\nexport { ButtonGroup };\nexport type { ButtonGroupProps };\n"],"names":["getDividerColorToken","_ref","color","variant","isDisabled","getBackgroundColorToken","state","StyledDivider","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","borderWidth","borderLeftStyle","borderLeftWidth","makeBorderSize","border","width","thin","alignSelf","getIn","colors","_ButtonGroup","_ref3","ref","children","_ref3$isDisabled","_ref3$size","size","_ref3$color","_ref3$variant","_ref3$isFullWidth","isFullWidth","testID","rest","_objectWithoutProperties","_excluded","contextValue","useVerifyAllowedChildren","allowedComponents","componentName","_jsx","ButtonGroupProvider","value","StyledButtonGroup","_objectSpread","metaAttribute","name","MetaConstants","ButtonGroup","getStyledProps","makeAnalyticsAttribute","role","React","Children","map","child","index","isLast","count","showDivider","_jsxs","_Fragment","assignWithoutSideEffects","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/ButtonGroup/{StyledButtonGroup.js → StyledButtonGroup.web.js}

@@ -9,8 +9,8 @@ import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 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 StyledButtonGroup = /*#__PURE__*/styled(BaseBox).withConfig({
-  displayName: "StyledButtonGroup",
-  componentId: "gr4xbj-0"
+  displayName: "StyledButtonGroupweb__StyledButtonGroup",
+  componentId: "uuoj4n-0"
 })(function (_ref) {
   var theme = _ref.theme,
     _ref$variant = _ref.variant,
@@ -63,4 +63,4 @@ var StyledButtonGroup = /*#__PURE__*/styled(BaseBox).withConfig({
 });
 
 export { StyledButtonGroup };
-//# sourceMappingURL=StyledButtonGroup.js.map
+//# sourceMappingURL=StyledButtonGroup.web.js.map

package/build/lib/web/development/components/ButtonGroup/StyledButtonGroup.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledButtonGroup.web.js","sources":["../../../../../../src/components/ButtonGroup/StyledButtonGroup.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledButtonGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize } from '~utils';\nimport { buttonBorderRadius } from '~components/Button/BaseButton/buttonTokens';\n\nconst StyledButtonGroup = styled(BaseBox)<StyledButtonGroupProps>(\n  ({ theme, variant = 'primary', isFullWidth, size = 'medium' }) => {\n    const borderRadiusToken = buttonBorderRadius[size];\n    const borderRadius = makeBorderSize(theme.border.radius[borderRadiusToken]);\n    const isSecondaryOrTertiary = variant === 'secondary' || variant === 'tertiary';\n\n    return {\n      display: 'flex',\n      width: isFullWidth ? '100%' : 'fit-content',\n      borderWidth: makeBorderSize(theme.border.width.thin),\n      borderRadius,\n      borderStyle: 'solid',\n      borderColor: 'transparent',\n      overflow: 'hidden',\n      'button[role=\"button\"]': {\n        flex: isFullWidth ? 1 : 'auto',\n        borderRadius: 0,\n      },\n\n      // Handles both direct buttons and buttons wrapped in components like Dropdown\n      '> button[role=\"button\"]:first-child, > *:first-child button[role=\"button\"]': {\n        borderRight: 'none',\n        borderTopLeftRadius: borderRadius,\n        borderBottomLeftRadius: borderRadius,\n      },\n\n      // Targets middle buttons, whether direct children or wrapped in container elements\n      '> button[role=\"button\"]:not(:first-child):not(:last-child), > *:not(:first-child):not(:last-child) button[role=\"button\"]': {\n        borderLeft: 'none',\n        borderRight: 'none',\n      },\n\n      // Handles last button in group, accounting for wrapper components like Dropdown\n      '> button[role=\"button\"]:last-child, > *:last-child button[role=\"button\"]': {\n        borderLeft: 'none',\n        borderTopRightRadius: borderRadius,\n        borderBottomRightRadius: borderRadius,\n      },\n\n      // Remove radial gradient from all buttons except the first one\n      '> button[role=\"button\"]:not(:first-child), > *:not(:first-child) button[role=\"button\"]': {\n        backgroundImage: 'none',\n      },\n\n      // For secondary/tertiary variants, use negative margin to collapse double borders\n      // (these variants have borders via box-shadow, so adjacent buttons would show double borders)\n      ...(isSecondaryOrTertiary && {\n        '> button[role=\"button\"]:not(:first-child), > *:not(:first-child) button[role=\"button\"]': {\n          marginLeft: '-1px',\n          backgroundImage: 'none',\n        },\n      }),\n    };\n  },\n);\n\nexport { StyledButtonGroup };\n"],"names":["StyledButtonGroup","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","_ref$variant","variant","isFullWidth","_ref$size","size","borderRadiusToken","buttonBorderRadius","borderRadius","makeBorderSize","border","radius","isSecondaryOrTertiary","_objectSpread","display","width","borderWidth","thin","borderStyle","borderColor","overflow","flex","borderRight","borderTopLeftRadius","borderBottomLeftRadius","borderLeft","borderTopRightRadius","borderBottomRightRadius","backgroundImage","marginLeft"],"mappings":";;;;;;;;;;AAMA,IAAMA,iBAAiB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,yCAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CACvC,CAAA,CAAA,UAAAC,IAAA,EAAkE;AAAA,EAAA,IAA/DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,YAAA,GAAAF,IAAA,CAAEG,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAAEE,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IAAAC,SAAA,GAAAL,IAAA,CAAEM,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA,CAAA;AACzD,EAAA,IAAME,iBAAiB,GAAGC,kBAAkB,CAACF,IAAI,CAAC,CAAA;AAClD,EAAA,IAAMG,YAAY,GAAGC,cAAc,CAACT,KAAK,CAACU,MAAM,CAACC,MAAM,CAACL,iBAAiB,CAAC,CAAC,CAAA;EAC3E,IAAMM,qBAAqB,GAAGV,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU,CAAA;AAE/E,EAAA,OAAAW,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,KAAK,EAAEZ,WAAW,GAAG,MAAM,GAAG,aAAa;IAC3Ca,WAAW,EAAEP,cAAc,CAACT,KAAK,CAACU,MAAM,CAACK,KAAK,CAACE,IAAI,CAAC;AACpDT,IAAAA,YAAY,EAAZA,YAAY;AACZU,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,uBAAuB,EAAE;AACvBC,MAAAA,IAAI,EAAElB,WAAW,GAAG,CAAC,GAAG,MAAM;AAC9BK,MAAAA,YAAY,EAAE,CAAA;KACf;AAED;AACA,IAAA,4EAA4E,EAAE;AAC5Ec,MAAAA,WAAW,EAAE,MAAM;AACnBC,MAAAA,mBAAmB,EAAEf,YAAY;AACjCgB,MAAAA,sBAAsB,EAAEhB,YAAAA;KACzB;AAED;AACA,IAAA,0HAA0H,EAAE;AAC1HiB,MAAAA,UAAU,EAAE,MAAM;AAClBH,MAAAA,WAAW,EAAE,MAAA;KACd;AAED;AACA,IAAA,0EAA0E,EAAE;AAC1EG,MAAAA,UAAU,EAAE,MAAM;AAClBC,MAAAA,oBAAoB,EAAElB,YAAY;AAClCmB,MAAAA,uBAAuB,EAAEnB,YAAAA;KAC1B;AAED;AACA,IAAA,wFAAwF,EAAE;AACxFoB,MAAAA,eAAe,EAAE,MAAA;AACnB,KAAA;AAAC,GAAA,EAIGhB,qBAAqB,IAAI;AAC3B,IAAA,wFAAwF,EAAE;AACxFiB,MAAAA,UAAU,EAAE,MAAM;AAClBD,MAAAA,eAAe,EAAE,MAAA;AACnB,KAAA;GACD,CAAA,CAAA;AAEL,CAAC;;;;"}