@razorpay/blade 11.6.3 → 11.8.0

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

@@ -1,11 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import styled from 'styled-components';
 import StyledBaseButton from './StyledBaseButton.web.js';
 import { backgroundColor, textColor, buttonIconOnlySizeToIconSizeMap, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, buttonIconPadding, buttonIconOnlyPadding, buttonPadding, typography } from './buttonTokens.js';
+import AnimatedButtonContent from './AnimatedButtonContent.web.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import '../../../utils/index.js';
+import { useButtonGroupContext } from '../../ButtonGroup/ButtonGroupContext.js';
 import '../../Box/styledProps/index.js';
 import '../../Typography/BaseText/index.js';
 import '../../BladeProvider/index.js';
@@ -21,7 +24,7 @@ import '../../../utils/makeSpace/index.js';
 import '../../../utils/metaAttribute/index.js';
 import '../../../utils/getStringChildren/index.js';
 import '../../../utils/logger/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import { throwBladeError } from '../../../utils/logger/logger.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
@@ -101,7 +104,7 @@ var getProps = function getProps(_ref3) {
   if (variant === 'tertiary' && color !== 'primary' && color !== 'white') {
     throwBladeError({
       moduleName: 'BaseButton',
-      message: "Tertiary variant can only be used with color: \"default\" or \"white\" but received \"".concat(color, "\"")
+      message: "Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"".concat(color, "\"")
     });
   }
   var isIconOnly = hasIcon && (!children || (children === null || children === void 0 ? void 0 : children.trim().length) === 0);
@@ -215,6 +218,7 @@ var ButtonContent = /*#__PURE__*/styled(BaseBox).withConfig({
   };
 });
 var _BaseButton = function _BaseButton(_ref5, ref) {
+  var _buttonGroupProps$isD, _buttonGroupProps$siz, _buttonGroupProps$var, _buttonGroupProps$col, _buttonGroupProps$isF;
   var href = _ref5.href,
     target = _ref5.target,
     rel = _ref5.rel,
@@ -235,7 +239,7 @@ var _BaseButton = function _BaseButton(_ref5, ref) {
     isLoading = _ref5$isLoading === void 0 ? false : _ref5$isLoading,
     onClick = _ref5.onClick,
     onBlur = _ref5.onBlur,
-    onKeyDown = _ref5.onKeyDown,
+    _onKeyDown = _ref5.onKeyDown,
     _ref5$type = _ref5.type,
     type = _ref5$type === void 0 ? 'button' : _ref5$type,
     children = _ref5.children,
@@ -246,15 +250,20 @@ var _BaseButton = function _BaseButton(_ref5, ref) {
     onPointerDown = _ref5.onPointerDown,
     onPointerEnter = _ref5.onPointerEnter,
     accessibilityProps = _ref5.accessibilityProps,
-    onTouchEnd = _ref5.onTouchEnd,
-    onTouchStart = _ref5.onTouchStart,
+    _onTouchEnd = _ref5.onTouchEnd,
+    _onTouchStart = _ref5.onTouchStart,
     rest = _objectWithoutProperties(_ref5, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
+  var buttonGroupProps = useButtonGroupContext();
+  var _React$useState = React__default.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isPressed = _React$useState2[0],
+    setIsPressed = _React$useState2[1];
   var isLink = Boolean(href);
   var childrenString = getStringFromReactText(children);
   // Button cannot be disabled when its rendered as Link
-  var disabled = isLoading || isDisabled && !isLink;
+  var disabled = (_buttonGroupProps$isD = buttonGroupProps.isDisabled) !== null && _buttonGroupProps$isD !== void 0 ? _buttonGroupProps$isD : isLoading || isDisabled && !isLink;
   if (true) {
     if (!Icon && !(childrenString !== null && childrenString !== void 0 && childrenString.trim())) {
       throwBladeError({
@@ -272,10 +281,10 @@ var _BaseButton = function _BaseButton(_ref5, ref) {
       buttonTypographyTokens: typography,
       children: childrenString,
       isDisabled: disabled,
-      size: size,
-      variant: variant,
+      size: (_buttonGroupProps$siz = buttonGroupProps.size) !== null && _buttonGroupProps$siz !== void 0 ? _buttonGroupProps$siz : size,
+      variant: (_buttonGroupProps$var = buttonGroupProps.variant) !== null && _buttonGroupProps$var !== void 0 ? _buttonGroupProps$var : variant,
       theme: theme,
-      color: color,
+      color: (_buttonGroupProps$col = buttonGroupProps.color) !== null && _buttonGroupProps$col !== void 0 ? _buttonGroupProps$col : color,
       hasIcon: Boolean(Icon)
     }),
     defaultBorderColor = _getProps.defaultBorderColor,
@@ -306,7 +315,27 @@ var _BaseButton = function _BaseButton(_ref5, ref) {
     return getRenderElement(href);
   }, [href]);
   var defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;
-  return /*#__PURE__*/jsxs(StyledBaseButton, _objectSpread(_objectSpread(_objectSpread({
+  var handlePointerPressedIn = React__default.useCallback(function () {
+    if (disabled) return;
+    setIsPressed(true);
+  }, [disabled]);
+  var handlePointerPressedOut = React__default.useCallback(function () {
+    if (disabled) return;
+    setIsPressed(false);
+  }, [disabled]);
+  var handleKeyboardPressedIn = React__default.useCallback(function (e) {
+    if (disabled) return;
+    if (e.key === ' ' || e.key === 'Enter') {
+      setIsPressed(true);
+    }
+  }, [disabled]);
+  var handleKeyboardPressedOut = React__default.useCallback(function (e) {
+    if (disabled) return;
+    if (e.key === ' ' || e.key === 'Enter') {
+      setIsPressed(false);
+    }
+  }, [disabled]);
+  return /*#__PURE__*/jsx(StyledBaseButton, _objectSpread(_objectSpread(_objectSpread({
     ref: ref
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
     // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that
@@ -333,86 +362,107 @@ var _BaseButton = function _BaseButton(_ref5, ref) {
     focusRingColor: focusRingColor,
     hoverBorderColor: hoverBorderColor,
     hoverBackgroundColor: hoverBackgroundColor,
-    isFullWidth: isFullWidth,
+    isFullWidth: (_buttonGroupProps$isF = buttonGroupProps.isFullWidth) !== null && _buttonGroupProps$isF !== void 0 ? _buttonGroupProps$isF : isFullWidth,
     onClick: onClick,
     onBlur: onBlur,
     onFocus: onFocus,
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,
     onPointerDown: onPointerDown,
-    onPointerEnter: onPointerEnter,
-    onKeyDown: onKeyDown,
-    onTouchStart: onTouchStart,
-    onTouchEnd: onTouchEnd,
+    onPointerEnter: onPointerEnter
+    // Setting type for web fails it on native typecheck and vice versa
+    ,
+    onKeyDown: function onKeyDown(event) {
+      handleKeyboardPressedIn(event);
+      _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(event);
+    },
+    onTouchStart: function onTouchStart(event) {
+      handlePointerPressedIn();
+      _onTouchStart === null || _onTouchStart === void 0 ? void 0 : _onTouchStart(event);
+    },
+    onTouchEnd: function onTouchEnd(event) {
+      handlePointerPressedOut();
+      _onTouchEnd === null || _onTouchEnd === void 0 ? void 0 : _onTouchEnd(event);
+    },
     type: type,
     borderWidth: borderWidth,
     borderRadius: borderRadius,
     motionDuration: motionDuration,
-    motionEasing: motionEasing
+    motionEasing: motionEasing,
+    isPressed: isPressed,
+    onMouseDown: handlePointerPressedIn,
+    onMouseUp: handlePointerPressedOut,
+    onMouseOut: handlePointerPressedOut,
+    onKeyUp: handleKeyboardPressedOut
   }, metaAttribute({
     name: MetaConstants.Button,
     testID: testID
   })), getStyledProps(rest)), {}, {
-    children: [isLoading ? /*#__PURE__*/jsx(BaseBox, {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      position: "absolute",
-      top: "0px",
-      left: "0px",
-      bottom: "0px",
-      right: "0px",
-      zIndex: 1,
-      children: /*#__PURE__*/jsx(BaseSpinner, {
-        accessibilityLabel: "Loading",
-        size: spinnerSize,
-        color: color
-      })
-    }) : null, /*#__PURE__*/jsxs(ButtonContent, {
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "center",
-      flex: 1,
-      isHidden: isLoading,
-      zIndex: 1,
-      children: [Icon && iconPosition == 'left' ? /*#__PURE__*/jsx(BaseBox, {
-        paddingRight: iconPadding,
+    children: /*#__PURE__*/jsxs(AnimatedButtonContent, {
+      motionDuration: motionDuration,
+      motionEasing: motionEasing,
+      isPressed: isPressed,
+      children: [isLoading ? /*#__PURE__*/jsx(BaseBox, {
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        children: /*#__PURE__*/jsx(Icon, {
-          size: iconSize,
-          color: iconColor
+        position: "absolute",
+        top: "0px",
+        left: "0px",
+        bottom: "0px",
+        right: "0px",
+        zIndex: 1,
+        children: /*#__PURE__*/jsx(BaseSpinner, {
+          accessibilityLabel: "Loading",
+          size: spinnerSize,
+          color: color
         })
-      }) : null, text ? /*#__PURE__*/jsx(BaseText, {
-        lineHeight: lineHeight,
-        fontSize: fontSize
-        // figma and web have different font-smoothing properties
-        // which causes web version of button text to look much bolder
-        // than figma version. To fix this we are changing font-weight from 600 to 500
-        // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207
-        ,
-        fontWeight: "medium",
-        textAlign: "center",
-        color: textColor,
-        children: text
-      }) : null, Icon && iconPosition == 'right' ? /*#__PURE__*/jsx(BaseBox, {
-        paddingLeft: iconPadding,
+      }) : null, /*#__PURE__*/jsxs(ButtonContent, {
         display: "flex",
-        justifyContent: "center",
+        flexDirection: "row",
         alignItems: "center",
-        children: /*#__PURE__*/jsx(Icon, {
-          size: iconSize,
-          color: iconColor
-        })
-      }) : null]
-    })]
+        justifyContent: "center",
+        flex: 1,
+        isHidden: isLoading,
+        zIndex: 1,
+        children: [Icon && iconPosition == 'left' ? /*#__PURE__*/jsx(BaseBox, {
+          paddingRight: iconPadding,
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          children: /*#__PURE__*/jsx(Icon, {
+            size: iconSize,
+            color: iconColor
+          })
+        }) : null, text ? /*#__PURE__*/jsx(BaseText, {
+          lineHeight: lineHeight,
+          fontSize: fontSize
+          // figma and web have different font-smoothing properties
+          // which causes web version of button text to look much bolder
+          // than figma version. To fix this we are changing font-weight from 600 to 500
+          // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207
+          ,
+          fontWeight: "medium",
+          textAlign: "center",
+          color: textColor,
+          children: text
+        }) : null, Icon && iconPosition == 'right' ? /*#__PURE__*/jsx(BaseBox, {
+          paddingLeft: iconPadding,
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          children: /*#__PURE__*/jsx(Icon, {
+            size: iconSize,
+            color: iconColor
+          })
+        }) : null]
+      })]
+    })
   }));
 };
 var BaseButton = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_BaseButton), {
   displayName: 'BaseButton'
 });
 
-export { BaseButton as default };
+export { BaseButton as default, getBackgroundColorToken };
 //# sourceMappingURL=BaseButton.js.map

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, ButtonMinHeight } from './buttonTokens';\nimport {\n  textColor,\n  backgroundColor,\n  buttonIconOnlyPadding,\n  buttonIconOnlySizeToIconSizeMap,\n  typography as buttonTypography,\n  minHeight as buttonMinHeight,\n  buttonSizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonIconPadding,\n  buttonPadding,\n} from './buttonTokens';\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, IconProps, IconSize } from '~components/Icons';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport type { BorderRadiusValues, BorderWidthValues, SpacingValues } from '~tokens/theme/theme';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTheme } from '~components/BladeProvider';\nimport { announce } from '~components/LiveAnnouncer';\nimport type { BaseSpinnerProps } from '~components/Spinner/BaseSpinner';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport BaseBox from '~components/Box/BaseBox';\nimport type {\n  BladeElementRef,\n  DotNotationSpacingStringToken,\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';\n\ntype BaseButtonCommonProps = {\n  href?: BaseLinkProps['href'];\n  target?: BaseLinkProps['target'];\n  rel?: BaseLinkProps['rel'];\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\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?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\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};\n\n/*\n Optional children prop when icon is provided\n*/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\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\n/**\n * All possible icon colors, derived from `IconProps` minus `currentColor` because possible values should only be from tokens\n */\ntype IconColor = Exclude<IconProps['color'], 'currentColor'>;\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\nconst getBackgroundColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'background' | 'border';\n}): DotNotationToken<Theme['colors']> => {\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n  const tokens = backgroundColor(property);\n\n  if (color === 'white') {\n    return tokens.white[variant][_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 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 && 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\ntype BaseButtonStyleProps = {\n  iconSize: IconSize;\n  spinnerSize: BaseSpinnerProps['size'];\n  fontSize: keyof Theme['typography']['fonts']['size'];\n  lineHeight: keyof Theme['typography']['lineHeights'];\n  minHeight: `${ButtonMinHeight}px`;\n  iconPadding?: DotNotationSpacingStringToken;\n  iconColor: IconColor;\n  textColor: BaseTextProps['color'];\n  buttonPaddingTop: SpacingValues;\n  buttonPaddingBottom: SpacingValues;\n  buttonPaddingLeft: SpacingValues;\n  buttonPaddingRight: SpacingValues;\n  text?: string;\n  defaultBackgroundColor: string;\n  defaultBorderColor: string;\n  hoverBackgroundColor: string;\n  hoverBorderColor: string;\n  focusBackgroundColor: string;\n  focusBorderColor: string;\n  focusRingColor: string;\n  motionDuration: DurationString;\n  motionEasing: EasingString;\n  borderWidth: BorderWidthValues;\n  borderRadius: BorderRadiusValues;\n};\n\nconst getProps = ({\n  buttonTypographyTokens,\n  children,\n  isDisabled,\n  size,\n  theme,\n  variant,\n  color,\n  hasIcon,\n}: {\n  buttonTypographyTokens: ButtonTypography;\n  children?: 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 (variant === 'tertiary' && color !== 'primary' && color !== 'white') {\n    throwBladeError({\n      moduleName: 'BaseButton',\n      message: `Tertiary variant can only be used with color: \"default\" or \"white\" but received \"${color}\"`,\n    });\n  }\n\n  const isIconOnly = hasIcon && (!children || children?.trim().length === 0);\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    iconPadding: hasIcon && children?.trim() ? `spacing.${buttonIconPadding[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\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].top])\n      : makeSpace(theme.spacing[buttonPadding[size].top]),\n    buttonPaddingBottom: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].bottom])\n      : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n    buttonPaddingLeft: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].left])\n      : makeSpace(theme.spacing[buttonPadding[size].left]),\n    buttonPaddingRight: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].right])\n      : makeSpace(theme.spacing[buttonPadding[size].right]),\n    text: size === 'xsmall' ? children?.trim().toUpperCase() : children?.trim(),\n    defaultBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'default' }),\n    ),\n    defaultBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'default' }),\n    ),\n    hoverBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'hover' }),\n    ),\n    hoverBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'hover' }),\n    ),\n    focusBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'focus' }),\n    ),\n    focusBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'focus' }),\n    ),\n    focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),\n    borderWidth: variant == 'secondary' ? makeBorderSize(theme.border.width.thin) : '0px',\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    motionDuration: 'duration.xquick',\n    motionEasing: 'easing.standard.effective',\n  };\n\n  if (isDisabled) {\n    const disabledBackgroundColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'disabled' }),\n    );\n    const disabledBorderColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', 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.defaultBorderColor = disabledBorderColor;\n    props.hoverBackgroundColor = disabledBackgroundColor;\n    props.hoverBorderColor = disabledBorderColor;\n    props.focusBackgroundColor = disabledBackgroundColor;\n    props.focusBorderColor = disabledBorderColor;\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    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    onPointerDown,\n    onPointerEnter,\n    accessibilityProps,\n    onTouchEnd,\n    onTouchStart,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const isLink = Boolean(href);\n  const childrenString = getStringFromReactText(children);\n  // Button cannot be disabled when its rendered as Link\n  const disabled = 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    defaultBorderColor,\n    defaultBackgroundColor,\n    minHeight,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    focusBorderColor,\n    focusBackgroundColor,\n    focusRingColor,\n    fontSize,\n    hoverBorderColor,\n    hoverBackgroundColor,\n    iconColor,\n    iconSize,\n    iconPadding,\n    spinnerSize,\n    lineHeight,\n    text,\n    textColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n  } = getProps({\n    buttonTypographyTokens: buttonTypography,\n    children: childrenString,\n    isDisabled: disabled,\n    size,\n    variant,\n    theme,\n    color,\n    hasIcon: Boolean(Icon),\n  });\n\n  const renderElement = React.useMemo(() => getRenderElement(href), [href]);\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return (\n    <StyledBaseButton\n      ref={ref as any}\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 ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isLink ? 'link' : 'button',\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      isLoading={isLoading}\n      disabled={disabled}\n      defaultBorderColor={defaultBorderColor}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      defaultBackgroundColor={defaultBackgroundColor}\n      focusBorderColor={focusBorderColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      isFullWidth={isFullWidth}\n      onClick={onClick}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onKeyDown={onKeyDown}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      type={type}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      {...metaAttribute({ name: MetaConstants.Button, testID })}\n      {...getStyledProps(rest)}\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 accessibilityLabel=\"Loading\" size={spinnerSize} color={color} />\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\n            paddingRight={iconPadding}\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n          >\n            <Icon size={iconSize} color={iconColor} />\n          </BaseBox>\n        ) : null}\n        {text ? (\n          <BaseText\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        ) : null}\n        {Icon && iconPosition == 'right' ? (\n          <BaseBox\n            paddingLeft={iconPadding}\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n          >\n            <Icon size={iconSize} color={iconColor} />\n          </BaseBox>\n        ) : null}\n      </ButtonContent>\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","property","variant","state","color","_state","tokens","backgroundColor","white","Error","concat","base","getTextColorToken","_ref2","textColor","getProps","_ref3","buttonTypographyTokens","children","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","props","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","iconPadding","buttonIconPadding","iconColor","buttonPaddingTop","makeSpace","spacing","buttonIconOnlyPadding","top","buttonPadding","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","toUpperCase","defaultBackgroundColor","getIn","colors","defaultBorderColor","hoverBackgroundColor","hoverBorderColor","focusBackgroundColor","focusBorderColor","focusRingColor","borderWidth","makeBorderSize","border","width","thin","borderRadius","radius","medium","motionDuration","motionEasing","disabledBackgroundColor","disabledBorderColor","ButtonContent","styled","BaseBox","withConfig","displayName","componentId","_ref4","isHidden","opacity","_BaseButton","_ref5","ref","target","rel","_ref5$variant","_ref5$color","_ref5$size","Icon","icon","_ref5$iconPosition","iconPosition","_ref5$isDisabled","_ref5$isFullWidth","isFullWidth","_ref5$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref5$type","type","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","isLink","Boolean","childrenString","getStringFromReactText","disabled","prevLoading","usePrevious","React","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","_jsxs","StyledBaseButton","_objectSpread","as","makeAccessible","role","metaAttribute","name","MetaConstants","Button","getStyledProps","_jsx","display","justifyContent","alignItems","position","zIndex","BaseSpinner","accessibilityLabel","flexDirection","flex","paddingRight","BaseText","fontWeight","textAlign","paddingLeft","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, ButtonMinHeight } from './buttonTokens';\nimport {\n  textColor,\n  backgroundColor,\n  buttonIconOnlyPadding,\n  buttonIconOnlySizeToIconSizeMap,\n  typography as buttonTypography,\n  minHeight as buttonMinHeight,\n  buttonSizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonIconPadding,\n  buttonPadding,\n} from './buttonTokens';\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, IconProps, IconSize } from '~components/Icons';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport type { BorderRadiusValues, BorderWidthValues, SpacingValues } from '~tokens/theme/theme';\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 type { BaseSpinnerProps } from '~components/Spinner/BaseSpinner';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport BaseBox from '~components/Box/BaseBox';\nimport type {\n  BladeElementRef,\n  DotNotationSpacingStringToken,\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';\n\ntype BaseButtonCommonProps = {\n  href?: BaseLinkProps['href'];\n  target?: BaseLinkProps['target'];\n  rel?: BaseLinkProps['rel'];\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\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?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\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};\n\n/*\n Optional children prop when icon is provided\n*/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\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\n/**\n * All possible icon colors, derived from `IconProps` minus `currentColor` because possible values should only be from tokens\n */\ntype IconColor = Exclude<IconProps['color'], 'currentColor'>;\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  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'background' | 'border';\n}): DotNotationToken<Theme['colors']> => {\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n  const tokens = backgroundColor(property);\n\n  if (color === 'white') {\n    return tokens.white[variant][_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 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 && 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\ntype BaseButtonStyleProps = {\n  iconSize: IconSize;\n  spinnerSize: BaseSpinnerProps['size'];\n  fontSize: keyof Theme['typography']['fonts']['size'];\n  lineHeight: keyof Theme['typography']['lineHeights'];\n  minHeight: `${ButtonMinHeight}px`;\n  iconPadding?: DotNotationSpacingStringToken;\n  iconColor: IconColor;\n  textColor: BaseTextProps['color'];\n  buttonPaddingTop: SpacingValues;\n  buttonPaddingBottom: SpacingValues;\n  buttonPaddingLeft: SpacingValues;\n  buttonPaddingRight: SpacingValues;\n  text?: string;\n  defaultBackgroundColor: string;\n  defaultBorderColor: string;\n  hoverBackgroundColor: string;\n  hoverBorderColor: string;\n  focusBackgroundColor: string;\n  focusBorderColor: string;\n  focusRingColor: string;\n  motionDuration: DurationString;\n  motionEasing: EasingString;\n  borderWidth: BorderWidthValues;\n  borderRadius: BorderRadiusValues;\n};\n\nconst getProps = ({\n  buttonTypographyTokens,\n  children,\n  isDisabled,\n  size,\n  theme,\n  variant,\n  color,\n  hasIcon,\n}: {\n  buttonTypographyTokens: ButtonTypography;\n  children?: 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 (variant === 'tertiary' && color !== 'primary' && color !== 'white') {\n    throwBladeError({\n      moduleName: 'BaseButton',\n      message: `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n    });\n  }\n\n  const isIconOnly = hasIcon && (!children || children?.trim().length === 0);\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    iconPadding: hasIcon && children?.trim() ? `spacing.${buttonIconPadding[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\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].top])\n      : makeSpace(theme.spacing[buttonPadding[size].top]),\n    buttonPaddingBottom: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].bottom])\n      : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n    buttonPaddingLeft: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].left])\n      : makeSpace(theme.spacing[buttonPadding[size].left]),\n    buttonPaddingRight: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].right])\n      : makeSpace(theme.spacing[buttonPadding[size].right]),\n    text: size === 'xsmall' ? children?.trim().toUpperCase() : children?.trim(),\n    defaultBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'default' }),\n    ),\n    defaultBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'default' }),\n    ),\n    hoverBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'hover' }),\n    ),\n    hoverBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'hover' }),\n    ),\n    focusBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'focus' }),\n    ),\n    focusBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'focus' }),\n    ),\n    focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),\n    borderWidth: variant == 'secondary' ? makeBorderSize(theme.border.width.thin) : '0px',\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    motionDuration: 'duration.xquick',\n    motionEasing: 'easing.standard.effective',\n  };\n\n  if (isDisabled) {\n    const disabledBackgroundColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'disabled' }),\n    );\n    const disabledBorderColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', 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.defaultBorderColor = disabledBorderColor;\n    props.hoverBackgroundColor = disabledBackgroundColor;\n    props.hoverBorderColor = disabledBorderColor;\n    props.focusBackgroundColor = disabledBackgroundColor;\n    props.focusBorderColor = disabledBorderColor;\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    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    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  // Button cannot be disabled when its rendered as Link\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    defaultBorderColor,\n    defaultBackgroundColor,\n    minHeight,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    focusBorderColor,\n    focusBackgroundColor,\n    focusRingColor,\n    fontSize,\n    hoverBorderColor,\n    hoverBackgroundColor,\n    iconColor,\n    iconSize,\n    iconPadding,\n    spinnerSize,\n    lineHeight,\n    text,\n    textColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n  } = getProps({\n    buttonTypographyTokens: buttonTypography,\n    children: 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 defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\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      // 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 ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isLink ? 'link' : 'button',\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      isLoading={isLoading}\n      disabled={disabled}\n      defaultBorderColor={defaultBorderColor}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      defaultBackgroundColor={defaultBackgroundColor}\n      focusBorderColor={focusBorderColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      isFullWidth={buttonGroupProps.isFullWidth ?? isFullWidth}\n      onClick={onClick}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\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      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      isPressed={isPressed}\n      onMouseDown={handlePointerPressedIn}\n      onMouseUp={handlePointerPressedOut}\n      onMouseOut={handlePointerPressedOut}\n      onKeyUp={handleKeyboardPressedOut}\n      {...metaAttribute({ name: MetaConstants.Button, testID })}\n      {...getStyledProps(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 accessibilityLabel=\"Loading\" size={spinnerSize} color={color} />\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\n              paddingRight={iconPadding}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            >\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n          {text ? (\n            <BaseText\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          ) : null}\n          {Icon && iconPosition == 'right' ? (\n            <BaseBox\n              paddingLeft={iconPadding}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            >\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","property","variant","state","color","_state","tokens","backgroundColor","white","Error","concat","base","getTextColorToken","_ref2","textColor","getProps","_ref3","buttonTypographyTokens","children","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","props","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","iconPadding","buttonIconPadding","iconColor","buttonPaddingTop","makeSpace","spacing","buttonIconOnlyPadding","top","buttonPadding","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","toUpperCase","defaultBackgroundColor","getIn","colors","defaultBorderColor","hoverBackgroundColor","hoverBorderColor","focusBackgroundColor","focusBorderColor","focusRingColor","borderWidth","makeBorderSize","border","width","thin","borderRadius","radius","medium","motionDuration","motionEasing","disabledBackgroundColor","disabledBorderColor","ButtonContent","styled","BaseBox","withConfig","displayName","componentId","_ref4","isHidden","opacity","_BaseButton","_ref5","ref","_buttonGroupProps$isD","_buttonGroupProps$siz","_buttonGroupProps$var","_buttonGroupProps$col","_buttonGroupProps$isF","target","rel","_ref5$variant","_ref5$color","_ref5$size","Icon","icon","_ref5$iconPosition","iconPosition","_ref5$isDisabled","_ref5$isFullWidth","isFullWidth","_ref5$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref5$type","type","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","buttonGroupProps","useButtonGroupContext","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","isLink","Boolean","childrenString","getStringFromReactText","disabled","prevLoading","usePrevious","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","StyledBaseButton","_objectSpread","as","makeAccessible","role","event","onMouseDown","onMouseUp","onMouseOut","onKeyUp","metaAttribute","name","MetaConstants","Button","getStyledProps","_jsxs","AnimatedButtonContent","display","justifyContent","alignItems","position","zIndex","BaseSpinner","accessibilityLabel","flexDirection","flex","paddingRight","BaseText","fontWeight","textAlign","paddingLeft","BaseButton","assignWithoutSideEffects","forwardRef"],"mappings":"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"}

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

@@ -0,0 +1,158 @@
+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 { ButtonGroupProvider } from './ButtonGroupContext.js';
+import '../Box/BaseBox/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import { getBackgroundColorToken } from '../Button/BaseButton/BaseButton.js';
+import '../../utils/logger/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded = ["children", "isDisabled", "size", "color", "variant", "isFullWidth", "testID"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var getDividerColorToken = function getDividerColorToken(_ref) {
+  var color = _ref.color,
+    variant = _ref.variant,
+    isDisabled = _ref.isDisabled;
+  if (variant === 'primary') {
+    return 'surface.border.gray.subtle';
+  }
+  if (variant === 'secondary') {
+    return getBackgroundColorToken({
+      property: 'border',
+      variant: variant,
+      color: color,
+      state: isDisabled ? 'disabled' : 'default'
+    });
+  }
+  return 'surface.border.gray.muted';
+};
+var StyledDivider = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "ButtonGroupweb__StyledDivider",
+  componentId: "sc-1lc1evg-0"
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    color = _ref2.color,
+    variant = _ref2.variant,
+    isDisabled = _ref2.isDisabled;
+  return {
+    borderWidth: 0,
+    borderLeftStyle: 'solid',
+    borderLeftWidth: makeBorderSize(theme.border.width.thin),
+    alignSelf: 'stretch',
+    color: getIn(theme.colors, getDividerColorToken({
+      color: color,
+      variant: variant,
+      isDisabled: isDisabled
+    }))
+  };
+});
+var _ButtonGroup = function _ButtonGroup(_ref3) {
+  var children = _ref3.children,
+    _ref3$isDisabled = _ref3.isDisabled,
+    isDisabled = _ref3$isDisabled === void 0 ? false : _ref3$isDisabled,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'medium' : _ref3$size,
+    _ref3$color = _ref3.color,
+    color = _ref3$color === void 0 ? 'primary' : _ref3$color,
+    _ref3$variant = _ref3.variant,
+    variant = _ref3$variant === void 0 ? 'primary' : _ref3$variant,
+    _ref3$isFullWidth = _ref3.isFullWidth,
+    isFullWidth = _ref3$isFullWidth === void 0 ? false : _ref3$isFullWidth,
+    testID = _ref3.testID,
+    styledProps = _objectWithoutProperties(_ref3, _excluded);
+  var contextValue = {
+    isDisabled: isDisabled,
+    size: size,
+    color: color,
+    variant: variant,
+    isFullWidth: isFullWidth
+  };
+  return /*#__PURE__*/jsx(ButtonGroupProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/jsx(StyledButtonGroup, _objectSpread(_objectSpread(_objectSpread({
+      color: color,
+      variant: variant,
+      isDisabled: isDisabled,
+      isFullWidth: isFullWidth
+    }, metaAttribute({
+      name: MetaConstants.ButtonGroup,
+      testID: testID
+    })), getStyledProps(styledProps)), {}, {
+      role: "group",
+      children: React__default.Children.map(children, function (child, index) {
+        if (true) {
+          // throw error if child is not a button or dropdown with button trigger
+          /* eslint-disable no-restricted-properties */
+          if (!isValidAllowedChildren(child, 'Button') && !(isValidAllowedChildren(child, 'Dropdown') && child.props.children.some(function (c) {
+            return isValidAllowedChildren(c, 'DropdownButton');
+          }))) {
+            throwBladeError({
+              moduleName: 'ButtonGroup',
+              message: "Only \"Button\" or \"Dropdown\" component with Button trigger are allowed as children."
+            });
+          }
+          /* eslint-enable no-restricted-properties */
+        }
+
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [child, React__default.Children.count(children) - 1 !== index && /*#__PURE__*/jsx(StyledDivider, {
+            variant: variant,
+            color: color,
+            isDisabled: isDisabled
+          })]
+        });
+      })
+    }))
+  });
+};
+
+/**
+ * ### ButtonGroup Component
+ * 
+ * The ButtonGroup component is used to group related buttons together.
+ * 
+ * ---
+ * 
+ * #### Usage
+ * 
+ * ```jsx
+  const App = () => {
+    return (
+      <ButtonGroup>
+        <Button icon={RefreshIcon}>Sync</Button>
+        <Button icon={ShareIcon}>Share</Button>
+        <Button icon={DownloadIcon}>Download</Button>
+      </ButtonGroup>
+    );
+  }
+ * ```
+ *
+ *  ---
+ *
+ * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup FileUpload Documentation}
+ * 
+ */
+var ButtonGroup = /*#__PURE__*/assignWithoutSideEffects(_ButtonGroup, {
+  displayName: 'ButtonGroup',
+  componentId: 'ButtonGroup'
+});
+
+export { ButtonGroup };
+//# sourceMappingURL=ButtonGroup.web.js.map